@charset "utf-8";
/* CSS Document */

/*--------------------
GENERAL
--------------------*/
body{ height:100%; background:url(imagenes/fondo_body_arriba.jpg) repeat-x; background-color:#f4e4a6;}
#contenedorTotal{ width:997px;}
#backgroundArriba{height:auto; width:100%;}
#backgroundAbajo{background:url(imagenes/fondo_pie.jpg) repeat-x; background-position:bottom}
#Contenido{margin-top:15px;}

.bt_comprar{width:82px; height:21px}
.bt_comprar a{ cursor:pointer; padding-top:2px; text-align:center; width:81px; height:19px; color:white; font-size:10px; text-decoration:none; display:block; background:url(../imagenes/general/bt_comprar_fondo.jpg) no-repeat;}
.bt_comprar a:hover{ background-position:0 -21px;}

.bt_leer_capitulo{width:121px; height:21px}
.bt_leer_capitulo a{ cursor:pointer; padding-top:2px; text-align:center; width:123px; height:19px; color:white; font-size:10px; text-decoration:none; display:block; background:url(../imagenes/general/bt_leer_primer_capitulo_fondo.jpg) no-repeat;}
.bt_leer_capitulo a:hover{ background-position:0 -21px;}

.bt_ampliar_info a{ cursor:pointer; padding-top:2px; text-align:center; width:103px; height:19px; color:white; font-size:10px; text-decoration:none; display:block; background:url(../imagenes/general/bt_ampliar_novedad.jpg) no-repeat;}
.bt_ampliar_info a:hover{ background-position:0 -21px;}

.bt_ampliar_mini a{ cursor:pointer; padding-top:1px; text-align:center; width:92px; height:16px; color:white !important; font-size:10px; text-decoration:none; display:block; background:url(../imagenes/general/bt_ampliar_mini.jpg) no-repeat;}
.bt_ampliar_mini a:hover{ background-position:0 -17px; }

.marco_interior_General{background-color:white; border:solid 1px #cabf92; padding:21px;}
.marco_secundario{margin-top:15px;}

.floatleft{float:left}
.floatright{float:right}

/*--------------------
CABECERA
--------------------*/
#cabecera{}
#contenedorLogo{width:380px;}

#cabecera_contenedor_login ul li a{ font-size:10px; color:white; margin-left:12px;}
#contenedorPidl #logoEditores_pidl a{ background-position:0 -60px;}

/*--------------------
TIPOGRAFIA
--------------------*/
a{ cursor:pointer}
*{ font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#3a3a3a; line-height:14px;}
.titulo_General{ font-size:16px; color:#6f1414; line-height:20px}
.titulo_General_16{font-size:16px; color:#6f1414}
.titulo_General_14{font-size:14px; color:#6f1414}
.titulo_General_12{font-size:14px; color:#6f1414}
.link{text-decoration:underline}

.titulo_seccion_General{ font-size:22px; color:#6f1414; margin-bottom:40px; line-height:normal}
.titulo_secundario { margin-bottom:30px;  font-size:18px; color:#6f1414; line-height:normal}

/*--------------------
MENU
--------------------*/

#menuGeneral{width:994px; margin:0 auto; border-bottom:solid 1px #3a3a3a; margin-top:17px}
#menuGeneral ul{width:986px; margin:0 auto; }
#menuGeneral ul li{ margin-right:3px;}
#menuGeneral ul li h2{white-space:nowrap}
#menuGeneral ul li a{ color:white; font-size:12px; padding:10px 5px; height:14px}
#menuGeneral ul li { width:0px;}
#menuGeneral ul>li { width:auto}
#menuGeneral ul li a:hover{background-position:0 -34px;}
#menuGeneral #menu_enlaces { margin-right:0px;}

#inicio #menu_inicio a, #bio #menu_bio a, #tropoMedios #menu_medios a, #catalogo #menu_catalogo a, #presentacion #menu_presentacion a, #tienda #menu_tienda a, #medios #menu_medios a, #actualidad #menu_noticias a, #cuento_del_mes #menu_cuento_del_mes a, #distribuidores #menu_distribuidores a, #contacto #menu_contacto a ,#enlaces #menu_enlaces a{background-position:0 -34px;}


/*--------------------
INICIO
--------------------*/
#novedades_editoriales{ float:left; background-color:white; width:645px; height:687px; border:solid 1px #cabf92;}
	#novedades_arriba{ padding:13px;}
		#info_novedad_destacada{margin-top:27px; height:377px;}
			#novedad_foto{float:left; width:247px; border:solid 1px #e7e6e4;}
			#cont_texto_novedad{float:right; width:355px;}
				#novedad_titulo{margin-bottom:12px;}
				#novedad_autor{ margin-bottom:12px;}
				#novedad_descripcion{height:253px}
				#novedad_botones_izquierda{float:left; width:100px;}
					#novedad_precio{ width:80px; font-size:20px; color:#6f1414; margin-bottom:10px;}
					#novedad_bt_comprar{}
				#novedad_botones_derecha{float:right; width:121px;}
					#novedad_bt_leer{float:right; margin:3px 0 8px 0;}
					#novedad_bt_ampliar{float:right}
					
/* CARRUSEL */
#inicio_contenedor_films{width:664px;}
#incicio_carrusel_info{ position:relative; margin-bottom:17px; height:268px; width:664px; overflow:hidden; z-index:0; background-color:#1C1C1C}
	#info_seleccionada {position:absolute; top:150px; left:0;}
	#info_seleccionada .fondo_seleccionada{ position:absolute; z-index:9; height:118px; width:664px; background-color:black; filter:alpha(opacity=50);	-moz-opacity:0.5;	-khtml-opacity: 0.5;	opacity: 0.5;}
	#info_seleccionada .contenedor_texto_seleccionada{ padding:15px; position:absolute; z-index:10}
	#info_seleccionada .ico_film{position:absolute; z-index:11; top:-19px; left:580px;}
	#info_seleccionada .titulo_seleccionada{ width:550px; margin-bottom:10px;}
	#info_seleccionada .texto_seleccionada{ height:30px; width:630px; margin-bottom:8px;}
	#info_seleccionada #link_seleccionada{float:left; width:150px;}
	#info_seleccionada #reproducir_seleccionada{float:right; width:122px;}
	.bt_reproducir a{ padding:6px 0 0 14px; height:21px; width:108px; color:white; font-weight:bold; text-decoration:none; display:block; background:url(../imagenes/inicio/br_reproducir_fondo.png) no-repeat;}
	
	.inicio_carrusel_libros { margin-top:52px; width:645px !important; height:191px; background-color:#000}
	.inicio_carrusel_libros img { border: 0;}
	.inicio_carrusel_libros .boto{ width:30px;}
	.inicio_carrusel_libros .boto a{ margin-top:16px; font-size:0px; display: block; height:171px; background-color:#161616}
	.inicio_carrusel_libros .back{ height:171px; float:left; background-color:#FFFFFF;}
	.inicio_carrusel_libros .back a{ background:url(../imagenes/inicio/carrusel_bt_prev.jpg) no-repeat;  background-color:#161616; background-position:center}
	.inicio_carrusel_libros .back a:hover{}
	.inicio_carrusel_libros .next{ height:171px; float:right; background-color:#FFFFFF;}
	.inicio_carrusel_libros .next a{ background:url(../imagenes/inicio/carrusel_bt_next.jpg) no-repeat; background-color:#161616;  background-position:center}
	.inicio_carrusel_libros .next a:hover{}
	.inicio_carrusel_libros .contenedor_pestanyas{ position: relative; float:left; width:585px; overflow:hidden}
	.inicio_carrusel_libros ul { position: relative;	left: 0; margin: 0;	padding: 0;	list-style-type: none;	overflow: hidden;	z-index: 1;}
	.inicio_carrusel_libros li {  float: left; width:117px; height:171px; text-align:center; background-color:#000; background:url(../imagenes/inicio/fondo_li_libros.jpg) repeat-x; background-position:center top;}
	.inicio_carrusel_libros .contenedor_pestanyas .seleccionado {background:url(../imagenes/inicio/seleccion_slider_libros.jpg) no-repeat;}
	.inicio_carrusel_libros li a{ margin-top:46px;display:block;}
	.inicio_carrusel_libros li a img{ margin:3px}
	.inicio_carrusel_libros li a:hover img{ margin:0; border:solid 3px #6d6d6d !important;}

	
			
				

#contenedor_noticias{float:right; width:337px; margin-bottom:19px;}
	.contenidoTab{ background-color:white; border:solid 1px #cbc196;}
	#noti_grande{ padding:20px 10px 5px 10px; }
	#noti_grande #notigrande_foto{float:right; width:82px;}
	#noti_grande #notigrande_texto{ float:left; width:220px; height:66px;}
	#noti_grande #notigrande_bt_ampliar{ float:left}
	
	.noti_peque{height:52px; padding-top:10px; margin:10px; border-top:solid 1px #e4e4e4;}
	.noti_peque .noti_peque_foto{float:right; width:51px;}
	.noti_peque .noti_peque_texto{ float:left; width:250px; height:35px;}
	.noti_peque .noti_peque_bt_ampliar{ float:left}
	
	#noti_pidl{ border-top:solid 1px #e4e4e4; margin-top:15px; padding:10px; background-color:#faf9f2 }
	#noti_pidl #notipidl_titulo{ margin-bottom:10px;}
	#noti_pidl #notipidl_foto{float:right; width:51px;}
	#noti_pidl #notipidl_texto{ float:left; width:220px; height:35px;}
	#noti_pidl #notipidl_bt_ampliar{ float:left}
	
	.noti_popular{ border-top:none; padding-bottom:10px; border-bottom:solid 1px #e4e4e4;}
	.noti_popular_ultima{border:none}
	
/*#tab_calendario{height:366px;}*/
#tab_calendario #datepicker{ margin:20px 0 10px 50px; height:200px}
#tab_calendario #info_calendario{ border-top:solid 1px #e4e4e4;}
#tab_calendario #info_calendario #calendario_fecha{ color:#6F1314; margin-bottom:5px;}



#contenedor_popular{float:right;  width:337px;}
	.link_Facebook{ color:#FFF; margin-top:30px; background-color:#CCC;height:30px}
	.link_Facebook span{color:#FFF; }
	#contUser{ float:left; padding-right:10px}
	#contUser a { color:#FFF}
	#contUser div{ text-align:right}
	#contFoto{ float:right}

#contenedor_publicidad{padding:13px; margin-top:17px; float:left; height:133px; width:619px; border:solid 1px #cabf92; background-color:#FFF}


/*--------------------
PRESENTACION
--------------------*/
#presentacion #apart_presentacion .derecha{float:right}
	#presentacion #apart_presentacion ul li{ float:left;  margin-left:10px;}
	#presentacion #apart_presentacion ul li a{ display:block; border:solid 1px white;}
	#presentacion #apart_presentacion ul li a:hover{ border:solid 1px #6f1414;}
#presentacion #apart_presentacion .izquierda{ float:left; width:680px;}



/*--------------------
DISTRIBUIDORES
--------------------*/

#distribuidores #contenedor_info_distribuidores #derecha{ float:right; margin-right:20px; width:490px;}
#distribuidores #contenedor_info_distribuidores #izquierda{ overflow:hidden; position:relative; height:550px; width:400px; float:left;}

#distribuidores #contenedor_info_distribuidores ul li{ height:29px; margin-bottom:3px; background:url(../imagenes/general/select_slider.jpg) no-repeat; background-position:-7px 0; padding-left:7px;}
#distribuidores #contenedor_info_distribuidores ul li a{ display:block; width:0px; white-space:nowrap; text-decoration:none; padding:7px 16px; background-color:#f7f7f7}
#distribuidores #contenedor_info_distribuidores ul li>a{ display:inline-table; width:auto}
#distribuidores #contenedor_info_distribuidores ul li a:hover{ background-color:black; color:white}

.cont_info_distribuidor{ position:absolute; top:-500px; color:white; height:406px; width:400px;}
.info_distribuidor{ margin-bottom:40px; text-align:right}
.titulodistribuidor{ color:#6f1414; font-size:16px; margin-bottom:15px;}
.direcion_distribuidor{margin-bottom:13px;}
.mail_distribuidor{ color:#404040}

.distribuidor_Seleccionado{ color: white; background-color:black !important}
.distribuidor_SeleccionadoParent{ background-position:0px 0px !important;}


/*--------------------
CATALOGO
--------------------*/
#catalogo #cartel{float:left; width:294px; margin-right:20px;}
.marco_inferior_catalogo_info{ background-color:white;}
.marco_inferior_catalogo_info p{color:#333}

#catalogo .inferior{ margin-top:40px}
#catalogo .cont_film_catalogo{ margin-bottom:50px;}
#catalogo .cont_film_catalogo .cartel_mini{float:left; margin-right:25px;}
#catalogo .cont_film_catalogo .enlace_ver_ficha{margin-top:25px;}
#catalogo #info_Libro{ float:right; width:630px}



/*--------------------
MEDIOS
--------------------*/
#tropoMedios #cartel{float:left; width:294px; margin-right:20px;}
.marco_inferior_catalogo_info{ background-color:white;}
.marco_inferior_catalogo_info p{color:#333}

#tropoMedios .inferior{ margin-top:40px}
#tropoMedios .cont_film_catalogo{ margin-bottom:50px;}
#tropoMedios .cont_film_catalogo .cartel_mini{float:left; margin-right:25px;}
#tropoMedios .cont_film_catalogo .cartel_mini img{ border:1px solid #E7E6E4}
#tropoMedios .cont_film_catalogo .enlace_ver_ficha{margin-top:25px;}



/*--------------------
ACTUALIDAD
--------------------*/
#actualidad .actualidad_izquierda{float:left; width:646px;}
	#actualidad .actualidad_peque{ border-bottom:solid 1px #cabf92; padding:20px 0 30px 0 }
	#actualidad .cont_info_actualidad_peque{float:left; width:540px;}
		#actualidad .actualidad_peque .actualidad_peque_titulo{ padding-bottom:10px;}
		#actualidad .actualidad_peque .actualidad_peque_subtitulo{ color:#3A3A3A; padding-bottom:20px;}
		
		#actualidad .actualidad_peque .actualidad_peque_foto{ border:1px solid #E7E6E4; float:right;}
		
		#contentComments{ margin-top:30px}
			#contentComments .tituloComment{ margin: 80px 0 20px 0; height:30px; border-bottom:1px #333 dashed;border-top:1px #333 dashed}
			#contentComments .tituloComment h3{font-size:16px;padding:5px 0 0 10px}
			#contentComments .tituloComment h3 img{padding-top:0px}
			#contentComments .Comments{}
		
#actualidad .cont_actualidad_derecha{width:250px;}

#actualidad .actualidad_derecha{float:right; width:250px; margin-bottom:19px;}
	#actualidad .titulo_actualidad_General{ font-size:16px; margin-bottom:20px;}
	#actualidad ul .archivo_noticia{ padding:10px 0 10px 0; border-bottom:solid 1px #cabf92; }
	#actualidad ul .titulo_archivo_noticia{ padding-bottom:10px; color:#3A3A3A}
	#actualidad ul .link_archivo_noticia{ font-size:10px;}


/*--------------------
CUENTO DEL MES
--------------------*/
#cuento_del_mes .cuento_del_mes_izquierda{float:left; width:646px;}
	#cuento_del_mes .titulo_archivo_General{margin-bottom:10px;}
	#cuento_del_mes #titulo_cuento{margin-bottom:15px; font-size:24px}
	#cuento_del_mes #info_autor{margin-bottom:30px;}
	#cuento_del_mes .img_cuento_del_mes{float:left; margin:0 20px 10px 0; border:1px solid #E7E6E4}
	#cuento_del_mes .cont_cuento{ text-align:justify; line-height:18px;}
	
#cuento_del_mes .cuento_del_mes_derecha{float:right; width:250px;}
	#cuento_del_mes .cuento_del_mes_derecha ul{ margin-top:20px;}
	#cuento_del_mes .cuento_del_mes_derecha ul li{ padding:10px 0 10px 0; border-bottom:solid 1px #cabf92;}	

	
	#cuento_del_mes .cuento_del_mes_derecha .foto_archivo{ height:60px; width:40px; float:left; margin-right:5px; border:1px solid #E7E6E4}
	#cuento_del_mes .cuento_del_mes_derecha .titulo_archivo{color:#6f1414; padding-bottom:8px}	
	#cuento_del_mes .cuento_del_mes_derecha .autor_archivo {}
	#cuento_del_mes .cuento_del_mes_derecha .link_archivo{ margin-top:20px; font-size:10px;}



/*--------------------
ENLACES
--------------------*/
#enlaces .titulo_secundario{ margin-bottom: 0px; float:left; width:115px;}
#enlaces #derecha{ float:right; width:490px;}
#enlaces #izquierda{ float:left; width:400px; }
#enlaces .lista_enlaces{ float:left; padding-left:30px; border-left:solid 1px #6f1414}
#enlaces .lista_enlaces li{ height:21px;}
#enlaces .lista_enlaces li a{ color:#565656; text-decoration:none}
#enlaces .lista_enlaces li a:hover{ color:black; text-decoration:underline}


/*--------------------
BIO
--------------------*/
#bio .autor{ position:relative; height:302px; width:151px; background:url(../imagenes/general/contenedor_fondo.jpg) repeat-x; background-position:bottom; background-color:#333; float:left; margin:0px 49px 20px 0px}
#bio .autorDerecha{margin-right:0px}
#bio .link_autor a{ text-decoration:none; position:absolute; top:0; left:0;  font-size:15px; display:block; width:131px; height:131px; padding:171px 10px 0px 10px; color:#999}
#bio .link_autor a:hover{color:white;}

#foto_bio_ampliada{border:solid 1px #2E4764;}
#bioDerecha{ float:left; margin-left:30px; width:770px;}




/*--------------------
CONTACTO
--------------------*/
#contacto #contacto_izquierda{ float:left; width:470px; border-right:solid 1px #6f1414; padding-right:70px;}
	#contacto #contacto_izquierda form fieldset { border-style:none;}
	#contacto #contacto_izquierda form label { color:#333; display: block; float: left; width:100px; padding: 0; font-weight:bold; text-align: right; }
	#contacto #contacto_izquierda form input, form textarea, select { padding:3px; margin-bottom:10px; float:right; border-style:none; width:350px; height:16px; background-color: #faf3d6;}
	#contacto #contacto_izquierda .contacto_consulta{height:135px;}
	#contacto #contacto_izquierda .cont_bt_enviar{ padding-top:20px;}
	#contacto #contacto_izquierda .bt_enviar{height:25px; width:72px; color:white; cursor:pointer; font-weight:bold; text-align:center; margin: 0; background-color:#333}
	#contacto #contacto_izquierda .bt_enviar:hover{ background-color:#6f1414}

#contacto #contacto_derecha{ float:right; height:268px; width:350px;}

#contacto #localizacion_izquierda{ float:left; width:430px; padding-right:40px; border-right:solid 1px #6f1414; }
#contacto #localizacion_derecha{ float:left; width:430px;  margin-left:40px; }

/*--------------------
PIE
--------------------*/
#pie{ margin-top:17px;}


/*acordeon*/
.acordeondiv{ padding:5px; background:#CCC; border:1px solid #999; cursor:pointer; font-size:12px; font-weight:bold;}
.acordeon ul li{ padding:15px; border:1px solid #CCC;}
.acordeon ul .acordeondiv a{ color:#FFF}
.liacordeon{ display:none}
.liselected{ display:block;}