/* GENERAL STYLE ***********************************/
body {font-family:'Open Sans',sans-serif;margin-top:70px;font-size:16px;line-height:25px;background-color:#f7f7f7;}
.text-center {text-align:center;}
section {margin:70px 0;}
.pad-top-botm {padding-top:50px;padding-bottom:50px;}
.pad-row {padding-top:20px;}
.clear{padding:0;margin:0;}
.ClearBoth{clear:both;padding:5px;}
.pad-top-botm-2 {padding-top:10px;padding-bottom:10px;}
.pad-top-botm-2 h2 {font-size:20px;font-weight:700;padding:20px 5px;}
.cajaofebase {text-align:center;}
.cajaofe1 {border:1px solid #aaa;margin: 5px;border-radius:20px;background:#147;-webkit-box-shadow:0 0 10px rgba(0,0,0,0.5);-moz-box-shadow:0 0 10px rgba(0,0,0,0.5);}
.cajaofe1:hover {background:#369;text-decoration:none;}
.welcome-ofe1 .cajaofe1 .btn1 {font-size:20px;}
.cajaofe1 i ,.cajaofe1 span {color:#fff;}
@media screen and (max-width: 768px) {
.welcome-ofe1{margin-top: -10px;}
.welcome-ofe1 .cajaofe1 .btn1 {font-size:16px;}
}
@media screen and (max-width: 480px) {
.welcome-ofe1{margin-top: -10px;}
.welcome-ofe1 .cajaofe1 .btn1 {font-size:16px;}
}
#porque2 {padding-bottom: 20px;}
.cajaofe2,.cajaofe3{border:1px solid #aaa;margin: 5px;border-radius:20px;background:#fff;}
/* Dispositivos extra pequeños (teléfonos, 600px y menores) */
@media only screen and (max-width: 600px) {
.cajaofe2,.cajaofe3{padding:10px;font-size:18px;}
.cajaofe2 i {padding-right:5px;font-size:24px;}
.cajaofe3 i {padding-right:20px;}
}
/* Dispositivos medianos (tabletas horizontales, 768 px y más) */
@media only screen and (min-width: 768px) {
.cajaofe2{padding:10px 20px;font-size:18px;}
.cajaofe3{padding:30px 20px;font-size:20px;}
.cajaofe2 i {padding-right:5px;font-size:24px;}
.cajaofe3 i {padding-right:20px;}
}
/* Dispositivos grandes (computadoras portátiles y de escritorio, 992 px y más) */
@media only screen and (min-width: 992px) {
.cajaofe2,.cajaofe3{padding:30px 20px;font-size:20px;}
.cajaofe2 i {padding-right:5px;font-size:24px;}
.cajaofe3 i {padding-right:20px;}
}
/* Dispositivos extra grandes (computadoras portátiles y de escritorio grandes, de 1200 píxeles o más) */
@media only screen and (min-width: 1200px) {
.cajaofe2{padding:10px 20px;font-size:20px;}
.cajaofe3{padding:30px 20px;font-size:24px;}
.cajaofe2 i {padding-right:5px;font-size:24px;}
.cajaofe3 i {padding-right:20px;}
}
/* COLOR *******************************************/
.clr-white {color:#fff;}
.clr-main {color:#f60;}
.transparent-bk {background-color:transparent;}
.clr-blue-bk {background-color:#78F;}
.naranja{color:#e70;}
.rojo{color:#e40;}
/* TOP MENU ***************************************/
.menu-back {background-color:#036;}
.navbar-brand-logo {max-height:60px;padding-bottom:10px;}
.navbar-default .navbar-nav > li > a:link {color:#fff;}
.navbar-default .navbar-nav > li > a:hover {color:#ace;}
.navbar-default .navbar-nav > li > a:visited,.navbar-default .navbar-nav > li > a:active {color:#ddd;}
.navbar-nav > li > a {border-right:1px solid #158;margin:5px 0;text-transform:uppercase;}
.nav li > a>i {color:#ccc;padding-left:8px;}
.nav li > a>span {font-size:14px;display:table;color:#ace;text-transform:none;}
.nav .dropdown-menu > li > a {color:#369;padding:10px;border-bottom:1px solid #ddd;margin:5px;text-transform:uppercase;}
.nav .dropdown-menu {min-width:200px;}
.nav .dropdown-menu > li > a > span{color:#333;font-size:14px;margin-right:10px;}
.navbar-header {min-height:70px;}
.navbar-default {border-color:rgba(0,0,0,0.2);}
.navbar-default .navbar-toggle {border-color:#fff;margin-top:15px;}
.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus {background-color:#147;}
/* HEADER CAJAS *********************************/
.div-social-top {background-color:#fff;min-height:40px;padding:20px 50px 10px 50px;}
.div-social-top .delegacion {padding:5px;color:#369;font-size:16px;}
.div-social-top .delegacion .caja {background-color:#f0f8ff;padding:10px;border:1px solid #ccc;line-height:20px;text-align:center;}
.div-social-top .delegacion .caja p{padding:5px;margin:0px;}
/* SLIDER STYLE ********************************/
#main-slider {padding: 0;margin:0;}
.control-icon {position:absolute;top:50%;}
.carousel-control.right {right:0;left:auto;background-repeat:repeat-x;background-image:linear-gradient(to right,rgba(0,0,0,0)0%,rgba(0,0,0,0) 100%);}
.carousel-control.left {left:0;right:auto;background-repeat:repeat-x;background-image:linear-gradient(to left,rgba(0,0,0,.0001)0%,rgba(0,0,0,0)100%);}
.back-light {background-color:rgba(51,102,153,0.15);padding:20px 40px;font-size:36px;line-height:40px;text-shadow: 2px 2px 4px #000;}
@media only screen and (max-width: 600px) {
.back-light {margin-top:-40px;padding:10px 20px;font-size:16px;;line-height:20px;}
#main-slider {display:none;}
}
@media only screen and (min-width: 768px) {
#main-slider {display:none;}
}
@media only screen and (min-width: 992px) {
.back-light {padding:20px 40px;font-size:24px;line-height:40px;}
#main-slider {display:block;}
}
@media only screen and (min-width: 1200px) {
.back-light {padding:20px 40px;font-size:36px;line-height:40px;}
#main-slider {display:block;}
}
.tfo-contacto{color:#ffc;text-align:left;padding:12px 0 0 30px;}
.tfo-contacto span{display:block;}
.tfo-contacto a,.tfo-contacto a:hover{color:#ffc;margin-left:10px;}
#welcome-note,,#porque,#porque2,#port-folio,#welcome-oferta{padding:0;margin:0;}
/* WELCOME ************************************/
.welcome-div {padding:10px 0;background-color:#fff;color:#369;text-align:center;}
.welcome-div span {font-size:20px;padding:3px 0;display:block;}
.welcome-ofe {font-size:48px;line-height:50px;padding:20px 10px;background-color:#820;color:#fff;text-align:center;}
.welcome-ofe i {font-size:48px;padding:3px 10px;display:in-line;}
.welcome-ofe1 {font-size:32px;line-height:32px;padding:20px 10px;background-color:#fff;text-align:center;}
.welcome-ofe1 .cajaofe1 i {font-size:32px;padding:3px 10px;margin:10px;display:in-line;}
.welcome-ofe1 .cajaofe1 span {font-size:32px;display:in-line;}
@media only screen and (max-width: 600px) {
.back-light {margin-top:-40px;padding:10px 20px;font-size:16px;;line-height:20px;}
.welcome-ofe1 {margin:10px;}
.cajaofe1 {margin:10px;}
}
@media only screen and (min-width: 768px) {
.welcome-ofe1 {margin:10px;}
.cajaofe1 {margin:10px;}
.welcome-ofe1{margin-top: 5px;}
}
@media only screen and (min-width: 992px) {
.welcome-ofe1{margin-top: -120px;}
}
@media only screen and (min-width: 1200px) {
.welcome-ofe1{margin-top: -120px;}
}
/* HOME PAGE **********************************/
#home-service {color:#369;padding:20px;margin:0;}
#home-service .cajapd{padding:20px;margin-top:10px;border:1px solid #ddd;text-align:center;}
#home-service .datopd{padding:10px;text-align:center;font-size:20px;line-height:24px;color:#000;}
#home-service .datoinst{padding-bottom:10px;text-align:left;font-size:20px;color:#000;}
.tachado{color:#e40;text-decoration:line-through;}
.aclara1{padding:10px 20px;margin-top:10px;font-size:24px;line-height:28px;color:#333;background:#fd8;border:1px solid #ea0;}
.img-instalacion {width:35%;margin-top: -5%;margin-left:53%;position:absolute;}
@media only screen and (max-width: 600px) {
.welcome-ofe {font-size:14px;}
.welcome-ofe i {font-size:14px;}
.aclara1{font-size:14px;line-height:20px;}
.img-instalacion {width:35%;margin-top: -4%;margin-left:57%;position:absolute;}
}
@media only screen and (min-width: 768px) {
.welcome-ofe {font-size:16px;line-height:20px;padding:10px 5px;}
.welcome-ofe i {font-size:16px;}
.aclara1{font-size:16px;line-height:20px;}
.img-instalacion {width:35%;margin-top: -4%;margin-left:57%;position:absolute;}
}
@media only screen and (min-width: 992px) {
.img-instalacion {width:35%;margin-top: -4%;margin-left:57%;position:absolute;}
}
@media only screen and (min-width: 1200px) {
.img-instalacion {width:35%;margin-top: -5%;margin-left:53%;position:absolute;}
}



/* CONSEJOS ***************************************/
.middle-section {padding-bottom:50px;background:url(../img/middle-text.jpg) no-repeat 50% 50%;background-attachment:fixed;
-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;
width:100%;display:block;height:auto;min-height:275px;color:#fff;text-align:center;padding:30px;}
.middle-section .slide-custom {min-height:250px;padding:20px;line-height:30px;}
.middle-section .slide-custom i{padding:5px;}
.middle-section .slide-custom p{padding:10px 150px;margin:0;line-height:20px;font-size:16px;}
.middle-section .slide-custom .c-black{font-size:20px;}
/* ELECCIÓN ********************************/
#media-sec {background-color:#17c;padding:20px;color:#fff;}
#media-sec h3 {color:#dff;}
#media-sec small {color:#bdf;font-size:16px;margin-bottom:20px;text-transform:uppercase;}
/* FOOTER STYLES ****************************************/
#footer-sec {background-color:#036;color:#fff;padding:20px;}
#footer-sec h3{margin-bottom:20px;}
#footer-sec span {font-size:20px;color:#bdf;}
#footer-sec .cajon {border-right:1px solid #15a;padding-right:10px;}
#footser-end {background-color:#012;padding:20px 10px;color:#ace;font-size:14px;}
#footser-end a span{display:none;}
#footser-end a {color:#def;font-size:20px;margin:0 5px;font-size:14px;}
#footser-end a:hover {color:#ace;}
#footser-end i {margin:0 5px;}
#footser-end .fondopie {margin:20px 0;font-size:12px;border-top:1px solid #023;padding-top:20px;}
#footser-end .fondopie,#footser-end .fondopie a{color:#158;}
#footser-end .fondopie a:hover{color:#28d;}
#back-to-top {position:fixed;bottom:40px;right:40px;z-index:9999;width:40px;height:40px;text-align:center;line-height:28px;background:#358;color:#fff;cursor:pointer;border:2px solid #fff;border-radius:50%;text-decoration:none;
transition:opacity 0.2s ease-out;opacity:0;-webkit-box-shadow:0 4px 8px 0 rgba(0,0,0,0.25);-moz-box-shadow:0 4px 8px 0 rgba(0,0,0,0.25);box-shadow:0 4px 8px 0 rgba(0,0,0,0.25);}
#back-to-top i {font-size:30px;}
#back-to-top:hover {background:#57b;}
#back-to-top.show {opacity:1;}
/* PAGINAS INTERIORES ***********************************/
.general-subhead {background-color:#eee;padding:10px;}
.general-subhead h1 {font-size:24px;}
.general-subhead p{font-size:20px;}
.caja1{background:#fff;margin:20px 0;padding:20px;border:1px solid #ddd;}
.caja1 h3,.caja1 .auxpre,.caja1 .auxnom{font-size:20px;line-height:25px;margin:20px 0;}
.caja2{margin:2px 0;padding:10px;border:1px solid #ddd;font-size:20px;}
.panelinfo{margin:30px 0;border:1px solid #e77;}
.panelheading{background:#fdd;border-bottom:1px solid #e77;font-size:20px;line-height:24px;font-weight:700;}
.panelbody,.panelheading{padding:10px 20px;}
/* SOCIAL ICON STYLES *******************************/
.color-facebook {color:#359;}
.color-twitter {color:#0ae;}
.color-youtube {color:#d43;}
/* PORTFOLIO STYLES *********************************/
.portfolio-item {border:2px solid #ddd;margin:20px;padding:20px;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;}
.portfolio-item img{margin:0 auto;}
.portfolio-item p {padding:10px;}
.portfolio-item .detalgen {text-align:center;color:#fff;padding:10px;width:100%;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
.portfolio-item .detalgen span{font-size:14px;color:#fd0;}
/* LEGALES *****************************************/
.legales{font-size:12px;line-height:15px;}
.legales p{margin-left:10px;}
.legales address{padding-left:10px;border-left:2px solid #ccc;margin:0 0 0 10px;}
.legales ul{list-style:none;margin:5px 0;}
.legales li{list-style:none;padding:5px 0 5px 10px;}
/* PISCINAS STYLES *********************************/
.infopisc{margin:30px 10px;}
.infopisc .precio{padding:20px 0;}
.infopisc .precio .precio-tit{font-size:16px;margin-right:10px;}
.infopisc .precio .precio-nun{font-size:24px;font-weight:700;}
.infopisc .tablaprecios{font-size:16px;margin:20px 0;background:#eee;border:1px solid #ccc;}
.infopisc .tablaprecios .td-decr{width:70%;padding:10px;}
.infopisc .tablaprecios .td-prec{width:30%;padding:10px;font-weight:700;}
.infopisc .tablaaclara{font-size:16px;margin:0 0 10px 0;background:#eee;border:1px solid #ccc;}
.infopisc .tablaaclara .td-data,.infopisc .tablaaclara .td-news{padding:5px 0;}
.infopisc .tablaaclara .td-news{font-style:italic;}
.infopisc .tablaaclara .td-data{font-weight:700;}
.img-recortar{width:200px;height:200px;}
.portfolio-item .titulos {font-size:14px;line-height:16px;padding-top:10px;height:50px;}
.portfolio-item .overlay {position:absolute;top:0;left:0;opacity:0;background-color:rgba(255,255,255,0.4);text-align:center;vertical-align:middle;
-webkit-transition:opacity 300ms;-moz-transition:opacity 300ms;-o-transition:opacity 300ms;transition:opacity 300ms;cursor:pointer;}
.portfolio-item .overlay .preview {position:relative;top:35%;left:25%;width:50%;display:block;margin:20px 0;}
.portfolio-item:hover .overlay {opacity:1;zoom:1;filter:alpha(opacity=100);width:100%;height:100%;}
.overlay a,.overlay a:hover{color:#fff;text-decoration:none;}
/* Media Queries ********************************/
@media screen and (max-width: 768px) {
	.div-social-top{display:none;}
	.welcome-div span {font-size:14px;line-height:18px;}
	.middle-section .slide-custom {min-height:250px;padding:5px;}
	.middle-section .slide-custom p{padding:10px 0;line-height:18px;font-size:14px;}
	.middle-section .carousel-indicators{bottom:-20px;}
	#footser-end .enmovil {display:block;}
}
.contact-top div{padding:0.5em 0;text-align:left;}
.contact-top ul li{list-style:none;}
.contact-top li{padding:5px 20px;display:block;}
.contact{padding:1.5em 0 3em;}
.contact h2,.contact-der h3{font-size:18px;font-weight:700;}
.contact-der{padding:1.5em 1em 3em;}
.contact-der-up p{padding:10px;color:#c30;}
.contact-der-down p{text-align:justify;border:1px solid #ccc;background:#eee;padding:10px;font-size:12px;line-height:17px;}
.contact-top .envioError{font-size:16px;color:#b22;}
.contact-top .envioMal{font-size:14px;background:#b22;color:#fff;padding:5px 10px;}
.contact-top .envioBien{font-size:16px;background:#285;color:#fff;padding:5px 10px;}
.contact-top div input[type="text"], .contact-top div input[type="password"], .contact-top div input[type="email"], .contact-top div textarea{width:100%;padding:0.7em;margin:0.4em 0 0;background:none;outline:none;border:1px solid #838383;border-radius:8px;-webkit-appearance:none;}
.contact-top div textarea{height:230px;resize:none;}
.contact-top div span{color:#5261ac;font-size:1.2em;}
.contact-top input[type="submit"]{background:#f78f1d;color:#fff;font-size:1.1em;border:none;width:50%;outline:none;border-radius:8px;font-weight:600;padding:0.6em 1em;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;}
.contact-top input[type="submit"]:hover{background:#00aedb;}
.contact-top p{font-size:1.1em;color:#494949;line-height:1.3em;padding:0.5em 0;}
.italica{font-style:italic;}
.contact .rojo{color:#c30;}
.video-responsive {
	height: 0;
	overflow: hidden;
	padding-bottom: 56.25%;
	padding-top: 30px;
	position: relative;
}
.video-responsive iframe, .video-responsive object, .video-responsive embed {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}