body{
margin:0;
padding:0;
line-height: 1.5em;
/*background: #D5C9A9;*/
background: #281B1B url("../images/fondo.png");
}
#TopDireccion{
	position: fixed;
	margin: 0 auto; /*Center container on page*/
	text-align: right;
	font-family: 'Abel', sans-serif;	
	font-size:20px; 
	width:100%;
	background: #560A0A;
	color:#FFF ;
	top: 0px;
}

#maincontainer{
width: 100%; /*Width of main container*/
margin: 20px auto; /*Center container on page*/
background: #801515;
}
.menu{
	
}
.menu ul{
	
    list-style-type: none;
    margin: 0;
    padding: 0;
	 overflow: hidden;
    background-color: #333;

}
.menu li {
 float: left;
font-family: 'Righteous', cursive;
}
.menu li a {
    display: block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

/* Change the link color to #111 (black) on hover */
.menu li a:hover {
    background-color: #111;

}
#Cesp{
	position: relative;
	top:-30%;
	left:70%;
	max-width: 320px;
	max-height: 320px;
}
.Seccion {
text-align: center ;
font-family: 'Montserrat', sans-serif;
}

#Principal{
max-width: 1000px;
	height:589px ;
		position:relative;
		margin: auto;
	display: block;
	clear: both;

    background : #801515 url("../images/mainexpo.jpg") no-repeat center center;
   

}
#Expos {
	width: 100%;
	background: #220806 url("../images/fondo cursos.png");
	color: white;
   margin: auto;
	display: block;
	clear: both;	
}	
.container1 {
	width: 100%;
	min-height: 216px;
	background:#D46A6A;
}
.expo{
	max-width: 1000px;
	margin: auto;
	display: block;
	clear: both;	
}

.textexpo{
	font-family: 'Miriam Libre', sans-serif;
   text-align: justify;
	float: left;
	max-width:700px;
	min-height: 215px;
	padding: 8px;
	background: #D46A6A;	
}
.titulo{
text-align:left;
font-family: 'Montserrat', sans-serif;	
}
.expoimg{
	max-width:276px;
		float: left;
	background:transparent;

	
}
.expoimg img{
	width: 240px;
	min-height: 215px;
}


#Slogan{
color:white ;
	position:relative;
	font-family: 'Abel', sans-serif;	 
	top:5%;
	left:25px;
	text-align: left;
	color: white;
	font-weight: 700; 
	font-size:45px; 
	
}
#Slogan2 {
	position:relative; 
	top: 8%;
	left: 25px;
	font-family: 'Abel', sans-serif;	
	color: white;
	font-weight: 700; 
	font-size:35px; 
}

#ListaSlogan{
list-style-image: url('../images/bullet.png'); 
color:white ; 
position:relative; 
left:20px;
font-family: 'Miriam Libre', sans-serif;
font-weight: 300; 
font-size:25px;
margin-top:100px;
line-height:50px; 
}



#CursoList{
	width: 100%;
	margin: auto;
	display: block;
	clear: both;
	
	


background: #220806 url("../images/fondo cursos.png");
color: white;
}
.container2 {
	width: 100%;
	height: auto;
	background:#801515;
clear: both;
overflow: hidden;

}
#CursoList h1 {
text-align: center ;
color: white;
}
.Cursos{
	margin: auto;
	display: block;
	clear: both;
	width: 1000px;
	color: white;
	padding: 0px 0px 0px 0px;
}
.curso{
	width: 100%;
	min-height: 260px;
	background-color: #801515;
	padding: 0px 0px 0px 0px;
	
}
.cursotxt{
	color: white;
	text-align: justify;
	width:680px;
	height:240px;
	background: #801515;	
	float: left;
	font-size: 12px;
	padding: 10px 10px 10px 10px;
	border-bottom-color: white;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	font-family: 'Miriam Libre', sans-serif;
}
.cursoimg{
float: left;
	width:299px;
	background:transparent;

}
.cursoimg img{
	width:299px;
	height: 240px;
}
#About{
 	text-align: center;
	margin: auto;
	display: block;
	clear: both;
	background:#FFF url("../images/us2.png") no-repeat center center; ;

	padding:  10px 10px 10px 10px; 
}

.textcenter{
	text-align: center;
	margin: auto;
	display: block;
	clear: both;
	max-width: 1000px;
}
#contact{
	clear: both;
	float: left;
	width: 100%;
	text-align: center;
	background:#c99950 url("../images/contacto.png") ;
	height:auto;
	padding:  10px 10px 10px 10px; 
	font-family: 'Miriam Libre', sans-serif;
}


h1,h2,h3,h4,h5{
	font-family: 'Montserrat', sans-serif;
}
#about p,ul,li {
	text-align: justify;
	font-family: 'Miriam Libre', sans-serif;
}

#fondoredes{
	 margin-left: auto;
 	 margin-right: auto;
	display: inline-block;
	width: 100%;
	height: 700px;
		background: url("../images/cont.png") top center no-repeat;
     
}
#redes{
		 padding-top:50px;
	width:400px;  
	 margin-left: auto;
 	 margin-right: auto;
	display: inline-block;


      display: block;
}
#redestxt{
	
	text-align: left;
	
	width:349px; 
	float:left; 
}
#redestxt h3{
	font-size: 19px;
}

#redesimg{
	

	width:49px;
	float: left;
 }
 #redesimg img{
	

	height: 45px;
	float: left;
 }
/***/
@media(max-width:640px ){
#maincontainer{
width: 640px; /*Width of main container*/
margin: 20px auto; /*Center container on page*/
background: #FFF;
}	
#Principal{   
 	font-size: 10px;
	background-image: url("../images/mainexpo640.jpg");
	height:400px ;	
	}
	#Principal li{
	font-size: 15px;
	}
	#Slogan{
		font-size: 24px;
	}
		#Slogan2{
		font-size: 20px;
	}
	
#Cesp{
	position: relative;
	top:-30%;
	left:70%;
	max-width: 150px;
	max-height: 150px;
}	
	
.container2{
height: auto;
background:#801515;
clear: both;
overflow: hidden;
}
.expo
{
float: inherit;
clear: both;
text-align: center; 
margin: auto; 
display: block;
min-width:640px; 

}
.textexpo{
	clear: both;
	float: left;
		max-width: 100%;
		padding: 30px;

		
	}
	.expoimg{
		margin: auto;
      height:240px;
		width: 100%;
		height: auto;
		float: inherit;
	}
	
	
.Cursos{
display:inline;
text-align: center;
width: 100%;
}
.cursoimg{
	margin: auto;
float: inherit;
	width:90%;
	height: 260px;
	text-align: center;
}	
.cursoimg{

	width:299px;

}
.cursotxt{
float:inherit;
	width: 100%;
	
	
}	
	#about{
   float:inherit;
	width:100%;
	
	background:#fff url("../images/us2640.png") no-repeat top center;
	
	 
}
	
	
	
}


/***/
@media(max-width:320px ){
	.menu li{
		float: none;
	}
	#maincontainer{
width: 320px; /*Width of main container*/
margin: 20px auto; /*Center container on page*/
background: #FFF;
}
#Principal{    
		background-image: url("../images/mainexpo320.jpg");
		
		height:200px ;
	}	
		#Slogan{
		font-size: 18px;
	}
		#Slogan2{
		font-size: 12px;
	}
	#Cesp{
	position: relative;
	top:-30%;
	left:70%;
	max-width: 70px;
	max-height: 70px;
}	
.Expos{
	width: 100%;
	
}
.expo
{
	float: left;
clear: both;
text-align: center; 
margin: auto; display: block;
width: 100%;
height: auto;

}
.expoimg{
	width: 350px;
}
	.expoimg img{

		width: 320px;

	}
	
	.textexpo{
	width: 310px;	
		height: auto;
	}
#ListaSlogan{
 
font-size:10px;
margin-top:50px;
line-height:5px; 
}
#about{
	clear: both;
	float: left;
	width:100%;
background: #fff;
	height: auto;
	padding:  10px 10px 10px 10px; 
}


	.cursoimg{
float: left;
width: 92%;
	height: 240px;
	text-align: center;
}
.cursoimg img{
			width: 320px;
}
.cursotxt{

width: 100%;
height: auto;

	
}		
	#contact{
		width: 100%;
	background:#c99950 url("../images/contacto.png") ;
	
		
	}
  #fondoredes{
	
		background:#fff;	
		height: 300px;
		}
		
#redes{

	width:100%;  



  
}
#redesimg{

	width:30%;
	height: 30%;
	float: left;
 }	
#redesimg img{
	clear: both;
	padding-top: 15px;
	height: 29px;
	width:25px;
	float:right;

 }	
#redestxt{
	

	width:70%; 
	float:left; 
}
#redestxt h3{
	font-size: 10px;
}
			
}
/***/