body{
	background-color:#fff;
	margin:0px;
	
}

h1,h2,h3, p {
font-family: 'Roboto', sans-serif;
color:#4895d9;
}


	
p{
size: 13px;
color:#999999;

}	

.cursiva{
	font-style: italic;
	color: #4895d9;
}

a {
	font-family: 'Roboto', sans-serif;
	text-decoration: none;
	color: #4895d9;
	
}

a:hover{
	font-family: 'Roboto', sans-serif;
	text-decoration: none;
}




#contenido{
	width:100%;
	height:100%;	
	margin: 0 auto;
	
}

/*** HEADER***/
header{
	width: 100%;
	float: left;
	height:140px;
	margin-bottom: 5px;
}

#superior{
	width:100%;
	height: 40px;
	float: left;
	background-color: #9bb4bf;
	
}

#logotipo{
	width:50%;
	height: 100px;
	float: left;
    /**border: 1px solid #680c0c;*/

}

.logo{
	padding-left:160px;
	box-sizing: border-box; /** para no aumentar la caja con el padding**/
}

nav{
	width:50%;
	height:100px;
	float:left;
	/**border: 1px solid #b60e0e;*/
	}

.menu{
	padding:25px 0 0 30px;

	box-sizing: border-box; /** para no aumentar la caja con el padding**/
	/**margin-top: 1px;**/
}

#lista1 ul{
	list-style: none;
	display: inline-block;
	font-family: 'Roboto', sans-serif;
}

#lista1 	ul li{
	
	
	color: white;
	font-size: 18px;
	display: inline;
	
}

#lista1 ul li a{
	 text-decoration:none; 
	 color: #999999;
	 margin-left: 15px;
	
}




#lista1 ul li a:hover {
color: #4895d9;
	
}



/******* SLIDER****/

#main{
	width: 100%;
	float: left;
}


/******* MEDIO****/

section{
width: 100%;
float: left;
height:auto;

	
}

#cajamedio{
width: 100%;
float: left;
height:auto;
margin-bottom: 100px;
	
}

#texto1{
	width:400px;
	float: left;
	/**border: 1px solid #640a0a;**/
}

#texto2{
	width:100%;
	float: left;
	padding: 0 0 0 170px;
	/**border: 1px solid #640a0a;**/
	box-sizing: border-box; /** para no aumentar la caja con el padding**/
	}



#cajaderecha{
	width: 50%;
	float: left;
	/**border: 1px solid #205b7a;*/
}

#cajaizquierda{
	width: 50%;
	float: left;
	/**border: 1px solid #24e423;**/
}

#foto{
	width:370px;
	float: left;
	
}

.img{
	margin-left: 210px;
	margin-bottom: 20px;
}

#linea{
	width:80%;
	height: 1px;
	float: left;
	margin-left: 170px;
	border-bottom: 1px solid #dedcdc;
}

	
.linea{
	border-bottom: 1px solid #dbd8d8;
	padding: 0 0 0 170px;
	box-sizing: border-box; /** para no aumentar la caja con el padding**/
	
}

#caja1{
	width:33%;
	float: left;
	box-sizing: border-box; /** para no aumentar la caja con el padding**/
	/**border: 1px solid #e61c1c;**/
}

.texizq{
padding: 0 0 0 170px;
text-align: left;
white-space: normal;
}


#caja2{
	width:33%;
	float: left;
	box-sizing: border-box;
	/**border: 1px solid #e61c1c;**/
}

.texmedio{
	padding: 0 0 0 50px;
	text-align: left;
	white-space: normal;
	
}


#caja3{
	width:33%;
	float: right;
	box-sizing: border-box;
	/**border: 1px solid #e61c1c;**/
}

.texdere{
	padding:0 170px 0 0px;
	text-align: left;
	white-space: normal;
}

/*******FOOTER****/	

footer{
	width:100%;
	height:300px;
	float: left;
	background-color: #465e73;
}


#textofooter{
	width:30%;
	float: left;
	box-sizing: border-box; /** para no aumentar la caja con el padding**/
	/**border: 1px solid #1dc625;**/
}





#textofooter p{
	font-family: 'Roboto', 300;
	color: #fff;
}

.footerizq{
padding: 0 0 0 170px;
margin-top: 80px;
}

.footerder{
	padding: 0 0 0 170px;
	margin-top: 80px;
}


.lineafo{
	border-bottom: 1px solid #fff;
}


/**** formulario***/
#formulario{
float: left;
width: 70%;
padding: 0 0 20px 170px;
box-sizing: border-box; /** para no aumentar la caja con el padding**/
/**border: 1px solid #880d0d;**/
}


.campo{
	width: 180px;
	height: 20px;
	border: 1px solid #4895d9;
	
}
	

.campo2{
	width: 184px;
	height: 24px;
	margin-left: 16px;
	border: 1px solid #4895d9;
	box-sizing: border-box; /** para no aumentar la caja con el padding**/
}

.label{
font-family: 'Roboto', sans-serif;
text-decoration: none;
color: #4895d9;
padding: 0 0 0 0px;
box-sizing: border-box; /** para no aumentar la caja con el padding**/
}

.btn{
width: 100px;
height: 27px;
margin-left: 58px;
box-sizing: border-box; /** para no aumentar la caja con el padding**/
	
}

imput a {
	font-family: 'Roboto', sans-serif;
	text-decoration: none;
	color: #4895d9;
}

imput a:hover{
	font-family: 'Roboto', sans-serif;
	text-decoration: none;
}

/*** RESPONSIVO**/

@media screen and (max-width:800px){
	.contenido{
		width: 100%;
	}
}