@charset "UTF-8";
@import url("reset.css");


body {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 62.5%;
	height: 100%;
	background-image: url(../images/fondo.png);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #3B80C2;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

strong {
	font-weight: bold;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}
a {
	text-decoration: none;
}
a.boton_azul, input.boton_azul {
	display: block;
	background-color: #90c8ff;
	padding: 3px;
	color: #1c5d9d;
	border: 1px solid #1c5d9d;
	font-size: 11px;
	font-weight: bold;
	padding-right: 17px;
	background-image: url(../images/boton_flechita_azul.png);
	background-repeat: no-repeat;
	background-position: right center;
}
input.boton_azul {
	padding: 1px;
	padding-right: 17px;
	cursor: pointer;
}
input:focus.boton_azul {
	outline: none;
}
*+ html input.boton_azul {
	padding: 1px;
	padding-right: 12px;
}
a:hover.boton_azul, input:hover.boton_azul {
	background-color: #fff;
}
a.boton_verde, input.boton_verde {
	display: block;
	background-color: #a7f1e1;
	padding: 3px;
	color: #2d907a;
	border: 1px solid #2d907a;
	font-size: 11px;
	font-weight: bold;
	padding-right: 17px;
	background-image: url(../images/boton_flechita_verde.png);
	background-repeat: no-repeat;
	background-position: right center;
}
input.boton_verde {
	padding: 1px;
	padding-right: 17px;
	cursor: pointer;	
}
input:focus.boton_verde {
	outline: none;
}
*+ html input.boton_verde {
	padding: 1px;
	padding-right: 12px;
}
a:hover.boton_verde, input:hover.boton_verde {
	background-color: #fff;
}

a.boton_gris, input.boton_gris {
	display: block;
	background-color: #e5e5e5;
	padding: 3px;
	color: #1c5d9d;
	border: 1px solid #1c5d9d;
	font-size: 11px;
	font-weight: bold;
	padding-right: 17px;
	background-image: url(../images/boton_flechita_azul.png);
	background-repeat: no-repeat;
	background-position: right center;
}
input.boton_gris {
	padding: 1px;
	padding-right: 17px;
	cursor: pointer;	
}
input:focus.boton_gris {
	outline: none;
}
*+ html input.boton_gris {
	padding: 1px;
	padding-right: 12px;
}
a:hover.boton_gris, input:hover.boton_gris {
	background-color: #fff;
}


/****************************************************************
CONTENEDOR
****************************************************************/
#contenedor {
	background-color: #FFF;
	width: 950px;
	margin: 0 auto;
	text-align: left;
	padding-top: 10px;
	padding-bottom: 2px;
}
/****************************************************************
CABECERA
****************************************************************/
#cabecera {
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 260px;
	font-size: 1.2em;
	color: #3574b2;
}
#cabecera_superior {
	padding-left: 264px;
	padding-right: 13px;
}
#cabecera h1 {
	float: left;
	padding-top: 3px;
}
#cabecera h1 a {
	background-image: url(../images/logotipo.png);
	background-repeat: no-repeat;
	display: block;
	height: 65px;
	width: 184px;
}
#cabecera h1 a span {
	display: none;
}
#carrito {
	float: right;
	background-image: url(../images/carrito_fondo.png);
	background-repeat: no-repeat;
	height: 69px;
	width: 196px;
	margin-left: 10px;
	padding-left: 50px;
	position:relative;
}
#carrito h2 {
	color: #d6f5ef;
	font-weight: bold;
	text-align: right;
	padding-right: 10px;
	padding-top: 5px;
	margin-bottom: 13px;
}
#carrito p {
	color: #fff;
	font-size: 0.9em;
	margin-bottom: 3px;
}
#carrito p span {
	font-weight: bold;
	font-size: 1.2em;
}
#carrito a {
	position: absolute;
	right: 10px;
	top: 40px;
}
#cabecera #carrito_opciones {
	float: right;
	padding-top: 3px;
	width: 200px;
	text-align: right;
}
#cabecera #carrito_opciones a {
	color: #3574b2;
	text-decoration: underline;
}
#cabecera #carrito_opciones a:hover {
	color: #000;
	text-decoration: underline;
}
#cabecera #carrito_opciones #barra_idiomas {
	padding-bottom: 34px;
}
#cabecera p.bienvenida {
	width: 310px;
	margin-left: 350px;
	margin-top: 80px;
	line-height: 1.4em;
	font-size: 1.2em;
	text-align: justify;
	padding-right: 20px;
}
/****************************************************************
MAINNAV
****************************************************************/
#mainnav {
	background-image: url(../images/mainnav_fondo.png);
	background-repeat: repeat-x;
	height: 27px;
	margin-top: 7px;
	margin-bottom: 7px;
	margin-right: 13px;
	margin-left: 13px;
}
#mainnav ul {
	float: left;
}
#mainnav ul li {
	display: inline;
}
#mainnav ul li a {
	color: #FFF;
	font-size: 1.2em;
	text-transform: uppercase;
	display: block;
	float: left;
	height: 20px;
	padding-right: 8px;
	padding-left: 8px;
	border-right: 1px solid #a7f1e1;
	padding-top: 7px;
	font-weight: bold;
}
#mainnav ul li a:hover, #mainnav ul li a.activado {
	background-color: #a7f1e1;
	color: #2d907a;
}
#mainnav form {
	float: right;
	background-image: url(../images/icono_lupa.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 22px;
	padding-top: 3px;
	height: 24px;
	padding-right: 10px;
}
#mainnav form input.campo {
	border: 1px solid #2d907a;
	width: 140px;
	color: #999;
	padding-left: 3px;
	font-size: 1.1em;
}
*+ html #mainnav form input.campo {
	padding: 2px;
	padding-left: 3px;	
}

/****************************************************************
NAVIGATION
****************************************************************/

#navigation li
{
	display: inline;
}
#navigation li a:hover
{
	
	text-decoration: underline;
	font-weight: normal;
}

#navigation li a, #navigation li a:active, #navigation li a:visited {
font-weight: normal;
text-decoration: underline;
color: #2F9F8D;
margin-right: 5px;
/*margin-left: 5px;*/
}
#navigation  {
	font-weight: bold;
	background-color: #ddf6f2;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	color: #2F9F8D;
	line-height: 18px;
	margin-bottom: 12px;
	padding-left: 12px;
	margin-left: 13px;
	margin-right: 13px;
} 

/****************************************************************
MAINCONTENT
****************************************************************/
#maincontent {
	background-image: url(../images/maincontent_fondo.png);
	background-repeat: repeat-y;
	padding-right: 12px;
	padding-left: 13px;
}
#maincontent_white {
	padding-right: 13px;
	padding-left: 13px;
	overflow:auto;
	height: 100%;
}
#maincontent_blue {
	padding-right: 13px;
	padding-left: 13px;
	background-image: url(../images/left_blue.png);
	background-repeat: repeat-y;
	overflow: auto;
	height: 100%;
}
#maincontent_green {
	padding-right: 13px;
	padding-left: 13px;
	background-image: url(../images/right_green.png);
	background-repeat: repeat-y;
	overflow: auto;
	height: 100%;
}
#maincontent_contact {
	padding-right: 13px;
	padding-left: 13px;
	background-image: url(../images/right_contact.png);
	background-repeat: repeat-y;
	overflow: auto;
	height: 100%;
}

/****************************************************************
PIE
****************************************************************/
#pie {
	height: 25px;
	background-color: #3574b2;
	margin: 15px 13px 0px 13px;
	color: #FFF;
	padding-right: 10px;
	padding-left: 10px;
	font-size: 1.2em;
	padding: 7px 0px 10px 0px;
	text-align: center;
}
#pie .copyright {
	margin-bottom: 5px; 
	
}
#pie .disclaimer {
}
#pie .disclaimer li {
	display: inline;
}
#pie .disclaimer a {
	color: #D7ECFF;
}
#pie .disclaimer a:hover {
	text-decoration: underline;
}
#left_content
{
	background-image: url(../images/gradiente.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-top: 10px;
}

h2.encabezados
{
	background-position: left top;
	background-repeat: no-repeat;
	color: #FFFFFF;
	display: block;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.6em;
	font-weight: bold;
	padding-left: 12px;
	padding-top: 6px;
}
h3.encabezados
{
	color: #2e679e;
	font-size: 1.4em;
	font-weight: bold;
	margin-bottom: 12px;
}
/****************************************************************
ELEMENTOS DE FORMULARIO
****************************************************************/
  span.checkbox {
  width: 19px;
 height: 25px;
  padding: 0 5px 0 0;
 background: url(checkbox.gif) no-repeat;
 display: block;
 clear: left;
 float: left;
 }
 span.radio {
  width: 19px;
   height: 25px;
  padding: 0 5px 0 0;
  background: url(radio.gif) no-repeat;
  display: block;
 clear: left;
   float: left;
 }
 span.select {
	position: absolute;
	width: 158px;
	height: 21px;
	padding: 0 24px 0 8px;
	color: #fff;
	font: 12px/21px arial,sans-serif;
	overflow: hidden;
	background-image: url(../images/select.png);
	background-repeat: no-repeat;
	}
#central .subcategorias form {
	color: #e7e7e7;
	text-align: left;
	/*padding-left: 10px;*/
}
* html #central .subcategorias form select {
	width: 200px !important;
	margin-bottom: 10px;
}
/****************************************************************
IMAGENES ALINEADAS CON TEXTO
****************************************************************/
.img_left
{
	border: 1px solid #3B80C2;
	float: left;
	margin-right: 15px;
}
.img_right
{
	border: 1px solid #3B80C2;
	float: right;
	margin-left: 15px;
}
/****************************************************************
ENLACES
****************************************************************/
ul.enlaces {
	margin: 20px 30px 0px 30px;
}
ul.enlaces li {
	display: inline;
}
ul.enlaces li a.primer_nivel, ul.enlaces li div.varios_enlaces {
	font-size: 14px;
	display: block;
	color: #000;
	border-left: 5px solid #2E679E;
	padding: 8px 35px 8px 10px;
	margin-bottom: 20px;
	background-image: url(/images/ico_enlace.png);
	background-repeat: no-repeat;
	background-position: right top;
}
ul.enlaces li a:hover.primer_nivel {
	border-left: 5px solid #62abf1;
}
ul.enlaces li a.primer_nivel p, ul.enlaces li div.varios_enlaces p {
	color: #2E679E;
	font-weight: bold !important;
	margin: 0px !important;
	font-size: 14px !important;
	line-height: 22px !important;
}
ul.enlaces li div.varios_enlaces ul {
	margin-left: 15px;
}
ul.enlaces li div.varios_enlaces a {
	font-size: 11px;
	color: #3B80C2;
	display: block;
	float: left;
	width: 46%;
	margin-top:7px;
	font-weight: bold;
	margin-right: 10px;
}
* + html ul.enlaces li div.varios_enlaces a, * html ul.enlaces li div.varios_enlaces a {
	
}
ul.enlaces li div.varios_enlaces a:hover {
	text-decoration: underline;	
}
/****************************************************************
GASTOS DE ENVIO
****************************************************************/
ul.gastos_envio {
	font-size: 14px;
	line-height: 22px;
	margin-left: 40px;
	list-style: square;
}
/****************************************************************
CONSEJOS DE BÚSQUEDA
****************************************************************/
ol.consejos_busqueda {
	font-size: 14px;
	line-height: 22px;
	margin-left: 40px;
	list-style: decimal;
}