/* Estilos default ==================================================== */ 
		* {
			margin: 0;
			padding: 0;
		}
		
		body {
			
			/* Textos default */
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			font-weight:normal;
			color:#666666;
			background: #0D3675 url(../img/fondos/site.gif) repeat-x top center;
		
		}
		.width95 {
			width:95%;
		}
		/* Links */
		a, a:visited, a:active {
			color: #f37721;
			text-decoration: underline;
		}
		a:hover {
			color: #f37721;
			text-decoration: underline;
		}
		
		.centrado {
			margin-left: auto;
			margin-right: auto;
		}
		
		#contenedor {
			padding-bottom: 30px;
		}
		
		table#loguitos td {
			padding:8px;
			border-bottom:1px solid #cccccc;
		}
		
/* Estilos de top ====================================================================== */

		#top_bar {
			width: 952px;
			margin: 0 auto;
			height: 51px;
			background: url(../img/fondos/top.gif);
			position: relative;
		}
		
		#top_bar .top_logo, #top_bar .top_der, #top_bar .ayuda, #top_bar .contacto, #top_bar .micuenta, #top_bar .home, #top_bar .sitio_seguro {
			position: absolute;
			top: 0;
		}
		
		#top_bar .top_logo { left: 0; }
		#top_bar .top_der { right: 0; }
		
		#top_bar .ayuda { right: 167px; }
		#top_bar .contacto { right: 250px; }
		#top_bar .micuenta { right: 360px; }
		#top_bar .home { right: 480px; }
		#top_bar .sitio_seguro { right: 7px; }


/* Estilos de Head ====================================================================== */

		#head {
			width: 952px;
			margin: 0 auto;
			height: 114px;
		}


/* Estilos de Cuerpo ====================================================================== */

		#cuerpo {
			position:relative;
			width: 950px;
			margin: 0 auto;
			padding-bottom: 0px;
			background: #FFF url(../img/fondos/body.gif) repeat-x top center;
			/*border: 1px solid #003c76;
			border-top: none;
			border-bottom: none;*/
		}

/* Estilos de Foot ====================================================================== */

		#foot {
			position: relative;
			width: 950px;
			height: 100px;
			margin: 0 auto;
			background: #FFF url(../img/fondos/foot.gif) repeat-x bottom center;
		}
		
		#foot .ang_izq, #foot .ang_der, #foot .links .ang_izq, #foot .links .ang_der {
			position: absolute;
			bottom: 0;
		}
		
		#foot .ang_izq, #foot .links .ang_izq { left: 0; }
		#foot .ang_der, #foot .links .ang_der { right: 0; }
		
		
		#foot .links {
			position:relative;
			
			width: 920px;
			height: 53px;
			_height: 52px;
			margin: 0 0 0 15px;
			background: url(../img/fondos/foot_fondo.gif) repeat-x center center;
		}		

		#foot .links .misLinks {
			padding: 20px 0 0 0;
		}
		
		#foot .copy, #foot .copy a, #foot .direccion{
			color: #0d3675;
			font-size: 11px;
		}
		
		#foot .copy {
			position: absolute;
			left: 20px;
			top: 70px;
		}
		
		#foot .direccion {
			position: absolute;
			right: 20px;
			top: 70px;
		}
		
		.firma {
			width: 150px;
			margin: 10px auto;
			height: 20px;
			padding-left: 800px;
			background: url(../img/logos/p3.gif) no-repeat 765px 0;
			font-size: 11px;
			color: #FFC624;
		}
		
		.firma a, .firma a:visited {
			color: #FFC624;
			text-decoration: none;
		}
		
		.firma a:hover {
			text-decoration: underline;
		}

/* Estilos de Texto ===================================================================== */

	h1 {
		font-family:"Franklin Gothic Demi Cond", Arial; /* Poner Sifr*/
		font-size: 20px;
		color: #f37721;
		text-transform:uppercase;
	}
	
	h3 {
		font-size: 16px;
		color: #f37721;
		font-weight: bold;
	}
	
	h4 {
		font-size: 14px;
		font-weight: normal;
	}
	
	.nota_copete {
		font-weight: bold;
		color: #035fa7;
	}
	
	.texto_azul {
		font-weight: bold;
		color: #035fa7;
	}
	
	hr {
		border: none 0; 
		border-top: 1px dashed #BABFC4;/*the border*/
		height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
		margin: 7px 0;
	}
	.campos_error {
		width:220px;
		height:20px;
		border:1px solid #00AFEC;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#CC0000;
		background-color:#e0f4fd;
	}
	
/* Estilos de Fondos ===================================================================== */

		/* Columna izquierda =============================================================== */
		#cuerpo .col_izq {
			float: left;
			width: 183px;
			margin: 10px 0 10px 18px;
			_margin-left: 8px;
		}
		
		#cuerpo .col_izq .titulo {
			height: 29px;
			width: 173px;
			background:url(../img/fondos/novedades_top.gif) top center;
			padding: 10px 0 0 10px;
		}
		
		#cuerpo .col_izq .contenido {
			width: 183px;
			height: 560px;
			background: #FFF url(../img/fondos/novedades.gif) repeat-y top center;
			/*padding: 0 15px;*/
		}
		
		/* Estilos de las noticias, también para la sección ================================== */
		
		
		#cuerpo .col_izq .contenido ul,
		#cuerpo .nota .seccion_novedades ul {
			list-style: none;
		}
		
		#cuerpo .col_izq .contenido ul li,
		#cuerpo .nota .seccion_novedades ul li {
			padding: 8px 10px 0 10px;
			border-bottom: 1px dashed #00afec;
		}
		
		#cuerpo .col_izq .contenido ul li {
			width: 150px;
			margin-left: 10px;
		}

		
		
		#cuerpo .col_izq .contenido ul li .texto,
		#cuerpo .nota .seccion_novedades ul li .texto {
			color: #000;
			font-size: 11px;
		}
		
		#cuerpo .col_izq .contenido ul li .novedad,
		#cuerpo .nota .seccion_novedades ul li .novedad {
		 	font-size: 13px;
			font-weight: bold;
			color: #f37721;
		}
		
		#cuerpo .col_izq .contenido ul li .fecha,
		#cuerpo .nota .seccion_novedades ul li .fecha {
			color: #969494;
			font-size: 11px;
		}
		
		#cuerpo .col_izq .contenido ul li .ver_mas,
		#cuerpo .col_izq .contenido ul li .ver_mas a,
		#cuerpo .nota .seccion_novedades ul li .ver_mas,
		#cuerpo .nota .seccion_novedades ul li .ver_mas a {
			font-size: 11px; 
			font-weight: bold;
			text-align: right;
			display: block;
		}
		
		
		/* Columna derecha =============================================================== */
		
		#cuerpo .col_der {
			position: relative;
			float: right;
			width: 730px;
			margin: 10px 0 0 0;
		}
		
		.media_productos { width: 711px; margin: 15px 0; }
		.media_productos td {
			width: 33.3%;
		}
		
		#cuerpo .nota {
			position:relative;
			width: 472px;
			background: #FFF url(../img/fondos/cont_int_fondo.gif);
		}
		
		#cuerpo .nota_ancha {
			position:relative;
			width: 700px;
			background: url(../img/fondos/cont2_int_fondo.gif) repeat-y center center;
		}
		
		#cuerpo .nota .contenido, #cuerpo .nota_ancha .contenido{
			padding: 20px 20px 15px 40px;
		}
		
		#cuerpo .menu_int {
			position: absolute;
			right: 18px;
			top: 0;
			width: 228px;
			background: #02355c url(../img/fondos/menu_fondo.gif);
		}
		
		#cuerpo .menu_int .top_img, #cuerpo .nota .top_img,  #cuerpo .nota_ancha .top_img {
			position:absolute;
			top:0;
			left: 0;
			z-index: 4;
		}
		
		#cuerpo .menu_int .bottom_img, #cuerpo .nota .bottom_img, #cuerpo .nota_ancha .bottom_img {
			position: absolute;
			bottom: 0;
			left: 0;
			z-index: 5;
		}
		
		#cuerpo .menu_int .contenido, #cuerpo .nota .contenido, #cuerpo .nota_ancha .contenido {
			z-index:10;
			position:relative;
		}
		
		#cuerpo .menu_int .contenido ul {
			list-style: none;
			margin: 3px 3px;
		}

		#cuerpo .menu_int .contenido ul li, #cuerpo .menu_int .contenido ul li.seleccionado {
			border-bottom: 1px solid #355d7d;
		}
		
		#cuerpo .menu_int .contenido ul li {
			padding: 5px 5px 5px 10px;
		}
		
		#cuerpo .menu_int .contenido ul li.seleccionado {
			padding: 5px 5px 5px 35px;
			background: url(../img/iconos/hoja.gif) no-repeat 10px 10px;
		}
		#cuerpo .menu_int .contenido ul li.seleccionado a { color:#08AEEE; }
		
		#cuerpo .menu_int .contenido ul li, #cuerpo .menu_int .contenido ul li a { color: white; font-weight: bold;	}
		
		/* Imagen principal de la nota ================================================ */
		
		.contenido .foto_ppal {
			float: left;
			margin: 0 15px 15px 0;
			width: 180px;
		}
		
		
		.contenido .foto_ppal li, .contenido .foto_ppal p {
			background-color: #EDEDED;
			padding: 5px 7px;
			font-size: 11px;
			color: #696F72;
		}
		
		
		.contenido .foto_ppal a,
		.contenido .foto_ppal a:link,
		.contenido .foto_ppal a:hover,
		.contenido .foto_ppal a:visited,
		.contenido .foto_ppal a:active {
			color: #696F72;
		}
		
		.contenido .foto_ppal ul {
			list-style: none;
		}
		
		.contenido .foto_ppal .galeria {
			font-size: 9px;
			float:left;
			width: 64px;
			height: 20px;
			margin: 2px 0 0 1px;
			background: #EDEDED url(../img/iconos/foto.gif) no-repeat 2px 2px;
			padding: 7px 0 0 30px;
		}
		
		.contenido .foto_ppal .ampliar, .contenido .foto_ppal .solo_ampliar {
			font-size: 9px;
			float:left;
			height: 20px;
			margin: 2px 1px 0 0;
			background: #EDEDED url(../img/iconos/lupa.gif) no-repeat 2px 2px;
			padding: 7px 0 0 30px;
		}

		.contenido .foto_ppal .ampliar { width: 54px; }
		.contenido .foto_ppal .solo_ampliar { width: 150px; }
		
		
		/* listado de tomos de batman ================== */
		#cuerpo .nota .contenido .listado_albumes {
			list-style-position: inside;
			margin: 0 20px;
			color: #2155A3;
			font-weight: bold;
		}
		#cuerpo .nota .contenido .listado_albumes li { margin-bottom:10px; }
		#cuerpo .nota .contenido .listado_albumes .numero {}
		
		#cuerpo .nota .contenido .listado_albumes .texto {
			font-weight: normal;
			color: #666666;
		}
		
		/*#cuerpo .nota .contenido .listado_albumes {
			list-style-position: inside;
			margin: 0 20px;
			color: #2155A3;
			font-weight: bold;
		}
		
		#cuerpo .nota .contenido .listado_albumes .numero {}
		
		#cuerpo .nota .contenido .listado_albumes .texto {
			font-weight: normal;
			color: #666666;
		}*/
		
/* Estilos de Ilustraciones de secciones ================================================ */


		#cuerpo .ilustracion_int {
	position: absolute;
	right: 0;
	top: 0;
	width: 258px;
	_width: 258px;
	height: 469px;
		}
		
		#cuerpo .imagen1 { background: #FFF url(../img/imagenes/ilust_secciones/quienes_somos.jpg) no-repeat; }
		#cuerpo .imagen2 { background: #FFF url(../img/imagenes/ilust_secciones/novedades.jpg) no-repeat; }
		#cuerpo .imagen3 { background: #FFF url(../img/imagenes/ilust_secciones/bases.jpg) no-repeat; }
		#cuerpo .imagen4 { height: 200px; background: #FFF url(../img/imagenes/ilust_secciones/contacto.jpg) no-repeat; }
		#cuerpo .imagen5 { height: 240px; background: #FFF url(../img/imagenes/ilust_secciones/ayuda.jpg) no-repeat; }
		#cuerpo .imagen6 { height: 240px; background: #FFF url(../img/imagenes/ilust_secciones/micuenta.jpg) no-repeat; }
		#cuerpo .imagen7 { background: #FFF url(../img/imagenes/ilust_secciones/videos.jpg) no-repeat; }
		#cuerpo .imagen8 { height: 280px; background: #FFF url(../img/imagenes/ilust_secciones/sitio_seguro.jpg) no-repeat; }
		#cuerpo .imagen_boogy1 { background: #FFF url(../img/boogy/guante.jpg) no-repeat; }
	    #cuerpo .imagen_boogy2 { background: #FFF url(../img/boogy/anillo.jpg) no-repeat; }
		#cuerpo .imagen_boogy3 { background: #FFF url(../img/boogy/stephie.jpg) no-repeat; }
		#cuerpo .imagen_boogy4 { height: 300px;background: #FFF url(../img/boogy/kronnos.jpg) no-repeat; }
		#cuerpo .imagen_boogy5 { background: #FFF url(../img/boogy/gamma.jpg) no-repeat; }
		#cuerpo .imagen_boogy6 { background: #FFF url(../img/boogy/bones.jpg) no-repeat; }

/* Estilos Contacto ========================================================================= */

		.plano_contacto {
			margin-top: 20px;
		}

/* Estilos Ayuda ============================================================================= */

		.seccion_ayuda ul{
			list-style: none;
		}
		
		.seccion_ayuda ul li {
			font-weight: bold;
			font-size: 13px;
			margin: 3px 0;
			padding: 5px 7px;
			background: #fee6d6;
			/*padding-left: 10px;
			background: url(../img/bullets/circulo_naranja.gif) no-repeat 0 6px;*/
		}

		.seccion_ayuda p.inicio img,		
		.seccion_ayuda p.inicio {
			text-align: right;
			font-size: 11px;
			font-weight: bold;
			border: none;
		}
		
/* Estilos Productos ===================================================================== */

		#cuerpo .col_der .mensaje_no_productos {
			style="width: 100%;"
			margin: 15px 0 30px 0;
		}

		#cuerpo .col_der .publishing {
			width: 469px;
		}
		
		#cuerpo .col_der .promociones {
			width: 227px;
			position: absolute;
			right: 18px;
			top: 0;
		}
		
		#cuerpo .col_der .promociones .listado {
			position: relative;
			background: url(../img/fondos/promo_fondo.gif) repeat-y;
		}
		
		#cuerpo .col_der .promociones .listado .top_img {
			position: absolute;
			top:0;
			left:0;
			z-index: 10;
		}

		#cuerpo .col_der .promociones .listado .bottom_img {
			position: absolute;
			bottom:0;
			left:0;
			z-index: 11;
		}
		
		#cuerpo .col_der .promociones .listado ul {
			padding: 15px 8px;
			z-index: 15;
			list-style: none;
		}
		
		#cuerpo .col_der .promociones .listado ul li {
			padding: 8px 10px 0 10px;
			border-bottom: 1px dashed #00afec;
			font-weight: bold;
			padding-bottom: 8px;
		}
		
		#cuerpo .col_der .menu_prod_int {
			position: absolute;
			right: 18px;
			top: 0;
			width: 228px;
		}
		
		/* Tabla de productos ==================================================================== */
		#cuerpo .col_der .nota .lista_producto {
			border-collapse:collapse;
		}
		
		#cuerpo .col_der .nota .lista_producto td {
			padding: 5px 8px;
			border: #FFF 2px solid;
		}
		
		#cuerpo .col_der .nota .lista_producto td a {
			font-weight: bold;
		}
		
		#cuerpo .col_der .nota .lista_producto .titulo {
			background-color: #02355C;
			text-align: center;
			color: #FFF;
			font-weight: bold;
		}
		
		#cuerpo .col_der .nota .lista_producto .fila2 {
			background-color: #FEE6D6;
		}
		
		/* Decripción del producto =============================================================== */
		
		#cuerpo .col_der .nota .prod_desc {
			background-color: #cde8f2;
			width: 192px;
			padding-top: 15px;
			/*position: relative;*/
		}
		
		#cuerpo .col_der .nota .prod_desc .ang_arr_der,
		#cuerpo .col_der .nota .prod_desc .ang_arr_izq,
		#cuerpo .col_der .nota .prod_desc .ang_aba_der,
		#cuerpo .col_der .nota .prod_desc .ang_aba_izq {
		 	position:absolute;
		}
		
		#cuerpo .col_der .nota .prod_desc .ang_arr_der { top:0; right:0;}
		#cuerpo .col_der .nota .prod_desc .ang_arr_izq { top:0; left:0; }
		#cuerpo .col_der .nota .prod_desc .ang_aba_der { bottom:0; right:0;}
		#cuerpo .col_der .nota .prod_desc .ang_aba_izq { bottom:0; left:0; }
		
		#cuerpo .col_der .nota .prod_desc .logo { margin: 10px auto; }
		#cuerpo .col_der .nota .prod_desc .descripcion {
			text-align:left;
			padding: 0 15px 15px 15px;
		}
		
		#cuerpo .col_der .nota .prod_desc .descripcion strong { font-weight: bold; color: #2155a3; }
		
/* Estilos de boogy ===================================================================== */


/* Estilos de Paginador ===================================================================== */

		.paginador { padding: 5px 0; }
		
		.paginador td { padding: 1px; }
		
		.paginador td a {
			display:block;
			background-color: #FEE6D6;
			padding: 2px 8px;
		}
		
		.paginador td a.seleccionado { color: #FFF; font-weight: bold; background-color: #F37721; }
		.paginador td a.flecha { background: none; }

/* Estilos de Formularios ================================================================ */
.campos {
	width:220px;
	height:20px;
	border:1px solid #00AFEC;
}

textarea {
	width:400px;
	height:100px;
	margin-left:8px;
	border:1px solid #00AFEC;
}

.enviar {
	height:20px;
	width:70px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:5px 10px;
	color:#666;
	text-decoration:none;
	background-color:#f2f2f2;
	border:1px solid #00AFEC;
	
}

.mensaje_error {
		width:350px;
		border:1px solid #F35F5F;
		padding:10px 0 10px 35px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		
		color:#F35F5F;
		background:url(../img/iconos/warning.gif) no-repeat 5px 8px;
		background-color:#FFE6EC;
	}
	
.aclaraciones {
	font-size:11px;
	font-style:italic;
	color:#777;
}

/* hack para IE, no tocar ni alterar ==================================================== */ 
		.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 */