/* 
Custom CSS for...
'Modern Business' HTML Theme by Start Bootstrap

All Start Bootstrap themes are licensed under Apache 2.0. 
For more info and more free Bootstrap 3 HTML themes, visit http://startbootstrap.com!
*/

/* Global Styles */

html, body {
  height: 100%;
}

body {
  padding-top: 50px;
 /* body padding for fixed top nav */
}

.img-home-portfolio,
.img-customer,
.portfolio-item {
  margin-bottom: 30px;
}

.tab-pane {
  margin-top: 15px;
}

/* Page Sections */
.section,
.section-colored {
  padding: 50px 0;
}

.section-colored {
  background-color: #e1e1e1;
 /* change this to change the background color of a colored section */
}
.section-blue {
    background-color: #1A237E;
    color: #ffffff;
}
.text-esportics {
    color: #1A237E;
}
.btn-esportics {
    color: #fff;
    background-color: #1A237E;
    border-color: #357ebd;
}
.btn-flow {
    background-color: #1A237E;
    border-color: #1A237E;
}
.sidebar {
  margin-top: 40px;
}

.sidebar ul {
  border-radius: 5px;
  padding: 5px;
  border: 1px solid #cccccc;
}

/* Half Page Height Carousel Customization */
.carousel {
  height: 70%;
}

.item,
.active,
.carousel-inner {
  height: 100%;
}

.fill {
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
}

/* Social Icons Styles */
.list-social-icons {
  margin-bottom: 45px;
}

.tooltip-social a {
  text-decoration: none;
  color: inherit;
}

.facebook-link a:hover {
  color: #3b5998;
}

.linkedin-link a:hover {
  color: #007fb1;
}

.twitter-link a:hover {
  color: #39a9e0;
}

.google-plus-link a:hover {
  color: #d14836;
}

/* Service Page Styles */
.service-icon {
  font-size: 50px;
}

/* 404 Page Styles */
.error-404 {
  font-size: 8em;
}

/* Pricing Page Styles */
.price {
  font-size: 4em;
}

.price-cents {
  vertical-align: super;
  font-size: 50%;
}

.price-month {
  font-size: 35%;
  font-style: italic;
}

/* Footer Styles */
footer {
  margin: 10px 0;
}

footer > .row > .col-lg-12 > p {
    margin-bottom: 0;
}

.hr-footer {
   margin: 20px 0 0 0 ;
}

/* Responsive Styles */
@media (max-width: 767px) {

  .carousel {
    height: 70%;
 /* increases the carousel height so it looks good on phones */
  }
}

/* GENERAL */
/*.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}
.panel-body {
    padding: 15px;
}
.panel-default {
    border-color: #ddd;
}*/
.fontsize {
    font-size: 33px;
}
.section-org-2 {
    padding: 30px 0 30px 0;
}
.intro-message {
    padding: 95px 0 0 0;
}
/* MEDIA QUERIES BOOTSTRAP 3 */
/* Extra small devices (phones, less than 768px) */
@media (max-width: 767px) {
    #margin-panel {
        margin-top: -80px;
    }
    #borde-izq {
        border-left: none;
    }
    #margin-12345 {
        margin-top: 30px;
    }
    .altura-intro-home {
        min-height: 235px;
    }
    .hidden-xs {
        display: none;
        visibility: hidden;
    }
    .section-org {
        padding: 10px 0;
    }
    .intro-message {
        padding: 0 0;
    }
    .margenes-btn-panel {
        margin-top: 16px;
        padding: 10px 20px;
    }
    .btn-panel {
        display: inline-block;
        margin-bottom: 0;
        font-weight: 400;
        text-align: center;
        vertical-align: middle;
        cursor: pointer;
        background-image: none;
        border: 1px solid transparent;
        white-space: nowrap;
        padding: 6px 12px;
        font-size: 14px;
        line-height: 1.42857143;
        border-radius: 4px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }
    .intro-header-org {
        height: 100px;
    }

}
@media(min-width:768px){
    #margin-panel {
        margin-top: -80px;
    }
    .altura-intro-home {
        min-height: 350px;
    }
    .intro-header-org {
        height: 375px;
    }

}
@media(min-width:768px) and (max-width:991px) {
    .hidden-esportics {
        display: none;
        visibility: hidden;
    }
    .pad-nav-multi {
        padding-top: 10px;
    }
    .pad-senor {
        padding-bottom: 45px;
    }
    .hidden-sm {
        display: none;
        visibility: hidden;
    }
    .intro-message {
        padding: 30px 0;
    }
    .margin-left-cero-sm {
        margin-left: 0;
    }

}
}
@media(min-width:768px) and (max-width:1199px) {
    .fontsize {
        font-size: 28px;
    }
}
@media(max-width:992px){
    .hidden-xs-sm {
        display: none;
        visibility: hidden;
    }
}

}
@media(min-width:992px){
    #margin-panel {
        margin-top: -129px;
    }
    .hidden-md {
        display: none;
        visibility: hidden;
    }
    .altura-intro-home {
        min-height: 400px;
    }
    .pad-nav-multi {
        padding-top: 30px;
    }
}
@media(min-width:992px) and (max-width:1199px){
    .chico-basquet {
        margin-top: 102px;
    }
    .section-org-2 {
        padding: 30px 0 0 0;
    }
    .margin-left-cero-md {
        margin-left: 0;
    }
}
@media(min-width:1200px){
    #margin-panel {
        margin-top: -129px;
    }
    .margin-left-cero-lg {
        margin-left: 0;
    }
    .hidden-lg {
        display: none;
        visibility: hidden;
    }
    .altura-intro-home {
        min-height: 400px;
    }
    .pad-nav-multi {
        padding-top: 60px;
    }
    .pad-senor {
        padding-top: 85px;
    }
    .altura-intro-org {
        height: 375px;
    }
}

/* Index.html */

.panel-home {
    border-radius: 20px;
    min-height: 200px;
    -webkit-box-shadow: 0px 9px 12px -1px rgba(48, 50, 50, 0.75);
    -moz-box-shadow:    0px 9px 12px -1px rgba(48, 50, 50, 0.75);
    box-shadow:         0px 9px 12px -1px rgba(48, 50, 50, 0.75);
    opacity: 0.9;
}
#partners1 {
    font-size: 30px;
    margin-top: 20px;
    margin-bottom: 10px;
}
#h3-prueba {
    margin-bottom: 20px;
    margin-top: 20px;
    font-size: 30px;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;

}

/* Index.html - Contenido al lado de fotos */
.section-colored-prueba {
    padding: 35px 0 65px 0;
    background-color: #727272;
    color: #ffffff;
}
.section-colored-buscar {
    padding: 35px 0 43px 0;
    background-color: #727272;
    color: #ffffff;
}
.section-index {
    padding: 75px 0 75px 0;
}
.section-colored-index {
    background-color: #f5f5f5;
}
.section-colored-index1 {
    background-color: #f5f5f5;
    padding: 20px 0 50px 0;
}
#section-plus {
    padding: 0px 0 50px 0;
}
.section-half {
     padding: 25px 0;
 }
.section-half-jug {
    padding: 10px 0;
}
.contenido {
    margin-bottom: 15px;
    margin-top: 53px;
}
#h-buscar {
    font-size: 23px;
    text-align: center;
}
.p2 {
    font-size: 30px;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 10px;
}
.p-crear-torneo {
    margin: 0 0 0px;
    text-align: center;
}
.p-plus {
    font-size: 15px;
}
.p-plus-titulo {
    font-size: 30px;
}
.p-contenido {
    font-size: 18px;
}
.p-paneles {
    font-size: 30px;
    margin-top: 20px;
    margin-bottom: 10px;
    color: #1A237E;
    text-align: center;
}
.sombra-texto {
    text-shadow: 0.1em 0.1em 0.7em
}
.margin-icono {
    margin-bottom: 15px;
}
.partners {
    padding: 15px 0 0 0;
}
#margin-organizar {
    margin-bottom: 40px;
}
#boton-buscar-torneo {
    text-align: center;
    margin-top: 20px;
}
#margin-boton {
    margin-left: 2%;
}
#margin-flecha {
    margin-top: -61px;
}
.with-carousel {
    width: 100%;
}
.controls-carousel {
    margin-top: 110%;
}
.img-carousel {
    left: auto;
    right: 0;
}
#section {
    padding: 25px 0;
}

.row-form {
    padding-left: 5px;
    padding-right: 0;
}
.width-100 {
   width: 100% !important;
}
.retinaicon {
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    display: inline;
    width: auto;
    height: auto;
    line-height: normal;
    vertical-align: baseline;
    background-image: none;
    background-position: 0% 0%;
    background-repeat: repeat;
    margin-top: 0;
    display: block;
    line-height: 1;
    padding: 0;
    margin: 0 0 0px 0;
}
.blue {
    background: #ffffff;
    border: 1px solid #3949AB;
    -webkit-border-radius: 90px;
    -moz-border-radius: 90px;
    border-radius: 90px;
    color: #3949AB;
    display: inline-block;
    font-weight: bold;
    line-height: 1.6em;
    margin-right: 15px;
    text-align: center;
    width: 1.6em;
}
.margenes-btn {
    margin-top: 16px;
    padding: 10px 40px;
}
#margenes-btn {
    margin-top: 22px;
    padding: 10px 40px;
}
#padding-creartorneo {
    padding-top: 13px;
}
.borde-izq {
    border-left: 1px solid #808080;
    min-height: 180px;
}

.fa-lg-index {
    font-size: 3.333333em;
}
.fa-md-index {
    font-size: 2.333333em;
}
.fa-md-index-relleno {
    font-size: 2.333333em;
    background: #1A237E;
}
.video {
    width: 100%;
    height: 218px;
    position: relative;
    padding: 0;
}
.icono-redondo {
    border: 2px solid;
    border-radius: 50%;
}
.icono-redondo-esportics {
    border: 2px solid #1A237E;
    border-radius: 50%;
}
.btn-qsm-org {
    color: #5a5a5a;
    border: 1px solid;
    border-radius: 4px;
    padding: 10px 10px;
}
.btn-qsm-org:hover {
    color: #5a5a5a;
    background: #f5f5f5;
    border: 1px solid #5a5a5a;
    text-decoration: none;
}
.btn-qsm-jug {
    color: #ffffff;
    border: 1px solid;
    border-radius: 4px;
    padding: 10px 10px;
}
.btn-qsm-jug:hover {
    color: #727272;
    background: #ffffff;
    border: 1px solid #727272;
    text-decoration: none;
}

/* Jugador.html */
#centrar-boton {
    margin-top: 23px;
}
.contenido-jug {
    margin-bottom: 15px;
    margin-top: 30px;
}
.col-lg-9 > .text-primary {
    margin: 0;
}
.section-jugador {
    padding: 50px 0 25px 0;
}
.section-colored-jugador {
    padding: 40px 0 25px 0;
    background-color: #f5f5f5;
}

/* Torneos.html */

.no-margin-top {
    margin-top: 0;
}
.no-paddings {
    padding:0;
}
#padding-aviso {
    padding: 0 7px;
}

/* Contacto.html */

#section {
    padding: 85px 0;
}

/* sobre-esportics.html */
.img-borde {
    border-radius: 3%;
}



/* Página Organizador -- */

.intro-header-org {
    padding-top: 90px; /* If you're making other pages, make sure there is 50px of padding to make sure the navbar doesn't overlap content! */
    padding-bottom: 120px;
    color: #f8f8f8;
    background: url(/img/organizador-intro.jpg) no-repeat center center;
    background-size: cover;
    text-align: center;

}

.section-org {
    padding: 30px 0 0 0;
}

.section-colored-org {
    padding: 5px 0 45px 0;
    background-color: #727272;
    color: #ffffff;
}
.section-colored-org1 {
    padding: 5px 0 10px 0;
    background-color: #727272;
    color: #ffffff;
}
.bg-azul {
    background-color: #53c4fb;
    color: #ffffff;
}
#wrap {
    padding: 0;
}
.bg-gris {
    background-color: #f5f5f5;
}

/* Página Jugador -- */

.titulo-jugador {
    font-size: 66px;
    text-transform: uppercase;
    font-weight: 600;
    text-align: center;
}
.zona-marron {
    font-size: 27px;
    margin-top: 3px;
}
.color-white {
    color: #ffffff;
}
.intro-header-jug {
    padding-top: 0; /* If you're making other pages, make sure there is 50px of padding to make sure the navbar doesn't overlap content! */
    padding-top: 220px;
    color: #808080;
    background: url(/img/jugador-intro.jpg) 50% 0 no-repeat fixed;
    background-size: cover;
    text-align: center;
}
.intro-header-home {
    padding-top: 0; /* If you're making other pages, make sure there is 50px of padding to make sure the navbar doesn't overlap content! */
    padding-bottom: 388px;
    color: #808080;
    background: url(/img/intro-padel.jpg) 50% 0 no-repeat fixed;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 560px;
}

/* NEW*/
.inpContacta
{
    margin:8px 0;
}
.btn-text
{
    font-size: 20px;
    text-align: center;
}

@media only screen
and (min-device-width : 320px)
and (max-device-width : 1024px) {
    #wrap{
        margin: -30px auto;
    }

    .but-sol
    {
        margin-top: 10px;
    }
}

@media only screen
and (min-width : 320px)
and (max-width : 1024px) {

    .form-control
    {
        margin: 10px auto;
    }

    /* Contacto */
    .intro-social-buttons  li
    {
        margin-top: 10px;
        margin-bottom: 10px;
    }
    #section{
        padding:40px 0;
    }
    .but-sol
    {
        margin-top: 10px;
    }
}

@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {

    /* index */
    .intro-header-home {
        background: url(/img/intro-padel.jpg) 50% 50% no-repeat;
        background-attachment: local;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }
    .p-paneles
    {
        font-size: 26px;
    }
    .p-paneles-2 {
        height: 70px;
    }
    .btn-text
    {
        font-size: 16px;
    }

    /* Jugadores*/
    .intro-header-jug {
        padding-top: 50px;
        padding-top:220px;
        color: #808080;
        background: url(/img/jugador-intro.jpg)  50% 50% no-repeat;
        background-size: cover;
        background-attachment: scroll;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        text-align: center;
    }


}

/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {

    /* Index */
    .intro-header-home {
        background: url(/img/intro-padel.jpg) 50% 50% no-repeat;
        background-attachment: local;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

    /* Jugadores */
    .intro-header-jug {
        padding-top: 50px;
        padding-top:220px;
        color: #808080;
        background: url(/img/jugador-intro.jpg)  50% 50% no-repeat;
        background-size: cover;
        background-attachment: scroll;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        text-align: center;
    }

    /* Contacto */

    #section{
        padding:20px 0;
    }
}
  /*Fin new*/



@media (min-width: 1000px) {
    .intro-header-home {
        background: url(/img/intro-padel.jpg) 50% 50% no-repeat;
        background-attachment: local;       /*Tocado*/
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }
}

@media (min-width: 1200px) {
    .intro-header-home {
        background: url(/img/intro-padel.jpg) 50% 70% no-repeat fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }
}
@media (min-width: 1400px) {
    .intro-header-home {
        background: url(/img/intro-padel.jpg) 50% 80% no-repeat fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }
}
@media (min-width: 1600px) {
    .intro-header-home {
        background: url(/img/intro-padel.jpg) 50% 98% no-repeat fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }
}
@media (min-width: 1900px) {
    .intro-header-home {
        background: url(/img/intro-padel.jpg) 50% 120% no-repeat fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }
}