@import url(http://fonts.googleapis.com/css?family=Oswald:300);
			* {
				margin:0px;
				padding:0px;
			}
			
			header {   background-image: url ("img/background.jpg");
				width:99%;
				font-family:Arial, Helvetica, sans-serif;
                    
			}
			
			ul, ol {
				list-style:none;
                				
			}

	}
			
			.nav {
	
                       
			}
			
			.nav > li {
				float:left;
                padding:0.2%;
                z-index: 22
             
			}
			
			.nav li a {
				background-color:#ff7600;
				color:#fff;
				text-decoration:none;
				padding:15px 10px;
				display:block;
                margin-top: 1px
                       		
                    

border-top-left-radius:0px;
border-top-right-radius:0px;
border-bottom-left-radius:10px;
border-bottom-right-radius:10px;
                  margin-top: 2px;
			}

			.nav li a:hover {
				color:#ff8000;
				text-decoration:none;
				padding:15px 10px;
				display:block;
                
			}
			
			.nav li a:hover {
				background-color:#ffdaaf;
			}
			
			.nav li ul {
				display:none;
				position:absolute;
				min-width:50px;
           
                
			}
			
			.nav li:hover > ul {
				display:block;
                
			}
			
			.nav li ul li {
				position:relative;
                                margin-bottom: 2px;
                	; z-index: 22;
                                    
			}

#logo {
	float:left;
    margin-left: 5px;
    margin-right: 20px;
}
body{  background-image: url ("img/background.jpg");
    }

#contenedor {
	background-color: #ffff;
	max-width: 960px;
	margin-right: auto;
	margin-left: auto;
}

footer {
	background-color: #000;
	height: 5%;
    width: 96%;
	font-size: 10px;
	color: #fff;
	padding: 2%;
    text-align: center;
    }

aside {
	background-color: #fff;
	width: 12%;
    height: 237px;
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 10px;
	color: #383838;
	padding-top: 18%;
	padding-right: 2%;
	padding-bottom: 20%;
	padding-left: 2%;
    text-align: left
    }

a {
    color: #ff7620
    }

main {
	background-color: #fff;
	max-width: 83%;
    height: 35%;
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 10px;
	color: #383838;
    float:right;
    margin-top: 1%;
    z-index: 200
    }



@import url(http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:400,700);

* {
    margin: 0;
    padding: 0;
}

body {
    background-image:  background-image: image("img/background.jpg");;
    background-repeat: repeat;
    height: 500px;
    padding: 1px;
}

h1 { color: white }

#slider-wrapper{
			width: 99%;
			height: 250px;
			margin-top: 0%;
			position: relative;
			margin-bottom: 0px;
            margin-left: 1%
			background: rgba(0, 0, 0, 0.65);
			overflow: hidden;
            margin-bottom: 1.5%
 
            
            
		}
		
				#s1{
					padding: 6px;
					background: #ff9200;
					position: absolute;
					left: 50%;
					bottom: 25px;
					margin-left: -36px;
					border-radius: 20px;
					opacity: 0.3;
					cursor: pointer;
					z-index: 999;
				}
				
				#s2{
					padding: 6px;
					background: #ff9200;
					position: absolute;
					left: 50%;
					bottom: 25px;
					margin-left: -12px;
					border-radius: 20px;
					opacity: 0.3;
					cursor: pointer;
					z-index: 999;
				}
				
				#s3{
					padding: 6px;
					background: #ff9200;
					position: absolute;
					left: 50%;
					bottom: 25px;
					margin-left: 12px;
					border-radius: 20px;
					opacity: 0.3;
					cursor: pointer;
					z-index: 999;
				}
				
				#s4{
					padding: 6px;
					background: #ff9200;
					position: absolute;
					left: 50%;
					bottom: 25px;
					margin-left: 36px;
					border-radius: 20px;
					opacity: 0.3;
					cursor: pointer;
					z-index: 999;
				}
				
				#s1:hover, #s2:hover, #s3:hover, #s4:hover{ opacity: 1;}
				
			.inner-wrapper{
				width: 940px;
				height: 470px;
	
				top: 0;
				left: 0;
				margin-bottom: 0px;
				overflow: hidden;
			}
				.control{ display: none;}
				
				#Slide1:checked ~ .overflow-wrapper{ margin-left: 0%; }
				#Slide2:checked ~ .overflow-wrapper{ margin-left: -100%; }
				#Slide3:checked ~ .overflow-wrapper{ margin-left: -200%; }
				#Slide4:checked ~ .overflow-wrapper{ margin-left: -300%; }
				
				#Slide1:checked + #s1 { opacity: 1; }
				#Slide2:checked + #s2 { opacity: 1; }
				#Slide3:checked + #s3 { opacity: 1; }
				#Slide4:checked + #s4 { opacity: 1; }
				
			.overflow-wrapper{
				width: 400%;
				height: 100%;
				position: absolute;
				top: 0;
				left: 0;
				overflow-y: hidden;
				z-index: 1;
				-webkit-transition: all 0.3s ease-in-out;
				-moz-transition: all 0.3s ease-in-out;
				-o-transition: all 0.3s ease-in-out;
				transition: all 0.3s ease-in-out;
			}
			
				.slide img{
					width: 25%;
					float: left;
				}


article {
    background-color: #ffd586;
	font-family: "oswald", arial, sans-serif;
	font-size: 12px;
	color: #383838;
    width: 22.5%;
    float: left;
    margin-right: 1%;
    height: 55px;
    padding-top: 50px;
    padding-left: 1%;
    margin-bottom: 1%;
}

section img {
    float: left
        
     }   

#nota3 {
    height: 102px;
    }

#nota4 {
    height: 102px;
    width: 352px;
    float: left;
    }

section {
    margin-bottom: 1%
    
    
      }
    


#ppal {
    width: 960px; 
    height: 20%;
    float: left;
    margin-bottom: 1%;


}


#roldan {
	background-color: #ffe079;
	width: 170px;
	float: left;
    height: 105px;
    padding: 15px;
    color: #ff7600
}

    
#foto {
    width: 125px;
    height: 130px;
    float: left;
}

#frase {
	background-color: #ffa007;
	width: 270px;
	float: left;
    height: 106px;
    padding: 15px;
    font-size: 10pt;
    color: #ffefd2
}

#jperez {
    background-color: #ffa007;
	width: 170px;
	float: left;
    height: 72px;
    padding: 15px;
    font-size: 10pt;
    color: #ffefd2
}
#foto2 {
    float: left;

    
}


#pupa {
    background-color: #ffa007;
	width: 185px;
	float: left;
    height: 72px;
    padding: 15px;
    font-size: 10pt;
    color: #ffefd2
}
#foto3 {
    float: left;
    margin-left: 1%;
    
}


#mlopez {
    background-color: #ffa007;
	width: 180px;
	float: left;
    height: 75px;
    padding: 15px;
    font-size: 10pt;
    color: #ffefd2
}
#foto4 {
    float: left;
    
}

#grodriguez {
    background-color: #ffa007;
	width: 180px;
	float: left;
    height: 75px;
    padding: 15px;
    font-size: 10pt;
    color: #ffefd2
}
#foto5 {
    float: left;
    margin-left: 1%
    
}
#docentes4 {
    width: 150px;
    height: 150px;
    
}

#contenedor2 {
 width: 700px;   
margin-top: 1%;
}