body{
font-family: 'Roboto Mono', monospace;
margin:0;
padding:0;
}



*{
margin:0;
padding:0;
}


@media (min-width:900px){
#logo_cabecera{
padding:15px;
float:left;
}
}

@media (max-width:900px){
#logo_cabecera{
padding:15px;
float:left;
width:35%;
}
}


nav{
background:#fbfbfb;
position:fixed;
width:100%;
margin:0;
padding:0;
}

nav ul{
float:right;
list-style:none;
margin:20px 20px 10px 0px;
}

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

nav ul li a{
position:relative;
padding:0px;
color:#000;
font-size:16px;
text-decoration:none;
}

nav ul li a:hover{
color:#069cdc;
}

nav ul li span{
color:#069cdc;
}


label #sign-one,
label #sign-two{
font-size:30px;
color:#069cdc;
float:right;
line-height:50px;
margin-right:30px;
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:#edeef0;
		top:45px;
		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-size:20px;
	}
	
	#res-menu:checked ~ ul{
	left:0;
	}
	
	#res-menu:checked ~ label #sign-one{
	display:none;
	}
	
	#res-menu:checked ~ label #sign-two{
	display:block;
	}
	
}




/*** GENERALES ***/

@media screen and (min-width : 900px){
#cuerpo{
margin:0px 0px 0px 0px;
padding:100px 0px 0px 0px;
overflow:hidden;
}
}

@media screen and (max-width : 900px){
#cuerpo{
margin:0px 0px 0px 0px;
padding:65px 0px 0px 0px;
overflow:hidden;
}
}


img{
max-width:100%;
float:left;
}






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

.cont_15{
width:15%;
float:left;
}

.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;
}

} /*** CIERRE ESTILOS RESPONSIVE **/




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

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

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

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

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

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

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

} /*** CIERRE ESTILOS RESPONSIVE **/








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

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

.pad_der_10{
padding-right:10%;
box-sizing:border-box;
}

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

.pad_izq_10{
padding-left:10%;
box-sizing:border-box;
}

} /*** CIERRE ESTILOS RESPONSIVE **/


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

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

.pad_der_5{
padding-right:5%;
box-sizing:border-box;
}

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

.pad_izq_5{
padding-left:5%;
box-sizing:border-box;
}

} /*** CIERRE ESTILOS RESPONSIVE **/





.oculto{
visibility:hidden;
}




.gris_claro{
background:#edeef0;
}


.azul{
background:#069cdc;
}














/*** TEXTOS ***/

.texto_general{
margin:0px;
padding:10%;
}

.texto_general p{
font-size:16px;
line-height:160%;
padding:15px 0px 0px 0px;
margin:0;
}

.texto_general h1{
font-size:30px;
font-weight:normal;
line-height:90%;
padding:0;
margin:0;
/** separación de palabras
-webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -o-hyphens: auto;
    Word-break:break-Word;
    hyphens: auto;
**/
}

.texto_general h2{
font-size:2.2rem;
font-weight:bold;
line-height:100%;
padding:15px 0px 0px 0px;
margin:0;
}

.texto_general a{
text-decoration:none;
color:#069cdc;
border-bottom:2px solid;
}

.texto_general a:hover{
color:#888888;
}







/*** CIERRE ***/

#pie{
width:100%;
float:left;
background-color:#069cdc;
}


@media screen and (min-width : 900px){
#logo_pie{
width:50%;
float:left;
display:flex;
justify-content:center;
align-items:center;
padding:5%;
box-sizing:border-box;
}
} /*** CIERRE ESTILOS RESPONSIVE **/


@media screen and (max-width : 900px){
#logo_pie{
width:100%;
float:left;
background-color:#069cdc;
display:flex;
justify-content:center;
align-items:center;
padding:15%;
box-sizing:border-box;
}
} /*** CIERRE ESTILOS RESPONSIVE **/



@media screen and (min-width : 900px){
#datos_pie{
width:50%;
display:flex;
padding:6%;
box-sizing:border-box;
background-image: url(../img/acero_fondo.jpg);
background-repeat: no-repeat;
background-position:50% 50%;
background-size:cover;
display:flex;
}
} /*** CIERRE ESTILOS RESPONSIVE **/


@media screen and (max-width : 900px){
#datos_pie{
width:100%;
display:flex;
padding:15%;
box-sizing:border-box;
background-image: url(../img/acero_fondo.jpg);
background-repeat: no-repeat;
background-position:50% 50%;
background-size:cover;
display:flex;
}
} /*** CIERRE ESTILOS RESPONSIVE **/


#texto_pie{
margin-left:auto;
margin-right:auto;
}


#texto_pie p{
color:#000;
}

#texto_pie a{
color:#069cdc;
text-decoration:none;
}

#texto_pie a:hover{
color:#000;
}







/*** FONDOS***/

#fondo_servicios_index{
background: url(../img/acero_fondo_2.jpg) no-repeat center fixed;
background-size: cover;
height: 100%;
width: 100% ;
-webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   overflow:hidden;
}