body{
margin:0px;
padding:0px;
}








/******************************* CABECERA *******************************/

#cont_cabecera{
position: fixed;
width:100%;
background-color:#000;
}

@media (min-width:900px){
#cont_logo{
float:left;
padding:15px 0px 15px 15px;
box-sizing:border-box;
}
}


@media (max-width:900px){
#cont_logo{
float:left;
padding:15px 0px 15px 15px;
box-sizing:border-box;
width:70%;
}
}





/******************************* MENÚ *******************************/

nav{
float:right;
margin:0px;
padding:0px;
}


nav ul{
list-style:none;
margin:40px 35px 0px 0px;
padding:0px;
}


nav ul li{
display:inline-block;
line-height:0px;
margin:0 15px;
}

nav ul li a{
font-family: 'Raleway', sans-serif;
position:relative;
padding:0px;
color:#fff;
font-size:0.9em;
text-decoration:none;
font-weight:bold;
letter-spacing:0.15rem;
}

nav ul li a:hover{
color:#c22a22;
}

nav ul li span{
color:#c22a22;
}




label #sign-one,
label #sign-two{
font-size:30px;
color:#fff;
float:right;
line-height:50px;
margin:25px 30px 0px 0px;
cursor:pointer;
display:none;
}

#res-menu{
display:none;
}




@media (max-width:900px){

	label #sign-one{
		display:block;
	}
	
	nav ul{
		position:fixed;
		width:100%;
		height:100vh;
		background:#c22a22;
		top:38px;
		left:-100%;
		text-align:center;
		transition:.5s;
		z-index:10;
	}
	
	nav ul li{
	display:block;
	margin:40px 0;
	line-height:30px;
	}
	
	nav ul li a{
	font-family: 'Raleway', sans-serif;
	font-size:20px;
	letter-spacing:0.15rem;
	color:#fff;
	}
	
	nav ul li a:hover{
	color:#000;
	}
	
	nav ul li span{
	color:#000;
	}
	
	#res-menu:checked ~ ul{
	left:0;
	}
	
	#res-menu:checked ~ label #sign-one{
	display:none;
	}
	
	#res-menu:checked ~ label #sign-two{
	display:block;
	}
	
} /*** CIERRE ESTILOS RESPONSIVE **/









/******************************* GENERALES *******************************/


@media screen and (min-width : 900px){
.cuerpo_general{
margin:0px;
padding:0px 0px 0px 0px;
box-sizing:border-box;
overflow:hidden;
}
} /*** CIERRE ESTILOS RESPONSIVE **/


@media screen and (max-width : 900px){
.cuerpo_general{
margin:0px;
padding:0px 0px 0px 0px;
box-sizing:border-box;
overflow:hidden;
}
} /*** CIERRE ESTILOS RESPONSIVE **/



/***
.cuerpo_general img{
	float:left;
}
***/






@media screen and (min-width : 900px){
.cont_centrado{
max-width:1400px;
overflow:hidden;
margin:0 auto;
}
} /*** CIERRE ESTILOS RESPONSIVE **/


@media screen and (max-width : 900px){
.cont_centrado{
overflow:hidden;
margin:0 auto;
padding:0px;
box-sizing:border-box;
}
} /*** CIERRE ESTILOS RESPONSIVE **/





@media screen and (min-width : 900px){
.cont_completo{
width:100%;
overflow:hidden;
}
} /*** CIERRE ESTILOS RESPONSIVE **/


@media screen and (max-width : 900px){
.cont_completo{
width:100%;
overflow:hidden;
}
} /*** CIERRE ESTILOS RESPONSIVE **/






@media screen and (min-width : 900px){
.altura_completa{
height:100vh;
}
} /*** CIERRE ESTILOS RESPONSIVE **/








@media screen and (min-width : 900px){
.pad_sup_cabecera{
	padding-top:90px;
	box-sizing:border-box;
}
} /*** CIERRE ESTILOS RESPONSIVE **/

@media screen and (max-width : 900px){
.pad_sup_cabecera{
	padding-top:78px;
	box-sizing:border-box;
}
} /*** CIERRE ESTILOS RESPONSIVE **/






img{
max-width:100%;
}







.fondo_blanco{
background-color:#fff;
}


.fondo_negro{
background-color:#000;
}


.fondo_rojo{
background-color:#c22a22;
}











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

.cont_25{
width:25%;
float:left;
}

.cont_33{
width:33.33%;
float:left;
}

.cont_50{
width:50%;
float:left;
}

.cont_66{
width:66.66%;
float:left;
}

.cont_75{
width:75%;
float:left;
}



.cont_100{
width:100%;
float:left;
}



.cont_25_der{
width:25%;
float:right;
}

.cont_33_der{
width:33.33%;
float:right;
}

.cont_50_der{
width:50%;
float:right;
}

.cont_66_der{
width:66.66%;
float:right;
}

.cont_75_der{
width:75%;
float:right;
}



.cont_25_cen{
width:25%;
margin:0 auto;
overflow:hidden;
}

.cont_33_cen{
width:33.33%;
margin:0 auto;
overflow:hidden;
}

.cont_50_cen{
width:50%;
margin:0 auto;
overflow:hidden;
overflow:hidden;
}

.cont_66_cen{
width:66.66%;
margin:0 auto;
overflow:hidden;
}

.cont_75_cen{
width:75%;
margin:0 auto;
overflow:hidden;
}

} /*** CIERRE ESTILOS RESPONSIVE **/











/*** SEPARADORES ***/

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

.pad_sup_5{
padding-top:5vh;
box-sizing:border-box;
}

.pad_sup_10{
padding-top:10vh;
box-sizing:border-box;
}


.pad_inf_5{
padding-bottom:5vh;
box-sizing:border-box;
}

.pad_inf_10{
padding-bottom:10vh;
box-sizing:border-box;
}

} /*** CIERRE ESTILOS RESPONSIVE **/






@media screen and (min-width : 900px){
.pad_img{
padding:1.5vw;
box-sizing:border-box;
}
} /*** CIERRE ESTILOS RESPONSIVE **/













/******************************* TEXTOS GENERALES *******************************/




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

.texto_general{
padding:1.5vw 1.5vw 1.5vw 1.5vw;
margin:0;
box-sizing:border-box;
overflow:hidden;
}

.texto_general p{
font-family: 'Raleway', sans-serif;
font-size:1.2rem;
padding:20px 0px 0px 0px;
margin:0px 0px 0px 0px;
line-height:120%;
}

.texto_general h1{
font-family: "Montserrat", sans-serif;
font-size:3rem;
padding:20px 0px 0px 0px;
margin:0px 0px 0px 0px;
line-height:100%;
}

.texto_general h2{
font-family: "Montserrat", sans-serif;
font-size:1.2rem;
padding:10px 0px 0px 0px;
margin:0px 0px 0px 0px;
line-height:120%;
}

.texto_general h3{
font-family: "Raleway", sans-serif;
font-size:1.2rem;
padding:10px 0px 0px 0px;
margin:0px 0px 0px 0px;
line-height:120%;
}

.texto_general a{
text-decoration:none;
}

} /*** CIERRE ESTILOS RESPONSIVE **/






@media screen and (max-width : 900px){

.texto_general{
padding:0vw 5vw 5vw 5vw;
margin:0;
box-sizing:border-box;
overflow:hidden;
}

.texto_general p{
font-family: 'Raleway', sans-serif;
font-size:1.2rem;
padding:20px 0px 0px 0px;
margin:0px 0px 0px 0px;
line-height:120%;
}

.texto_general h1{
font-family: "Montserrat", sans-serif;
font-size:2rem;
padding:40px 0px 0px 0px;
margin:0px 0px 0px 0px;
line-height:100%;
}

.texto_general h2{
font-family: "Montserrat", sans-serif;
font-size:1.2rem;
padding:10px 0px 0px 0px;
margin:0px 0px 0px 0px;
line-height:120%;
}

.texto_general h3{
font-family: "Raleway", sans-serif;
font-size:1.2rem;
padding:10px 0px 0px 0px;
margin:0px 0px 0px 0px;
line-height:120%;
}

} /*** CIERRE ESTILOS RESPONSIVE **/








.texto_centrado{
text-align:center;
}





.texto_negro{
color:#000;
}

.texto_negro a{
color:#c22a22;
}

.texto_negro a:hover{
color:#888;
}



.texto_blanco{
color:#fff;
}

.texto_blanco a{
color:#888;
}

.texto_blanco a:hover{
color:#666;
}




.texto_rojo{
color:#c22a22;
}












/******************************* CIERRE *******************************/



#cierre{
	width:100%;
	overflow:hidden;
	background-color:#c22a22;
	padding:10vh 0vh 5vh 0vh;
	box-sizing:border-box;
}


#logo_cierre{
	padding:0vh 0vh 0vh 0vh;
	box-sizing:border-box;
	margin:0 auto;
	overflow:hidden;
	text-align:center;
}



.texto_cierre{
padding:10vh 0vh 0vh 0vh;
margin:0px 0px 0px 0px;
}

.texto_cierre p{
font-family: 'Raleway', sans-serif;
font-size:1rem;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
line-height:140%;
text-align:center;
color:#000;
}

.texto_cierre a{
color:#000;
}

.texto_cierre a:hover{
color:#fff;
}