html{position:relative;min-height:100%;}
body{margin-bottom:50px; }
html,body{background-color:#ECECEC;color:#616161;font-family:'Open Sans', arial;}
*{margin:0;padding:0;outline:none;}
img{border:none;}
a{text-decoration: none;}
a:hover{text-decoration:none;color:inherit;}
a:focus{color:inherit;outline:none;text-decoration:none;}
.error{padding: 20px 0px; text-align: center;}
.error h2{font-family: Hind; color: #5f845f;}
.container-fluid{padding:0; padding-bottom:5%;}
.container{padding-bottom: 5%;}
.navbar .container{height: 100%;}
.btn:focus{outline:none;}
.btn{white-space:normal;}
.btn-pizarraM, .btn-pizarraM:active, .btn-pizarraM:focus, .btn-pizarra, .btn-pizarra:active, .btn-pizarra:focus, .btn-facebook, .btn-twitter, .btn-google, .btn-pinterest{font-family: Hind; font-size: 18px; font-weight: 600; text-transform: capitalize;}
.btn-twitter{margin: 0px 10px;}
.btn-pizarraM, .btn-pizarraM:active, .btn-pizarraM:focus{background-color: #81e2a8; color: #2d2e2d;}
.btn-pizarraM:hover{background-color:#67b586;color: #2b503a !important;}
.btn-pizarra, .btn-pizarra:active, .btn-pizarra:focus{background-color:#485b47;color:white;}
.btn-pizarra:hover{background-color:#3A4939;color:white;}
.btn-facebook .fa, .btn-twitter .fa, .btn-google .fa{ font-size: 1.5em;}
.btn-facebook, .btn-facebook:active, .btn-facebook:focus{color:#3A5795;}
.btn-twitter, .btn-twitter:active, .btn-twitter:focus{color:#55ACEE;}
.btn-twitter:hover,.btn-google:hover,.btn-facebook:hover{color:white;}
.btn-google, .btn-google:active, .btn-google:focus{color:#C0382A;}
.btn-pinterest, .btn-pinterest:active, .btn-pinterest:focus{background-color:#9A191E;color:white;}
.btn-pinterest:hover{background-color:#7B1418;color:white;}
.btn-instagram{background-color:#AA7F62;color:white;}
.btn-instagram:hover{background-color:#88664E;color:white;}
select.form-control{background-color:#232323;color:white;cursor:pointer;border:none;font-size: 15px;padding:0 5px;height:35px;line-height:35px;border-radius:0px;}
select.form-control:hover{ background: #424242;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{border:none; box-shadow: none;}
.navbar{background-color:#3b4c3b;border:none;margin-bottom:0;height:85px;}
.navbar-header{height: 100%;} 
.navbar-default .navbar-nav>li>a{position: relative;}
.navbar-default .navbar-nav>li>a:after{ display: block; position: absolute; left: 15px; bottom: 28px; width: 0; height: 3px; background-color: #81e2a8; content: ""; -webkit-transition: width 0.5s; transition: width 0.5s; -ms-transform: rotate(-5deg); -webkit-transform: rotate(-5deg); transform: rotate(-5deg); }
.navbar-default .navbar-nav>li>a:hover:after{width: 70%;}
.navbar-default .navbar-nav>li>a, .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li.active>a, .navbar-default .navbar-nav>li.active>a:hover{color:white; padding: 0px 15px;line-height: 85px;font-size: 15px;font-family: Hind;font-weight: 500;letter-spacing: 0.5px;}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus{ color: #81e2a8; }
.navbar-default .navbar-nav>.active>a{background-color:#6E4634;}
.navbar-default .navbar-brand{font-family:tiza;font-size:0.9em;color:white;display:block;float:none;padding:5px 0; height: auto;}
.navbar-default .navbar-brand:hover{color:white;}
.navbar-brand img{max-height: 70px; margin: 20px 0px;}
.navbar-default .navbar-toggle{border:none;margin:25px 0px;}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{background:none;border:none;}
.navbar-default .navbar-toggle .icon-bar{background-color:white; height: 3px;}
.navbar-nav>li>.dropdown-menu{background-color:#202920;text-transform:uppercase;}
.navbar-right .dropdown-menu{left:0;}
.navbar-nav{font-family:'Montserrat';font-size:14px;}
.dropdown-menu>li>a{color:white;padding:15px 20px;font-family: Exo;}
.dropdown-menu>li>a:hover, .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover, .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover, .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{background: none; color: white; text-shadow: 0px 0px 25px rgba(255, 255, 255, 1);}
.dropdown-fichas{min-width:135px;text-align:center;}
.dropdown-jugadores{min-width:231px;text-align:center;}
.dropdown-menu{border:none;}
ul.dropdown-menu{padding: 0;}
.caret{margin-left: 5px;}
header.container-fluid{background-color:#485B47;padding:0;}
header > h1{color:white;font-family:tiza;font-size:3em;text-align:center;margin:2% 0;}
header a{color:white;text-decoration:none;}
footer{width:100%;height:auto;position:absolute;bottom:0;padding:15px 0px;background-color:#121912;color:white;text-align:center;font-family:'Hind';font-size:1.1em;}
footer p{margin: 10px 0px;}
footer .enlaces{font-size: 14px;}
footer a{color:white;}
footer a:hover{text-decoration: underline;}
footer a:visited{color:white;}
footer a.btn{border-radius:100%;}
footer .fa-twitter{margin-left: 20px; font-size: 17px;}
#inicio .navbar-default{position: fixed; top:0px; right: 0; left: 0; z-index: 1030; border-radius: 0px;}
#inicio{margin-top:85px;}
#info-principal{background: #2a352a; padding: 62px 0px; font-family: Roboto;background: url("../img/otros/fondo-info-portada.png");background-repeat: no-repeat;background-attachment: fixed;  }
#info-principal img{margin: 0 auto; display: block;}
#info-principal p{width: 700px;  margin: 0 auto; margin-top: 20px;padding: 0px 15px;color: white; font-size: 17px; text-align: center;}
.info-portada{padding: 100px 0px 0px 0px; -webkit-radial-gradient(#d9d6d0,white); background: -o-radial-gradient(#d9d6d0,white); background: -moz-radial-gradient(#d9d6d0,white); background: radial-gradient(#d9d6d0,white); }
.info-portada img{display: block; margin: 0 auto;}
.info-portada.personalizacion{padding:100px 0px;}
.info-mockup{ padding: 100px 0px; background: -webkit-radial-gradient(white, #d9d6d0); background: -o-radial-gradient(white, #d9d6d0); background: -moz-radial-gradient(white, #d9d6d0); background: radial-gradient(white, #d9d6d0); }
.info-mockup h2, .info-portada h2{text-align: center; font-family: Hammersmith One; color: #5f845f;}
.info-portada h2{margin-top:5px;}
.info-mockup p, .info-portada p{color: #6f6f6f; font-size: 17px; padding: 0px 200px; text-align: center;}
.info-portada p{padding:0px 40px; text-align: justify;  margin-bottom: 25px;}
.info-portada img{max-width: 100%;}
.imagen-mockup{display: block;margin: 0 auto;width:100%;}
h4{font-family:'Montserrat';}
#contenedor{position:relative;}
#campo{-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}
.new-balon{cursor:pointer;z-index:3;}
[id^="ficha"]:hover{cursor:pointer;}
.ficha{position:relative;z-index:2;}
.nombreJugador{position:absolute;top:100%;left:-50%;border:0;background-color:transparent;color:white;text-align:center;text-shadow:1px 1px 2px rgba(0, 0, 0, 1);z-index:2;}
#eliminar{height:120px;margin-bottom:2%;background-color:#D8D8D8;border:3px dashed grey;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;text-align:center;}
#eliminar>p{position:relative;top:25%;color:grey;font-weight:bold;}
#eliminar>img{position:relative;top:30px;}
.eliminarH{background-image:url(../img/otros/fondo.png);}
#limpiar:active,#elLocal:active,#elVisitante:active{bottom:-5px;box-shadow:0px 0px 0px;}
#generaImagen{margin-top:2%;margin-bottom:5%;cursor:not-allowed;pointer-events:inherit;}
#fichas{display:none;margin:1% auto;padding:1%;text-align:center;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
#local{margin-right:3%;}
.fichaActiva:hover,.fichaInactiva:hover{border:3px dotted #81e2a8;}
.fichaActiva{border-radius:100%;border:3px dotted #81e2a8 !important;}
.fichaInactiva{border-radius:100%;border:3px dotted #2d2d2d;}
#fichas input{visibility:hidden;}
.loading{display:none;margin:2% auto;}
#generaEquipo{display:none;margin-bottom:20px; margin-top: 20px; padding: 6px 0px 3px 0px; border-radius: 50px; cursor: pointer;}
.balon{margin-bottom:2%;}
select option[disabled]{background-color:#eee;color:#BEBEBE;}
select[id*=menu]{margin-bottom:3%; border-radius: 34px; padding: 0px 10px;}
.btn-group{padding:0;}
.btn-default{-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}
.btn-descarga{margin-bottom:2%;}
.mostrarOpciones{margin-bottom:2%;}
.modal label{width: 100%; font-family: Indie Flower; font-weight: 500; font-size: 18px; color: #81e2a8;}
.modal{overflow: scroll;}
#myModal .modal-dialog{background: rgb(56, 62, 55);}
#myModal input{border-radius:0px; box-shadow: none; background: #232323; color: #81e2a8; border: none;}
.modal-content{background: none;}
.modal-header{border: none;}
.modal-header .close{color: white;opacity: inherit;text-shadow: inherit;}
.modal-footer{border: none;}
.modal-footer button{background: #212521; color: #ffffff; border: none; font-weight: normal; font-family: "Open Sans";}
.modal-footer button:hover, .modal-footer button:focus, .modal-footer button:active{background: #67b586; color: #232323; font-weight: 600;}
.flechas{padding: 0 15px;}
.flechas label{text-align: center;}
.flechas div{display: inline-block;cursor: pointer;margin-bottom: 4%;margin-right: 2%;}
.popover{max-width: inherit;width: auto;color: #a94442;}
.dorsal{margin-top: 10px;}
#color-dorsal{width: 50%;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.input-group-addon{padding: 7.5px 12px;width: 25%;border-radius: 0px;background: #353535;border: none; line-height: 1.4;}
.input-group{padding: 0 15px !important;margin-bottom: 4%;}
.creacion{width:95%;margin:0 auto;margin-top:2%;}
.imagenCreada{margin-bottom:15%;}
label{display:block;width:100%;margin-top:4.5%;margin-bottom:1%;color:#895741;font-weight:bold;}
label:first-child{margin-top:0;}
#redes a{margin-top:2%;}
#redes a:first-child{margin-top:0;}
#redes a:last-child{margin-bottom:5%;}
.redes{padding:0;margin:0 auto;margin-top:10px;padding-bottom:25px;text-align: center;}
.redes a{-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;margin-bottom:1%;}
#jugadores{padding:0;}
#jugadores img{cursor:pointer;}
#jugadores p{color:#895741;text-transform:uppercase;font-family:'Hammersmith One';word-wrap: break-word;}
#jugadores div.col-xs-1{padding:0;}
.jugadorNoSeleccionado{border:5px solid transparent;}
.jugadorSeleccionado{border:5px solid #81e2a8;border-radius:100%;}
#generaJugadores{margin-bottom:70px;cursor:not-allowed;pointer-events:inherit;}
canvas{margin:30px 0px;}
#canvasPV, #canvasCH, #canvasCV{display:none;}
.infoJugadores{display:none;}
.btn-group #generaImagen{display:block;margin:0 auto;}
.btn-group-justified{margin-bottom:2%;}
#formuContacto{padding:0;margin-bottom:5%;}
#pag-contacto{background: -webkit-radial-gradient(white, #d9d6d0); background: -o-radial-gradient(white, #d9d6d0); background: -moz-radial-gradient(white, #d9d6d0); background: radial-gradient(white, #d9d6d0); }
#pag-contacto > section{padding: 80px 0px 0px 0px;}
#contacto h2{margin-bottom:0;}
#contacto p{padding-top:1.5%; font-size: 15px;}
#contacto label{margin-top:5%;margin-bottom:0.5%; font-family: Hammersmith One; font-size: 15px;font-weight: 500; color: #5f845f;}
#contacto label:first-child{margin-top:0;}
#contacto input,textarea{width:100%;height:34px;border:0;padding:10px;color:#616161;font-family:'Montserrat';font-size:0.95em;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
#contacto textarea{height: inherit;}
#contacto .alert{font-size: 11px;  padding: 10px;}
#motivo button{font-family:'Montserrat';font-size:0.95em;text-transform:uppercase;border:1px solid #485B47;}
#contacto input[type='submit']{width:100%;height:auto;margin-top:10px;padding:10px;background: #3b4c3b; color:white !important;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;font-family: Hind; font-weight: 500; font-size: 15px;text-transform: uppercase;cursor:pointer;}
#contacto input[type='submit']:hover{background:#242f24;}
span[id^=info]{display:block;width:100%;margin-top:2%;color:#F86E6E;}
.infoNombre, .infoMail, .infoMotivo, .infoContactoOk, .infoContactoNo{display:none;margin-top:2%;}
.infoMotivo{margin:0;}
#contacto img{margin-bottom:17%;}
#contacto .bloque-mensaje{margin-top:15px;}
#cargando{margin:2% 0;}
.boton-herramientas{ display: block; margin: 0 auto; background: #3b4c3b; color: white; border: none; border-radius: 5px; padding: 10px 15px; margin-top: 20px; font-family: Hind; font-size: 18px;  font-weight: 500; width: 900px;}
.boton-herramientas:hover{background:#242f24;}
.herramientas{background: rgba(45, 45, 45, 0.98);z-index: 100;transition:all 0.6s ease-in;-webkit-transition:all 0.6s ease-in;-moz-transition:all 0.6s ease-in;-o-transition:all 0.6s ease-in;overflow-y:scroll; }
.herramientas::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);border-radius: 0px;background-color: #ffffff;}
.herramientas::-webkit-scrollbar{width: 8px;background-color: #000;}
.herramientas::-webkit-scrollbar-thumb{border-radius: 0px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);background-color: #585858;}
.herramientas .modal-dialog{background: rgba(45, 45, 45, 0.98); border-radius: 15px;}
.herramientas .modal-content{ background: none; box-shadow: none; border: none;}
.herramientas .modal-header{background: none; border: none;}
.herramientas p{text-align: center;color: white;font-size: 28px; font-size: 28px; font-family: Hind; font-weight: 600; letter-spacing: 3px; margin-top: 25px; margin-bottom: 15px;}
.herramientas p span{ font-family: Hind; letter-spacing: 0px;}
.selectores{text-align: center;}
.selectores p{font-size: 16px; font-weight: 100; letter-spacing: 0.8px;  margin-top: 0px; margin-bottom: 40px;}
.switch {position: relative; display: inline-block; width: 60px !important; height: 34px;}
.switch input {display:none;}
.slider {position: absolute;cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc;  -webkit-transition: .4s; transition: .4s;}
.slider:before {position: absolute; content: ""; height: 26px; width: 26px; left: 4px; bottom: 4px; background-color: white;-webkit-transition: .4s;transition: .4s;}
.slider.disabled:before{background: #ccc;}
input:checked + .slider {background-color: #81e2a8;}
input:focus + .slider {box-shadow: 0 0 1px #2196F3;}
input:checked + .slider.disabled{background: #ccc;}
.slider.disabled{cursor: not-allowed;}
input:checked + .slider:before {-webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px);}
.slider.round {border-radius: 34px;}
.slider.round:before {border-radius: 50%;}
.herramientas-fichas{padding: 0px;}
.herramientas hr{width:100%;background-image: -webkit-gradient(linear, 90% 0%, 10% 0%, from(rgb(49, 49, 49)), color-stop(0.5, rgba(0,0,0,0.4)), to(rgb(45, 46, 45)));background-image: -moz-gradient(linear, 90% 0%, 10% 0%, from(rgb(49, 49, 49)), color-stop(0.5, rgba(0,0,0,0.4)), to(rgb(45, 46, 45)));background-image: -o-gradient(linear, 90% 0%, 10% 0%, from(rgb(49, 49, 49)), color-stop(0.5, rgba(0,0,0,0.4)), to(rgb(45, 46, 45))); border:none; height:1px; margin:40px 0px;}
.herramientas-util{margin-bottom: 40px; margin-top: 100px;}
.herramientas-util button,.herramientas-util button:hover{background: none;border: none;}
.herramientas-util button[disabled="disabled"]{border:0px;}
.herramientas-util button[disabled="disabled"] .fa{color:rgba(128,128,128,0.2);}
.herramientas-util .fa{color: #81e2a8;}
.herramientas-util .fa:hover{color: #67b586;}
.herramientas-util .fa-trash{font-size:1.8em;}
.herramientas #bloque-fichas p{display:none;letter-spacing: 0.85px;font-family: Indie Flower; font-weight: 400; font-size: 17px; text-transform: capitalize; letter-spacing: 0px; margin-top: 15px; margin-bottom: 10px; color: white;}
#limpiaCampo:focus, #lanza-balon:focus{background: none;}
#aviso{padding-top: 20px;}
#aviso h4{margin-top:20px;color: #5f845f;}
#aviso p { margin: 0 0 15px; font-size: 15px;}
#aviso ul{padding-left: 20px;}
@media (max-width:350px){body#inicio{margin-top:117px; margin-bottom:100px;}#jugadores h2{font-size:1.5em;}.navbar{height: auto;}.boton-herramientas{margin-top: 35px;} canvas{margin:15px 0px;}.boton-herramientas{font-size: 14px;}}
@media (min-width:500px){.navbar-default .navbar-brand{font-size:1.5em;}}
@media (max-width:500px){#jugadores p{font-size: 0.8em;}.btn-group-justified{font-size:0.65em;} #generaEquipo, #generaJugadores{font-size: 1em;}.ultimoBoton{margin-bottom: 100px;} .navbar-header{display: flex; flex-direction: column-reverse;}.navbar-default .navbar-toggle{margin: 10px auto; padding: 0px;}.navbar-brand img{margin:0 auto; max-width: 100%;}.boton-herramientas{font-size: 15px;}}
@media (max-width:768px){.navbar-default .navbar-collapse, .navbar-default .navbar-form{background:#293529;}.navbar .container{padding:0px !important;}.navbar-header{padding: 0px 20px;}.navbar .container{width:100%;}header h1{display:none;}.navbar-default .navbar-nav>li>a, .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li.active>a, .navbar-default .navbar-nav>li.active>a:hover{line-height: 45px;text-align:center;}.navbar-default .navbar-nav>li>a:after{background: none;}.navbar-default .navbar-nav .open .dropdown-menu>.active>a, .navbar-default .navbar-nav .open .dropdown-menu>li>a{color:white; background-color: #895741;}.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover{background-color: #6E4634; color: white;}.navbar .container{padding: 0px 15px !important;}#info-principal p{width:100%;}.boton-herramientas{width:100% !important;}.selectores p{margin-bottom:20px;}#contacto .bloque-motivo{margin-top:15px;} .info-portada p, .info-mockup p{padding: 0px;}#info-principal img{max-width: 100%;}.info-mockup {padding: 100px 0px 180px 0px; } canvas { margin: 30px 0px 80px 0px;} #aviso{padding-bottom: 80px !important;} #pag-contacto > section { padding: 80px 0px 60px 0px !important;} footer p{text-align: center !important;} footer p:first-child{margin-bottom: 0px;}}
@media (min-width:768px){.carousel-caption{width:65%;right:18%;left:18%;}.modal-dialog{margin: 7% auto;width: 60%;}}
@media (min-width:992px){.carousel-caption{width:50%;right:25%;left:25%;}}
@media (max-width:990px){.info-portada img{margin:0 auto; display: block;} }
@media (min-width:1200px){.carousel-caption{width:35%;right:33%;left:33%;}}
@media (max-width:1200px){.info-portada.personalizacion{display: flex; flex-direction: column-reverse;}}