/* Estilos cuerpo
_______________________*/

html {
	margin: 0px;
	padding: 0px;
}

body {
	margin: 0px;
	padding: 0px;
	font: 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color : #000;
	text-align : center;
	background-color : #1B3B59;
}

div.hr {
	background: url(../images/hr.jpg) repeat-x;
	height:0.1em;
	float: left;
	width: 100%;
}
div.hr hr{
	display: none;
}

a:link{
	color : #000;
	text-decoration : none;
}
a:visited{	
	color : #000;
	text-decoration : none;
}
a:hover {	
	color : #254D75;
 	text-decoration : none;
}
a:active{	
	color : #000;
	text-decoration : none;
}

h1{
	width: 770px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #14385A;
	font-weight : normal;
	text-align : right;
	padding-top : 24px;
	padding-right : 12px;
	letter-spacing : 3px;
	margin: 0px;
}
h1.cabecera{
	width: 770px;
	height: 40px;
	background-image : url(../images/cabecera.gif);
	background-repeat : no-repeat;
	background-position : center bottom;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
html>body h1.cabecera{
	min-width: 748px;
	width: auto;
	min-height: 16px;
	height: auto;
}

h2.titular{
	margin: 0px 0px 12px 0px;
	padding: 2px 5px 2px 21px;
	font: 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color : #254D75;
	letter-spacing : 2px;
	font-weight : bold;
	background-color : #F1F3F5;
	background-image : url(../images/ico_h2.gif);
	background-position : left;
	background-repeat : no-repeat;
}
/*.subtitular{
	background-color : #254D75;
	color: #FFF;
	height: 17px;
	padding: 1px 2px 0px 0px;
	font-weight : bold;
}*/

br{
	font-size : 8px;
}

hr{
	height: 1px;
	width: 100%;
	margin: 0px;
	padding: 0px;
	border : 1px solid #254D75;
}

table{
	border: colapse;
	color :  #000;
	font: 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

b{
	color : #254D75;
}

/* Estilos Formulario
_______________________*/
form{
	padding: 0px 0px 0px 0px;
	margin-top : 0px;
	margin-bottom : 0px;
}
.respuesta{
	border: 1px solid #7898B8;
	background-color : #E3ECF5;
	text-align : center;
	padding-top : 10px;
	padding-bottom : 12px;
	width : 400px;
	margin-left : 164px;
}
.botonform{
	border: 1px solid #7898B8;
	background-color : #254D75;
	color: #FFF;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	cursor: hand;
}
input {
	border: 1px solid #7898B8;
	background-color: #FFF;
	vertical-align: top;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #254D75;
	font-size: 11px;
	font-weight: normal;
	display : inline;
}
select {
	border: 1px solid #7898B8;
	background-color: #FFF;
	vertical-align: top;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #254D75;
	font-size: 11px;
	font-weight: normal;
}
textarea {
	border: 1px solid #7898B8;
	background-color: #FFF;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #254D75;
	font-size: 11px;
	font-weight: normal;
}
.opcion{
	border: 1px solid #FFF;
	background-color: #FFF;
}


/* Estilos de maketacion
___________________________*/
#contenedor {
	width:780px;
	border: 5px solid #FFF;
	background-color : #4E6F94;
	height : 100%;
	margin: 0px auto;
}
html>body #contenedor{
	width: 770px;
	min-height : 100%;
	height: auto;
}
#portada {
	margin: 0px auto;
	width:770px;
	height : 262px;
	background-color : #FFF;
	background-repeat : no-repeat;
	background-position : top left;
	font: 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-align : left;
}
html>body #portada{
	min-width: 280px;
	width: auto;
	min-height : 440px;
	height: auto;
}
#contenido {
	margin: 0px auto;
	width:770px;
	text-align : left;
	background-color : #FFF;
	height : 262px;
	padding: 20px;
}
html>body #contenido{
	min-width: 725px;
	width: auto;
	min-height : 242px;
	height: auto;
}

#pie {
	width:770px;
	height : 22px;
	margin: 0px;
	background-image : url(../images/pie.gif);
	background-repeat : repeat-x;
}
html>body #pie{
	min-width: 735px;
	width: auto;
	min-height : 22px;
	height: auto;
}
/* Estilos de Botones para los Menus
___________________________*/
ul#menu {
	width:770px;
	height : 22px;
	background-image : url(../images/fondomenu.gif);
	background-repeat : no-repeat;
	list-style-type:none;
	margin: 0px;
	padding: 0px
}
html>body ul#menu{
	min-width: 760px;
	width: auto;
	min-height : 22px;
	height: auto;
}
ul#menu li {
	display : block;
	height : 22px;
	text-align : center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color : #14385A;
	font-weight : bold;
	text-transform : uppercase;
	padding-top : 5px;
	padding-left : 7px;
	float: left;
}
ul#menu li.inicio{
	padding-left : 73px;
}
ul#menu li.repuestos{
	padding-left : 83px;
}
a.linkmenu:link { color: #14385A; text-decoration: none;}
a.linkmenu:visited { color: #14385A; text-decoration: none}
a.linkmenu:hover { color: #FFF; text-decoration: none} 
a.linkmenu:active { color: #14385A; text-decoration: none}

#avisolegal{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #22476A;
	padding-top : 4px;
	padding-left : 6px;
	margin: 0px;
	float: left;
}
#mail{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #22476A;
	padding-top : 4px;
	padding-right : 6px;
	margin: 0px;
	float: right;
}
#izanet{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #E5EAEF;
	padding-top : 5px;
	margin: 0px;
	letter-spacing : -1px;
	height : 25px;
}
a.linkpie:link { color: #22476A; text-decoration: none;}
a.linkpie:visited { color: #22476A; text-decoration: none}
a.linkpie:hover { color: #FFF; text-decoration: none} 
a.linkpie:active { color: #22476A; text-decoration: none}


.marca{
	background-color : #D7E1E9;
	width : 138px;
	height : 21px;
	margin: 3px;
	text-transform : uppercase;
	text-align : center;
	padding-top : 4px;
	float: left;
}
html>body .marca{
	min-width: 124px;
	min-height : 17px;
	height: auto;
}
a.linkmarca:link {	color: #254D75;	text-decoration: none;	font-weight : bold;	font-size: 10px;}
a.linkmarca:visited {	color: #254D75;	text-decoration: none;	font-weight : bold;	font-size: 10px;}
a.linkmarca:hover {	color: #FFF;	text-decoration: none;	font-weight : bold;	font-size: 10px; background-color: #254D75; width:100%; height:13;}
a.linkmarca:active {	color: #254D75;	text-decoration: none;	font-weight : bold;	font-size: 10px;}



.repuestosizda{
	background-color : #E6EDF2;
	vertical-align : top;
}
.repuestosdcha{
	background-color : #FFF;
	vertical-align : top;
}
ul#subcategorias {
	width:180px;
	background-color : #E6EDF2;
	list-style-type: none;
	margin: 0px;
	padding: 10px 5px 10px 10px;
	height : 100%;
}
html>body ul#subcategorias{
	width: 165px;
	min-height : 100%;
	height: auto;
}
ul#subcategorias li {
	display : block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color : #14385A;
	font-weight : bold;
	text-transform : uppercase;
	padding-bottom : 2px;
	padding-left : 12px;
	background-image : url(../images/ico_subcategoria.gif);
	background-position : top left;
	background-repeat : no-repeat;
}
a.linksubcategoria:link {	color: #254D75;	text-decoration: none;	font-weight : bold;	font-size: 10px;}
a.linksubcategoria:visited {	color: #254D75;	text-decoration: none;	font-weight : bold;	font-size: 10px;}
a.linksubcategoria:hover {	color: #254D75;	text-decoration: none;	font-weight : bold;	font-size: 10px; background-color: #BCD4E6; width:100%; }
a.linksubcategoria:active {	color: #254D75;	text-decoration: none;	font-weight : bold;	font-size: 10px;}

.producto{
	width:550px;
	margin: 0px;
	padding: 10px 0px 3px 10px;
	float: left;
}
html>body .producto{
	width: 540px;
}
.imgproducto{
	margin: 0px 0px 0px 0px;
	float: left;
	border: 1px solid #404040;
}
.textoproducto{
	width: 360px;
	height : 100%;
	background-color : #F1F3F5;
	float: left;
	text-align: left;
	margin: 0px 4px 0px 12px;
	padding: 5px 10px 5px 10px;
}
html>body .textoproducto{
	width: 340px;
	min-height : 100%;
	height: auto;
	margin: 0px 4px 0px 16px;
}
.nombreproducto{
	font-weight : bolder;
	text-transform : uppercase;
	font-size: 9px;
}

.vacaciones{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFF;
	letter-spacing : 1px;
	font-weight: bold;
	text-decoration: underline;
}
.vacacionesred{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: red;
	letter-spacing : 1px;
	font-weight: bold;
}


#superior {
	margin: 0em;
	padding: 0em;
	width: 100%;
	height: 12em;
	float: left;
	}
html>body #superior {
	min-height: 18em;
	height: auto;
	}

#superior p{
	margin: 2em 0em 0em 0em;
	padding: 0em;
	width: 98%;
	float: left;
	}
	
#inferior {
	margin: 0em;
	padding: 0em;
	height: 18em;
	width: 100%;
	float: left;
	}
html>body #inferior {
	min-height: 18em;
	height: auto;
	}
	
#inferior p{
	margin: 2em 0em 0em 0em;
	padding: 0em;
	width: 98%;
	float: left;
	}
	
img {
	border: none;
	}