/* ========================================================================== Author's custom styles ========================================================================== */  /* ========================================================================== DEFAULT ========================================================================== */  *::-moz-selection { color:#FFF; background: #2063A8; } *::selection{color: #FFF;  background: #2063A8; } body{ color:#525252; font-family: Arial, Helvetica, sans-serif; line-height:125%; margin:0px 0px 0px 0px; padding:0px; } h2{ font-family: 'Open Sans',sans-serif; font-size:18px; text-transform:uppercase;letter-spacing:1px;font-weight:normal;line-height:20px;} h5{ font-family: 'Open Sans',sans-serif; font-size:18px; font-weight:normal;text-transform:uppercase;margin-top:0px;letter-spacing:2px;color:#000;} h1{ font-family: 'Open Sans',sans-serif; font-size:35px; font-weight:normal;text-transform:uppercase;letter-spacing:1px;line-height:35px;} h4{ font-family: 'Open Sans',sans-serif; font-size:18px; text-transform:uppercase;letter-spacing:1px;font-weight:normal;line-height:20px;} figcaption{ background-color:#333; padding: 10px 20px; bottom:0px; position:absolute; width:100%; opacity:0.8; color:#FFF; } select{ font-size: 11px; color: #333; background: #E4E4E4 none repeat scroll 0% 0%; border: 1px solid #CCC; padding: 3px; }  /* ========================================================================== HEAD ========================================================================== */ #header-container{ background-color:#004564; padding: 10px 0; } .color-page{ color:#2063A8; } #social{ min-width:170px; text-align:right;	float:right; color:#FFF; overflow:hidden; height:1%; margin-left:10px; } #banner{ width:300px; float:left; margin-left:10px; } #logo, #social{	min-height:80px; } #logo{ min-width: 310px; padding-top:10px; float:left; } .social{opacity:1.00; margin-right:2px; margin-top:8px;} .social:hover{ opacity:0.70; } .container-search{ margin-top:20px; float:right; overflow:hidden; height:1%; } .search{ float:left; color:#999; } #search{ border-radius:5px; box-shadow: 0px 0px 4px #999 inset; font-style:italic; color:#CCC; } #search:focus{ border:1px solid #1eb36d;} .container-search input[type=text] { border: 0px solid #000 !important; height: 28px; line-height: 28px; padding:3px 7px; } .container-search input[type=image]{ margin-top:0px; margin-left:-29px; } .container-search input[type=image]:hover{ opacity:0.7; } .header-information{ float: right; margin-top: 30px; line-height: 20px; font-weight: 500; } .header-information A{ color:#FFF !important; } .icon-cont{ margin: 0 10px; } .menu{ height:45px; line-height:46px; } .menu-responsive{ display:none; } .menu UL{ list-style-type:none; text-transform: uppercase; margin:0; padding:0; text-transform:uppercase; } .menu li{ float:left; padding:0 25px; border-right: 1px solid #134A86; min-width:100px; } .left-border-menu{ border-left: 1px solid #134A86; } .menu li:hover{ float:left; padding:0 25px; } .menu li A:link, .menu li A:visited, .menu li A:hover, .menu li A:active { display:block; text-decoration:none; } .menu li A:hover, .menu li A:active { color:#F00; } .menu li A:link, .menu li A:visited { color:#FFF !important; } .menu li:hover{ background: #031d37; /* Old browsers */ color:#F00; } .gradient{ background: #1e5799; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFlNTc5OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzI5ODlkOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3ZGI5ZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top,  #1e5799 0%, #2989d8 50%, #7db9e8 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(50%,#2989d8), color-stop(100%,#7db9e8)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top,  #1e5799 0%,#2989d8 50%,#7db9e8 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top,  #1e5799 0%,#2989d8 50%,#7db9e8 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top,  #1e5799 0%,#2989d8 50%,#7db9e8 100%); /* IE10+ */ background: linear-gradient(to bottom,  #1e5799 0%,#2989d8 50%,#7db9e8 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-8 */ }  table{ width:100%; } td{ line-height:1.9em; border:1px dotted #C1C1C1; text-align:center; } .ht{ text-align:center; background-color:#2063A8; color:#FFF; padding:4px 10px; margin-top:10px; border:1px solid #2063A8; } .mt{ background-color:#CCC; } .s-header h1{ text-transform:none !important; } .manufactures h2{ text-transform:none !important; font-weight:700; }   /* ========================================================================== SLIDER ========================================================================== */ .background{ background-image:url(../images/fondo_cabecera.png); background-repeat:repeat-x; margin-top:14px; overflow:hidden; height:auto; box-shadow: 10px 6px 5px #CCC inset; margin-bottom:20px;} .container-slider{ height:auto; background-color:#FFF; position:relative; padding:0px 14px 14px 14px; border-right:1px solid #e7e5e5; border-left:1px solid #e7e5e5; border-bottom:1px solid #e7e5e5; overflow:hidden; box-shadow: 0px 0px 5px #CCC;}  /* ========================================================================== CONTAINER ========================================================================== */ .container-section{ border-bottom: 1px dotted #DDD; overflow:hidden; height:1%; padding-bottom:20px; margin-bottom:20px; } .title{ text-align:right; } .secundary-title{ width: 25%; float:left; } .min-description-we{ width: 70%; float:right; text-align:justify; } .secundary-title, .min-description-we{ margin-top: 15px; } .button-div{ overflow:hidden; padding:10px 0; height:1%; } .special-button-div{ margin-top:20px; } .sp-button-div{ margin-right:30px; } .right-align{ text-align:right; } .services-main{ width:85%; float:right; } .description-layer{ margin-top:10px; } .url-div{ border-bottom: 1px dotted #DDD; padding:10px 0; } .image-galery{ position:relative; margin-bottom:10px; } .image-galery IMG{ width:100%; } .delegation-layer{ line-height:35px; border: 1px solid #DDD; margin-bottom:5px; padding:0px 10px; background-color:#F1F1F1; } .delegation-layer:hover{ background-color:#2063A8; transition: all 300ms ease-out; } .delegation-layer A{ display:block; text-decoration:none; } .delegation-layer A:link, .delegation-layer A:visited{ display:block; color:#000; } .delegation-layer A:hover, .delegation-layer A:active{ display:block; color:#FFF; } .block-location{ margin:10px 0; } .descp-del{ margin-top:10px; } .title-small-sections-div{ height: 54px; overflow: hidden; margin-bottom:5px; } .manufactures h2{ margin: 10px 0; font-size:1.0em; } .text-small-sections { word-wrap: break-word; overflow: hidden; height: 69px; margin:15px 0; color:#7A7A7A; } .special-section-text { height: 69px !important; color: #7A7A7A; } .header-section{ margin-bottom:15px; overflow:hidden; height:1%; } .header-int-section h2{ margin-top:0px !important; } .news-date{ margin: 10px 0; } .menu-cat{ margin-bottom:25px; background-color:#e4e4e4; padding:15px; border-radius:5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 2px 2px 3px #CCC; } .menu-cat ul{ list-style-type:none; margin: 0; padding: 0;  } .menu-cat li{ line-height:2.3em; border-bottom: 1px dotted #DDD; padding: 0 0 0 5px; } .menu-cat li:hover{ background-color:#cccccc; } .menu-cat A{ display:block; } .menu-cat A:hover, .menu-cat A:active { display:block; color:#000; } .menu-cat h2{ font-size:1.0em; color:#333; background-color:#F1F1F1; text-transform:none; border-bottom: 1px dotted #C1C1C1; padding: 3px 2px 3px 3px; } .cont-items{ margin-top:20px; overflow:hidden; height: 1%;  } .small-card-product{ border:1px solid #e7e5e5; box-shadow: 0px 1px 1px #e4e4e4; position:relative; min-height:290px; padding:10px; margin-bottom:20px; } .new-offert{ border:1px solid #2063a8; background-color:#2063a8; border-radius:5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding:8px; color:#FFF; background: #1e5799; /* Old browsers */ background: -moz-linear-gradient(top,  #1e5799 0%, #2989d8 50%, #2989d8 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(50%,#2989d8), color-stop(100%,#2989d8)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top,  #1e5799 0%,#2989d8 50%,#2989d8 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top,  #1e5799 0%,#2989d8 50%,#2989d8 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top,  #1e5799 0%,#2989d8 50%,#2989d8 100%); /* IE10+ */ background: linear-gradient(to bottom,  #1e5799 0%,#2989d8 50%,#2989d8 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#2989d8',GradientType=0 ); /* IE6-8 */ }  .offert-text{ margin-right:30px; } .new-offert{ top:18px; left:0px;  position:absolute;  display:block; } .offert-text{ border-radius:3px; } .price{ text-align:center; font-size:1.2em; color:#000; border-top: 1px solid #DDD; padding-top:15px; } .total-register{ font-size:0.8em; float:left; } 
.cont-opt{ margin-bottom:20px; overflow:hidden; height: 1%; } 
.cat-banak{ margin: 0 0 20px 0; background-color: #2989d8; color: #FFF; padding-top: 8px; padding-bottom: 8px  }
.cat-banak A:link, .cat-banak A:visited{ color: #000 }
.cat-banak A:hover, .cat-banak A:active{ color: #FFF }
.paginator{ text-align:center; margin:30px 0; overflow:hidden; height:1%; padding:7px 0; } 
.pages{ color: #ffb2e0; padding: 5px 10px; margin-right: 5px; background-color: #2063A8; box-shadow: 2px 2px 3px #CCC; border-radius:5px; } A.pages:link, A.pages:visited{ color:#FFF; } A.pages:hover, A.pages:active{ color:#ffb2e0; } .container-image{ width:45%; float:left; margin-right:10px; } .btn-prev-next{ float:right; margin-left:10px; } .pvp{ font-weight:bold; font-size:1.2em; } .big-price-div{ margin-top:20px; border-bottom:1px dotted #DDD;  } .cont-desc h2{ color:#2063A8; } .price-line{ margin:10px 0; } .small-price{ text-decoration: line-through; color: #B5B5B5; } .text-price{ font-weight:bold; font-size:1.1em; } .big-price{ font-size:1.5em; margin-left:10px; position:relative; } .discounts{ background-color:#2063A8; color:#FFF; padding: 5px 10px; font-weight:bold; width:20%; position:absolute; right:0px; top:55px; text-align:center; } .text-descript{ margin:20px 0; line-height:1.5em } .descripcion{ font-weight:bold; margin:10px 0; } .search-cont{ min-height:450px; } .search-cont-1 h2{ margin-top: 0px; margin-bottom:20px; } .resp-heigh{ min-height:360px; } .image-row{ box-shadow: 0px 0px 10px #9C9C9C; } .cnt-img-row{ position:relative; } .image-row figcaption{ position:absolute; left:15px; right:15px !important; bottom:0px; box-sizing:border-box; width:auto;  } .r-cont{ padding-bottom:20px; border-bottom:1px dotted #DDD; } .r-cont h2{ font-size:2.0em; margin-bottom:30px;  } .form-control{ margin-bottom:10px; } .label-div{ margin-bottom:5px; } .form-control:focus{ border-color:#FA0D2C; outline:0 none; box-shadow:0 1px 1px rgba(0,0,0,0.075) inset, 0 0 8px rgba(238,57,80,0.6); } .bold{ font-weight: bold; } .label-contact{ font-weight: bold; margin:10px 0; } .small-news-card{ margin:15px 0; } .expand-div h1{ font-size:1.7em; line-height:1.2em; margin-top:0px; } .coment{ padding:5px 0; border-bottom:1px dotted #DDD; border-top:1px dotted #DDD; margin-top:30px; } .comentary{padding-left:25px;background-repeat:no-repeat;} .leave-comment{background-image:url(../images/globo_comentarios.png);} .see-comment{background-image:url(../images/globo_comentarios_activos.png);} .head-comment{ border-bottom:1px dotted #DDD; overflow:hidden; height:1%; margin-bottom:10px; } .comment{ margin-top:10px; } .small-date{ font-size:0.9em; } .image-section{ margin-right:20px; } .sections-div{ margin-bottom:30px; } .cont-galery h1, .cont-condiciones h1{ font-size:1.8em; font-weight:100; } .cont-galery{ margin-top:0px !important; } .options-layer{ margin:10px 0; overflow:hidden; height:1%; } .album-card{ margin-bottom:20px; overflow:hidden; height:1%; min-height:195px; } .image-card{  margin-bottom:25px; } .image-card IMG{ border-bottom: 2px solid #2063A8; } .image-card IMG:hover{ border-bottom: 2px solid #333; } .name-album h2{ margin-top:0; font-size:1.1em; font-weight:100; } .name-album{ min-height:50px; } .description-album{ overflow:hidden; height:1%; padding-bottom:10px; margin-bottom:15px; } .big-date{ font-size:1.7em; color:#2063A8; font-weight:100 !important; line-height:1.1em; text-align:center; margin-right:15px; font-family: 'Open Sans',sans-serif; } .descripcion-album{ font-style:italic; color:#777; text-align:justify; } .img-albm-con{ overflow:hidden; height:1%; padding-top:10px; } .image-card{ position:relative; } .date-image, .name-gal{ background-color:rgba(46,140,217,0.8); padding:4px 10px; color:#FFF; } .name-gal{ display:none; } .image-card:hover .name-gal{ display:block; transition: all 4000ms ease-out;  } .date-image{ position:absolute; left:15px; } .name-gal{ position:absolute; bottom:10px; left:15px; right:15px; width:auto !important; } .name-gal h2{ margin:0; font-size:1.0em; } .image-card{ padding-bottom:10px; } .image-small{ min-height:150px; } .image-pdrt{ width:100%; } #cookies{ background-color: #1a6b90; z-index: 180; padding: 3px 10px; width: 100%; text-align: center; color: #60b4d9; font-size:0.9em; font-family: 'Open Sans',sans-serif; } #cookies A{ text-decoration: none !important; color:#FFF; } .cont-novedades h3{ margin-top:0px; margin-bottom:20px; font-size:18px; text-transform:uppercase; font-weight: 400 !important; font-family: 'Open Sans',sans-serif; } .container-location{ overflow:hidden; height:1%; } .contact-rows{ margin-top:30px; } .cont-icons{ overflow:hidden; height:1%; } .phone-movile{ line-height:1.4em; } .phone-number{ font-size:1.6em; letter-spacing:1px; } .phone-movile{ display: none; } .phone-desktop{ display: block; } .icon-contact{ margin-top:-5px !important; margin-right:10px; } .row-delegation{ margin-bottom:20px; } .right-header{ overflow:hidden; height:1%; float:right; } .span-quote{ text-align:justify; } .small-list-card{ padding:7px 3px; border-bottom:1px dotted #DDD; font-size:1.1em; } .small-list-card:hover{ background-color:#F1F1F1; } .other-options{ margin-top:40px !important } .name-section{ width:100%; overflow:hidden; height:1% } .image-delegation{ margin-bottom:20px; min-height:191px } .banner-web{ text-align: center; margin: 45px 0; overflow: hidden; height: 1% } .text-banner-web p{ font-size:25px; font-family: 'Open Sans',sans-serif; font-weight:100  } .button-div-banner{ text-align:center; margin-top:30px } .grey-layer{ background-color: #F1F1F1 } .selectindex{ color:#000 } #IrArriba { position: fixed; bottom: 30px; right: 30px; z-index:1000 } #IrArriba span { width: 60px; height: 60px; display: block; background: url(../images/arriba.png) no-repeat center center } .section-title a:link, .section-title a:visited{ color: #2063A8 !important } .section-title a:hover, .section-title a:active{ color: #333 !important } .news-title h4, .news-title h2, .news-title h3{ font-weight:bold } .small-map iframe{ max-width:100% } .oficial-banak{ background-color:#FFF;  margin:20px -5px 0px -5px; padding:0px 10px 15px 10px; overflow:hidden; border-radius:10px } .oficial-banak h2{ font-size:1.3em; text-transform:uppercase; background-color:transparent; margin-top:10px } .logo-banak{ margin:10px 0 } .description-banak{ margin-top:30px } .cont-desc A:link, .cont-desc A:visited{ color: #2063A8 } .cont-desc A:hover, .cont-desc A:active{ color: #2063A8; text-decoration:underline } .div-404{ margin-top:30px; padding:20px; min-height:450px } .div-404 h2{ text-align:center } footer .left-border-menu{ border:0px !important } .special-row{ min-height: 430px }  /* ========================================================================== ERRORES Y MSG ========================================================================== */ .result-accion{ font-size:1.3em; font-weight:100 !important; } .msg-div{ margin:20px 0; padding:7px 5px; border-radius:5px; font-weight:100 !important; font-family: 'Open Sans',sans-serif; } .msg-big{ font-size:1.5em; line-height:1.3em; } .error-msg{ color:#FFF; background-color:#F00 !important; } .ok-msg{ color:#FFF; background-color:#396; }   /* ========================================================================== BOTONES ========================================================================== */ .button{ padding:7px 20px 7px 20px; margin-top:15px; text-decoration:none; box-shadow: 3px 2px 3px #EEE; background-color:#EEE; color:#333 !important; border:1px solid #CCC; outline:0px; text-transform:uppercase; font-weight:500; } .button:hover{ cursor:pointer; transition: all 300ms ease-out; background-color:#2063A8; color:#FFF !important; text-decoration:none; border:1px solid #0e4681; outline:0px; }  /* ========================================================================== ENLACES ========================================================================== */ A:link, A:visited{color:#333; text-decoration:none;} A:active, A:hover{color:#2063A8; }  /* ========================================================================== FOOTER ========================================================================== */  footer{ background-color:#770047; margin-top:40px; border-top: 1px dotted #999; color:#333; font-family: 'Open Sans',sans-serif !important; font-size: 0.85em; background-image: url("../images/fondo_cabecera.png");  } footer h4{ color:#2063A8; } .footer-container{ margin-top:15px; } footer A:link, footer A:visited{ color:#333 !important; } footer A:hover, footer A:active{ color:#2063A8!important; text-decoration: underline; } footer ul{ list-style-type: square; } .copyright{ margin:20px 0; border-top:1px dotted #999; padding:20px 0; }  /* ========================================================================== REDES SOCIALES ========================================================================== */  iframe, .tuenti-layer{ margin-top:-4px !important; } /* Layers */ .facebook-layer, .twitter-layer, .google-layer, .tuenti-layer{ float: right; } .tuenti-layer{ width:95px; } .twitter-layer{ width:100px; } .facebook-layer{ width:180px; } .google-layer{ width:71px; } .container-social{ margin-top:30px; margin-bottom:10px; overflow:hidden; height: 1%; padding:5px 0; }  /* Buttons */ .buttonfbshare{ background-image: url(../images/facebook_share.png); } .buttontwshare{  background-image: url(../images/twitter_share.png); } .buttonglshare{  background-image: url(../images/google_share.png); } .buttonfbshare:link, .buttonfbshare:visited, .buttontwshare:link, .buttontwshare:visited, .buttonglshare:link, .buttonglshare:visited{ float:right; width:70px !important; padding-left:21px; color:#FFF !important; background-color:#be394f; height:20px; background-repeat:no-repeat; line-height:18px; margin-right:10px; font-size:90%; } .buttonfbshare:active, .buttonfbshare:hover, .buttontwshare:active, .buttontwshare:hover, .buttonglshare:active, .buttonglshare:hover{  box-shadow: 0 0 4px 1px rgba(0,0,0,0.3); -webkit-box-shadow: 0 0 4px 1px rgba(0,0,0,0.3); -o-box-shadow: 0 0 4px 1px rgba(0,0,0,0.3); -moz-box-shadow: 0 0 4px 1px rgba(0,0,0,0.3); -ms-box-shadow: 0 0 4px 1px rgba(0,0,0,0.3);	-webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -ms-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; transition: all 300ms ease-out; }   
.texto-condiciones a:link, .texto-condiciones a:visited{ color: #2063A8 !important } .texto-condiciones a:hover, .texto-condiciones a:active{ color: #333 !important }

/* ======================================================================================================================================================================================= Media Queries ======================================================================================================================================================================================= */  @media only screen and (max-width: 560px) {  .cont-items .special-row{ min-height: auto } .text-small-sections{ height: auto } .cont-galery h1, h1{ font-size: 1.8em !important; line-height:1.2em; } h2{ font-size: 1.6em !important; line-height:1.1em; } .title-small-sections-div{ height:auto !important; } .title-small-sections-div h2{ font-weight:100 !important; font-size:1.2em !important; text-transform:none !important; } .secundary-title{ float:none; width:100%; text-align:right; } .min-description-we{ width:100%; } .services-main{ width:100%; } .img-albm-con, .image-galery{ margin-bottom:20px; } .album-card{ height:auto; min-height: auto; } .phone-movile{ display: block; } .phone-desktop, .menu-cat{ display: none; } .icon-resp{ margin-right:15px; } .row-delegation{ margin-bottom:20px; border-bottom:1px dotted #DDD; padding-bottom:20px; } .special-row{ width:100% !important; } .offert-text{ margin-right:5px; } .h2-slider{ font-size:1.3em !important; } #IrArriba { bottom: 20px; right: 10px; } .special-section-text{ height:auto !important; } .block-section{ margin-bottom:20px; } .div-404{ min-height:auto; } .div-404 h2{ font-weight:100; line-height:1.2em; } .cont-opt{ padding-bottom:15xpx; margin-bottom:10px; } .ul-footer LI, .ul-footer-without LI{ line-height:32px !important; } .facebook-layer, .twitter-layer, .google-layer, .tuenti-layer{ width:100%; box-sizing:border-box; text-align:center; float:none; margin-bottom:32px; } #copy, #design{ width:100%; overflow:hidden; height:auto; margin-bottom:15px; text-align:center !important; }  } @media only screen and (min-width: 560px) and (max-width: 767px){ .title-small-sections-div h2{ font-size: 1.1em; text-transform:none !important; } .special-row{ width:50%; } } @media screen and (max-width: 768px) { #logo{ width:100%; } .right-header{ width:100%; text-align:center; } #social{ width:100%; margin:0 auto; } #logo, #social{ text-align:center; margin-bottom:10px; } .container-search{ float:none; max-width:200px; width:auto; padding:0px; margin:0 auto; margin-top:20px; } .container-search input[type=text]{ width:170px; } .container-search input[type=image]{ margin-top:0px; margin-left:-30px; } #banner{ display: none; } .header-information{ width:100%; text-align:center; float:none; overflow:hidden; height:1%; margin-top:20px !important; } .imagen-fichas{ margin-bottom:30px; } } @media screen and (max-width: 992px) { .cont-icons{ display:none; } .menu li{ padding: 0px 18px; } .menu li:hover{ padding: 0px 18px; } .s-header{ margin-top:20px; } .menu-cat{ display:none; } .menu{ display:none; } .menu-responsive{ display:block; text-align:center; line-height:50px; } .menu-responsive form{ margin-top:0px !important; } .menu-responsive select{ margin:0 auto; width:90%; font-size:1.0em; } .responsive-menu-cat{ display:block; } .responsive-menu-cat select{ width:96%; margin-top:-20px !important; margin-bottom:30px; } .imagen-fichas{ margin-bottom:30px; } } @media screen and (min-width: 992px){  } @media screen and (max-width: 1200px) { .background{ background-position: 0px -150px;  }  }