*{list-style:none;outline:0;padding:0;margin:0;box-sizing:border-box;text-decoration:none;border:none;}
body{font:14px/18px 'Open Sans',Arial,Helvetica,sans-serif;background:#fff;color:#000;}
a{color:#04BBDF;text-decoration: none;}

#header{position:relative;background:#fff;width:100%;padding:25px 5%;margin:0 auto;transition:all ease-out 400ms;-moz-transition:all ease-out 400ms;-webkit-transition:all ease-out 400ms;}
.navbar{position:relative;max-width:1130px;width:100%;margin:0 auto;text-align:left;}
#header h1{position:relative;z-index:9999999;float:left;width:160px;transition:all ease-out 400ms;-moz-transition:all ease-out 400ms;-webkit-transition:all ease-out 400ms;}
#header h1 img{display:block;width:100%;height:auto;}
#header h1 a{color:#fff;}

.clear{clear:both;}

.bg-gradient{
background: rgba(4,187,223,1) !important;
background: -moz-linear-gradient(45deg, rgba(4,187,223,1) 0%, rgba(38,200,170,1) 100%) !important;
background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(4,187,223,1)), color-stop(100%, rgba(38,200,170,1))) !important;
background: -webkit-linear-gradient(45deg, rgba(4,187,223,1) 0%, rgba(38,200,170,1) 100%) !important;
background: -o-linear-gradient(45deg, rgba(4,187,223,1) 0%, rgba(38,200,170,1) 100%) !important;
background: -ms-linear-gradient(45deg, rgba(4,187,223,1) 0%, rgba(38,200,170,1) 100%) !important;
background: linear-gradient(45deg, rgba(4,187,223,1) 0%, rgba(38,200,170,1) 100%) !important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#04bbdf', endColorstr='#26c8aa', GradientType=1 );
}

#submenu{position:absolute;right:0;top:0;}
#submenu li{float:left;text-align:right;margin:0 25px}
#submenu li.li-radio{}
#submenu li a{display:inline-block;color:#bbb;text-transform:uppercase;font-size:200%;}
#submenu li a small{float:right;font-size:40%;margin:4px 0 0 3px;line-height:100%;font-family:'Montserrat';letter-spacing:-.5px;text-align:left;}
#submenu li a:hover{color:#04BBDF;transition:color 300ms ease-out;-moz-transition:color 300ms ease-out;-webkit-transition:color 300ms ease-out;}

#menu{position:absolute;right:0;top:50%;color:#333;padding:0 0 10px;text-transform:uppercase;font:125%/110% 'Montserrat';color:#04BBDF;}
#menu small{color:orange;}

#content{width:100%;padding:0 5%;max-width:1300px;margin:auto;background:#fff;}

.title{background:#fff;background-clip: padding-box;text-align:center;color:#000;text-transform:uppercase;font:bold 200%/110% 'Montserrat';margin:0 auto 20px;position:relative;}
.title span{display:block;background:linear-gradient(45deg, rgba(4,187,223,1) 0%, rgba(38,200,170,1) 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.title:before{content:'';position:absolute;top: 0; right: 0; bottom: 0; left: 0;border-radius: inherit;margin:-4px;z-index:-1;
background: rgba(4,187,223,1) !important;
background: -moz-linear-gradient(45deg, rgba(4,187,223,1) 0%, rgba(38,200,170,1) 100%) !important;
background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(4,187,223,1)), color-stop(100%, rgba(38,200,170,1))) !important;
background: -webkit-linear-gradient(45deg, rgba(4,187,223,1) 0%, rgba(38,200,170,1) 100%) !important;
background: -o-linear-gradient(45deg, rgba(4,187,223,1) 0%, rgba(38,200,170,1) 100%) !important;
background: -ms-linear-gradient(45deg, rgba(4,187,223,1) 0%, rgba(38,200,170,1) 100%) !important;
background: linear-gradient(45deg, rgba(4,187,223,1) 0%, rgba(38,200,170,1) 100%) !important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#04bbdf', endColorstr='#26c8aa', GradientType=1 );}

.bajada{font:400 125%/120% 'Montserrat';margin:0 auto 25px;text-align:center;}

.titulo{text-transform:uppercase;color:#fff;background:#04BBDF;padding:15px;border-radius:4px;text-align:center;font:400 135%/110% 'Montserrat';letter-spacing:1px;margin:0 auto 20px;}
.subtitulo{text-transform:uppercase;color:#04BBDF;border-bottom:2px solid #04BBDF;border-top:2px solid #04BBDF;padding:15px 5px;text-align:left;font:125%/100% 'Montserrat';margin:0 auto 35px;}
.aviso{padding:15px 5%;background:#e8e8e8;border-radius:4px;text-align:center;color:#000;font:110%/125% 'Open Sans',Arial,Helvetica,sans-serif;margin:0 auto 20px;}

.msj{padding:50px 10% 100px;text-align:center;}
.msj h3{text-transform:uppercase;color:#000;font:200%/110% 'Montserrat';margin:0 auto 25px;}

.foto{border-radius:4px;overflow:hidden;margin:0 auto 25px;}
.foto img{display:block;width:100%;height:auto;}

.fotos{margin:0 auto 20px;text-align:center;}
.fotos li{display:inline-block;width:16%;}
.fotos li img{display:block;width:100%;height:auto;}

.fotos-rounded{margin:0 auto 25px;text-align:center;}
.fotos-rounded li img{display:block;max-width:175px;width:100%;height:auto;margin:0 auto 25px;border-radius:100%;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,.2);}
.fotos-rounded li strong{display:block;height:30px;margin:0 auto 5px;font:400 110%/110% 'Montserrat';text-transform:uppercase;letter-spacing:1px;}

#turnos table{float:left;margin:0 1%;width:48%;font-size:13px;font-family:'Open Sans',Arial,Helvetica,sans-serif;text-align:center;border-radius:4px;overflow:hidden;}
#turnos table caption{padding:10px 0;text-transform:uppercase;letter-spacing:2px;font:bold 120%/110% 'Montserrat';background:#333;color:#fff;border:1px solid #fff;}
#turnos table th{padding:15px 0;font:100%/110% 'Montserrat';text-transform:uppercase;background:#666;color:#fff;border:1px solid #fff;}
#turnos table td{padding:15px 0;font-size:120%;font-weight:bold;background:#e8e8e8;border:1px solid #fff;}
#turnos table td.active{background:#04BBDF;color:#fff;}
#turnos table td.active:hover{background:#000;}
#turnos table td.active a{display:block;color:#fff;text-decoration:none;}
#turnos table td.unavaible{background:#e8e8e8;color:#aaa;}
#turnos table td.empty{background:#fff;}
#turnos table td.full{background:#333;color:#666;}

#turnos .volver{float:right;background:#666;color:#fff;padding:10px;border-radius:4px;text-transform:uppercase;font:75%/90% 'Montserrat';margin:0 0 0 5px;}
#turnos .h3{text-transform:uppercase;font:130%/110% 'Montserrat';color:#000;text-align:left;margin:0 auto 20px;}
#turnos .bloque{float:left;width:50%;padding:10px 5px;}
#turnos .input{display:block;width:100%;padding:12px;border:1px solid #ccc;border-radius:3px;font:100%/125% 'Open Sans',Arial,Helvetica,sans-serif;}
#turnos .select{display:block;width:100%;padding:11px;border:1px solid #ccc;border-radius:3px;font:100%/125% 'Open Sans',Arial,Helvetica,sans-serif;cursor:pointer;}
#turnos .label{display:block;margin:0 0 3px;font:75%/120% 'Open Sans',Arial,Helvetica,sans-serif;}
#turnos .bloque_center{float:left;width:100%;padding:12px 0;text-align:center;}
#turnos .bloque_center label{font:100%/110% 'Open Sans',Arial,Helvetica,sans-serif;}
#turnos .bloque_center input{margin:0 5px 0 0;}
#turnos button{display:block;width:100%;padding:15px;border:none;background:#000;color:#fff;margin:20px auto;border-radius:4px;text-transform:uppercase;font:125%/125% 'Montserrat',Arial,Helvetica,sans-serif;cursor:pointer;}
#turnos button:hover{background:#04BBDF;}

.more{display:block;text-align:center;width:180px;border-radius:4px;padding:12px 0;color:#fff;font:400 90%/100% 'Montserrat',Arial;margin:15px auto 50px;text-transform:uppercase;letter-spacing:1px;transition:color ease-out 300ms, opacity ease-out 300ms;}

#footer{padding:35px 5% 0;background:#000 url(img/bg-foot-pinamar.jpg) no-repeat center center;background-size:cover;color:#fff;margin:auto;box-shadow:inset 0 5px 10px rgba(0,0,0,.2);}
#footer form{width:100%;max-width:650px;margin:0 auto 5%;}
#footer input{float:left;width:73%;height:55px;margin:0 2% 0 0;color:#fff;font:110%/110% 'Open Sans',Arial, Helvetica, sans-serif;padding:10px 15px;background:#333;border-radius:6px;transition:background 600ms;-moz-transition:background 600ms;-webkit-transition:background 600ms;}
#footer input:focus{background:#666;}
#footer button{float:left;width:25%;height:55px;font:bold 120%/100% 'Montserrat';padding:10px 0;text-align:center;background:#666;color:#fff;border-radius:5px;text-transform:uppercase;cursor:pointer;transition:background 600ms;-moz-transition:background 600ms;-webkit-transition:background 600ms;}
#footer button:hover{background:#999;}
#footer button:active{background:#333;border-bottom:2px solid #000;}
#footer .footer_content{margin:0 auto;}
#footer .titulo{color:#333;text-align:left;}

#redes{max-width:500px;height:70px;margin:3% auto;text-align:center;}
#redes h4{float:left;width:50%;text-transform:uppercase;font:bold 150%/120% 'Montserrat';text-align:left;padding:5px 5% 5px 0;border-right:2px solid #666;margin:0 5% 0 0;}
#redes ul{float:left;width:45%;}
#redes li{float:left;margin:0 15px 0 0;width:60px;height:60px;position:relative;}
#redes li span.fx{display:block;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;width:60px;height:60px;padding:15px;background:#fff;transition:all 300ms ease-out;-webkit-transition:all 300ms ease-out;-moz-transition:all 300ms ease-out;position:absolute;left:0;top:0;}
#redes li:hover span.fx{background:transparent;transform:scale(1.5);opacity:0;}
#redes li a{display:block;width:60px;color:#111;height:60px;padding:15px;position:relative;}
#redes li:hover a{color:#fff;}
#redes li .icon{font-size:200%;}

#sponsors{max-width:1200px;margin:25px auto 0;padding:25px 0 0;text-align:center;border-top:1px solid #333;border-bottom:1px solid #333;}
#sponsors ul{text-align:center;}
#sponsors li{display:inline-block;margin:0 1% 25px;width:10%;text-align:center;}
#sponsors li img{display:block;width:95%;max-width:100px;margin:0 auto;opacity:.75;transition:opacity 300ms ease-out;-moz-transition:opacity 300ms ease-out;-webkit-transition:opacity 300ms ease-out;}
#sponsors li:hover img{opacity:.9;}

#pie{margin:0 auto;padding:25px 2%;}
.legales{float:right;width:50%;height:55px;color:#fff;text-align:right;font-size:10px;line-height:13px;}
.legales a{color:#e8e8e8;text-decoration:none;}
.legales a:hover{color:#e8e8e8;text-decoration:underline;}

#ezlon{float:left;width:80px;padding:5px 0;font:10px/20px Arial;color:#fff;text-shadow:1px 1px 1px #000;text-align:center;}
#ezlon:hover{text-decoration:none;}
#ezlon span{display:block;background:url(../img/ezlon.png) no-repeat center center;margin:0 auto;width:80px;height:25px;text-indent:-99999em;opacity:1;-moz-opacity:1;-webkit-opacity:1;-o-opacity:1;-ms-opacity:1;transition:opacity 300ms ease-out;-moz-transition:opacity 300ms ease-out;-webkit-transition:opacity 300ms ease-out;}
#ezlon span:hover{opacity:.75;}

/* =========== Media Queries =========== */
@media only screen and (max-width: 1024px) {
#sponsors li{width:14%;}
}

@media only screen and (max-width: 900px) {
#turnos table{float:none;margin:0 auto 25px;width:100%;}

.titulo{font:400 125%/110% 'Montserrat';}
.subtitulo{font:110%/110% 'Montserrat';}
.aviso{font-size:90%;}

#sponsors li{width:17%;}

} 
@media only screen and (max-width: 800px) {
#sponsors li{width:22%;}

}
@media only screen and (max-width: 768px) {
.title{font:bold 175%/110% 'Montserrat';}

.bajada{font:400 90%/120% 'Montserrat';margin:0 auto 20px;}
}
@media only screen and (max-width: 568px) {
#submenu li{display:none;}
#submenu li.li-radio{display:block;margin:0;}

.title{font:bold 150%/110% 'Montserrat';}
.titulo{font:400 100%/110% 'Montserrat';padding:10px 0;}
.subtitulo{font:90%/110% 'Montserrat';padding:10px 0;}

.fotos-rounded li img{max-width:135px;}
.fotos-rounded li strong{font:400 90%/110% 'Montserrat';}


#sponsors li{width:30%;}

#turnos .bloque{float:none;width:100%;padding:10px 5px;}

#redes{max-width:300px;height:50px;margin:3% auto;white-space:nowrap;}
#redes h4{width:54%;font:bold 105%/120% 'Montserrat';padding:5px 5px 5px 0;margin:0 2% 0 0;}
#redes ul{float:left;width:44%;padding:5px 0;}
#redes li{float:left;margin:0 5px 0 0;width:38px;height:38px;position:relative;}
#redes li span.fx,
#redes li a{width:37px;height:38px;padding:10px 0;}
#redes li .icon{font-size:125%;}
}

@media only screen and (max-width: 480px) {
#header h1{width:120px;}
#menu{top:60%;font-size:100%;}
}

@media only screen and (max-width: 375px) {
#menu{font-size:80%;}

.titulo{font:400 90%/110% 'Montserrat';}
.subtitulo{font:80%/110% 'Montserrat';}	
}