/* CSS Document */
* { margin: 0; padding: 0; border: 0; text-decoration: none; list-style: none; font-weight: normal;}

body {
	font-family: san Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;

}

h1 { 	font-family:'Roboto Condensed';
		font-weight: 700;
				}

.sitio {
	margin: 0 auto;
	width: 960px;
	background: #070606;}
	
section, footer { float: left; width: 100%;}

header {width:960px;
		background-color:#B2C7BA;
		height:218px;
		 }
		
.logo{	float:left;
		width:450px;
		height:128px;
		margin-top:25px; 
		margin-left: 35px;
		margin-bottom:25px }
		
.caja-redes {float:right;
			margin-top:50px;
            margin-left: 300px;
			padding-right:5px;
            position: relative;
            padding-bottom:10x;
    

			}

/* Menu */

.caja-nav { float:left;
			margin: auto 0px auto 0px;
			padding-bottom:10x;
			
			
			}
	
	nav{    background:url(imagenes/nav.png) no-repeat;
			width:850px;
			height:50px;
			margin-left:50px;
			
			}
			
			.caja-nav2 { float:left;
			margin: auto 0px -27px 0px;
			padding-top:-3;
			position: relative;
			z-index:5;
			
			
			}
	
			.caja-nav2 nav{ background: url(imagenes/nav2.png) no-repeat;
							width:850px;
							height:50px;
							margin-left:50px;
					
								}
								
				.caja-nav2 nav ul li a { background-color:#88A1AB;
										 font-size: 15px;
										 margin-right:-15px;
										 
										}
								
					.caja-nav2 nav ul { padding-top:6px;
										
										
										}
	
	
	nav ul { 
		float: left;
		padding: 16px 0 0 0;
		width: 100%;}
		
		nav ul li {
			float: left;
			padding: 0 0 0 65px;
			width: auto;}
			
			nav ul li a {
				float: left;
				width: auto;
				font-size: 16px;
				background-color: #B2C7BA;
				text-transform: uppercase;
				font-weight:700;
				color: #FFF;
				}
				
				nav li a:hover {
	
	text-decoration:none;
	color: #295456;
}
				
				nav > li {
					float:left;}
				
				.fest li a { color:#667980; }

				
				
/*section*/

.article {padding-left:50px;
		  float:left;
		  width:850px;
		  }
		  
h1 {margin-top:95px; margin-left:250px;
	float:left;
	font-size:20px;
	font-weight:400;
	color:#787F7B;
	
	}

.aside-index {
	float: left;
	width: 100%;
    height: 290px;
	margin-top:55px;}
	
	
	.baners{ float: left;
		margin-left:23px;
		width: 212px;
    height: 222px;}
		
		.baners p {
			padding-top: 10px;
			font color:#666;
            width:200px; height:30px;
				  
			}

		  
		  
footer{ background:#E5EAE7;
        width: 960px;
		height:80px;
		margin-top:25px; }
		
		footer p {font-size:9px;
				  color:#787F7B;
				  width:500px; height:30px;
				  float:right;
				  padding-top:20px; padding-right:500px;
					}
					
.logo_footer{float:left;
			padding-left:485px; 
			padding-top:10px;
			 
			 
			   }
			   
.contenor-noa { padding-top:10px;}



/* -----foooter2-----*/

.footer{ background:#E5EAE7;
		height:80px;
		width:900px;
		align-content: center }
		
		footer p {font-size:9px;
				  color:#787F7B;
				  width:500px; height:30px;
				  float:right;
				  padding-top:20px; padding-right:30px;
					}
					
.logo_footer{float:left;
			padding-left:80px; 
			padding-top:10px
			 
			 
			   }



/* -----CONOCENOS------ */


.titulo h2 { 	height:85px;
				padding-top:25px;
				padding-left:40px;
				font-family:'Bitter';
				text-transform:inherit;
                font-size: 24px;
				font-weight:700;
				
				
				
				}
				



.article-conocenos { float:left;  margin-left:50px;
                   
					}



.aside-conocenos  {float:left; 
				 width:100%;
				 margin-bottom:30px;
    
				 
						}
				
				
				
			.contendor-conocenos { 
									padding-left:50px;   
									float:left;
								  	width:565px;
									height:642px;
										}

			
						.items { width:510px;
									height:200px;
									float:left;
									padding-bottom:20px;
									}
									
									
									.texto-items { float:right;
														width:250px;
                                        
                                       
                                        
                                    
														
														}

.videos {
	width:236px;
	height:720px;
	float:right;
	margin-right:65px;
	padding:20px;
	background-color: #E5EAE7;
					}
					
		
			
			
			
			
/* -----------***CONTACTO***------------*/

.section { background-color:#E5EAE7;
			width:850px;
			height:895px;
			margin-left:50px;
			clear:both;}

			
			
			
			

/* -----*****ALUMNOS******------- */

.titulo-alumnos  h1 {	float:left;
					width:700px;
					height:23px;
					margin: 50px 0 50px 75px;
					font-family:'Bitter';
					font-size:20px;
					text-transform:uppercase;
					
                      		 }


.img-left 	{ width:45%;
					height:375px;
					float:left;
					margin-top:-15px;
                    align-content: left;
                    display: inline-block;
    margin-left: 40px;
    
   
                          }		

		.img-right 	{ width:45%;
					height:375px;
					float:right;
                    position:absolute;
                    align-content: right;
					
            margin-left: 15px;
                    display: inline-block;
            
                                      }		
/* -----*****CONTACTO******------- */

.titulo-contacto  h1 {	float:left;
					width:700px;
					height:23px;
					margin: 30px -10px 50px 75px;
					font-family:'Bitter';
					font-size:20px;
					text-transform:uppercase;
					
                      		 }


.img-contacto 	{ width:100%;
					height:700px;
					float:left;
					margin-top:-29px;
                    align-content: left;
                    display: inline-block;
    margin-left: 69px;
    
   
                          }	



							
/* -----------***NOA***------------*/

.mapa-noa { width: 547px;
        height:934px;	
		display:block;
		margin: auto;
		}

.section-noa { background-color:#E5EAE7;
			width:850px;
			height:1450px;
			margin-left:50px;
			clear:both;}
			
.titulo-noa { margin-top:50px; 
	          display:block;
			  font-family: 'Bitter', serif;
	          font-size:40px;
	          font-weight:400;
	          color:#000;	
			 }

.recuadro-parrafo {width: 850px;
                   height:400px;
				   float:left;
								}

.parrafo-noa { width: 395px;
			  height: 400px;
			  float:left;
			  margin-left: 20px;
	          
               }
			 
.texto-noa { margin-top:40px;
             font-size:12px;
			 color:#787F7B;
			 text-align:justify;
				}
/ * ------ **** ALUMNOS EN ACCION ***** ------ * /



.taller-serigrafia {
    padding-left: 50px;
    float: left;
    width: 45%;
    height: 560px;
   display:inline-block;
    margin-top: 1px;
        
}

.texto {margin-top: -550px;
        margin-left: 66px;
    position:relative;
    width: 45%;
    height: 500px;
    float:left;   
    display:inline-block;
}


. h1 { margin-top:40px;
             font-size:12px;
			 color:#787F7B;
			 text-align:justify;
				}

. texto1-dos{
    width: 45%;
    background-color: #f80;
    height:560px;
    float: right;
    margin-left: 5%;
    margin-top: 2rem;
    border-radius: 100px;
    display: inline-block;
	

}
.lateral {
	width:236px;
	float:right;
	margin-right:159px;
	padding:20px;
    display: block;
    position: relative;
	
					}