html,body{
    min-height: 100%;
}

body#pagina{
    color: var(--black);
    font-family: 'Montserrat',sans-serif;
    position: relative;
    min-height: 100%;
}

#logos_top,#menuSocio{
    color:#2c4b58;
}

#logos_top a{
    color:#2c4b58;
}

#menuSocio a{
    color:white;
    font-weight: bold;;
}

.tit1{
    padding: 2rem 0;
    text-transform: uppercase;
    display: inline-block;
    font-weight: 700;
    line-height: 1.2;
    font-size: 44px;
    font-family: 'Montserrat',sans-serif;
    color:#2c4b58;
}

.tit2{
    font-weight: 500;
    font-style: italic;
    font-size: 20px;
    margin-bottom: 20px;
    font-weight: 700;
    line-height: 1.2;
    font-family: 'Montserrat',sans-serif;
    color:white;
}

.tit3{
    margin-bottom: 20px;
    color: #2c4b58;
    font-family: "Montserrat", sans-serif;
    font-size: 30px;
    font-weight: 700;
    line-height: 1.2;
}

.tit4{
    color: rgb(40, 40, 40);
    font-family: "Montserrat", sans-serif;
    font-size: 18px;
    font-style: italic;
    font-weight: 700;
    padding-bottom:30px;
    border-bottom-color: rgb(219, 219, 219);
    border-bottom-style: solid;
    border-bottom-width: 2px;
    margin-bottom: 30px;
}

.tit4sb{
    color: rgb(40, 40, 40);
    font-family: "Montserrat", sans-serif;
    font-size: 18px;
    font-style: italic;
    font-weight: 700;
    padding-bottom:30px;
}

.partidoAcceso h2{
    color: rgb(40, 40, 40);
    font-family: "Montserrat", sans-serif;
    font-size: 18px;
    font-style: italic;
    font-weight: 700;
    padding-bottom:30px;
    border-bottom-color: rgb(219, 219, 219);
    border-bottom-style: solid;
    border-bottom-width: 2px;
    margin-bottom: 30px;    
}

#listaSocios{
    padding-bottom:30px;
    border-bottom-color: rgb(219, 219, 219);
    border-bottom-style: solid;
    border-bottom-width: 2px;
    margin-bottom: 30px;  
}

#listadoSocios div{
    margin-bottom: 20px;
}

#listadoSocios div a{
    margin-left: 10px;
    color:red;
}

#listaSocios .btn{
    margin-top: 30px;
}

#contenido{
    border-radius: 1.25rem;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12),0 1px 5px 0 rgba(0,0,0,.2);
    background-color: #FAFAFA;
    margin-bottom: 40px;
    padding-top:60px;
    padding-bottom:60px;
}

.ui-dialog-titlebar-close{
    display: none;
}

.fondoAzul{
    background: #2c4b58;
}

footer{
    padding:15px 0px;
}

#footer-legal a{
    margin: 0px 10px;
}

#footerLogo{
    height:30px;
}

.rrss{
    color:white;
}

.rrss a{
    color: #fff;
    display: block;
    font-size: 21px;
    padding: 0 10px;
}

.rrss li{
    float:left;
    margin-right: 4px;
}

b,strong{
    font-weight: bold;
}

#piePagina,#avisoLegal{
    background-color: #2c4b58;
}

#piePagina img{
    height: 55px;
    margin-right: 10px;
    margin-left: 10px;
    margin-bottom: 45px;
}

#logo{
    margin: 20px 0px;
    height: 120px;
}

a{
    color:#2c4b58;
}

#avisoLegal, #avisoLegal a{
    color:white;
}


.partidos{
    margin-bottom: 30px;
}

.partido{
    padding: 30px 10px 10px 10px;
    border-bottom: 1px solid #2c4b58;
}

.partidoCompeticion{
    color:#2c4b58;
    margin-bottom: 15px;
    font-weight: bold;
    font-size: 18px;
    text-align: center;
}

.partidoFecha{
    color:#2c4b58;
    margin-bottom: 15px;
    font-size: 16px;    
}

.partidoFicha{
    padding: 20px;
}

.partidoFicha div{
    margin: 20px 0px;
}

#accesos{
    margin-top: 50px;
}

.partidoAcceso{
    border: 1px solid #2c4b58;
    background: #f4f4f4;
    padding: 20px;
}

.btn{
    background-color: #2c4b58;
    display: inline-block;
    padding: 5px 15px;
    margin-bottom: 0;
    font-size: 14px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 4px;
    color: #fff;
    border-radius: 3px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid transparent;
    text-decoration: none;
}

.fondoNegro{
    background: #000;
    color:white;
}


   
.p10{
    padding:10px 0px;
}

.p20{
    padding:20px 0px;
}

.p30{
    padding:30px 0px;
}

.p40{
    padding:40px 0px;
}




p{
    margin-bottom: 15px;
    line-height: 1.5em;
}
    
#piePagina {
    line-height: 2em;
}

#piePagina h1{
    color:#d24a30;
}

#piePagina a{
    color:white;
}

.mtb10{
    margin:10px 0px;
}

.mtb20{
    margin: 20px 0px;
}




#image-map {
    width: 100%;
    height: 66vw;
    max-height: 667px;
  border: 1px solid #ccc;
  margin-bottom: 10px;
  float:left;
  z-index: 100;
}

#info_sectores{
	width: 120px;
	float:left;
	margin-left: 40px;
}


.ui-dialog-buttonset .bottonEliminar{
    margin-right: 470px !important;
    background:rgba(206, 12, 12, 0.64);
    color:white;
}



.inputText{
    padding: 10px;
    border: 1px solid #2c4b58;
}

.inputTextarea{
    height: 250px;
    padding: 10px;
    margin-bottom: 20px;
    border: 1px solid #2c4b58;
}


table {
    border-collapse: collapse;
    border-spacing: 0;
}

td, th {
    padding: 0;
    border:1px solid black;
    text-align: center;
    height: 70px;
    width: 40px;
}


/************************ ASIENTOS ************************/
.asiento{
	background: url(./images/asiento.png) no-repeat center center;
	width: 64px;
	height: 64px;
	color:white;
	line-height: 44px;
	text-align: center;
	font-size: 22px;
}

.asiento a{
	color:white;
	text-decoration: none;
}

.asiento_opciones{
	text-align: center;
}

.asiento_opciones a{
	color:black;
	text-decoration: none;
}

.asiento_buscar{
	background: url(./images/asiento.png) no-repeat center center;
	background-size: contain;
	width: 32px;
	height: 32px;
	color:white;
	line-height: 22px;
	text-align: center;
	font-size: 11px;
    margin: 3px auto;
}

.asiento_buscar_opciones .btn{
    padding: 5px;
    margin: 2px;
}



.asiento_buscar_rojo{
	background: url(./images/asiento_rojo.png) no-repeat center center;
	background-size: contain;
	width: 32px;
	height: 32px;
	color:white;
	line-height: 22px;
	text-align: center;
	font-size: 11px	
}

.asiento_buscar_azul{
	background: url(./images/asiento_azul.png) no-repeat center center;
	background-size: contain;
	width: 32px;
	height: 32px;
	color:white;
	line-height: 22px;
	text-align: center;
	font-size: 11px	
}

.asiento_buscar_verde{
	background: url(./images/asiento_verde.png) no-repeat center center;
	background-size: contain;
	width: 32px;
	height: 32px;
	color:white;
	line-height: 22px;
	text-align: center;
	font-size: 11px	
}

@media only screen and (max-width: 768px){
    #logos_top{
        position: absolute;
        top: 10px;
        right: 10px;
    }

    #footer-legal{
        margin-bottom: 20px;
        margin-top: 20px;
    }

    #footer-legal a{
        margin-bottom: 10px;
    }

    .tit1 {
        font-size: 35px;
        text-align: center;
    }

    .tit3 {
        text-align: center;
    }

    .partidoAcceso{
        margin-bottom: 30px;
    }

    #estadio{
        overflow: auto;
    }
}


@media only screen and (max-width: 550px){
    .tit1 {
        font-size: 30px;
    }
}

@media only screen and (max-width: 480px){
    .tit1 {
        font-size: 28px;
    }
}


@media only screen and (max-width: 410px){
    .tit1 {
        font-size: 24px;
    }
}


@media only screen and (min-width: 768px){    
    
}

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

}

@media only screen and (min-width: 1400px){
   
}

/*Fin Media Queries*/