a { text-decoration:none; color:#333;}

body {background: #b5e1e6; font-family:sans-serif; font-size:14px;
}

header{
       height: 60px; 
       background: #ffffff; 
       margin: 0px auto 0px auto;
}

#logo { float:left; width:114px; margin-left:30px;}

#dgpc { width:110px; margin:0 auto;}

a.sitio { text-transform:uppercase; padding:10px; background:#39395b; color:#FFF;}

section.inicio { text-align:center;}

a.sitio:hover { background:#ff735f}

nav {width: 50%; 
     height: 50px;  
     margin:  0px 40px 0px auto; float:right; text-align:right;
}

#contenedor { max-width:960px; margin:0 auto; padding-top:50px; background:#fff; }

nav ul li {
    display: inline;
    list-style: none outside none;

}

nav ul li a { padding:10px;}

nav ul li a:hover { background:#b5e1e6; padding:10px; color:#FFF;}
.active { background:#b5e1e6; padding:10px;}
.active a { color:#FFF;}

main { margin:0 auto;}

section {width:100%; 
         height:300px; 
         background: #ffffff; 
         margin: 0px auto 0px auto;
		 background:#e2e2e2;
}

section p { text-align:center; font-weight:bold; padding-top:30px;}

.line { background-color:#b5e1e6; width:30px; height:10px; margin:0 auto;}

aside {width: 370px;
        
       margin: 30px auto;
}

aside article { width:120px; height:120px; background:#ff735f; display:inline-block; margin:0 auto; color:#fff; text-align:center;}

aside article a { color:#FFF; line-height:110px;}


footer{
       height: 50px; 
       background: #39395b; 
       margin: 0px auto 0px auto;
	   text-align:right;
}

footer p {color: #FFF; padding-right:15px; padding-top:20px;
}

h3 {font-family:Futura Std;
     font-size: 11px;
     margin: 2%;
     color: #ffffff;
     font-style:normal;
     text-align:inherit;
     position: relative;
     float:right;
}


/*SITEMAP*/

section ul { display:inline-table; list-style:none;}

section ul li a.principal {
font-weight: bold;
padding-bottom: 7px; background-position:50px 50px; padding-left:0 !important;
}

section#mapa ul li a:hover { color:#ff735f}

section#mapa ul li {
margin-bottom: 7px;
}

section#mapa ul li a {
background-image: url(img/flecha.png);
background-repeat: no-repeat; padding-left:15px;
}

section#mapa { height:initial; padding:90px 0;}

/*CARTA*/

.carta { height:200px;}

.carta p { font-size:0.8em; font-weight:normal; padding:15px 20px;	}

@media screen and (max-width: 768px) {

aside {width: 100%;
}

aside article { width:100%; margin-top:20px;}


}