html{
width: 100%;
height: 100%;
border: none;
overflow:auto;
}
body {
 font-family: 'Century Gothic',CenturyGothic;
 font-size: 1em;
 font-weight: bolder;
 background: #333233;
 text-align: left;
 border: none;
 width: 55%;
 height: 100%;
 border: none;
}

#bottom{
width: 100%;
border: none;

padding-left: 0%;
padding-right: 1%;
}

#cont-logo{
background: #282727;
width: 25em;
height: 8em;
margin-top: -6%;
margin-left: 15%;
position: absolute;
box-shadow: 0em .5em .5em .5em black;
}

#log{
padding-top: 1em;
padding-left: 1em;
padding-right: 1em;
padding-bottom: 1em;
max-height: 90%;
max-width:90%;
background: #282727;
}

#img-central{
margin-left: 30%;
width: 120%;
height: 80%;
border: none;
background: gray;
box-shadow: 0em .7em 1em .4em black;
z-index: 1;
}

#img-galeria{
margin-left: 30%;
width: 120%;
height: 100%;
border: none;
background: gray;
box-shadow: 0em .7em 1em .4em black;
z-index: 1;
overflow: auto;
}

#imagen-slider{
width: 100%;
height:100%;
z-index: 1;
}

#izquierda{
width: 45%;
height:90%;
margin-top: 2%;
margin-left: 3%;
border: none;
box-shadow: 0em .7em 1em .4em black;
}

#centro{
width: 100%;
height:100%;
border: none;
box-shadow: 0em .7em 1em .4em black;
}

#encabezado{
position: absolute;
background: #282727;
left: 54.5%;
top: 25%;
text-align: right;
font-size: 180%;
color: white;
padding-left: 13%;
padding-right: 2%;
padding-bottom:1.5%;
padding-top:1.5%;
border: .1em solid #05e82b; 
}

#texto-formulario{
top: 37%;
left: 50%;
height: 50%;
max-width: 50%;
max-height: 100%;
position: absolute;
color: white;
text-align: left;
background: none;
border: none; 
padding: .5em 1em .5em 1em;
overflow: auto;
}

#texto-contenido{
top: 37%;
left: 51%;
width: 30%;
max-height: 65%;
position: absolute;
color: white;
text-align: justify;	
font-family: 'Century Gothic',CenturyGothic;
font-size: 100%;
overflow: auto;
}


#formulario{
top: 50%;
left: 15%;
position: absolute;
overflow: hidden;
}

#cajatexto{
height:100%;
width:100%;
resize:none;
}

#larga{
width: 65%;
height:8%;
margin-top: 1.7%;
margin-left: 17%;
position: absolute;
opacity: .3;
}

#cont-logo-bot{
background: #282727;
width: 100%;
height: 40%;
padding-left: .4em;
margin-left: -.75%;
margin-top: 6%;
position: absolute;
border:none;
border-top: .3em solid #05e82b;
z-index: 1;
}

#face{
max-height: 20%;
max-width: 20%;
position: absolute;
left: 11%;
}

#log-bot{
padding-top: 7%;
padding-left: 10%;
padding-bottom: 0%;
max-height: 30%;
max-width:30%;
background: #282727;
z-index: 1;
}



#codigo{
top: 0%;
left: -100%;
z-index:1;
}

#codigo li{
	left: -100%;
}

#Logo{
padding-top: 0em;
left: 60%;
max-height: 52%;
max-width: 52%;
background: none;
position:absolute;
z-index: 3;
}

#Logo-proyecto{
top: 140%;
left: 62%;
max-height: 10%;
max-width: 10%;
background: none;
position: absolute;
z-index: 1;
}


#info-bot{
color: white;
background: #282727;
border: none;
border-top: .3em solid #05e82b; 
margin-top: 6%;
position: absolute;
margin-left: 40%;
padding-left: 0%;
z-index:1;
}

#mapa-sitio{
padding-top: 5%;
color: gray;
list-style: none;
font-size: .9em;
z-index: 1;
}

#mapa-sitio li{
	left: -5%;
	padding: .1em 2em .1em .1em;
	position: relative;
}

#mapa-sitio li a,#mapa-sitio li{

	float: left;
}

#mapa-sitio ul{
	
	list-style: none;
	color: white;
	font-size: 1em;


}
 
#mapa-sitio li .diseno{
	left: -25%;
}

#mapa-sitio ul li{
	float: none;
	left:-24%;
}

#mapa-sitio ul li{
	left: -30%;
	top:0%;
	z-index: 2;
}


#diseno{
position:absolute;
padding-top: 5%;
color: gray;
list-style: none;
font-size: 1em;
top:5%;
left:70%;
z-index: 1;
}


#logos{
position:absolute;
padding-top: 5%;
color: gray;
list-style: none;
font-size: .9em;
top:10%;
left:90%;
z-index: 1;
}

#logos li{
	top:-1%;
	left: 20%;
	padding: .1em 2em .1em .1em;
	position: relative;
}

#logos li a,#logos li{

	float: left;
}

#logos ul{
	
	list-style: none;
	color: white;
	font-size: .9em;


}

#logos ul li{
	float: none;
	left:-24%;
}

#logos ul li{
	left: -30%;
	top:0%;
	z-index: 2;
}


/* MENU */

#nav {
 background: #535050;
 float: center;
 margin-right: 0%;
 margin-left: -1%;
 padding: none;
 border: .2em solid #05e82b;
 border-left: none;
 border-right: none; 
 padding-right: 0%;
 padding-left: 82.1%;
 padding-bottom: 2em;
 margin-top: 15%;
 width: 100%;
 max-width: 100%;
 z-index: 2;
}

#nav li a, #nav li {
 float: left;
 z-index: 2;
 margin-right: 1%;
}


#nav li {
 list-style: none;
 position:relative;
}

#nav li a {

 text-decoration: none;
 color: #05e82b;
 padding-top: .3em;
 padding-bottom: .4em;
 padding-right: .5em;
 border-left: .2em solid #8e8c8c;
 width: 100%;
 background: transparent;
 }

#nav li a:hover {
 background: #8e8c8c;
}


/* Submenu */

.hasChildren {
	position: absolute;
	width: .5em; height: .5em;
	background: black;
	right : 0;
	bottom: 0;
}

#nav li ul {
z-index: 2;
 display: none;
 position: absolute;
 left: 0;
 top: 100%;
 padding: 0; margin: 0;
}

#nav li:hover > ul {
 display: block;
}

#nav li ul li, #nav li ul li a {
 z-index: 2;
 float: none;
 color: white;
}

#nav li ul li {
 _display: inline;
}

#nav li ul li a {
 border:none;
 background: #535050;
 opacity: .8;
 width: 12%;
 display: block;
}

/* SUBSUB Menu */

#nav li ul li ul {
 display: none;
 z-index: 2;
}

#nav li ul li:hover ul {
 left: 100%;
 top: 0;
}