/* ========================================================================== Author's custom styles ========================================================================== */  /* ========================================================================== DEFAULT ========================================================================== */  *::-moz-selection { color:#FFF; background: #0193a6; } *::selection{color: #FFF;  background: #0193a6; } 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:#191919; padding: 10px 0; } .color-page{ color:#0193a6; } #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; color:#FFF; } .header-information A{ color:#FFF !important; } .icon-cont{ margin: 0 10px; } .left-menu-border{ border-left: 1px solid #3C3C3C } footer .left-menu-border{ border: 0px !important } .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 #3C3C3C; font: 600 14px/45px; } .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:#000; } .menu li A:link, .menu li A:visited { color:#FFF !important; } .menu li:hover{ background-color: #026a77; color:#000;  } .gradient{ background: #0193a6; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAxOTNhNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMTc0ODMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #0193a6 0%, #017483 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0193a6), color-stop(100%,#017483)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #0193a6 0%,#017483 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #0193a6 0%,#017483 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #0193a6 0%,#017483 100%); /* IE10+ */ background: linear-gradient(to bottom, #0193a6 0%,#017483 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0193a6', endColorstr='#017483',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:#0193a6; color:#FFF; padding:4px 10px; margin-top:10px; border:1px solid #0193a6; } .mt{ background-color:#CCC; } .s-header h1{ text-transform:none !important; }  /* ========================================================================== 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; margin-left:-10px; padding-left:10px; } .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 ========================================================================== */ .cont-desc A:link, .cont-desc A:visited, .sections-div  A:link, .sections-div  A:visited{ color: #0193a6 !important; } .cont-desc A:active, .cont-desc A:hover, .sections-div A:active, .sections-div A:hover{ text-decoration:underline; } .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; } .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:#0193a6; 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: 88px; overflow: hidden; margin-bottom:5px; } .title-small-sections-div h2{ text-transform:none !important; } .text-small-sections { word-wrap: break-word; overflow: hidden; height: 69px; margin:15px 0; } .special-section-text { height: 69px !important; color: #999; font-style: italic; } .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; } .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:#0193a6; } .menu-cat A{ display:block; } .menu-cat A:hover, .menu-cat A:active { display:block; color:#FFF; } .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, .offert-text{ padding:3px 6px; font-size:0.9em; color:#FFF; background-color:#0193a6; } .offert-text{ margin-right:30px; } .new-offert{ top:18px; left:0px;  position:absolute;  display:block; box-shadow: 0px 0px 10px #9c9c9c; } .offert-text{ border-radius:3px; } .price{ text-align:center; font-size:1.2em; color:#000; } .total-register{ font-size:0.8em; float:left; } .cont-opt{ margin-bottom:20px; overflow:hidden; height: 1%; } .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: #0193a6; 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:#0193a6; } .price-line{ margin:10px 0; } .small-price{ text-decoration: line-through; color: #B5B5B5; } .text-price{ font-weight:bold; } .big-price{ font-size:1.5em; margin-left:10px; position:relative; } .discounts{ background-color:#0193a6; color:#FFF; padding: 5px 10px; font-weight:bold; width:20%; position:absolute; right:0px; top:55px; text-align:center; } .text-descript{ margin:20px 0; } .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{ 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; } .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:#0193a6; 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(1,147,166,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: #333; z-index: 180; padding: 3px 10px; width: 100%; text-align: center; color: #999; font-size:0.9em; font-family: 'Open Sans',sans-serif; } #cookies A{ text-decoration: none !important; color:#F00; } .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:350px; } .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;} .news-margin{ margin-bottom:50px } .title-news{ height:auto !important }  /* ========================================================================== 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:#0193a6; color:#FFF !important; border-radius:5px !important; outline:0px; border:0px; } .button:hover{ cursor:pointer; transition: all 300ms ease-out; background-color:#333; color:#FFF !important; text-decoration:none; }  /* ========================================================================== ENLACES ========================================================================== */ A:link, A:visited{color:#333; text-decoration:none;} A:active, A:hover{color:#0193a6; }  /* ========================================================================== FOOTER ========================================================================== */  footer{ background-color:#EEE; margin-top:40px; padding-top:15px; color:#000; font-family: 'Open Sans',sans-serif !important; font-size: 0.85em; box-shadow: 0px -5px 15px #CCC; } footer h4{ color:#0193a6; } .footer-container{ margin-top:15px; } footer A:link, footer A:visited{ color:#000 !important; } footer A:hover, footer A:active{ color:#0193a6!important; text-decoration: underline; } footer ul{ list-style-type: square; } .copyright{ margin:20px 0; border-top:1px dotted #0193a6; 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; }   /* ======================================================================================================================================================================================= Media Queries ======================================================================================================================================================================================= */  @media only screen and (max-width: 560px) {  .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; } .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:160px; width:auto; padding:0px; margin:0 auto; margin-top:20px; } #banner{ display: none; } .container-search{ float:none; max-width:200px; width:auto; padding:0px; margin:0 auto; margin-top:20px; } .container-search input[type=text]{ width:180px; } .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; }  } @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; } } @media screen and (max-width: 1200px) { .background{ background-position: 0px -150px;  }  }