/* ========================================================================== Roy Bogado 22 Sept 2013 ========================================================================== */ /* ========================================================================== Fonts ========================================================================== */ @import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700'); @import url('https://fonts.googleapis.com/css?family=Roboto:300,400,700'); html{background:url('../img/bg.jpg') 50% 0 no-repeat #678a2d;font-family:Lato;background-size:cover;} body{background-color: transparent!important} #loading{position:fixed;left:0;top:0;width:100%;height:100%;background:url('../img/ajax-loader.gif') 49% 40% no-repeat #000000;opacity: .95; filter: alpha(opacity=95);-ms-filter: "alpha(opacity=95)";-khtml-opacity: .95;-moz-opacity: .95; z-index:9999} header{width:100%;height:198px;background:url('../img/header-bg.jpg') 50% 0 no-repeat;float:left;position:relative;} header nav{margin-top: 153px;text-align: right;} header nav a{text-decoration:none;float:left;position:relative;margin-bottom:4px} header nav a.active{background-position:0 -43px} header nav a.last{margin-right:2px} header nav .btnNav{color:#FFFFFF;font:18px/18px Lato;text-align:center;padding:12px 20px 10px;background:url('../img/nav-btn.jpg') 0 0 repeat-x;} header nav .btnFb h4{width:38px;height:40px;background:url('../img/redes.jpg') 0 0 no-repeat;float:left;text-indent:9999px;margin:0;padding:0;} header nav .btnTw h4{width:38px;height:40px;background:url('../img/redes.jpg') -38px 0 no-repeat;float:left;text-indent:9999px;margin:0;padding:0;} header nav .btnIn h4{width:38px;height:40px;background:url('../img/redes.jpg') -76px 0 no-repeat;float:left;text-indent:9999px;margin:0;padding:0;} header nav .line{position:absolute;top:0;left:2%;width:96%;height:4px;background:#e9e9c9} header nav a.active .line{background:#d4d462} .navbar-nav > li.noPadding{padding-left: 0;padding-right: 0} .navbar-toggle span{background-color: white} header nav .btnTw{padding:0} header nav .btnTw h4{} header nav .btnFb{padding:0} header nav .btnFb h4{} header nav .btnIn{padding:0} header nav .btnIn h4{} header .infoH{position: absolute;right: 0;bottom: 43px;text-align: left;width: 60%;;background: #333333;height:155px;} header .infoH h4{margin: -12px 0 0;padding:0 20px;color:#FFFFFF;text-transform: uppercase;font-weight: bold;font-size: 38px;font-family: 'Roboto', sans-serif;} header .infoH p{margin: 17px 0;padding:0 10px;color:#FFFFFF;display: inline-block;width: 43%;margin-left: 2%;font-size: 12px;font-family: 'Roboto', sans-serif;position: relative;vertical-align: top;text-transform: uppercase;} header .infoH .sep{width: 3%;height: 52px;display: inline-block;margin:0;padding: 0;margin-top: 22px;vertical-align: top;} header .infoH .sep span{width: 3px;height: 100%;display: inline-block;background: white} header .infoH p b{font-weight: bold;font-size: 15px;margin-bottom:3px;display: inline-block;} header .infoH .mark{position: absolute;top: 20px;left: 10px;height: 2px;background: #FFFFFF;width: 60px;padding:0;} @media (max-width: 992px) { header .infoH h4{font-size: 28px} header .infoH p{font-size: 11px} } @media (max-width: 767px) { header .infoH{right: inherit;left: 0;width: 100%;top: 54px;background-color: transparent;height: auto;} header .infoH h4{font-size: 16px; text-align:center} header .infoH p{margin-left: 0;text-align: center;font-size: 11px;vertical-align: top;margin-top: 10px} header .infoH p b{font-size: 13px;} header .infoH span.toH{display: none;} header .infoH .mark{display: none;} } @media (max-width: 992px) { header{background:url('../img/header-bg-md.jpg') 50% 0 no-repeat;} } @media (max-width: 767px) { header{background:url('../img/header-bg-sm.jpg') 50% 0 no-repeat;} } @media (max-width: 768px) { .navbar-collapse{position: relative;z-index: 5000;background: #1b1d1a;top:-10px;} header nav .btnNav{width: 100%;} header nav .btnNav .line{left:0%;width:100%;height: 3px} .navbar-nav{margin-top: 0;margin-bottom: 0} } .boxMaciel{background: url('../img/cesped.jpg') 0 0 repeat;border:1px solid #4b4b4b;box-shadow:0 0 3px 1px #000000;display:inline-block;margin-bottom:50px;margin-left:10px;margin-right: 10px} .boxMaciel .col-xs-9{position: relative;} .boxMaciel h1{color:#FFFFFF;font-size: 21px;line-height: 24px;font-style: italic;padding:20px 20px 40px 20px;margin:0;} .boxMaciel .firma{position: absolute;right: 20px;bottom: 0px;color:#FFFFFF;font-size: 18px;} .boxMaciel img{width: 100%} @media (max-width: 992px) { .boxMaciel h1{font-size: 16px;line-height: 18px} } @media (max-width: 768px) { } #container{background-color:#000000;} #container .slider{width:96%;margin-left:2%;float:left;/*background:url('../img/shadow.jpg') center bottom repeat-x*/margin-top:20px;position:relative;} #container .divisor{width:100%;height:5px;float:left;background:#383d18;position:relative;} #container .boxes{width:100%; display: inline-block;margin:20px 0;} #container .boxes .equal{} #container .boxes .boxItem{text-decoration:none;float:left;overflow:hidden;position:relative;margin:20px 0;width: 100%;cursor: pointer;} #container .boxes .boxItem.last{margin-right:0;} #container .boxes .boxItem .prox{width:100%;height:35px;background:url('../img/boxes-proximamente.png') 50% 0 no-repeat;position:absolute;top:100px;} #container .boxes .prox{width:100%;height:35px;background:url('../img/boxes-proximamente.png') 50% 0 no-repeat;position:absolute;top:100px;z-index:4000} #container .boxes .prox p{width:100%;text-align:center;padding:5px 0;color:#FFFFFF;font:20px Lato;font-style:italic;} #container .boxes .info{float:left;padding:10px;background:#000;position:relative;z-index:2000;width: 100%;top:-1px;} #container .boxes .info h2{float:left;clear:both;color:#FFFFFF;font:24px/26px Lato;width: 100%;text-align: center;} #container .boxes .info p{float:left;clear:both;color:#FFFFFF;font:14px/20px Lato;margin:20px 0 0;text-align:justify;display: inline-block;width: 100%;} #container .boxes img.imgP{width: 100%;} #container .boxes img.logos{display: inline-block;} #container .boxLow{width:980px;height:150px;margin:20px 0;background:url('../img/boxLow-texto.png') 0 0 no-repeat;float:left;position:relative;left:-2px} /* INTERNA */ .interna{font:15px/20px Lato;color:#FFFFFF} .interna .contLeft{background:#000000;padding:20px} .interna .contLeft h1{float:left;width:100%;font:36px/36px Lato;text-transform:uppercase;font-style:italic;margin:10px 0 20px 0} .interna .contLeft h4{float:left;width:100%;font:18px/18px Lato;font-style:italic;margin:30px 0 20px 0;text-align:right} .interna .contLeft p{float:left;width:100%;margin:10px 0 0;text-align:justify} .interna .contLeft a{color:#FFFFFF;text-decoration:none;font-style:italic;} .slider2{width:100%;margin:20px 0 10px;position:relative;float:left;} .slider2 .slidesjs-previous{top:80px !important} .slider2 .slidesjs-next{top:80px !important} .interna .contRight{padding:20px} .interna .contRight .publi{float:left;} .mapa{float:left;margin:0;width: 100%;padding:7px;background: white} .mapa iframe{float:left;margin:0;width: 100%;} .interna .contRight h3{margin:30px 0 10px; width: 100%;font-weight: bold;display: inline-block;} .internaLogoRight{display: inline-block;text-align: center;} @media (min-width: 768px) { } .sedesBox{width: 100%;display: inline-block;padding:10px;} @media (min-width: 768px) { .sedesBox{width: 47%;text-align: center;} .sedesBox p{text-align: center!important;} } .escuelaDeFutbol{background: #000000;padding:15px;display: inline-block; font-family: 'Roboto';} .escuelaDeFutbol h1{font-size:22px;line-height: 24px;margin-top:20px;margin-bottom: 30px;text-transform: uppercase;} .escuelaDeFutbol h2{font-size:16px;line-height: 16px;margin-top:0px;margin-bottom: 0px;text-transform: uppercase;font-weight: bold;} .escuelaDeFutbol p{margin:0px 0 10px;font-size: 12px;line-height: 15px;text-transform: uppercase;} .escuelaDeFutbol p a{color:#FFFFFF;} .escuelaDeFutbol p b{font-size:14px;} .escuelaDeFutbol .sedeContainer{padding-bottom: 10px;margin-bottom: 10px;border-bottom: 1px solid #CCCCCC;} .escuelaDeFutbol .sedeContainer .sede{width: 49%;display: inline-block;vertical-align: top;} .escuelaDeFutbol .sedeContainer .sede img{float: left;margin-top:10px;margin-bottom: 40px;margin-right: 15px;} .escuelaDeFutbol .maxWidth330{max-width: 330px;width:100%;} .escuelaDeFutbol .underTitle{width:50px;border-bottom: 2px solid #FFFFFF;display: inline-block;clear: both;height: 2px;margin:5px 0;vertical-align: top;} .escuelaDeFutbol .fechasContainer{} .escuelaDeFutbol .fechasContainer .fechaSede{width: 49%;display: inline-block;} .escuelaDeFutbol .fechasContainer .fechaSede p{display:inline-block;vertical-align: top;margin-top: 4px;font-size: 17px;margin-left: 20px;line-height: 20px;font-weight: bold;} .escuelaDeFutbol .fechasContainer .fechaSede img{float: left;} .escuelaDeFutbol .boxEquipo{text-align: center;} .escuelaDeFutbol .boxEquipo h2{font-size:16px;line-height: 19px;display: inline-block;margin-top: 15px;margin-bottom: 10px;width: 100%} .escuelaDeFutbol .boxEquipo p{line-height: 20px;text-transform: none;} @media (max-width: 992px) { .escuelaDeFutbol .sedeContainer .sede{width: 99%} } @media (max-width: 768px) { .escuelaDeFutbol .fechasContainer .fechaSede{width: 98%} } .torneosSec .sedeContainer .sede{width: 98%} .torneosSec .sedeContainer .maxWidth223{max-width: 223px;width:100%;} .sec_torneos .sedesBox2{width: 100%;display: inline-block;margin:20px 0;} .sec_torneos .sedesBox2 .t1{width: 30%;display: inline-block;text-align: center;} .sec_torneos .sedesBox2 .t2{width: 69%;display: inline-block;text-align: center;vertical-align: top;padding-top: 50px} .sec_ubicacion .contRight{display:none} .sec_contacto{background: #000000;padding:15px;display: inline-block; font-family: 'Roboto';} .sec_contacto h1.title{font-size:18px;text-transform: uppercase;text-decoration: none;font-style: normal;} .sec_contacto form{width:100%;float:left;margin-top:20px;clear:both} .sec_contacto form label{color:#FFFFFF;font:16px Lato;clear:left;width:100%;float:left;} .sec_contacto form input{width:98%;padding:3px 5px;webkit-border-radius:2px;border-radius:2px;border:1px solid #d1d1d1;background:white;height:27px;margin:0 0 5px 0;clear:right;float:left;color:#000000;} .sec_contacto form select{width:98%;padding:2px 5px;webkit-border-radius:2px;border-radius:2px;border:1px solid #d1d1d1;background:white;height:27px;margin:0 0 5px 0;color:#000000} .sec_contacto form textarea{width:98%;padding:2px 5px;webkit-border-radius:2px;border-radius:2px;border:1px solid #d1d1d1;background:white;height:140px;margin:0 0 5px 0;color:#000000} .sec_contacto .request{color:#909090;font:12px/12px Helvetica;font-style:italic;text-align:right;vertical-align: bottom;} .sec_contacto #err{color:red;font:12px/12px Helvetica;font-style:italic;text-align:right;clear:both} .sec_contacto .btnEnviar{float:right;padding:5px 20px;color:#FFFFFF;background:black;webkit-border-radius:2px;border-radius:2px;font:bold 14px Lato;text-decoration:none;margin:5px 0 20px;border:2px solid #FFFFFF;} .sec_contacto .btnEnviar:hover{background:white;color:#000000;} .sec_contacto .elegiSede{margin-bottom:30px;width: 100%;display: inline-block;background: white;} .sec_contacto .elegiSede a{display: inline-block;width: 48%;float:left;background: black;color:#FFFFFF;text-align: center;padding: 10px 0;margin:1%;vertical-align: top;} .sec_contacto .elegiSede a:hover{background: white;color:#000000;text-decoration: none;} .sec_contacto .elegiSede a.active{background: white;color:#000000;text-decoration: none;} footer{width:100%;background:#071c01;position:relative;float:left;} footer .footerNav{color:#FFFFFF;font:15px Lato;font-style:italic;padding:10px} footer p{color:#FFFFFF;font:14px/15px Lato;font-style:italic;padding:13px 0 0 10px} footer p span{color:#FFFFFF;font:14px/14px Lato;font-style:italic;} footer a{} footer a:hover{color:#82b32f;} footer a.active{color:#82b32f;} footer .floatLeft{float:left;} footer .floatRight{float:right} footer .floatRight a{color:#FFFFFF;font:15px Lato;font-style:italic;padding:10px;text-decoration:none} footer .floatRight a:hover{color:#82b32f;} footer .floatRight a.active{color:#82b32f;} @media (max-width: 768px) { footer{text-align: center;} } /* Gradient Menu *//* .gradient:hover{background: #556b33; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIzMiUiIHN0b3AtY29sb3I9IiM1NTZiMzMiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjM2Q0ZjI3IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==); background: -moz-linear-gradient(top, #556b33 32%, #3d4f27 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(32%,#556b33), color-stop(100%,#3d4f27)); background: -webkit-linear-gradient(top, #556b33 32%,#3d4f27 100%); background: -o-linear-gradient(top, #556b33 32%,#3d4f27 100%); background: -ms-linear-gradient(top, #556b33 32%,#3d4f27 100%); background: linear-gradient(to bottom, #556b33 32%,#3d4f27 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#556b33', endColorstr='#3d4f27',GradientType=0 );}*/ /* Slider */ #slides { display: none } #slides .slidesjs-navigation { margin-top:3px; } #slides .slidesjs-previous { margin-right: 5px; float: left; width:60px;height:72px;background:url('../img/flechas.png') 0 0 no-repeat; position:absolute; left:-2px; top:150px; z-index:2000; } #slides .slidesjs-previous:hover {background:url('../img/flechas.png') 0 -75px no-repeat;} #slides .slidesjs-next { margin-right: 5px; float: left; width:60px;height:72px;background:url('../img/flechas.png') -60px 0 no-repeat; position:absolute; right:-6px; top:150px; z-index:2000; } #slides .slidesjs-next:hover {background:url('../img/flechas.png') -60px -75px no-repeat;} .slidesjs-pagination { margin: 6px 0 0; float:left; list-style: none; padding:0; } .slidesjs-pagination li { float: left; margin: 0 1px; } .slidesjs-pagination li a { display: block; width: 18px; height: 0; padding-top: 21px; background-image: url(../img/pagination.png); background-position: 0 -3px; float: left; overflow: hidden; } .slidesjs-pagination li a.active, .slidesjs-pagination li a:hover.active { background-position: 0 -22px } .slidesjs-pagination li a:hover { background-position: 0 -42px } .slidesjs-stop{display:none !important;} .slidesjs-play{display:none !important;} #slides a:link, #slides a:visited { color: #333 } #slides a:hover, #slides a:active { color: #9e2020 } .navbar { overflow: hidden } .container{max-width: 970px} @media (max-width: 1200px) { .container{max-width: 970px} } @media (max-width: 989px) { } @media (max-width: 768px) { #slides .slidesjs-previous { top:40%; } #slides .slidesjs-next { top:40%; } #slides .slidesjs-previous { margin-right: 2px; float: left; width:30px;height:36px;background:url('../img/flechas-mobile.png') 0 0 no-repeat; position:absolute; left:-1px; z-index:2000; } #slides .slidesjs-previous:hover {background:url('../img/flechas-mobile.png') 0 -37px no-repeat;} #slides .slidesjs-next { margin-right: 5px; float: left; width:30px;height:36px;background:url('../img/flechas-mobile.png') -30px 0 no-repeat; position:absolute; right:-3px; z-index:2000; } #slides .slidesjs-next:hover {background:url('../img/flechas-mobile.png') -30px -37px no-repeat;} .slidesjs-pagination { margin: 3px 0 0; float:left; list-style: none; padding:0; } }