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

@import url("http://fonts.googleapis.com/css?family=PT+Sans:400,700");
@import url("http://fonts.googleapis.com/css?family=PT Sans:400,300,700");
@import url("http://fonts.googleapis.com/css?family=Titillium+Web:400,700,600");

* {
  margin: 0;
  padding: 0;
}

body{margin:0; background-color:#333;}
p {font-size:16px; color:#333; font-family:'PT Sans', Tahoma;}
p a {font-size:16px; color:#ff0066; font-family:'PT Sans', Tahoma; text-decoration:none;}
p a:hover {text-decoration:underline;}
ul {padding-left:2%;}
li {font-size:14px; color:#333; font-family:'PT Sans', Tahoma;}
li a {font-size:14px; color:#ff0066; font-family:'PT Sans', Tahoma; text-decoration:none;}
li a:hover {text-decoration:underline;}
h1 {width:98; padding:1%; background-color:#ff0066; font-size:20px; color:#FFF; font-family:'PT Sans', Tahoma;}
h2 {width:98; padding:1%; background-color:#cccccc; font-size:18px; color:#ff0066; font-family:'PT Sans', Tahoma; font-weight:700; margin-top:30px;}
h3 {font-size:18px; color:#ff0066; font-family:'PT Sans', Tahoma; font-weight:700; line-height:14px;}
h3 a {font-size:18px; color:#ff0066; font-family:'PT Sans', Tahoma; font-weight:700; line-height:14px; text-decoration:none;}
h3 a:hover {text-decoration:underline;}
.rosa {color:#ff0066;}
h4 {font-size:16px; color:#333; font-family:'PT Sans', Tahoma;}
h4 a {font-size:16px; color:#ff0066; font-family:'PT Sans', Tahoma; text-decoration:none; font-weight:400;}
h4 a:hover {text-decoration:underline;}

#contenedor-interior {padding:2%;}
#preguntas {width:92%; padding-right:4%; padding-left:4%; padding-bottom:25px;}
#top {max-width:1180px; margin-left:auto; margin-right:auto; background-image:url(images-new/fondo-top.jpg); text-align:right; padding-right:20px;}
#top img {width:100%; max-width:291px;}
#menu {max-width:1200px; margin-left:auto; margin-right:auto; background-color:#000;}
#contenido {max-width:1200px; height:auto; margin-left:auto; margin-right:auto; background-color:#000; padding-top:2px;}
#contenido_izq {width:100%; background-color:#000;}
#contenido_der {width:100%; background-color:#FFF;}
.clear {clear:both;}
#menu_lateral {width:100%; display:none;}
#menu_lateral li{list-style-type:none;}  
#menu_lateral li a {font-size:14px; color:#FFF; font-family:'PT Sans', Tahoma; text-decoration:none; display:block; background-image:url(images-new/fondo-menu01.jpg); padding:6px;}
#menu_lateral li a:hover {font-size:14px; color:#ff0066; font-family:'PT Sans', Tahoma; text-decoration:none; background-image:url(images-new/fondo-menu02.jpg);}
#banners {margin-left:9%; margin-right:9%; margin-top:20px;}
#banners img {width:100%;}
#banner_detalle {width:100%; margin-bottom:20px;}
#pie {max-width:1160px; height:auto; margin-left:auto; margin-right:auto; background-color:#666; padding-top:10px; padding-bottom:10px; padding-left:20px; padding-right:20px; text-align:center; font-size:14px; color:#FFF; font-family:'PT Sans', Tahoma; text-decoration:none; }
#pie a {font-size:14px; color:#C00; font-family:'PT Sans', Tahoma; text-decoration:none; text-decoration:none; }
#pie a:hover {text-decoration:underline;}
label {font-size:15px; color:#333; font-family:'PT Sans', Tahoma; display:block;}
input {width:60%; height:35px; margin-bottom:25px;}
select {width:35%; height:25px;}
textarea {width:60%; margin-bottom:25px;}
.boton {background-color:#ff0066; color:#FFF; border:none; padding:5px; width:300px !important;}
.boton_bus {background-color:#ff0066; color:#FFF; border:none; padding:5px; width:150px !important;}
.boton_bus2 {width:41px !important;}
.boton_bus3 {width:auto !important;}
#categoria_izq {width:96%; padding-right:2%; padding-left:2%;}
#categoria_der {width:96%; padding-right:2%; padding-left:2%; margin-top:30px;}
#libros_izq {width:96%; padding-right:2%; padding-left:2%; margin-bottom:20px;}
#libros_der {width:96%; padding-right:2%; padding-left:2%;}
#buscador {width:96%; background-color:#CCC; padding:2%; padding-bottom:0px;}
#buscador_izq {width:80%; float:left;}
#buscador_izq input {width:100%; background-color:#FFF; border:none; height:33px; -webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px; margin-bottom:0px;}
#buscador_der {width:20%; float:left; text-align:left;}
.fondo_categoria {background-image:url(images-new/fondo-categoria.jpg); padding:5px; margin-bottom:15px; border-left:1px solid #000;}
#curri {width:100%;}
#curri img {width:100%; max-width:900px;}
.centrar {text-align:center;}
.icono-interior {width:250px; margin-top:20px; text-align:left;}
#encuesta input  {padding:0; margin:0; height:auto; width:30px;}
#encuesta_2 input  {width:200px;}

@media screen and (min-width:21.875em){
#buscador_izq {width:85%;}
#buscador_der {width:15%;}  
}

@media screen and (min-width:34.375em){
#buscador_izq {width:90%;}
#buscador_der {width:10%;}  
#banner_detalle {width:49%; float:left; margin-bottom:20px; margin-right:1%;}
#preguntas {width:46%; padding-right:4%; padding-left:0%; padding-bottom:25px; float:left;}
#categoria_izq {width:57%; padding-right:3%; padding-left:0; float:left;}
#categoria_der {width:40%; padding-right:0; padding-left:0; float:left; margin-top:0;}
#libros_izq {width:27%; padding-right:3%; padding-left:0; float:left;}
#libros_der {width:70%; padding-right:0; padding-left:0; float:left; margin-top:0;}
}

@media screen and (min-width:48.75em){
p {font-size:14px;}
p a {font-size:14px;}
#contenido_izq {width:21%;float:left; background-color:#000;}
#contenido_der {width:79%;float:left; background-color:#FFF;}	
#menu_lateral {display:block;}
}