@charset "utf-8";
/* CSS Document */

body {
	margin: 0em auto;
	/*overflow-x:hidden;*/
    background-color:#fff;
    padding: 0;
    margin: 0;
	overflow-x:hidden
}

@font-face {
    font-family: "carson";
    src: url(../fonts/carson.otf) format("opentype")
}

@font-face {
    font-family: "magetasRegu";
    src: url(../fonts/magetasRegu.otf) format("opentype")
}

@font-face {
    font-family: "Roboto-Light";
    src: url(../fonts/Roboto-Light.ttf) format("truetype")
}



@font-face {
    font-family: "merriBold";
    src: url(../fonts/merriBold.otf) format("opentype")
}

@font-face {
    font-family: "merri";
    src: url(../fonts/merri.otf) format("opentype")
}



a{
	font-family: "carson";	
text-decoration:none; 
outline:none;
}


h1{
	font-family: "Roboto-Light";
}



h2{
font-family: "carson";	
}


h3{
 font-family: "Roboto-Light";
}



p{font-family: "Roboto-Light";}


#capa1{position: relative; width: 100%; height: 400px; background-color: #ccc; background-image: url(../imagenes/imgCuidados.png); background-size: cover;}
.filaCapa1{position: relative;width: 100%; height: 100px;}
.txt1Capa1{position: relative; text-align: left; font-size: 3em; margin-left: 100px; color: #07498c;}


#capa2{position: relative; width: 100%; height: auto;}

	.fila1Capa2{position: relative; width: 100%; height: 50px;}
	.txt1Capa2{position: relative; font-size: 2em; text-align: center; color: #07498c; width: 60%; margin-left: 20%; margin-right: 20%;}
	.fila2Capa2{position: relative; height: auto; display: inline-table; width: 80%; margin-left: 10%; margin-right: 10%;}
		.col1Fila2{float: left; width: 100%; height: auto;}
		
		.txt3Capa2{position: relative; font-size: 1.5em; text-align: center;}






/*Celular portrait*/
@media screen and (min-width: 1px) and (max-width: 360px) {
	#capa1{height: auto; background-image: url(../imagenes/imgCuidados2.png);}
	.filaCapa1{height: 50px;}
	.txt1Capa1{text-align: left; font-size: 2em; margin-left: 20px; }
	
	.txt1Capa2{ font-size: 1.5em;  width: 90%; margin-left: 5%; margin-right: 5%;}
	.fila2Capa2{width: 90%; margin-left: 5%; margin-right: 5%;}
			.txt3Capa2{position: relative; font-size: 1.2em; text-align: center;}

}

/*Celular landscape*/
@media screen and (min-width: 361px) and (max-width: 640px) {

	#capa1{height: auto; background-image: url(../imagenes/imgCuidados2.png);}
	.filaCapa1{height: 50px;}
	.txt1Capa1{text-align: left; font-size: 2em; margin-left: 20px; }
	
	.txt1Capa2{ font-size: 1.5em;  width: 90%; margin-left: 5%; margin-right: 5%;}
	.fila2Capa2{width: 90%; margin-left: 5%; margin-right: 5%;}
			.txt3Capa2{position: relative; font-size: 1.2em; text-align: center;}

}

/*tablet 7.1 portrait*/
@media screen and (min-width: 641px) and (max-width: 960px) {

	#capa1{height: auto; }
	.filaCapa1{height: 50px;}
	.txt1Capa1{text-align: left; font-size: 2em; margin-left: 20px; }
	
	.txt1Capa2{ font-size: 1.5em;  width: 90%; margin-left: 5%; margin-right: 5%;}
	.fila2Capa2{width: 90%; margin-left: 5%; margin-right: 5%;}
			.txt3Capa2{position: relative; font-size: 1.2em; text-align: center;}
}

/*tablet 7.1 landscape se puede utilizer las medidas iniciales*/
@media screen and (min-width: 961px) and (max-width: 1210px) {

}





/*pantallas grandes*/
@media screen and (min-width: 1211px) {

}