/* -------------------------- Estilos Generales ------------------------ */
body {margin: 0px; padding: 0px;font-size: 70%; font-family: Verdana; color: #6d6e6c; font-weight: normal;background: #f6f6f6;}
html {margin: 0px;padding: 0px;}
h1 { margin: -20px; padding: 0px;position: absolute; left: -5000px;}
h2 {margin:0px; padding: 0px;}
h2.portada {margin:5px 0px 5px 0px;padding:0px 0px 0px 30px;font:bold 16px Verdana;color:#2246b9;background: url(img/icon_h2.gif) no-repeat left;float:left;}
h3 {margin:20px 0px 0px 0px; padding: 0px;font:bold 14px Verdana;color:#2246b9;text-decoration:underline;}
h3.revistastit {margin:10px 0px 0px 0px; padding: 3px;font:bold 14px Verdana;color:#fff; text-decoration: none; width: 850px; background:#2246b9;}
h4 {margin:5px 0px 0px 0px; padding: 5px ;font:bold 12px Verdana;color:#666; width: 840px;
	background-color: #f0f0f0; text-decoration:none; }

img { border: none }
a {text-decoration: none;color: #6d6e6c;}
a:hover { color: #2246b9; text-decoration: underline; }
a:active { outline: none; }
a:focus { -moz-outline-style: none;}
p {line-height: 14px!important;}
form {display:inline;}
.clear {clear:both;}
.resalte {color: #2246b9;}
.resalte2 {color: #fff; background: #2246b9; padding: 3px;}
.resalte3 {color: #2246b9;font-weight:bold;}
.rojo{color:red;}

.revistas {margin: 1px 10px 0px 0px;  padding: 5px 3px 5px 25px;  width: 400px; 
		  float: left; background: url(img/ico_flecha3.gif) no-repeat top left;}



/*------------------------------------------------ CSS para paginas portada ----------------------------------------------*/

/* -------------- Contenedor ----------------- */
#contenedor {margin: 0 auto;width: 978px;min-height: 650px;border: 1px solid #ededec;background: #fff;height: auto;overflow: hidden;}
.index {margin: 0px; padding: 0px;width: 280px; height: 126px;background: url(../images/null.gif) repeat;float: left;}
	
/* -------------- Cabecera ----------------- */
#cabecera { margin: 0px; padding: 0px;width: 980px; height: 126px;background: url(img/bg_cabecera.gif) no-repeat top left;float: left;}
p.boletin, p.atencion, p.comprar, p.carrito {padding: 0px 0px 0px 30px;color: #6d6e6c;height: 40px;float: left;}
p.boletin strong, p.atencion strong, p.comprar strong, p.carrito strong{font-size: 12px; float: left;}
p.boletin {margin: 12px 0px 0px 30px; width: 190px; background: url(img/icon_boletin.gif) no-repeat top left;}
p.atencion {margin: 12px 0px 0px 10px; width: 150px; background: url(img/icon_atencion.gif) no-repeat top left;}
p.comprar {margin: 12px 0px 0px 5px; width: 105px; background: url(img/icon_comprar.gif) no-repeat top left;}
p.carrito{margin: 12px 0px 0px 8px; width: 80px; background: url(img/icon_carrito.gif) no-repeat top left;}
.slogan{width: 285px; height: 74px; background: url(img/slogan2.gif) no-repeat top left; float: left;}
.campo{margin-top: 2px; color: #6d6e6c;font-size:11px;width:150px; border:1px solid #adaeaa; #margin-left: -30px;}
.bot_boletin {margin: 1px 0px 0px 5px;width: 26px; height: 19px;background: url(img/bot_boletin.gif) no-repeat; border: none; cursor: pointer;}
#cabecera ul{margin: 10px 5px 5px 15px; padding: 0px;width: 205px;color: #6d6e6c;list-style-type: none;float: left;display: inline;}
#cabecera ul li {display: inline;}
#acceso {color: #fff; width: 160px; padding: 1px; background-color: #6d6e6c; margin-top: 10px; text-align: center; float: left;}
#acceso a{color:#e5e5e5; text-decoration: none;}
#acceso a:hover{color:#fff; border-bottom: 3px solid #75bad0; border-top: 3px solid #75bad0;}


p.buscador {margin:5px 0px 0px 40px;padding:0px;width:355px;float:left;}
.caja_buscador{color: #666666;font-size:11px;width:150px; border:1px solid #cecfcd;}
.bot_buscador {margin: 0px 0px 0px 5px;width: 28px; height: 31px;background: url(img/bg_buscador.gif) no-repeat; border: none; cursor: pointer;}


/* -------------- Menu horizontal ----------------- */
ul#menu_h {
	position:relative; 
	z-index:0; 
	height:25px; 
	padding:0px; 
	margin:0px 0px 0px 10px; 
	#margin:0px 0px 0px 4px;  /*Condicion para IE7*/
	list-style-type:none;}
ul#menu_h > li {
	display:block; 
	float:left; 
	height:25px; 
	margin:0px 2px 0px 0px; 
	padding:0px; 
	color:#ffffff; 
	font-family:Verdana; 
	font-size:12px; 
	letter-spacing:1px; 
	background:#2046c1;}
ul#menu_h li a {
	display:block; 
	padding:6px 15px 14px 15px; 
	color:#ffffff; 
	font-weight:normal; 
	letter-spacing:-0.1px; 
	white-space:nowrap; 
	}
	ul#menu_h li:hover ul {
	display: block;
	}
ul#menu_h li a:hover, ul#menu_h li.active a {
	text-decoration:none; 
	background:#172f79;
	color:#fff;
	padding-bottom:10px;}
ul#menu_h li ul.menu_h_sub {
	display:none;
	position:absolute;
	top:153px;
	#top:30px; /*Condicion para IE7 */
	#border-top:5px solid #172f79; /*Condicion para IE7 */
	left:0;
	height: 10px;
	min-height:10px;
	height: auto!important;
	padding:0 0 10px 0;
	margin:0px;
	border-top: 5px solid #172f79;
	background:#ecf0f1;
	overflow:visible;
	}
ul#menu_h li ul.menu_h_sub li {
	display:block;
	float:left;
	padding:0px 0px 0 5px;
	width:auto;
	height:100%;}
ul#menu_h li ul.menu_h_sub li.last {background:none;}
ul#menu_h li ul.menu_h_sub li a, ul#menu_h li ul.menu_h_sub li span {
	display:block; 
	padding:0 0 0 10px; 
	margin:0; 
	background:none; 
	color:#1c2359; 
	font-weight:normal; 
	letter-spacing:normal; 
	font-size: 12px; 
	white-space:normal;}
ul#menu_h li ul.menu_h_sub li a:hover {
	text-decoration:underline; 
	background:none; 
	color:#1c2359;}
ul#menu_h li ul.menu_h_sub li ul {
	position: static; 
	display: block; 
	float: left; 
	width: 140px; 
	padding: 0; 
	margin: 10px 5px 0 0; 
	height: auto;}
ul#menu_h li ul.menu_h_sub li ul li {
	display:block;
	width:140px; 
	height:auto; 
	background:none; 
	font-size:1em; 
	padding:0; 
	line-height:1.2em;}
ul#menu_h li ul.menu_h_sub li ul li a {
	display:block;
	width:130px;
	height:100%;
	padding:2px 0 2px 10px;}
ul#menu_h li ul.menu_h_sub li ul li a:hover {
	background:#97a8dc; 
	text-decoration:none; 
	color:#ffffff;}

#bg_menu {padding: 0px; margin: 0px; width: 980px; height: 40px; background: url(img/bg_menu.gif) no-repeat top left; float: left;}

/*---- Contenido ----- */
#contenido, #migas {float: left; width: 960px;}
#contenido {
	height: 300px; min-height:300px; height: auto!important; margin: 0px; padding: 0px 0px 0px 20px; 
	background:url(img/bg_contenido.gif) repeat-x bottom left;}
#migas {margin: 5px 0px 10px 0px; padding: 0px;}
p.paginacion, p.paginacion2{margin: 10px; text-align: right; float: left;}
p.paginacion{width: 670px;}
p.paginacion2{width: 850px;}
p.paginacion a, p.paginacion2 a{color:#6d6e6c!important; text-decoration: none!important;}
p.paginacion a.sel, p.paginacion2 a.sel{font-weight:bold!important;}
p.paginacion a:hover, p.paginacion2 a:hover{color:#2246b9!important; text-decoration: underline!important;}

/*---- Tienda Portada ---- */
#tienda {
	margin: 0px 0px 10px 0px; padding: 0px;	float: left;
	#padding-bottom: 10px; /*Condiciones para IE7*/
	}
#tienda ul.caja, #tienda ul.caja2 {list-style-type: none;margin: 0px; padding: 0px; height:100px; min-height: 100px; height: auto!important; float: left;}
#tienda ul.caja {width: 707px;}
#tienda ul.caja2 {width: 890px; border: none;}
#tienda ul.caja li, #tienda ul.caja2 li {
	margin: 5px 15px 5px 0px; padding:20px 0px 0px 22px; background:#fff url(img/bg_caja.gif) no-repeat top left;
	width:136px; height: 222px; min-height:222px; height: auto!important; border:1px dotted #e1e1e0; float: left; }
#tienda ul.caja li:hover, #tienda ul.caja2 li:hover {background:#f9f9f9;}
#tienda ul.caja li a, #tienda ul.caja2 li a {text-decoration: underline; color:#6d6e6c;}
#tienda ul.caja li a:hover, #tienda ul.caja2 li a:hover {text-decoration: none; color:#2246b9;}
#tienda ul.caja li p.txt, #tienda ul.caja2 li p.txt  {
	margin:0px 0px 0px -10px; padding:10px 0px 0px 0px; height: 30px; 
	#margin:-10px 0px 0px -10px;#padding:0px 0px 0px 0px; /*Condiciones para IE7*/
	} 
#tienda ul.caja li p.leyendas, #tienda ul.caja2 li p.leyendas {margin:30px 0px 0px -10px; padding:0px; height: 15px;}
#tienda ul.caja li p.producto, #tienda ul.caja2 li p.producto {
	display: table-cell; text-align:center; vertical-align:middle; /*El alineamiento vertical solo funciona en Firefox */
	background:#fff; border:1px dotted #e1e1e0; text-align: center; width:110px; height:112px; min-height: 112px;}
#tienda ul.caja li p.producto img, #tienda ul.caja2 li p.producto img {max-height: 110px; max-width: 110px;}
	
/*
#tienda ul.caja li p.producto {
    display: table-cell; text-align:center; vertical-align:middle; 
    background:#fff; border:1px dotted #e1e1e0; text-align: center; width:110px; height:110px; 
    position: relative;
    display: block;
    overflow: hidden;
    }
#tienda ul.caja li p.producto img {
position: absolute;
text-align: center;
position: relative;
}  
*/ 

.tachado {padding: 0px; margin: 5px 0px 0px 3px; color:#000; text-decoration: line-through; font-weight:normal;}
.precio, .precio2 {padding: 4px; color:red; font-size: 12px; font-weight: bold; float: left;}
.precio {margin:4px 0px 0px -10px;}
.precio2 {margin:4px 0px 0px 0px;}
a.bot_comprar{margin: 7px 0px 0px 0px; padding: 5px; color: #fff!important; text-decoration: none!important; background: #75bad0; float: right;}
a.bot_comprar:hover {background: #2246b9;}

/*----- Publicaciones Portada --- */
#publicaciones {margin: -26px 0px 0px 0px;padding: 0px;width: 251px;height: 308px;background: url(img/bg_publicaciones2.gif) no-repeat top left;float: left;}
/*#publicaciones .titular {margin: 33px 0px 20px 10px; padding: 0px;font: bold 16px Verdana; color: #2246b9; width:230px; float: left;}*/
#publicaciones .titular {margin: 36px 0px 20px 10px; padding: 0px;font: bold 12px Verdana; color: #fff; width:230px; float: left;}
#publicaciones a{text-decoration:underline;}
#publicaciones a:hover{text-decoration:none;}
#publicaciones p.txt {margin:0px 2px 0px 10px; padding:0px; height: 30px; width: 115px; float: left; height: 130px; }
#publicaciones p.producto {margin:0px; padding: 2px; text-align: center; width:110px; height: 126px; float:left;}
a.bot_comprar2{margin: 6px 0px 0px 0px; padding: 5px; color: #fff; text-decoration: none!important; background: #75bad0; float: left;}
a.bot_comprar2:hover {background: #2246b9;}

ul.listado {	margin: 7px 0px 0px 10px; padding: 0px; list-style-type: none; min-height: 82px; height: auto!important; float: left;}
ul.listado li {margin: 0px 0px 3px 0px;padding: 0px 0px 0px 10px;background: url(img/icon_li.gif) no-repeat left;}
a.mas {margin:42px 10px 0px 0px;color:#fff;float: right;}
a.mas:hover {text-decoration:none;}

a.mas_publi {margin:0px 10px 0px 0px;color:#fff;float: right;}
a.mas:hover {text-decoration:none;}

/*------ Este mes en manos maravillosas.... Portada ------------*/
#este_mes {
	margin: 15px 0px 0px 0px; background: url(img/bg_este_mes.gif) no-repeat top left; 
	width: 960px; height: 40px; min-height: 40px; height: auto;float: left;
	#padding:0px 0px 10px 0px; /*Condicion para IE7*/}
#este_mes .titular {margin: 2px 0px 24px 8px; padding: 0px;font: bold 11px Verdana; color: #fff; width:290px; float: left;}
#este_mes ul.caja {list-style-type: none;margin: 10px 0px 20px 0px; padding: 0px;width: 960px;float: left;}
#este_mes ul.caja li {
	/* background:url(img/bg_tit_mes.gif) no-repeat top left; */
	background:url(img/bg_tit_mes2.gif) no-repeat top left;
	margin: 0px 15px 0px 0px; padding:0px; width:300px; height: 295px; border:1px dotted #e1e1e0; float: left;}
#este_mes ul.caja li a {text-decoration: underline;}
#este_mes ul.caja li a:hover {text-decoration: none;}
#este_mes ul.caja li p.txt{margin:0px 7px 0px 10px; padding:0px; height: 30px; width: 155px; float: left; height: 130px;}
#este_mes ul.caja li p.producto{
	display: table-cell; text-align:center; vertical-align:middle; /*El alineamiento vertical solo funciona en Firefox */
	text-align: center; width:110px; height: 110px; border:1px dotted #e1e1e0; margin: 0px;}
#este_mes ul.caja li p.enlaces{margin:8px 0px 0px 10px; padding: 0px; width:284px; height: 57px; line-height: 16px!important; float:left;}
#este_mes ul.caja li p.enlaces a{margin: 0px 0px 3px 0px;padding: 0px 0px 0px 10px;background: url(img/icon_li.gif) no-repeat left;}

/* ----------------- Pie --------------------- */
#pie {
	margin:0px;padding:37px 0px 0px 0px;width:980px;height:85px;min-height:85px;height:auto!important;
	background: url(img/bg_pie.gif) no-repeat top left;float: left;}
	
#pie p.boletin2, #pie p.escuelas, #pie p.foro, #pie p.tecnicas {
	height: 77px; margin:0px 0px 0px 15px; padding: 0px 5px 0px 55px;
	width:170px; color:#66a0b3; font-size:11px; float: left;}
#pie p.boletin2 a, #pie p.escuelas a, #pie p.foro a, #pie p.tecnicas a {color:#66a0b3!important;text-decoration:none;}
#pie p.boletin2 a:hover, #pie p.escuelas a:hover, #pie p.foro a:hover, #pie p.tecnicas a:hover {text-decoration:underline;}

#pie p.boletin2{background:url(img/ico_boletin.gif) no-repeat top left;}
#pie p.escuelas{background:url(img/ico_escuelas.gif) no-repeat top left;}
/*#pie p.foro{background:url(img/ico_foro.gif) no-repeat top left;} */
#pie p.foro{background:url(img/ico_facebook.gif) no-repeat top left;}

#pie p.tecnicas{background:url(img/ico_tecnicas.gif) no-repeat top left;}

#pie .caja {margin:1px 0px 0px 0px;border:1px solid #77bbd1; width: 120px; height: 14px; color: #6ca9bd; font-size: 11px;#margin:0px 0px 0px -15px; float: left; }
#pie .boton{margin: 1px 0px 0px 3px;width: 28px; height: 19px;background: url(img/bot_boletin2.gif) no-repeat; border: none; cursor: pointer;
#margin: 1px 0px 0px 0px;#float: left;}
.tit_pie {font-size:14px;font-weight: bold;color:#66a0b3;}

#pie p.enlaces_pie {padding: 10px;margin: 0px;color: #bdbebc;line-height: 18px!important;float: left;letter-spacing: -1px;}
#pie p.enlaces_pie a{color:#91928f;}
#pie p.enlaces_pie a:hover{color:#2246b9;}
#pie p.izanet {margin:10px 20px 0px 0px;color:#bdbebc;float: right;letter-spacing: -1px; }
#pie p.izanet a {color:#91928f;text-decoration:underline;}
#pie p.izanet a:hover {color:#2246b9;text-decoration:none;}

/*------------------------------------------------ CSS para paginas interiores ----------------------------------------------*/

#columna1, #columna2, #ancho_total {margin:0px; height:200px;min-height:200px;height: auto!important;float: left;}

#columna1{padding: 0px; width: 220px;} /* Para el menu */
#columna2{padding: 0px 0px 20px 20px; width: 718px;} /* Para el contenido */
#ancho_total {padding: 0px 0px 20px 20px; width: 918px;} /* Para el contenido sin menu */

#columna2 a, #ancho_total a{color:#2246b9; text-decoration: underline; }
#columna2 a:hover, #ancho_total a:hover{color:#000; }

/*--------- Menu Vertical --------- */
.tit_categoria2 {
margin:-2px 10px 0px 0px;
float:left;
padding:0px 0px 6px 0px;
font-weight: normal;
font-size: 24px;
color: #5970b9;
#margin:-5px 10px 0px 0px;
#padding:5px;
}

p.tit_categoria, p.tit_subcat{margin:0px;width:220px;height:20px;min-height:20px;height:auto!important;float:left;}

p.tit_categoria {padding:4px 0px 6px 0px;font-size: 24px; color: #5970b9;#padding:4px 0px 2px 0px;#height:24px;}
p.tit_subcat {padding:2px 0px 2px 0px;font-size: 18px; line-height:20px; color: #6fa9bc;#padding:2px 0px 2px 0px;#height:22px;#min-height:22px;#height:auto!important;}

#menu_v {
	margin:0px 20px 0px 0px; padding:8px 0px 0px 0px; width:200px; height:200px; min-height:200px; height:auto!important; 
	border-top:1px dotted #5970b9; float:left;}

/*Todos los niveles, estilos comunes*/
#menu_v>ul, #menu_v>ul >li>ul, #menu_v>ul>li>ul>li>ul   {margin:0px; padding:0px; list-style-type:none; width:200px; float:left;}
#menu_v>ul >li, #menu_v>ul>li>ul>li, #menu_v>ul>li>ul>li>ul>li {padding:0px; width:197px;}
#menu_v>ul, #menu_v>ul>li, #menu_v>ul >li>a, #menu_v>ul>li>a:hover  {height:20px; min-height:20px; height:auto!important; float:left;}
#menu_v>ul >li>ul, #menu_v>ul>li>ul>li, #menu_v >ul>li>ul>li >a, #menu_v>ul>li>ul>li >a:hover, #menu_v >ul>li>ul>li>ul, #menu_v>ul>li>ul>li>ul>li   {
	height:20px; min-height:20px; height:auto!important; float:left;}

/*1er nivel*/
#menu_v>ul>li{border-bottom:1px solid #fff; background:#e2e8f9;}
#menu_v>ul>li>a, #menu_v>ul>li>a:hover {display:block; padding:3px 0px 0px 3px; font-size:14px; text-decoration:none; width:200px;}
#menu_v>ul>li>a{color:#4d66ae; background:#e2e8f9;}
#menu_v>ul>li>a:hover{color:#fff; background:#97a8dc;}
#menu_v>ul>li>a.sel{font-weight:bold; color:#4d66ae; background:#e2e8f9 url(img/ico_li.gif) no-repeat right; float:left;}

/*2do nivel*/
#menu_v>ul>li>ul>li{border-bottom:1px solid #e2e8f9;background:#fff;}
#menu_v >ul>li>ul>li>a, #menu_v>ul>li>ul>li>a:hover {display:block; padding:3px 0px 0px 10px; font-size:12px; text-decoration:none; width:193px;}
#menu_v>ul>li>ul>li>a{color:#162f78; background:#fff;}
#menu_v>ul>li>ul>li>a:hover{color:#4d66ae; background:#f2f5fd;}
#menu_v>ul>li>ul>li>a.sel{font-weight:bold; color:#162f78; background:#fff; float:left;}

/*3er nivel*/
#menu_v>ul>li>ul>li>ul>li{border:none; background:#fff;}
#menu_v>ul>li>ul>li>ul>li>a {
	display:block; padding:5px 0px 0px 17px; font-size:11px; text-decoration:none;
	width:187px; height:17px; min-height:17px; height:auto!important; float:left;}
#menu_v>ul>li>ul>li>ul>li>a{color:#162f78; background:#fff url(img/icon_3li.gif) no-repeat left;}
#menu_v>ul>li>ul>li>ul>li>a:hover{color:#4d66ae; background:#d9edf3 url(img/icon_3li.gif) no-repeat left;}
#menu_v>ul>li>ul>li>ul>li>a.sel{font-weight:bold;color:#5bb4d0;background:#fff url(img/icon_3li.gif) no-repeat left;border:1px solid #75bad0;float:left;}



/*--------------- Zona derecha productos ------------------ */
p.titular {
	margin:0px 0px 0px -20px;padding:5px 0px 2px 0px;width:736px;height:23px;min-height:23px;height:auto!important;
	border-bottom:1px dotted #5970b9;font:bold 18px Verdana; color: #162f78;float:left;}
.destacados {margin:0px 0px 0px 5px;padding:1px 2px 1px 1px;font:bold 11px Verdana;color:#fff;background:#162f78;}

/*Ofertas-Novedades-Lecciones */
#pestanas {margin: 36px 0px 0px 0px; padding: 0px; width: 684px; height: 30px; border-bottom: 1px solid #eaeaea; float: left;}
#pestanas ul {margin: 0px; padding: 0px; list-style-type: none; height: 30px; width: 689px; float: left;}
#pestanas ul li {margin: 0px 10px 0px 0px; padding: 0px; height: 30px; border: 1px solid #eaeaea;font: bold 12px Verdana; text-align:center; float: left;}
#pestanas ul li a {display:block; padding: 7px 0px 0px 0px; height: 23px; width: 160px; color: #9da2ae; text-decoration: none;background:#eaeaea; float: left;}
#pestanas ul li a.sel {color: #4d66ae; background:#fff;}
#pestanas ul li a.sel:hover {color: #4d66ae; background:#fff;}
#pestanas ul li a:hover {color: #4d66ae; background: #e2e8f9;}

#productos_pestanas {
	margin: 0px;padding: 0px;width: 684px; height: 145px; min-height:145px; height:auto!important; 
	background: #fff;border: 1px solid #eaeaea;border-top: none;float: left;}
#productos_pestanas ul.caja {list-style-type: none;margin: 12px 0px 12px 12px; padding: 0px;width: 670px;float: left;}
#productos_pestanas ul.caja li {margin: 0px 12px 0px 0px; padding:5px; background:#f3f7f8;width:313px; height: 110px; float: left; }
/*#productos_pestanas ul.caja li:hover {background:#f9f9f9;}*/
#productos_pestanas ul.caja li a {text-decoration: underline; color:#6d6e6c;}
#productos_pestanas ul.caja li a:hover {text-decoration: none; color:#2246b9;}
#productos_pestanas ul.caja li p.txt {margin:0px; padding:0px; height: 30px; float: left; width: 187px;} 
#productos_pestanas ul.caja li p.leyendas {margin:45px 0px 0px 0px; padding:0px; height: 20px;}
#productos_pestanas ul.caja li p.producto {
	margin: 0px 7px 0px 0px; padding: 0px; float: left; display: table-cell; text-align:center; vertical-align:middle;
	background:#fff; border:1px dotted #e1e1e0; text-align: center; width:110px; height:110px;}
#productos_pestanas ul.caja li p.producto img {max-height: 110px; max-width: 110px;}
#productos_pestanas ul.caja li.lecciones { 
	height:15px; min-height:15px; height:auto!important; width: 652px; background: #fff;
	font-size:12px!important; color:#152d7d; padding:5px; font-weight: bold;}
#productos_pestanas ul.caja li.lecciones ul { 
	height: 50px; min-height: 50px; height: auto!important;
	width: 650px; list-style-type: none; margin:0px; padding: 0px;  float: left;}
#productos_pestanas ul.caja li.lecciones ul li, #productos_pestanas ul.caja li.lecciones ul li a, #productos_pestanas ul.caja li.lecciones ul li a:hover {
	margin-top:1px; height:15px; min-height:15px; height:auto!important; width:302px; font-size: 11px!important;}
#productos_pestanas ul.caja li.lecciones ul li a{display: block; color: #152d7d; font-weight:normal!important;}
#productos_pestanas ul.caja li.lecciones ul li a:hover{display: block; background: #152d7d; color:#fff!important; }

	
/*----------------------------- Listado ---------------------------------*/
#explicacion {margin: 20px 0px 10px 0px;padding: 0px;height: 20px;min-height: 20px;height: auto!important;text-align:justify;width: 685px;float: left;}


/*------------------------- Ficha producto ----------------------------*/
.icon_ficha {margin: 10px 30px -2px 0px; float: right; #margin:0px 30px -2px 0px; /*Condicion para IE7*/}

table.producto {
	padding: 0px; margin: 10px 0px 20px 0px;height: 20px;min-height: 20px;height: auto!important;width: 685px;
	background: #f7f7f7;border: 1px solid #e2e8f9;float: left;}
table.producto tr td.blanco {background: #fff;}
table.producto tr td.foto {padding:5px; width: 210px;text-align:center;}
table.producto tr td.foto img {padding:2px; border:1px solid #eaeaea; background:#fff;}

p.azul {
	margin:4px; padding:5px; width:445px; background:#f7f7f7; color:#2246b9; font-weight:bold; 
	height: 18px; min-height: 18px; height:auto!important; float:left;}
p.blanco {margin:4px; padding:5px; width:445px; background:#fff; float:left;}
p.azul_uno {
	margin:4px 0px 4px 4px;padding:5px; width: 80px; background: #f7f7f7; color: #2246b9; font-weight: bold; 
	height: 18px; min-height: 18px; height:auto!important;float: left;}
p.azul_dos {
	margin:4px 4px 4px 0px;padding:5px; width: 355px; background: #f7f7f7; font-weight: bold;
	height: 18px; min-height: 18px; height:auto!important; float: left;}
p.blanco_margen {margin:4px;padding:5px 0px 5px 95px; width: 345px; background: #fff; float: left;}

/*Enlaces colores */
p.blanco_margen a {margin:0px 2px 2px 0px; padding:1px; float:left; border:2px solid #fff; color:#6d6e6c!important; text-decoration:none!important;}
p.blanco_margen a.sel {border:2px solid #162f78;}
p.blanco_margen a:hover {border:2px solid #ebebeb; color:#2246b9!important;}

/*Enlaces textos */
p.blanco_margen a.cuadro{
	margin:0px 6px 4px 0px; padding:4px; border:1px solid #bfc0bc; text-decoration:none; text-align: center;
	width: 50px; min-width:50px; width:auto!important; float:left;}
p.blanco_margen a.cuadro:hover{border:1px solid #ebebeb;}
p.blanco_margen a.cuadro_sel{
	margin:0px 6px 4px 0px; padding:3px; color:#162f78!important; border:2px solid #162f78; text-decoration:none; text-align: center;
	width: 50px; min-width:50px; width:auto!important; float:left; }
	
.caja_desplegable {font-size: 11px; height: 17px;}
.tachado2 {padding: 0px; margin: 5px 20px 0px 3px; color:#696969; font-size: 12px; text-decoration: line-through; font-weight:normal; float: left;}
.precio3 {margin:4px 0px 0px 0px; padding: 0px; color:red; font-size: 12px; font-weight: bold; float: left;}

/*Enlaces boton comprar */
p.blanco_margen a.bot_comprar{
	margin: -5px 0px 0px -90px; padding: 7px; color: #fff!important; text-decoration: none!important; background: #75bad0; font-size: 12px; float: left;}
p.blanco_margen a.bot_comprar:hover {background: #2246b9;}

/*Enlace ampliar foto*/
a.lupa, a.v_lecciones {
	padding:0px 15px 0px 0px; margin:10px 10px 0px 0px; color:#5970b9!important; text-decoration: underline; float: right;}
a.lupa {padding:0px 15px 0px 15px; background: url(img/icon_lupa.gif) no-repeat right; }
a.lupa:hover, a.v_lecciones:hover {text-decoration: none; color: #000!important;}

p.relacionados, p.relacionados2 {margin:15px 0px 5px 0px; padding:0px; height:18px; float:left; border-bottom:1px dotted #e1e1e0; float:left;}
p.relacionados{width:685px;}
p.relacionados2{width:860px;}
p.relacionados strong, p.relacionados2 strong {margin:0px; padding:2px 5px 2px 5px; background:#eaeaea; color:#2246b9; float:left;}

/*Enviar a un amigo*/
a.enviar {
	display:block; margin: 5px 5px 5px 25px; padding: 3px 3px 3px 10px; 
	text-decoration: none!important; font-weight: bold;
	width:150px; background:#e5e5e5 url(img/icon_sobre.gif) no-repeat left; float: left;}
	
/*Compartir*/
a.compartir, a.compartir2 {
	display:block; margin: 25px 5px 5px 25px; padding: 3px 3px 3px 80px; 
	text-decoration: none!important; font-weight: bold; text-align: left!important;
	width:80px; background:#e5e5e5 url(img/icon_compartir.gif) no-repeat left; float: left;}
a.compartir {margin: 25px 5px 5px 25px; float: left;}
a.compartir2 {margin: 0px 17px 0px 0px; float: right!important;}
	
/*Pop-up Enviar a un amigo*/
#caja_amigo{margin:5px;padding: 5px;line-height: 24px!important;background: #fff;width: 380px;height: 380px;min-height: 380px;height:auto!important;float: left;}
#caja_amigo p.texto {margin: 10px; padding: 0px; width: 350px; text-align: justify; float: left;}
#caja_amigo p.formu {margin: 10px; padding: 10px; width: 330px; border:1px dotted #ccc;float: left;}
.caja2 {margin:2px 0px 10px 0px;width: 320px; height: 16px; border: 1px solid #ccc; float: left;}

/*Descargas*/
ul.descargas {
	padding: 0px; margin: 5px 5px 5px 25px; list-style-type: none; width: 160px; float: left;}
ul.descargas li {
	margin: 0px 0px 3px 0px; padding: 2px 2px 2px 10px; width: 150px;
	background: #e5e5e5 url(img/icon_descarga.gif) no-repeat left; float: left;}
ul.descargas li:hover {background: #666 url(img/icon_descarga.gif) no-repeat left;}
ul.descargas li a{text-decoration: none!important;}
ul.descargas li a:hover{color: #fff!important;}



/*------------------------- Cesta de la compra  ----------------------------*/
p.titular2 , p.tit_ejercios{
	margin:0px 0px 0px -20px;padding:5px 0px 2px 0px;height:23px;min-height:23px;height:auto!important;
	border-bottom:1px dotted #5970b9;font:bold 18px Verdana; color: #162f78;float:left;}
p.titular2  {width:958px;}	
p.tit_ejercios  {width:737px;}	
p.txt2, p.txt_destacado, p.txt_destacado2 {margin:20px 35px 20px 0px;text-align:justify; float:left; font-weight:normal!important;}
p.txt2{width:880px;}
p.txt_destacado, p.txt_destacado2 {border: 1px dotted #76bbd1; padding: 15px; background: #fff;}
p.txt_destacado {width: 860px;}
p.txt_destacado2 {width: 670px;}
.alerta {font-weight: bold; background: url(../../images/icon_atencion.gif) no-repeat left; padding: 0px 0px 0px 20px;}

/*Pasos*/
ul.pasos {
	padding: 10px 5px 0px 125px; list-style-type:none; margin-left: 0px; float: left; width: 760px; border-bottom: 1px dotted #4d66ae; background: #f8f8f8;
	#padding: 10px 5px 0px 85px; #width: 798px; /*Condiciones IE7*/
}
ul.pasos li, ul.pasos li.sel {padding: 10px 10px 10px 18px; margin: 0px 10px 0px 0px; height: 16px; font-size: 12px; border:1px dotted #4d66ae; border-bottom: none; float: left;}
ul.pasos li.sel{background: #4d66ae url(img/ico_paso.gif)no-repeat left; color:#fff; #background-color: #4d66ae;}
ul.pasos li {background: #e2e8f9 url(img/ico_paso2.gif)no-repeat left; color:#4d66ae; font-weight: bold; #background-color: #e2e8f9;}


table.cesta {width: 880px; border:1px solid #e5e5e5; float:left;}
table.cesta tr td.titular {background: #162f78; font-size: 14px; text-align: left; font-weight: bold; padding: 5px;color: #fff;}
table.cesta tr td.mensaje{background: #fcefc1; font-size: 11px; text-align: left; font-weight: bold; padding: 5px;color: #d8670b;}
table.cesta tr th {background: #7f95d5; color: #fff;}
table.cesta tr td{text-align: center; padding: 3px; border-top: 1px solid #e5e5e5;}
table.cesta tr td.producto{text-align: left;}
table.cesta tr td.producto2{text-align: left; padding: 5px 5px 5px 20px;}
table.cesta tr td.ancho{width:150px; font-weight: bold; text-align: left;}
table.cesta tr td.total, table.cesta tr td.preciof {font-weight: bold; font-size: 12px;}
table.cesta tr td.total{background: #e7e7e7; text-align:right; border-bottom: 1px solid #fff;}
table.cesta tr td.preciof, table.cesta tr td.precios, table.cesta tr tr.descuento{background: #e92d29; text-align:center; color: #fff; border-bottom: 1px solid #fff;}
table.cesta tr td.precios{background: #e97f7d;}
table.cesta tr td.descuento{background: #fcecb4;}
table.cesta tr td.preciof{background: #e92d29;}
.boton, .boton_gris, .boton_ok {padding: 5px; color: #fff; text-decoration: none!important; border: none; float: left;}
.boton{margin:0px 5px 0px 0px;background: #75bad0;font-weight: bold;}
.boton_ok{margin:10px 5px 0px 0px;background: #000;font-weight: bold;}
.boton_gris{margin:10px 5px 0px 0px;background: #666;}
.boton:hover, .boton_ok:hover, .boton_gris:hover  {background: #2246b9;}
a.boton {color:#fff!important;}

table.usuario, table.contrasena {background: #f9f9f9;padding: 10px;border:1px dotted #ccc;float: left;}
table.usuario {margin: 0px 20px 20px 0px;width: 434px;}
table.contrasena {margin: 0px 20px 20px 150px;width: 600px;}
table.usuario:hover, table.contrasena:hover {background: #f1f7f9;}
.tit_usuario {padding: 0px 0px 0px 15px; background: url(img/icon_usuario.gif) no-repeat left; color: #162f78; font-weight: bold;}

/*Usuario no registrado*/
.caja1, .caja2, .caja3, .caja4, .caja5{color: #666666;font-size:12px;border:1px solid #cecfcd; height: 18px; font-family: Verdana;}
.caja1{width:300px;}
.caja2{width:180px;}
.caja3{width:40px;}
.caja4{width:840px; height: 80px;}
.caja5{width:720px; height: 80px;}
#capaexpansion{position:relative;display:none;}
table.usuario2 {padding:4px; margin: 0px; width: 890px; border:1px dotted #ccc; float:left; background: #fff;}
table.usuario2 tr td {background: #f8f8f8; text-align: left; font-weight: bold; padding: 5px; border-bottom:1px dotted #ccc;}
table.usuario2 tr td.titular {background: #162f78; font-size: 12px; text-align: left; font-weight: bold; padding: 3px;color: #fff;}

table.usuario3 {padding:5px; margin: 0px; width: 860px; border:1px solid #e5e5e5; float:left; background: #e5e5e5;}
table.usuario3 tr td {background: #fff; text-align: left; font-weight: normal!important; padding: 5px;}

#loggi {margin:10px 0px 10px 0px; padding: 10px; background: #fff; width: 866px; border: 1px dotted #cdcdcd; float: left; }
#loggi .tcontacto {font-weight: bold; font-size:12px; color: #162f78; float: left; background: url(img/ico_flecha2.gif) no-repeat left; padding:0px 0px 0px 20px; margin-bottom: 10px;}
#loggi p, #loggi p.ancho {margin: 0px 0px 5px 20px; background: url(img/ico_flecha.gif)no-repeat left; padding-left: 15px; width: 350px; float: left;}
#loggi p.ancho {width: 800px; text-align: justify; background: #fff;}


/*------------------------- Página de resultados de la búsqueda ----------------------------*/
p.resultados, p.resultados2 {padding: 15px; margin: 0px 0px 10px 0px; border-bottom:1px dotted #ccc; text-align: justify; float: left;}
p.resultados {width: 860px;}
p.resultados2 {width: 670px;}
p.resultados strong, p.resultados2 strong{font-size: 14px; color: #162f78; margin-bottom: 10px; float: left;}
p.resultados strong {width: 860px; }
p.resultados2 strong {width: 670px; }
p.resultados img, p.resultados2 img {padding: 2px; margin:0px 20px 5px 0px; border: 1px dotted #888;}

/*--------------------------- Atencion al cliente ----------------------------------------*/
table.atencion {padding:4px; margin: 0px; width: 630px; border:1px dotted #ccc; float:right; background: #fff;}
table.atencion tr td {background: #f8f8f8; text-align: left; font-weight: bold; padding: 5px; border-bottom:1px dotted #ccc;}
table.atencion tr td.titular {background: #162f78; font-size: 12px; text-align: left; font-weight: bold; padding: 3px;color: #fff;}

/*--------------------------- Mapa web ----------------------------------------*/
p.mapa {
	padding: 10px;margin: 20px 0px 5px 0px;width: 870px;height: 10px;min-height: 10px;height: auto!important;
	border: 1px dotted #ccc;line-height: 16px!important;background: #f5f5f5;font-size: 12px;float: left;}
p.mapa  a{margin-right: 12px; width: 205px; float: left;}

/*------------------------------- Tecnicas e ideas -----------------------------------*/
#columna_t1, #columna_t2{padding: 0px; width: 420px; height: 20px; min-height: 20px; height: auto!important; float: left;}

#columna_t1{ margin: 0px 45px 10px 0px;}
#columna_t2{margin: 0px 0px 10px 0px; }

/*Estilos para el desplegable-acordeon*/
.arrowlistmenu{
	margin-top: 20px;
	width: 420px; /*width of accordion menu*/
	float: left;}
.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
	font: bold 12px Arial;
	color: white;
	background: #162f78;
	margin:0px 0px 2px 0px; /*bottom spacing between header and rest of content*/
	padding: 3px 0 3px 10px; /*header text is indented 10px*/
	cursor: hand;
	cursor: pointer;}
.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
	background:#75bad0;}
.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin-bottom: 2px; /*bottom spacing between each UL and rest of content*/}
.arrowlistmenu ul li{
	padding-left: 10px;
	padding-bottom: 6px; /*bottom spacing between menu items*/}
.arrowlistmenu ul li a{
	color: #162f78;
	background: url(img/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
	display: block;
	padding: 2px 0;
	padding-left: 19px; /*link text is indented 19px*/
	text-decoration: none;
	font-weight: bold;
	border-bottom: 1px solid #dadada;
	font-size: 100%;}
.arrowlistmenu ul li a:visited{
	color: #162f78;}
.arrowlistmenu ul li a:hover{ /*hover state CSS*/
	color: #162f78;
	background-color: #F3F3F3;}
	
	
/*--------------------------- Noticias --------------------------- */
#contenido_txt {float: left; }
#contenido_txt table {width: 100%!important;}

/*--------------------------- Como comprar --------------------------- */
ul.todo {list-style-type: none;margin:0px;padding: 0px;width: 890px;}
ul.todo li {padding: 0px;margin-bottom: 2px;float: left;}
ul.todo li a, ul.todo li a:hover {display: block; padding: 5px 5px 5px 10px; width: 875px; margin-bottom: 2px;}
ul.todo li a{font-size: 12px; color: #fff!important; text-decoration: none!important; background: #162f78;}
ul.todo li a:hover{ background: #75bad0;}
a.subir {background: url(img/ico_subir.gif) no-repeat left; margin-top: 15px;padding-left: 10px; float: right;}


/* ----------------------------- Tecnicas, ejercicios ------------------------- */
#tecnicas, #tecnicas2 {
	height: 500px; 
	min-height: 500px;
	height: auto!important;
	font-size:12px!important;
	float: left;
}
#tecnicas {width:705px;}  /* Para la plantilla con menu lateral  */
#tecnicas2 {width:865px;}  /* Para la plantilla sin menu lateral */

#tecnicas  p.txt_destacado2  {
	margin:20px 35px 20px 0px;text-align:justify; float:left; font-weight:normal!important;
	border: 1px dotted #76bbd1; padding: 15px; background: #fff; width: 670px; line-height: 20px!important;}
#tecnicas p.resultados2 {
	padding: 15px; margin: 0px 0px 10px 0px; border-bottom:1px dotted #ccc; text-align: justify; float: left; width: 670px; 
	font-size: 12px!important; line-height: 20px!important;}
#tecnicas p.resultados2 strong {font-size: 14px; color: #162f78; margin-bottom: 10px; float: left; width: 670px; line-height: 20px!important;}

	
#tecnicas2 p.txt_destacado {
	margin:20px 35px 20px 0px;text-align:justify; float:left; font-weight:normal!important;
	border: 1px dotted #76bbd1; padding: 15px; background: #fff; width: 860px; line-height: 20px!important;}	
#tecnicas2 p.resultados {
	padding: 15px; margin: 0px 0px 10px 0px; border-bottom:1px dotted #ccc; text-align: justify; 
	float: left; width: 860px; line-height: 20px!important;}
#tecnicas2 p.resultados strong {font-size: 14px; color: #162f78; margin-bottom: 10px; float: left; width: 860px; line-height: 20px!important;}


#tecnicas2 p.resultados img, #tecnicas p.resultados2 img {padding: 2px; margin:0px 20px 5px 0px; border: 1px dotted #888;}



/*--------- Extranet cliente ---------------*/
.retenido {background: #f0d885;}
.finalizado {background: #36aa31; color: #fff;}
.pendiente {background: #bad9ef;}
.cancelado {background: #ef2e0e; color: #fff;}