@charset "UTF-8";

body{font-size:13px; font-family:Trebuchet MS, sans-serif; margin:0; padding:0; background:url(images/bg_pattern.png) repeat; text-align:left; width:100%; position:relative;}

* {box-sizing:border-box; -webkit-box-sizing:border-box;}

a, a:active, a:visited, a:focus {outline:none;}

input {outline:none;}

.clearfix:before, .clearfix:after { content: "\0020"; display: block; height:0; overflow: hidden; }
.clearfix:after {clear:both;}
.clearfix {}
.ClearFloat {clear:both; line-height:0; font-size:0;}

.flip_frame {width:100%; height:650px; overflow:hidden;}

.clear {clear:both; height: 1px; display: block;}
.col-1-3,
.col-1-2,
.col-2-3,
.col-1-4,
.col-3-4 {
	float: left;
   box-sizing: border-box;
	position: relative;
	padding-left: 5px;
	padding-right: 5px;
}
.col-1-2 {width:50%;}
.col-1-3 {width:33.333%;}
.col-2-3 {width:66.666%;}
.col-1-4 {width:25%;}
.col-3-4 {width:75%;}

.strong {font-weight:bold;}
.italic {font-style:italic;}


/*Contacto*/
.contIngDatos h1{text-transform:uppercase;color:#676767;font-size:11px;font-family:Trebuchet MS,Arial, Verdana, Geneva, sans-serif ,Helvetica, sans-serif; padding-top:18px;}
.inputC{color:#676767;background:#E1E1E2;border:none;width:445px;height:36px;font-family:Trebuchet MS,Arial, Verdana, Geneva, sans-serif ,Helvetica, sans-serif;}
.inputG{color:#676767;background:#E1E1E2;border:none;width:935px;height:136px;font-family:Trebuchet MS,Arial, Verdana, Geneva, sans-serif ,Helvetica, sans-serif;}
.menuNosotros{width:236px;height:400px;float:left;margin-right:10px;margin-left:5px;}
.contContacto{float:left;}
.contContacto p{width:670px;font-family:Trebuchet MS,Arial, Verdana, Geneva, sans-serif ,Helvetica, sans-serif;font-size:11px;}
.lineaDivisoraContacto{height:10px;width:950px;border-top:1px solid #CBCBCB;}

/*Botones borrar/enviar*/
.borrEnv{height:70px;width:975px;margin-top:12px;}
.borrEnv h4{padding-top:42px;color:#676767;font-size:9px;font-family:Trebuchet MS,Arial, Verdana, Geneva, sans-serif ,Helvetica, sans-serif;}
.btnBorrar{border:none;width:59px;height:19px;float:right; padding: 0;background:url(images/btnEnviar.png) -1px 0 no-repeat;color:#ffffff;font-size:11px;font-family:Trebuchet MS,Arial, Verdana, Geneva, sans-serif ,Helvetica, sans-serif;font-weight:bold;}
.btnBorrar:hover{border:none;width:59px;height:19px;float:right; padding: 0;background:url(images/btnEnviarH.png) -1px 0 no-repeat;color:#ffffff;font-size:11px;font-family:Trebuchet MS,Arial, Verdana, Geneva, sans-serif ,Helvetica, sans-serif;font-weight:bold;}
.btnEnviar{border:none;width:59px;float:right;height:19px; margin-right:35px;margin-left:10px; padding: 0;background:url(images/btnEnviar.png) -1px 0 no-repeat;color:#ffffff;font-size:11px;font-family:Trebuchet MS,Arial, Verdana, Geneva, sans-serif ,Helvetica, sans-serif;font-weight:bold;}
.btnEnviar:hover{border:none;width:59px;float:right;height:19px; margin-right:35px;margin-left:10px; padding: 0;background:url(images/btnEnviarH.png) -1px 0 no-repeat;color:#ffffff;font-size:11px;font-family:Trebuchet MS,Arial, Verdana, Geneva, sans-serif ,Helvetica, sans-serif;font-weight:bold;}
.verMasC a{padding-right:10px; color:#ffffff;font-size:9px;font-family:Trebuchet MS,Arial, Verdana, Geneva, sans-serif ,Helvetica, sans-serif;}
.borrEnv{height:70px;width:975px;margin-top:12px;}
.verMasC a{padding-right:10px; color:#ffffff;font-size:9px;font-family:Trebuchet MS,Arial, Verdana, Geneva, sans-serif ,Helvetica, sans-serif;}
.btnEnviar a{height:40px;padding-right:50px;color:#ffffff;font-size:11px;font-family:Trebuchet MS,Arial, Verdana, Geneva, sans-serif ,Helvetica, sans-serif;font-weight:bold;}
.btnBorrar a{height:40px;padding-right:17px;color:#ffffff;font-size:11px;font-family:Trebuchet MS,Arial, Verdana, Geneva, sans-serif ,Helvetica, sans-serif;font-weight:bold;}

/* Default font style Style */
body, html, th, td, p, table {color:#484848; font-size:13px; line-height:16px; font-weight:normal; text-decoration:none; font-family:Trebuchet MS, sans-serif;}
p {margin:0; padding:0 0 15px 0;}
td {text-align:left; vertical-align:top; }
ol {padding:0 0 15px 25px; margin:0;}
ol li {padding:0; margin:0; line-height:22px; list-style-type:decimal!important; list-style-image:none!important;}
ul {padding:0 0 15px 25px; margin:0;}
ul li {padding:0; margin:0; line-height:22px;}
img, a img {border:none; outline:none; text-decoration:none; max-width:100%;}
br { margin:0px; padding:0px; height:1px;}
h1 { color: #808080; font-size: 21px; font-weight:bold; padding:0px 0px 15px 0px; margin:0px; line-height:1.1; font-family:Trebuchet MS, sans-serif;}
h2 { color: #808080; font-size: 18px; font-weight:bold; padding:0px 0px 15px 0px; margin:0px; line-height:1.1; font-family:Trebuchet MS, sans-serif;}
h3 { color: #808080; font-size: 16px; font-weight:bold; padding:0px 0px 15px 0px; margin:0px; line-height:1.1; font-family:Trebuchet MS, sans-serif;}
h4 { color: #808080; font-size: 14px; font-weight:bold; padding:0px 0px 15px 0px; margin:0px; line-height:1.1; font-family:Trebuchet MS, sans-serif;}
h5 { color: #808080; font-size: 13px; font-weight:bold; padding:0px 0px 15px 0px; margin:0px; line-height:1.1; font-family:Trebuchet MS, sans-serif;}
h6 { color: #808080; font-size: 12px; font-weight:bold; padding:0px 0px 15px 0px; margin:0px; line-height:1.1; font-family:Trebuchet MS, sans-serif;}
small {font-size: 11px;}
hr {border:none; height:1px; background-color:#ED1B26; width:100%; box-shadow:none; border:none;}






/**********************************************/
/***************    HEADER     ****************/
/**********************************************/
.cabecera_top {position:relative; width:100%;}
	.logo_top {margin:7px 0 11px 0; width:250px;}
	.logo_top img {width:100%; display:block;}
	.boton_packs {margin:0; top:2px; right:320px; position:absolute; width:134px;}
	.boton_packs img {max-width: 100%; display:block;}
	.boton_packs:hover {filter:brightness(1.1);}
	.login_top {position:absolute; top:4px; right:0;}
	
#page {background-color:#ffffff;}
#contenedor {width:100%; min-height:500px; background-color:#FFFFFF; margin:0 auto; padding:0 0 20px 0;}

.notwhite #page {background:#f8f8fa;}
.notwhite #contenedor {background:#f8f8fa;}


body.wide .wrapper {width:1200px;}
.wrapper {width:970px; margin:0 auto; position:relative;}

.menu_top {background:#ED1C24; box-shadow:0px 4px 8px rgba(0,0,0,0.4); position:relative; z-index:1;}

.breadscrumb  {width:auto; text-transform:uppercase; color:#ED1C24; font-size:15px; padding:5px 1.5% 5px 1.5%; margin:10px 0 10px 0; font-weight:bold; line-height:20px; display:inline-block; }
.breadscrumb a {color:#ED1C24; text-decoration:none;}
.breadscrumb a:hover {color:#000;}
.breadscrumb a img {width:14px; display:inline-block; margin:0 2px -1px 0;}
.breadscrumb a:hover img {filter:brightness(0)}

.login_top {float:right; width:auto; margin-right:0px;}
	
#boton-registrarse {display:inline-block; color:#2BB2FF; text-decoration:underline; width:117px; font-weight:bold; font-size:14px; padding:0;}
#boton-registrarse img {display:inline-block; margin:0 5px -4px 0; border:none;}
#boton-registrarse:hover {text-decoration:none;}

#boton-entrar {display:inline-block; color:white; background:#2BB2FF; text-decoration:none; font-weight:bold; font-size:14px; padding:5px 10px 5px 10px; }
#boton-entrar img {display:inline-block; margin:0 5px -1px 0;  border:none;}
#boton-entrar:hover {text-decoration:underline;}



/**********************************************/
/************    NUEVO MENU       *************/
/**********************************************/
.menu_nuevo a {text-decoration:none;}
.menu_nuevo a:hover {text-decoration:none;}
.menu_nuevo {width:102%; height:36px; padding:0; margin:0; display:flex; flex-wrap:wrap;}
.menu_nuevo > li { margin:0; list-style:none; display:block; text-align:left; line-height:36px; position:relative;}
.menu_nuevo > li:hover {background:#F4F4F4;}

.menu_nuevo > li > a {color:#F4F4F4; font-family:"Trebuchet MS", sans-serif; text-transform:uppercase; font-size:14px; font-weight:bold; display:block; padding:0 13px; width:100%; height:100%;}
body.wide .menu_nuevo > li > a {padding:0 26px; font-size:15px;}
.menu_nuevo li:hover > a {color:#ED1C24; text-shadow:none;}

.menu_nuevo li:hover > ul.submenu_nuevo {display:block;}
.menu_nuevo li ul.submenu_nuevo {margin:0; display:none; position:absolute; background:#F4F4F4; padding:10px 10px 10px 10px; top:36px; left:0; z-index:99999; box-shadow:3px 4px 3px rgba(0,0,0,0.3)}
.menu_nuevo li ul.submenu_nuevo li { margin:0; list-style:none; padding:5px 10px; width:140px; line-height:14px; font-size:12px;}
.menu_nuevo li ul.submenu_nuevo li a {color:#343433;}
.menu_nuevo li ul.submenu_nuevo li a:hover {color:#ED1C24;}

.menu_nuevo li ul.submenu_nuevo.encolumnado {width:740px;}
.menu_nuevo li ul.submenu_nuevo.encolumnado > li {float:left; width:180px;}
.menu_nuevo li ul.submenu_nuevo.encolumnado > li:nth-child(5n) {clear:both;}
.menu_nuevo li ul.submenu_nuevo.encolumnado .limpiar {clear:both; display:block;}

.menu_nuevo .boton_lupa {padding:7px 0 0 8px; cursor:pointer;}
.menu_nuevo .boton_lupa:hover {opacity:0.9;}
.menu_nuevo .boton_lupa img {max-width:100%; width:22px; display:block;}


.boton_menu_movil {display:none;}
.menu_movil {display:none;}
.boton_lupa_movil {display:none;}

/*Popup busqueda*/
.frame_busqueda {display:none;}
.frame_busqueda.open {display:block; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(43, 178, 255,0.95); z-index:999999;}
.frame_busqueda .close_busqueda {position:absolute; top:15px; right:15px; width:22px; height:22px; cursor:pointer;}
.frame_busqueda .close_busqueda img {max-width:100%;}
.frame_busqueda .form_busqueda {position:absolute; top:49%; left:10%; width:80%; border-bottom:1px solid white; margin:0 auto; padding:0 0 5px 0;}
.frame_busqueda .form_busqueda .campo_busqueda {float:left; width:90%; margin:0; background:0 0 !important; border:none; padding:0; color:white; font-size:30px; font-family: 'Trebuchet MS', sans-serif; border-radius:0; line-height:30px; outline:none;}
.frame_busqueda .form_busqueda .campo_busqueda::placeholder {color:white!important; opacity:1!important;}
.frame_busqueda .form_busqueda .campo_busqueda::-webkit-input-placeholder {color:white!important; opacity:1!important;}
.frame_busqueda .form_busqueda .campo_busqueda::-webkit-placeholder {color:white!important; opacity:1!important;}
.frame_busqueda .form_busqueda .lupa_busqueda {float:right; width:10%; background:url(/includes/images/lupa_2.png) no-repeat; background-size:100% auto; background-position:center; width:24px; height:30px; padding:0; margin:0; border:none; cursor:pointer;}

/*Menu de categorias*/
.menu_categorias {float:left; padding-right:20px; width:26%; margin-bottom:20px; font-family: 'Trebuchet MS', sans-serif;}
.menu_categorias ul {background-color:#E7E8EA; padding:0; margin:0; list-style:none; border:none; width:100%;}
.menu_categorias ul li {list-style:none; border-bottom:1px solid #bababa; margin: 0; line-height: 21px;}
.menu_categorias ul li a {display:block; padding: 0px 5px 0px 5px; border-left: 4px solid #808080; background: #E2E2E3; color: #808080; width:auto; text-decoration: none; font-size: 12px;}
.menu_categorias ul li.selected {}
.menu_categorias ul li.selected a {border-left:4px solid #ED1C24; background:#ffffff;}
.menu_categorias ul li.unselected {}
.menu_categorias ul li.unselected a {}
.menu_categorias ul li a:hover {border-left:4px solid #ED1C24; background:#ffffff;}
.menu_categorias form {position:relative;}
.menu_categorias form input.lupa {width:22px;height: 21px;background-image: url('images/look.png');background-color: transparent;color: transparent;border: none;outline: none;cursor: pointer; position: absolute; top:3px; right:3px;}
.menu_categorias form input.lupa:hover {filter: brightness(0.5);}

.contenido {float:left; width:74%;}


/************************************************/
/*****************  FOOTER    *******************/
/************************************************/
#footer {font-family:Trebuchet MS!important; background:#202020; padding:15px 3%; position:relative; text-align:center;}
#footer p {font-size:11px; margin:0; padding:0 0 5px 0; line-height:1.3; text-align:center; color:#9E9EA2;}
#footer p b {font-size:12px; font-weight:bold; color:#ccc;}
#footer p .tel {font-weight:bold;}
#footer p.title {padding-bottom:9px;}
#footer p.title b {font-size:13px;}
#footer .redes {position:relative;}
#footer .redes a {display:inline-block; margin:0 3px 7px 3px;}
#footer .redes a:hover {filter:brightness(1.2)}
#footer .legales {padding-top:10px;}
#footer .legales a {color:#ccc; text-decoration:none;}
#footer .legales a:hover {color:#ed1c24; text-decoration:underline;}
#footer .legales .sep {}
#footer .copyright {font-size:11px; margin:0; padding:0 0 5px 0; line-height:1; text-align:center; color:#9E9EA2;}



/**********************************************/
/************    MESA DE AYUDA     ************/
/**********************************************/
.contenedor_mesaayuda {width:50%; margin:0 auto; font-size:11px; color:#676767;}

.contenedor_mesaayuda textarea,
.contenedor_mesaayuda select,
.contenedor_mesaayuda input {
	background-color: #ffffff;
	border: 1px solid #cccccc;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	transition: border linear 0.2s, box-shadow linear 0.2s;
}

.contenedor_mesaayuda textarea:focus,
.contenedor_mesaayuda select:focus,
.contenedor_mesaayuda input:focus {
	border-color: rgba(237, 28, 36, 0.3);
	outline: 0;
	outline: thin dotted \9;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 7px rgba(237, 28, 36, 0.4);
}

.contenedor_mesaayuda #texto-ayuda {color:#676767; font-style:italic; font-weight:bold; text-align:center; font-size:14px; margin:10px auto 15px auto; line-height:1.3;}
.contenedor_mesaayuda p {width:100%; color:#676767;font-size:13px;font-family:Trebuchet MS,Arial, Verdana, Geneva, sans-serif ,Helvetica, sans-serif; font-weight:bold; padding:15px 0 5px 0;}
.contenedor_mesaayuda .campos-requeridos {border:none; width:50%; text-align:left; color:#EC1C24!important; font-style:italic; font-size:12px!important;}
.contenedor_mesaayuda .req {color:#EC1C24; font-size:15px;}
.contenedor_mesaayuda .inputC{color:#676767;width:100%;height:30px;font-family:Trebuchet MS,Arial, Verdana, Geneva, sans-serif ,Helvetica, sans-serif; padding-left:5px; box-sizing: border-box;}
.contenedor_mesaayuda #consulta {height:149px; resize:none; font-size:13px; padding:5px;}
.contenedor_mesaayuda #telefono_pais {width:65px;}
.contenedor_mesaayuda #telefono_area {width:65px;}
.contenedor_mesaayuda #telefono {width:177px;}
.contenedor_mesaayuda .guion {font-size: 16px; margin: 0 18px;}
.contenedor_mesaayuda #label_telefono_pais {margin-right:43px;}
.contenedor_mesaayuda #label_telefono_area {margin-right:40px;}
.contenedor_mesaayuda #captcha_field {width:271px; float:right;}


.contenedor_mesaayuda .app_fields {padding:0 3% 3% 3%; border:1px solid #ccc; border-top:none; display:none;}
.contenedor_mesaayuda .app_fields.show {display:block;}

.contenedor_mesaayuda .btnMesa {background:#EC1C24; box-shadow:2px 2px 0 0 #980A0B; width:90px; height:30px; color:white; border:none; cursor:pointer; font-weight:bold; text-align:center; margin-top:20px; font-size:13px; font-weight:bold; line-height:33px;}
	.contenedor_mesaayuda .btnMesa:hover{background:#9E1D21;}
	.contenedor_mesaayuda .btnMesa:active{background:#EC1C24; box-shadow:2px 2px 0 0 #980A0B inset;}
	.contenedor_mesaayuda .btnMesa:focus {outline:none;}
.contenedor_mesaayuda .btnEnviar {float:left; margin-right:10px; margin-left:0px;}
.contenedor_mesaayuda .btnBorrar {float:left;}
.contenedor_mesaayuda .btnVideosAyuda {text-decoration:none; text-align:center; width:190px; font-size:18px; font-weight:normal; line-height:30px; margin-top:0;}


.contenedor_mesaayuda .borrEnv {width:100%;}
.contenedor_mesaayuda .borrEnv h4 {padding-top:42px;color:#676767;font-size:9px;font-family:Trebuchet MS,Arial, Verdana, Geneva, sans-serif ,Helvetica, sans-serif;}

.aviso-telefonos {width:100%; margin:20px auto 40px auto; font-size:14px; line-height:18px; text-align:center;}
.aviso-telefonos span {font-weight:bold!important; color:#EC1C24;}






/**********************************************/
/************    FORGOTPASS       *************/
.contenedor_recuperar {padding:50px 10% 0 10%;}
.contenedor_recuperar #imagen {float:left; width:40%; box-sizing: border-box;}
.contenedor_recuperar #imagen img {max-width:100%;}

.contenedor_recuperar #formulario {float:left; width:60%; padding:20px 0px 0px 60px; box-sizing: border-box;}

.contenedor_recuperar #formulario span {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#000; font-size:14px; line-height:1.5;}
.contenedor_recuperar #formulario .email_container {box-shadow: inset 4px 4px 6px rgba(0,0,0,0.2); border:1px solid #ccc; width:350px; padding:12px 9px 9px 9px; width: 100%; box-sizing: border-box;}
.contenedor_recuperar #formulario .email_container .email {border:none; width:100%; font-size: 14px; font-family:Trebuchet MS,Arial; height:20px; background:url('../registro/img/sobre.png') no-repeat; background-position:left center; box-sizing: border-box; padding-left:30px;}

.contenedor_recuperar .boton {background:#ED1C24; box-shadow:2px 2px 0 0 #980A0B; padding:5px 20px; height:30px; color:white; border:none; cursor:pointer; text-align:center; font-size:13px; font-weight:bold;}
	.contenedor_recuperar .boton:hover{background:#9E1D21;}
	.contenedor_recuperar .boton:active{background:#ED1C24; box-shadow:2px 2px 0 0 #980A0B inset;}
	.contenedor_recuperar .boton:focus {outline:none;}



/**********************************************/
/************       LEGALES       *************/
.legales {padding:20px 5%;}
.legales h3 {color:#9F1013; font-size:15px; line-height:18px; padding:15px 0; text-transform:uppercase;}
.legales p {font-size:14px; line-height:22px; color:#484848; padding:0 0 15px 0;}
.legales ol li::marker {font-weight:bold;}
.legales ol li {font-size:12px; line-height:22px; color:#484848;}
.legales ul li {font-size:12px; line-height:22px; color:#484848;}
.legales a {color:#ed1c24;}






/***********************************************************/
/***********************************************************/
/*************     RESPONSIVENESS             **************/
/***********************************************************/
/***********************************************************/
@media (max-width:1280px) {
	body.wide .wrapper {width:970px;}
	body.wide .menu_nuevo > li > a {padding:0 16px; font-size:14px;}

}


@media (max-width:1023px) {
	body.wide .wrapper {width:770px;}
	.wrapper {width:770px;}
	
	.boton_packs {right:300px; top:2px;}

	/*Menu*/
	.menu_nuevo {}
	.menu_nuevo > li > a {font-size:12px; padding:0 8px;}
	body.wide .menu_nuevo > li > a {font-size:12px; padding:0 10px;}
	.menu_nuevo li ul.submenu_nuevo {padding:10px 0;}
	.menu_nuevo li ul.submenu_nuevo li {padding:5px 3px 5px 10px; width:115px;}
	.menu_nuevo li ul.submenu_nuevo li a {font-size:11px;}
	.menu_nuevo li ul.submenu_nuevo.encolumnado {width:724px;}

	/*FOOTER*/
	/*.footTelefonos {line-height:25px; width:80%;}
	.footContent {width:100%; margin:0;}
		.footContent-top {padding-top:0px;}
			.footContent-top-izq {line-height:22px;}
			.footContent-top-der {padding-right:0;}
	.footContent-middle {width:100%;}
	.footContent-middle-links {margin:17px 0;}*/
   
	/*MESADEAYUDA*/
	.contenedor_mesaayuda {width:55%; }
}




@media (max-width:815px) {
	body.wide .wrapper {width:480px;}
	.wrapper {width:480px;}
	
	/*HEADER*/
	.boton_packs {display:none;}
	.login_top {top:6px;}
	#boton-registrarse {font-size:12px; width:100px; padding:0;}
	#boton-entrar {font-size:12px;}

	/*MENU*/
	.menu_nuevo {height:70px;}
	.menu_nuevo > li {line-height:35px; z-index:auto;}
	.menu_nuevo > li > a {padding:0 14px;}
	body.wide .menu_nuevo > li > a {padding:0 14px;}
	.menu_nuevo li ul.submenu_nuevo {top:35px;}
	.menu_nuevo li ul.submenu_nuevo.encolumnado {width:362px;}

	/*FOOTER*/
	/*.footTelefonos {width:90%; padding:15px 0 15px 0;}
		.footTelefonos ul li {width:49%; text-align:center;}
		.footTelefonos ul li.sep {display:none;}
	.footContent-middle-links {padding:0 0 0 10px;}
	.footContent-middle-links.ultimo {padding:0 0 0 5px;}*/
	
	/*Forgotpass*/
   .contenedor_recuperar {padding-top:0;}
   .contenedor_recuperar #imagen {width:50%;}
   .contenedor_recuperar #formulario {width:100%; padding-left: 0;}

   /*MESADEAYUDA*/
	.contenedor_mesaayuda {width:94%; }

}



@media (max-width:525px) {
	body.wide .wrapper {width:100%;}
	.wrapper {width:100%;}

	/*Header*/
	.cabecera_top {height:69px; box-sizing:border-box; padding:0 1.5%;}
		.logo_top {width:50%; min-width:190px;}
		.boton_packs {display:block; right:0; top:0;}
		.login_top {top:36px;}
		#boton-entrar {padding:4px 10px 3px 10px;}

	/*Menu*/
	.menu_nuevo {display:none;}
	.boton_menu_movil {display:block; background:url('https://elbibliote.com/includes/images/menu_mobile.png') no-repeat 1.5% center #EE1C25; background-size:16px; color:white; font-family:"Trebuchet MS", sans-serif; font-size:16px; font-weight:bold; width:100%; border:none; margin:0; height:36px; line-height:36px; text-align:left; padding:0 0 0 32px; cursor:pointer; box-sizing:border-box;}
	.menu_movil * {text-decoration:none;}
	.menu_movil {display:block; background:url('https://elbibliote.com/includes/images/bg_pattern.png'); padding:0 10px 10px 10px; position:fixed; top:0; width:70vw; margin:0; box-shadow:3px 4px 4px rgba(0,0,0,0.3); overflow:auto; height:100vh; z-index:999;transform:translateX(0); transition:0.3s ease all; box-sizing:border-box;}
	.menu_movil.closed {transform:translateX(-72vw);}
	.menu_movil > li {margin:5px 0 0 0; list-style:none; font-size:15px;}
	.menu_movil > li:first-child {margin-top:10px;}
	.menu_movil li a {color:#343433; font-weight:bold;text-transform: uppercase;}
	.menu_movil li a:active {color:#EE1C25;}
	.menu_movil li a:hover {color:#EE1C25;}
	.menu_movil li .expandible {color:#343433; font-weight:bold; cursor:pointer;text-transform: uppercase;margin-bottom: 7px;display: block;}

	.menu_movil li ul.submenu_movil {padding:0px 0 0px 7px; border-left: 3px solid #ee1c25;margin: 0 0 7px 0;}
	.menu_movil li ul.submenu_movil li {display:block; width:100%; padding:4px 0 4px 0px; list-style:disc; line-height:1.1; font-size:13px;margin: 0;font-weight: bold;}
	.menu_movil li ul.submenu_movil li a {font-weight:normal; color: #ee1c25;}
	
	.frame_busqueda .form_busqueda .campo_busqueda {font-size:15px;}
	
	.boton_lupa_movil {padding:6px 0 0 0; position:absolute; top:0; right:1.5%; display:block; z-index:99; cursor:pointer;}
	.boton_lupa_movil img {width:24px;}
	
	.sombra_menu_movil {background:rgba(0,0,0,0.5); width:100%; height:100vh; position:fixed; z-index:998; top:0; left:0; display:none;}
	.sombra_menu_movil.show {display:block;}

	/*FOOTER*/
	#footer .redes {position:relative; top:unset; right:unset; margin:0 auto 8px auto;}
	#footer p {padding:0 0 7px 0; line-height:1.4;}
	#footer p b {display:block;}
	#footer p .sep {display:none;}
	#footer p .tel {display:block;}
	#footer p.title {padding-bottom:8px;}

   /*MESA DE AYUDA*/
   .contenedor_mesaayuda .guion {font-size: 16px; margin: 0 4px;}
   .contenedor_mesaayuda #label_telefono_pais {margin-right:17px;}
   .contenedor_mesaayuda #label_telefono_area {margin-right:15px;}
   .contenedor_mesaayuda #telefono_pais {width:65px;}
   .contenedor_mesaayuda #telefono_area {width:65px;}
   .contenedor_mesaayuda #telefono {width:125px;}
   .contenedor_mesaayuda #captcha_field {width:170px; float:right;}
   .contenedor_mesaayuda .btnVideosAyuda {float:left;}
   .contenedor_mesaayuda #texto-ayuda br {display:none;}
   
   .contenedor_mesaayuda .btnVideosAyuda {margin:0px 40px 15px;}

}

@media (max-width:355px) {
	body.wide .wrapper {width:100%;}
	.wrapper {width:100%;}

	/*Header*/
	.cabecera_top {padding:0 5px;}
		.boton_packs {width:90px; top:4px; right:5px;}

	/*Menu*/
	.boton_menu_movil {background-position:5px center;}
	.menu_movil {margin-left:0px;}
	.boton_lupa_movil {right:3px; padding-top:5px;}


   /*MESA DE AYUDA*/
   .contenedor_mesaayuda #telefono_pais {width:60px;}
   .contenedor_mesaayuda #telefono_area {width:60px;}
   .contenedor_mesaayuda #telefono {width:115px;}



}