@charset "utf-8";
	/* CSS Document */
	
	
	body, html {
		font-family: 'Titillium Web', sans-serif;
		font-size:1em;
		background: #fff;
		height: 100%;
		width: 100%;
		margin: 0px;
		padding: 0px;
	}
		
		
	.contenedor{
		width:100%;
		max-width: 1350px;
		margin: 0 auto;
		overflow:hidden;
	}
	
	.content{
		width:70%;
		margin: 0 auto;
	}
	
	.main{
		width:70%;
		box-sizing:border-box;
		float:left;
		text-align: justify;
		background: #fff;
		color:#2c2c2c;
		font-size:0.875em;
		font-weight: 600;
		line-height: 1.6em;
		padding-top: 1.25em;
		padding-right: 1.8em;
		padding-bottom: 1.25em;
		padding-left: 1.25em;
	}
	
	aside{
		width:30%;
		box-sizing:border-box;
		float:left;
		text-align: justify;
		background: #fff;
		color:#2c2c2c;
		font-size:0.875em;
		font-weight: 600;
		line-height: 1.6em;
		border-left-width: thin;
		border-left-style: solid;
		border-left-color: #97b1de;
		padding-top: 1.25em;
		padding-right: 1.25em;
		padding-bottom: 1.25em;
		padding-left: 1.8em;
	}
	
	header, footer {
		width:70%;
		margin-left:auto;
		margin-right:auto;
		background: #fff;
		padding:1.25em;
		box-sizing:border-box;
	}
	
	.caja1{
		width:100%;
		float:left;
	}
		
	
	.caja2{
		width:100%;
		float:left;
		display:block;
		color:#878786;
		font-size:0.875em;
		font-weight: 600;
		
	}
	
	.caja3{
		margin-top:2%;
		float:left;
		}
		
	.caja4{
		float:right;
	
	}
	
	
	.slider {
		background: #fff;
		clear: both;
	
	}
	.titulo {
		color:#97b1de;
		font-size:1.8em;
		line-height: 1.5em;
		font-weight: 600;
		text-align: left;
		margin: 0px;
		padding: 0px;
	}
	
	img{
		max-width: 100%;
	}
	
	.slider img {
		width:100%;
		height:auto;
	}
	
	.main img {
		width:auto;
		height:auto;
	}
	
	
	.caja1 img {
		width:auto;
		height:auto;
	}
	
	footer{
		display:block;
		font-size: 0.75em;
		color:#878786;
		font-weight: 600;
		margin-top:1.25em;
				   }    
	
	 .clear{
		clear:both;
	}
		
		@media screen and (max-width: 1200px){
	.caja3{
		width:100%;
		text-align:center; 
		}
	.caja4{
		width:100%;
		text-align:center; 
		}
	}
		@media screen and (min-width: 481px) and (max-width: 800px){
		
	header{
		width:100%;
		}
		
	.content{
		width:100%;
		}
		
	.main{
		width:100%;
		}
	aside {
		display: block;
		width:100%;
		}
	.caja3{
		width:100%;
		
		}
	.caja4{
		width:100%;
		
		}
		
	.caja1 img {
		width:100%;
		height:auto;
	}
	
	
		
	footer{
		text-align:center;
		}
		
	}
		
		@media screen and (max-width: 480px){
		
	.content{
		width:100%;
		}
	header{
	width:100%;
	}	
		
	.main{
		width:100%;
		}
	aside {
		display: none;
		}
	
	.main img {
		width:70%;
		height:auto;
		max-width:90%;
		}
	
		
	.caja2{
		width:100%;
		text-align:center;
		float:left;
		font-size:0.7em;
	}
		
	.caja4{
		display: none;
		}
		
	.titulo{
		font-size:1.4em;
		}
		
		footer{
		text-align:center;
		font-size:0.6em;
		
		}
	}