@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: "adam";
    src: url(../fonts/adam.otf) format("opentype")
}


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


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



@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: "raleway";
    src: url(../fonts/raleway.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")
}


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



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


h1{
font-family: "magetasRegu";	
}



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


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


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


.btn1{
			width:300px;
			height:70px;
			font-size:0.3em;
			border-radius:50px;
			outline:none;
			color:#FFF;
			background-color:#F90;
			border:none;
			cursor:pointer
			}
			
			.btn1:hover{
				background-color:#000;
			}
			
			
			
		.btn2{
			width:300px;
			height:70px;
			font-size:0.3em;
			border-radius:50px;
			outline:none;
			color:#000;
			background-color:#FFF;
			border:none;
			cursor:pointer
			}
			
			.btn2:hover{
				background-color:#F00;
				color:#FFF
			}


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


	.fila1Capa4Body{
		width:100%;
		height:98%;
	}
	
	
		.txt1Capa4{
			position:relative;
			width:100%;
			text-align:center;
			font-size:4em;
			padding-top:100px;
			color:#F90

		
		}
		
		.txt2Capa4{
			width:50%;
			text-align:center;
			font-size:1.5em;
			margin-left:auto;
			margin-right:auto;color:#039
			
		}
	


		.txt3Capa4{
			width:50%;
			text-align:center;
			font-size:1.5em;
			margin-left:auto;
			margin-right:auto;color:#373737
			
		}


		.imgCapa4Body{
			
			
			width:90%;
			height: auto
			
			

		}


	.fila2Capa4Body{
		position: relative;
		width:100%;
		height:100px;
	}
		





#capa6Body{
	position:relative;
	width:100%;
	height:auto;
	background-color:#F9F9F9
}

	.fila3Capa6{
		position:relative;
		width:100%;
		height:auto;
	}





		.txt4Capa6{
			position:relative;
			width:100%;
			text-align:center;
			font-size:4em;
			padding-top:100px;    font-family: "adam";

		
		}


		.txt5Capa6{
				position:relative;
				width:60%;
				text-align:center;
				font-size:1.4em;
				margin-left:auto;
				margin-right:auto
			}



	.fila2Capa6{
		position:relative;
		width:100%;
		height:800px;
	}
	
	
		.col1Capa6{
			float:left;
			width:20%;
			height:100%;
		}



		.col2Capa6{
			float:left;
			width:20%;
			height:100%;
		}
		
		
			.txt1Capa6{
				position:relative;
				width:100%;
				text-align:center;
				font-size:2em;
				 font-family: "agg";
				color: #036;
				
				
				
			}
			
			.txt2Capa6{
				position:relative;
				width:95%;
				text-align:center;
				font-size:5em;
				color:#036;
				font-family: "agg";
				border-radius:300px;
				border-width:1px;
				border-style:solid;
				border-color:#036;
				cursor: pointer;
				
				
				
			}

			.txt2Capa6:hover{
				background-color:#F90;;
				color: #FFFFFF
			}
			
			.txt3Capa6{
				position:relative;
				width:90%;
				text-align:justify;
				font-size:1.4em;
				margin-left:auto;
				margin-right:auto
			}


#capa7Body{
	position:relative;
	width:80%;
	height:10px;
	background-color:#036;
	margin-left: auto;
	margin-right: auto
}




#capa9Body{
	position:relative;
	width:100%;
	height:auto;
	background-color:#fff
}


	.fila1Capa9{
		width:100%;
		height:150px;
	}
	

	
	.txt1Capa9{
		position:relative;
		display:inline-block;
		font-size:5em;
		width:100%;
		top:-100px;
		text-align:center;
		    font-family: "adam";
			color:#036

	}
	
	
	.txt2Capa9{
		position:relative;
		display:inline-block;
		font-size:4em;
		width:100%;
		text-align:center;
		top:-30px
	}
	
	
		.col1Capa9{
			float:left;
			width:17%;
			height:100%;
		}
	
	
		.col2Capa9{
			float:left;
			width:22%;
			height:100%;
		}
		
		
		.col3Capa9{
			float:left;
			width:30%;
			height:100%;
		}
		
		.col4Capa9{
			float:left;
			width:70%;
			height:100%;
		}
			.iconServicios{
				width:85%;
				height:auto;
				padding-top:20px;
			}
			
				.txt3Capa9{
					position:relative;
					display:inline-block;
					font-size:1.2em;
					width:100%;
					color:#036
				}
				
				
				.txt4Capa9{
					position:relative;
					display:inline-block;
					font-size:1em;
					width:90%;
					top:-20px
				}





/*Celular portrait*/
@media screen and (max-width: 360px) {
	
	
	
	.txt1Capa1Footer{
		font-size:3em;
		}
	
	
	
#capa3Header{
	display: none
	}
	
	
	
#capa4Body{
	position:relative;
	width:100%;
	height:auto;
}


	.fila1Capa4Body{
		width:100%;
		height:98%;
	}
	
	
		.txt1Capa4{
			font-size:2em;
			padding-top:10px;    
		}
		
		.txt2Capa4{
			width:80%;
			font-size:1.5em;
		}
	


		.txt3Capa4{
			width:80%;
			font-size:1.5em;
			}

	
	
	
	.fila2Capa6{
		position:relative;
		width:100%;
		height:1600px;
	}
	
	
		.col1Capa6{
			display: none
		}



		.col2Capa6{
			position: relative;
			width: 100%;
			height: 500px
		}
	
	
	
	.txt1Capa9{
		font-size: 3.5em;
		padding-top: 150px
	
	}
	
	.fila1Capa9{
		width:100%;
		height:auto;
	}
	

	
	
	
		.col1Capa9{
			display: none
		}
	
	
		.col2Capa9{
			
			position: relative;
			width: 100%;
			height: 300px;
			
		}
		
	
	
}






/*Celular landscape*/
@media screen and (min-width: 361px) and (max-width: 640px) {
	
	.txt1Capa1Footer{
		font-size:3em;
		}
	
	
	
#capa3Header{
	display: none
	}
	
	
	

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


	.fila1Capa4Body{
		width:100%;
		height:98%;
	}
	
	
		.txt1Capa4{
			font-size:2em;
			padding-top:10px;    
		}
		
		.txt2Capa4{
			width:80%;
			font-size:1.5em;
		}
	


		.txt3Capa4{
			width:80%;
			font-size:1.5em;
			}


	
	
	
	
	
	
	.fila2Capa6{
		position:relative;
		width:100%;
		height:1600px;
	}
	
	
		.col1Capa6{
			display: none
		}



		.col2Capa6{
			position: relative;
			width: 100%;
			height: 500px
		}
	
	
	
	
	
	
	
	.txt1Capa9{
		font-size: 3.5em;
		padding-top: 150px
	
	}
	
	.fila1Capa9{
		width:100%;
		height:auto;
	}
	

	
	
	
		.col1Capa9{
			display: none
		}
	
	
		.col2Capa9{
			
			position: relative;
			width: 100%;
			height: 300px;
			
		}
		
	
	
	
	
	
}






/*tablet 7.1 portrait*/
@media screen and (min-width: 641px) and (max-width: 960px) {
	
	
	.txt1Capa1Footer{
		font-size:3em;
		}
	
	
	
		#capa3Header{
			display: none
			}



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


	.fila1Capa4Body{
		width:100%;
		height:98%;
	}
	
	
		.txt1Capa4{
			font-size:2em;
			padding-top:10px;    
		}
		
		.txt2Capa4{
			width:80%;
			font-size:1.5em;
		}
	


		.txt3Capa4{
			width:80%;
			font-size:1.5em;
			}




	
	
	
	.fila2Capa6{
		position:relative;
		width:100%;
		height:1600px;
	}
	
	
		.col1Capa6{
			display: none
		}



		.col2Capa6{
			position: relative;
			width: 100%;
			height: 500px
		}
	
	
	
	
	
	.txt1Capa9{
		font-size: 3.5em;
		padding-top: 150px
	
	}
	
	.fila1Capa9{
		width:100%;
		height:auto;
	}
	

	
	
	
		.col1Capa9{
			display: none
		}
	
	
		.col2Capa9{
			
			position: relative;
			width: 100%;
			height: 300px;
			
		}
		
	
	
	
}







/*tablet 7.1 landscape se puede utilizer las medidas iniciales*/
@media screen and (min-width: 961px) and (max-width: 1210px) {
	
	.txt1Capa6{
		font-size: 1.5em
	}
	
	
	
	
	.txt1Capa9{
		font-size: 3.5em;
		padding-top: 150px
	
	}
	
	.fila1Capa9{
		width:100%;
		height:auto;
	}
	

	
	
	
		.col1Capa9{
			display: none
		}
	
	
		.col2Capa9{
			
			position: relative;
			width: 100%;
			height: 300px;
			
		}
		
	
}



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