@import url(http://fonts.googleapis.com/css?family=Oswald:300);
			* {
				margin:0px;
				padding:0px;
			}
			
			header {
				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{

    }

#contenedor {
	background-color: #fff;
	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: 210px;
	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: left;
    margin-top: 1%;
    z-index: 200;
        margin-left: 20%;
    }



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

* {
    margin: 0;
    padding: 0;
}

body {
    background-image: url ("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%
          }




























































#mapa {
    float: left;
}
    






#titulo4 {
	height: 35px;
	width: 400px;
	margin-right: auto;
	margin-left: auto;
	text-decoration: none;
	text-align: center;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 24px;
	background-color: #fff;
	color: #ff9200;
    
}

}
table {
	margin-right: auto;
	margin-left: auto;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #fff;
	text-align: center;
	background-color: #FFF;
	margin-top: 5px;

}

tr {
display: table-row;
vertical-align: inherit;
border-color: inherit;
    margin-left: 10%;
     
}

.casillas {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 16px;
color: #fff;
background-color: #ff9200;
height: 30px;
width: 220px;
    margin-left: 53px;
    border-top-left-radius:0px;
border-top-right-radius:0px;
border-bottom-left-radius:10px;
border-bottom-right-radius:10px;
                  margin-top: 2px;
      
}

#formulario {
padding: 10px;
 float: left;
    margin-right: 150


input[type="button"], input[type="submit"], input[type="reset"], input[type="file"]::-webkit-file-upload-button, button {
padding: 1px 6px;
    
    input[type="button"], input[type="submit"], input[type="reset"], input[type="file"]::-webkit-file-upload-button, button {
align-items: flex-start;
text-align: center;
cursor: default;
color: buttontext;
padding: 2px 6px 3px;
border: 2px outset buttonface;
border-image-source: initial;
border-image-slice: initial;
border-image-width: initial;
border-image-outset: initial;
border-image-repeat: initial;
background-color: buttonface;
box-sizing: border-box;
}