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

body{
	background-color:#000000;
	font-family: 'Dosis', 'Lato', 'Montserrat', sans-serif;
	font-size:12px;

	
	}
	
#contenedor{
width:95%;
height:auto;
margin:auto;
}

#contenido{
	width:95%;
	height:571px;
	margin:auto;
	margin-top:8%;
	}
	
#lateral_izq{
	width:340px;
	height:340px;
	background-color:#ffe51b;
	z-index: 2;
	position: absolute;
	margin-top:10%;
  
	}
	
#lateral_der{
    width:100%;
	height:auto;

	}
	
img{
	width:90%;
	float:right;
	margin-right:5%;
	}
	
#texto{
	width:71%;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	margin-top:20%;

}
	
h4{
	font-family:'Lato', sans-serif;
	text-transform:uppercase;
	font-size: 2rem;
	color:#000000;
	letter-spacing: .15em;
	margin:0;
	font-weight:100;

	}
	
h4.texto1{
	font-family:'Montserrat', sans-serif;
	text-transform:uppercase;
	font-size: 2rem;
	color:#000000;
	letter-spacing: .15em;
	margin:0;
	font-weight:bold;
	}
	
p{
	font-family:'Lato', sans-serif;
	font-size: 1rem;
	color:#000000;
	letter-spacing: .05em;
	text-transform:uppercase;
	font-weight:50;
	}
	

#textoizq{
	float:left;

	width:30%;
	margin-left:20%;
	}
	
#textoizq h2{
	margin: 0 0 1em 0;
	padding: 0;
	font-weight: bold;
	font-size: 1.8em;
	font-family: 'Lato';
		text-transform:uppercase;
		color:#000000;

	letter-spacing: .1em;

	}
	
	#textoizq p{
	margin: 0 auto;
	padding: 10px 0;
	max-width: 700px;
	text-align: justify;
	font-weight: 300;
	font-size: 1.3em;
	font-family: 'Lato';
	text-align: center;

	}
	
	#textoder{
	float:right;

	width:30%;
	margin-right:20%;
	}
	
#textoder h2{
	margin: 0 0 1em 0;
	padding: 0;
	font-weight: bold;
	font-size: 1.8em;
	font-family: 'Lato';
		text-transform:uppercase;
		color:#000000;

	letter-spacing: .1em;
	

	}
	
	#textoder p{
	margin: 0 auto;
	padding: 10px 0;
	max-width: 700px;
	text-align: justify;
	font-weight: 300;
	font-size: 1.3em;
	font-family: 'Lato';
	text-align: center;

	}