/*
* Hoja de estilos principal (main.css)
  * @author: Jorge Guitard Torres
  * @date: 2008-06-15 23:13 -0400
  * @modificada: Daniela Guerra dguerralm@gmail.com
*/
@import url( 'plugins.css' );

/* GLOBAL STYLES */
html {
	background-image: url('img/fondo.png');
	font-family: Arial, sans-serif;
	font-size: 12px;
	text-align: justify;
}

body { /* ie6 hack */
	margin: 0 auto;
	text-align: center;
}

	/* Estilos generales */

	a:link img, a:active img, a:visited img {
		border: none;
	}
	
	a:link, a:active, a:visited {
		color: rgb(0, 180, 206);
		/*color:#8ab21d;*/
		outline: none;
		font-size:120%;
	}

/*body,h1,h2,h3,h4,h5,h6,p,form,fieldset,img,ul{margin:0;padding:0;border:0;} */ /* da problemas con ie6 */



/*
.submit{font:1em Arial, sans-serif;}
*/
/*a{background-color:inherit;color:#642;text-decoration:underline;}*/
a:hover{background:inherit;color:#47828b;text-decoration:underline;}

.clear{clear:both;height:0px;font-size:0px;line-height:0px;}
.skiplink{position:absolute;top:-500px;left:0px;overflow:hidden;}
.left{text-align:left;}
.center{text-align:center;}
.right{text-align:right;}

	/* Estructura principal */

	#logo {
		background-image: url('img/logo.png') !important; 
		background-image: none;
		width: 444px;
		height: 128px;
		margin: 0 auto;
		text-align: center; /* ie6 hack */
		filter: none !important;
		filter:
		progid:DXImageTransform.Microsoft.AlphaImageLoader(src='templates/img/logo.png');
	}

	#cuerpo {
		margin: 0 auto;
		text-align: center; /* ie6 hack */
		width: 980px;
	}


/* NAVIGATION PATH - TREE */
#navipath{position:absolute;top:200px;padding:0 0 0 5px;}
#navipath a{background-color:inherit;color:#fff;text-decoration:none;}
#navipath a:hover{text-decoration:underline;}

		/* Men */

		#menu {
			float: left;
		}
		
			#menu ul {
				margin-top: 70px;
			}

				#menu li {
					width: 186px;
					list-style: none;
				}
			
				#menu a, #menu a:active, #menu a:visited, #menu a:link {
					text-decoration: none;
					width: 186px;
					height: 49px;
					display: block;
					cursor: pointer;
				}

				#menu .l1 {
					background-image: url('img/menu_home.png') !important; 
					background-image: none;
					filter: none !important;
					filter:
					progid:DXImageTransform.Microsoft.AlphaImageLoader(src='templates/img/menu_home.png');
					width: 186px;
					height: 49px;
				}
				

				#menu .l2 {
					background-image: url('img/menu_editorial.png') !important; 
					background-image: none;
					filter: none !important;
					filter:
					progid:DXImageTransform.Microsoft.AlphaImageLoader(src='templates/img/menu_editorial.png');
					width: 186px;
					height: 49px;
				}

				#menu .l3 {
					background-image: url('img/menu_catalogo.png') !important; 
					background-image: none;
					filter: none !important;
					filter:
					progid:DXImageTransform.Microsoft.AlphaImageLoader(src='templates/img/menu_catalogo.png');
					width: 186px;
					height: 49px;
				}

				#menu .l4 {
					background-image: url('img/menu_distribuidores.png') !important; 
					background-image: none;
					filter: none !important;
					filter:
					progid:DXImageTransform.Microsoft.AlphaImageLoader(src='templates/img/menu_distribuidores.png');
					width: 186px;
					height: 49px;
				}

				#menu .l5 {
					background-image: url('img/menu_noticias.png') !important; 
					background-image: none;
					filter: none !important;
					filter:
					progid:DXImageTransform.Microsoft.AlphaImageLoader(src='templates/img/menu_noticias.png');
					width: 186px;
					height: 49px;
				}

				#menu .l6 {
					background-image: url('img/menu_contacto.png') !important; 
					background-image: none;
					filter: none !important;
					filter:
					progid:DXImageTransform.Microsoft.AlphaImageLoader(src='templates/img/menu_contacto.png');
					width: 186px;
					height: 49px;
				}

				#menu .lL {
					background-image: url('img/menu_websamigas.png') !important; 
					background-image: none;
					filter: none !important;
					filter:
					progid:DXImageTransform.Microsoft.AlphaImageLoader(src='templates/img/menu_websamigas.png');
					width: 186px;
					height: 49px;
				}
				
					#menu span {
						visibility: hidden;
					}

		/* Componentes de la hoja de contenidos */
		
		#contenido_superior {
			background-image: url('img/contenido_superior.png') !important; 
			/*background-image: none;
			filter: none !important;
			filter:
			progid:DXImageTransform.Microsoft.AlphaImageLoader(src='templates/img/contenido_superior.png',sizingMethod='scale');*/
			background-position: 0 -10px;
			width: 643px;
			background-repeat: no-repeat;
		}
		
		#contenido_inferior {
			background-image: url('img/contenido_inferior.png') !important; 
			/*background-image: none;
			filter: none !important;
			filter:
			progid:DXImageTransform.Microsoft.AlphaImageLoader(src='templates/img/contenido_inferior.png',sizingMethod='scale');*/
			width: 643px;
			height: auto;
			padding-top: 40px;
			padding-bottom: 40px;
			background-repeat: no-repeat;
			background-position: bottom;
		}
		
		#contenido_centro {
/*			background-image: url('img/contenido_centro.png') !important;
			background-repeat: repeat-y;*/
			/*background-image: none;
			filter: none !important;
			filter:
			progid:DXImageTransform.Microsoft.AlphaImageLoader(src='templates/img/contenido_centro.png',sizingMethod='scale');*/
			width: 643px;
			/*padding-left: 40px;
			padding-right: 60px;*/
		}
		
					
		#contenido {
			background-image: url('img/contenido_centro.png') !important;
			background-repeat: repeat-y;
			float: left;
			width: 643px;
			margin-bottom: 20px;
		}
		
			/* Estilos de la hoja de contenidos */
		
			#contenido h1 {
				font-size: 20px;
				font-weight: bold;
				text-transform: uppercase;
				color: #8d0988;
				margin: 0 auto;
				margin-bottom: 10px;
			}
			
			#contenido  fieldset {
				border: none;
				text-align: left;
			}
			
				#contenido fieldset p {
					margin-top: 0;
				}
			
				#contenido label {
					display: block;
				}
			
				#contenido input[type="text"], #contenido textarea, .input {
					display: block;
					width: 80%;
				}
			
				#contenido button {
					display: block;
				}
				
				#contenido .home, #contenido .editorial, #contenido .catalogo, #contenido .catalogo_interior {
					/*margin-left: 40px;
					margin-right: 10px;*/
					width: 523px;
					/* float: right; */
					margin: 0 auto;
					height: 100%;
				}
				
				/* Estilos para cada pgina */
			
				#contenido .home {/*width:100%; display:block;margin:0;*/ /*outline:solid 1px blue*/}

				.noticias{
					display: block;
					float: left;
					width: 240px;
					height: 500px;
				}
				
					 .noticias .noticia {
							padding-bottom: 10px;
							margin-bottom: 10px;
							border-bottom: 1px dashed #929292;
							width: 100%;
						}
						
							.noticias .fecha {
								display: block;
								margin-bottom: 10px;
							}
					
							.noticias h2 {
								float: left;
								margin: 0;
								margin-right: 5px;
								font-size: 12px;
								font-weight: normal;
								display: inline;
								color: #00b4ce;
							}
							
							.noticias p {
								display: block;
								text-align:justify;
							}
							
					.info {
						width: 240px;
						float: right;
						/* margin-left:300px; */ /* problemas en ie */
						/* margin-top:-140px;*/ /* ya no es necesario */
						margin-right: 0; /* para que se pegue al contenedor */
						margin-top: 0;
					}
					
					.info p{
						display: block;
						text-align:justify;
					}
					
					.info h2{
						font-size: 20px;
						font-weight: bold;
						text-transform: uppercase;
						color: #8d0988;
						margin-bottom: 10px;
						margin-top: 0;
					}
					
					#contenido .home .libros {
						clear: both;
						width: 293px;
						float: left;
					}
					
						#contenido .home .libros ul {
							margin: 0;
							padding: 0;
						}
					
							#contenido .home .libros li {
								list-style: none;
								display: inline;
								margin-right: 15px;
							}
							
					#contenido .home .encuesta {
						float: left;
						width: 120px;
					}
						
						#contenido .home .encuesta label {
							display: block;
						}
					
					#contenido .home .mailist {
						float: right;
						width: 120px;
					}
											
						#contenido .home .mailist input {
							width: 120px;
						}

				#contenido .editorial {}
				
					#contenido .editorial .editorial {
						float: left;
						width: 256px;
					}
					
					#contenido .editorial .imagen {
						float: right;
						width: 256px;
					}
					
					#contenido .editorial .info {
						clear: both;
					}
					
				#contenido .catalogo {}
				
					#contenido .catalogo ul {
						list-style: none;
						margin-left: 0;
						padding-left: 0;
					}
					
						#contenido .catalogo li {
							clear: both;
							display: block;
							border-bottom: 1px dashed rgb(146, 146, 146);
							height: 70px;
							margin-bottom: 5px;
							padding-bottom: 5px;
						}
				
							#contenido .catalogo li a span {
								color: #00b4ce;
								font-size: 12px;
								text-decoration: underline;
								display: inline;
								font-weight: bold;
							}
							
							#contenido .catalogo li a img {
								float: left;
								display: block;
								margin-right: 5px;
							}
							
							#contenido .catalogo li ul {
								outline: none;
								float: left;
								margin-left: 0;
								padding-left: 0;
							}
							
								#contenido .catalogo li li {
									font-size: 10px;
									border-bottom: none;
									height: auto;
									margin-bottom: auto;
									padding-bottom: 0;
								}
								
									#contenido .catalogo li li span {
										font-weight: bold;
									}
									
				#contenido .catalogo_interior {}
				
					#contenido .catalogo_interior img {
						float: left;
						display: block;
						margin-right: 5px;
					}
					
					#contenido .catalogo_interior h2 {
						color: #00b4ce;
						font-size: 12px;
						text-decoration: underline;
						display: inline;
					}
							
					#contenido .catalogo_interior ul {
						list-style: none;
						float: left;
						margin-left: 0;
						padding-left: 0;
					}
					
						#contenido .catalogo_interior li {
							border-bottom: none;
							height: auto;
							margin-bottom: auto;
						}
						
							#contenido .catalogo_interior li span {
								font-weight: bold;
							}
						
					#contenido .catalogo_interior p {
						clear: both;
					}
					
				/* Cualquier estilo personalizado para otras pginas deber ir despus de esta seccin */

/*#page{width:100%;margin:0 auto;text-align:left;} */

#page h3, .message h3{padding:10px 0 5px;background:inherit;color:#970000;font:normal 2.58em serif;}
#page div.content{font:1.08em arial;}
.content {text-align:left; padding-bottom:20px;}
.content br {margin-bottom:15px;}
#page div.content ul, .subpagesList li ol{margin:0 0 0 30px;padding:0;}
#page div.content li{margin:3px 0;padding:0;border-left:0;}

.pages{padding-top:20px; padding-bottom:20px;}


.caja{
float:left;
display:inline;
width:120px;
height:120px;
margin-right:10px;
}

/* IMAGES STYLES 
.imagesList{list-style:none; clear:both;}
.imagesList li{margin:0 0 10px 0;background:inherit;color:#5b5b5b;font-size:0.917em;}
.imagesList li img{border:2px solid #dcdac9;}
.imagesList li div{text-align:center;}

#imagesList1{float:left;margin:0 10px 10px 0 ;}
#imagesList2{float:right;margin:10px 0 0 10px;}*/

/* FILES LIST STYLES */
#filesList{padding:5px 0;font-size:0.917em;list-style:none;vertical-align:middle;}
#filesList li{margin:0 0 4px;}
#filesList img{margin:0 8px 0 0;vertical-align:middle;}
#filesList em{background:inherit;color:#5b5b5b;}

/* SUB PAGES LIST STYLES */
.subpagesList{float:left;width:100%;margin:7px 0;list-style:none; text-align:left;}
.subpagesList li{clear:left;float:left;width:95%;margin:3px 0;padding:5px 2% 5px 0px;}
* html .subpagesList li{width:100%;}
.subpagesList li .photo{float:left;margin:22px 6px 5px 0;}
.subpagesList li img{border:2px solid #00b4ce;}
.subpagesList li h4{padding-bottom:2px;}
.subpagesList li h4, .subpagesList li h4 a{background:inherit;color:#00b4ce;font:bold 1.167em serif;}
.subpagesList li h4 a:hover{background:inherit;color:#47828b;}
.subpagesList li h5{font-weight:normal;font-size:1em;}
.subpagesList li ul, .subpagesList li ol{float:left;margin:0 0 0 30px;padding:0;}
.subpagesList li li{padding:0;border-left:0;}
.subpagesList li ul{list-style:disc;}
.subpagesList li ol{list-style:decimal;}

/* OPTIONS LINK */
#options{
	clear:both;
	margin:10px 10px 0;
	background:inherit;
	color:#7f7f66;
	font-size:0.917em;
	text-align:right;
	padding-right: 5px;
}
#options a{padding:0 7px 0;}
#options .back, #options .print{float:right;}
#options .print a{border-left:1px solid #7f7f66;}

.message{padding:40px 0;text-align:center;}

/* FOOTER - COPYRIGHT AND POWERED BY xxx STYLES */
.foot{clear:both; width:100%; font-size:smaller;}
/*.foot{float:left;width:100%;padding:199px 0 0;color:#fff;font-size:1.08em;}*/
.foot a{background:inherit;color:#fff;text-decoration:none;}
.foot a:hover{text-decoration:underline;}

#copy{float:left;padding:0 10px;}
.foot{float:right;padding:0 10px;}
#powered strong{font-weight:normal;}

@media print{
  /* PRINT STYLES */
  body{margin:1cm 0;background:#fff;color:#000;}
  #container{width:16cm;height:auto;background:#fff;}
  #main{width:16cm;margin:0 auto;border:0px;}

  #logo{padding:0;}
  #logo h1{padding:0;}
  #logo h2{font-family:Arial;}

  #body{background:#fff;}
  #head2, #content, #foot{width:16cm;}
  #head2{height:auto;}
  #column, #head1, #head3, #navipath, #back{display:none;}
  a, #head2, #logo h2, #foot, #foot a, .subpagesList li, #page h3, .subpagesList li h4 a, #filesList em, .imagesList li{background:inherit;color:#000;}
}