/*
* { outline: 2px dotted red }
* * { outline: 2px dotted green }
* * * { outline: 2px dotted orange }
* * * * { outline: 2px dotted blue }
* * * * * { outline: 1px solid red }
* * * * * * { outline: 1px solid green }
* * * * * * * { outline: 1px solid orange } 
* * * * * * * * { outline: 1px solid blue }
*/


* {	margin:0; padding:0; }
body
{	
	font-family:Arial, Helvetica, sans-serif;
	background:#60a5de url(../imagenes/fondo.jpg)  no-repeat center top;
}


#contenedor
{
	margin:0 auto;
	position:relative;
	width:1000px;
}

#contenido
{
	background-color:#CAD4DF;
	margin:0 auto;
	width:960px;
}		

#contenido2
{
	background-color:#fff;
	margin:0 auto;
	width:960px;
}		


#contenedorPie
{
	background-color:#FFFFFF;
	text-align:center;
	width:960px;
	color: #000000;
}

#contenedorPie a
{
	color: #000000;
}

#pie
{
	
	position:relative;
	background:none;
	height:20px;
	padding-bottom:0;
	margin-bottom:0;
	text-align:center;
	font-size:11px;
	
}

.azul{ font-size:14PX; color:#114170;}
.negritas{	font-weight:bold;}
.justificado{ text-align:justify;}
.cursiva{font-style:italic;}
.centrado{ text-align:center}
.fuente10{	font-size:10px;}
.fuente11{	font-size:11px;}
.fuente12{	font-size:12px;}
.fuente14{	font-size:14px;}
.fuente18{	font-size:18px; color:#990000;}
.blanco{ color:#FFFFFF;}
.blanco a{ color:#FFFFFF;}
.negro{ color:#000000;}
.negro a{ color:#000000;}
.azul{color:#152362;}
.azul a{color:#9A0000; text-decoration:none;}
.rojo{color: #FF0000; text-decoration:none;}
.rojo a{color:#FF0000; text-decoration:none;}
.interlineado{ line-height:20px;}
.parrafo{ margin-top:14px;}
.ligas{ text-decoration:none; color:#000000;}
.ligas a{ text-decoration:none; color:#000000;}
a { outline:0; }
div.transparencia { 
opacity: 0.6;
filter: "alpha(opacity=60)"; 
filter: alpha(opacity=60);   
zoom: 1;
}

.boxes { 
	border-bottom:1.5px outset #999999; 
	border-right:1.5px outset #999999; 
	border-left:1.5px outset #CCCCCC; 
	border-top:1.5px outset #CCCCCC;
	font-size:11px;
	font-weight:400;
	color: #000000;
	width:200px;
}

/*OPCIONALES*/

/*pone la imagen sustituyendo el bull*/
li
{
	margin:4px 0;
	list-style-image:url(../imagenes/bullet.gif);
}
/* fin pone la imagen sustituyendo el bull*/

#columnaIzq
{
	position:absolute;
	float:left;
	width:190px;
	height:473px;
	margin:5px;
	background:url(../imagenes/azul-izq.jpg) repeat-x;
	top: 225px;
	left: 174px;
}
#origen{
	background-color: #DE6D1D;
	height:60px;
	width:236px;
	}
#columnaDer
{
	position:relative;
	float:left;	
	width:160px;

}
#columna1
{
	position:relative;
	float:left;
	width:130px;
	display:inline;
}

#columna2
{
	position:relative;
	width:130px;
	float:right;


}columnaMedio
{
	padding:150px 0px 0px 0px;

}
/*BOTON*/
a#replaced
{
	display:block;
    width:71px;
	height:61px; /* aqui esta el truco */
    text-indent:-9999px;
	background:url(../imagenes/inicio.png);
}

a#replaced:hover
{
	
	background-position:0 -61px;
}
/*BOTON*/

.Fizquierda
{
	float:left;
	padding-left:10px;
}
.Fderecha
{
	float:right;
	padding-right:10px;
}
ul.columnas {
Float: left;
width: 100%; /*Este ancho será el total que ocupen muestras columnas */
List-style-type: none; /*Eliminamos las viñetas */
}

/*Definimos las propiedades para <li> a partir de las otorgadas a <ul>*/

ul.columnas li{
Display:inline; /*Se declara que las propiedades serán otorgadas a cada linea*/
Float: left;
Width:33%;} /*Al definir el ancho definimos también el número de columnas, siendo 25% para 4 columnas, 33% para 3, 50% para 2 y asi para la cantidad de columnas que deseemos */
.imagen
{
	position:absolute;
	width:432px;
	height:616px;
	left: 13px;
	top: 197px;
}

.Estilo2 {
	color: #666666;

	font-size: 12px;
	font-weight: bold;
}
.Estilo3 {
	color: #032D5F;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px; 
	font-weight: bold;
}
.Estilo4 {color: #000000; font-weight: bold;  font-size: 14px; }

.Estilo6 {
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
}
.Estilo7 {
	color: #666666;
	font-weight: bold;
	}


#tabla{
	margin-left:50px;
	}

.espacio{ height:450px;}

#info{
	width:450px;
	float:left;
	margin-left:25px;
	*margin-left:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	}

#imagenes{
	width:250;
	float: right;
	margin-right:25px;

	}

#imagenes2{
	width:250;
	position:relative;
	float:left;
	margin-right:150px
	}


#info3{
	background-color:#CAD4DF;
	width:960px;
	height:150px;
	min-height:230px;
	}


#info2{
	width:700px;
	float:left;
	margin-left:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	}

#todainfo{
	width:700px;
	float:left;
	margin-left:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	}


#informacion{
	width:700px;
	float:left;
	margin-left:25px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	}

#informacion2{
	width:650px;
	float:left;
	margin-left:50px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	}

/*- Menu Tabs 12--------------------------- */

    #menu {
	float:left;
	font: 13px Eurostile;
	text-decoration:none;
	font-weight:bold;
	margin-left:20px;
       }

    #menu a{
	text-decoration:none;
       }
	   
    #menu ul {
          margin:0;
          padding:5px 50px 5px 50px;
          list-style:none;
      }
    #menu li {
      display:inline;
      margin:0;
      padding:0;
      }

	  #menu li a  {
	  border-right:medium #000000;
      padding:5px 15px 10px 15px;
      color: #000;
	  font-weight:bold;
      }
    #menu li a {
      float:left;
      text-decoration:none;
      }

    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #menu li a  {float:none;}
    /* End IE5-Mac hack */
    #menu li a:hover {
      color: #083874;
      }
    #menu li a:hover {
      background-position:0% -30px;
      }
    #menu li a:hover {
      background-position:100% -30px;
      }
/* ------------ SUBMENU2----------------*/

.mostrar{
	display:none;
}

    #submenu {
	font-size:11px;
	float:left;
	margin:30px 10px;
	height:80px;
	width:722px;
	}
	   
    #submenu ul {
	list-style:none;
    }
	  
    #submenu li {
	background:url(../imagenes/boton.jpg);
	width:125px;
	line-height:25px;
	padding-left:10px;
	display: inline-table;
    }

	#submenu li a  {
    color: #fff;
	font-weight:bold;
    text-decoration:none;
     }
    
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #submenu li a  {float:none;}
    /* End IE5-Mac hack */


/*----------------------*/
#lateralder{
	float:right;
	width:180px;
	height:600px;
	margin-right:-10px;
}

#lateralder2{
	float:right;
	width:180px;
	height:600px;
	margin-right:-36px;
}

.contacto{
	width:370px;
}


.boton{
	border:none;
	width:80px;
	background:#e5e5e5;
	font:Arial, Helvetica, sans-serif;
	font-size:13px;
}

li{
list-style-type:disc;
}

.refacciones{
width:732px;
height:263px;
background: #0066FF url(../imagenes/fondito.jpg);
padding-top:5px;
}


#producto{
	width:650px;
	float:left;
	margin-left:50px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
}

#preguntas{
	width:800px;
	float:left;
	margin-left:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	}

.sub{	
	color:#0066FF;
	font-size:13x;
	text-decoration:none;
	}