body{
width: 100%;
margin: auto;
height: 100%;
/*min-width: 600px;*/
max-width: 2000px;
background-color: #44457;
}

li {
position: relative;
height: 40px;
line-height: 40px;
border-bottom: 1px solid #ccc;
font-size: 24px;
cursor: pointer;
list-style:none;
text-decoration: none;
top: 0px;
text-align: center;
font-family: Georgia, "Times New Roman", Times, serif;
color: #FFFFFF;
}
a {
color: white;
text-decoration: none;
cursor: auto;
}
li:hover> a{
	color: red;
}
#header{
	width: 100%;
	height: 15%;
	background-color: white;
	overflow: hidden;
	/*background-position: initial initial;
	background-repeat: initial initial;
	background: url(banner.png); 
    background-size: 100% 100%;*/
	
}
#tit{
left: 32%;
top: 2%;
position: absolute;
font-size: 42px;
font-family: Georgia, "Times New Roman", Times, serif;
color: #FFF;

}
#subt{
left: 32%;
top: 8%;
position: absolute;
font-size: 20px;
font-family: Georgia, "Times New Roman", Times, serif;
color: #FFF;
}
#cred{
right: .3%;
top: 11.5%;
width:120px;
height:3%;
position: absolute;
font-size: 14px;
font-family: Georgia, "Times New Roman", Times, serif;
border-radius: 5px 5px 0 0;
background: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,.3);
    border: 2px groove threedface;
opacity: 1;
text-align:center;
cursor:pointer; 
}
#cred2{
right: .3%;
top: 14.5%;
width:120px;
position: absolute;
font-size: 10px;
font-family: Georgia, "Times New Roman", Times, serif;
border-radius: 0 0 5px 5px;
background: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,.3);
    border: 2px groove threedface;
opacity: 1;
display: none;
}
#tabla{
width:100%;
font-size: 10px;
font-family: Georgia, "Times New Roman", Times, serif;
}
#imagen{
	width: 70%;
	height: 15%;
	position: absolute;
	left: 30%;
	background-position: initial initial;
	background-repeat: initial initial;
	background: url(banner.png); 
    background-size: 100% 100%;
	
}
#vigas{
	width: 60px;
	height: 60px;
	position: absolute;
	left: 2%;
	top: 3.5%;
	background-position: initial initial;
	background-repeat: initial initial;
	background: url(img/vigas.png); 
    background-size: 100% 100%;
	
}
#uv{
	width: 68px;
	height: 60px;
	position: absolute;
	left: 9%;
	top: 3.5%;
	background-color: white;
	background-position: initial initial;
	background-repeat: initial initial;
	background: url(img/logouv.png); 
    background-size: 100% 100%;
	
}
#arq{
	width: 60px;
	height: 60px;
	position: absolute;
	left: 16.5%;
	top: 3.5%;
	background-color: white;
	background-position: initial initial;
	background-repeat: initial initial;
	background: url(img/arqui.png); 
    background-size: 100% 100%;
	
}
#es{
	width: 64px;
	height: 60px;
	position: absolute;
	left: 23%;
	top: 3.5%;
	background-color: white;
	background-position: initial initial;
	background-repeat: initial initial;
	background: url(img/es.png);
    background-size: 100% 100%;
	
}
#cuo{
	width: 66px;
	height: 62px;
	position: absolute;
	left: 24%;
	top: 3.5%;
	background-position: initial initial;
	background-repeat: initial initial;
	background: url(img/cuo.png);
    background-size: 100% 100%;
	
}

/*#logo{ 
	width: 178px;
	height: 50px;
	background-color: #ffffff;
	float: right;
	padding-top: 0px;
	border: none;
}*/
#leftpane{
	width: 30%;
	height: 85%;	
	background-color: #E4E4E4;
	float: left;
	position: relative;
}
#lista{
	width: 12%;
	height: 100%;	
	background-color: #7c7c7c;
	margin: 0px;
	overflow: scroll;
	overflow-x: hidden;
	/*
	scrollbar-face-color: #6685CA; 
scrollbar-highlight-color: #6685CA; 
scrollbar-shadow-color: #6685CA; 
scrollbar-3dlight-color:#FFFFFF;
scrollbar-arrow-color:#FFFFFF; 
scrollbar-track-color:#E5E5E5; 
scrollbar-drakshadow-color:#000000;
*/
}
#info{
	top: 0px;
	position: absolute;
	border: none;
	padding: 0px;
	overflow: hidden;
	width: 88%;
	height: 60%;	
	background-color: ;
	left: 12%;
	overflow: scroll;
	overflow-x: hidden;

}

#street{
	top: 60%;
	position: absolute;
	border: none;
	padding: 0px;
	overflow: hidden;
	width: 88%;
	height: 40%;
	left: 12%;

}

#map{
	position: absolute;
	border: none;
	padding: 0px;
	overflow: hidden;
	width: 70%;
	height: 85%;
	left: 30%;
}
#capas{
	position: absolute;
	border: none;
	padding: 0px;
	overflow: hidden;
	width: 117px;
	height: 80px;
	right: 0%;
	bottom: 5%;


}

#fiel{
border-radius: 5px;
background: #eee;
    box-shadow: 0 0 10px rgba(0,0,0,.3);
    border: 2px groove threedface;
opacity: .8;
}
#legen{
border-radius: 3px;

    background: #fff;
 
    border: 2px groove threedface;
    border-top: none;
    box-shadow: inset 0 -5px 5px rgba(0,0,0,.2);
    text-shadow: 1px 1px 2px rgba(0,0,0,.3);
    font-weight: bold;
	opacity: .9;
}

/*
http://www.miltrucosblogger.info/2013/05/cajon-popup-de-bienvenida-usando-jquery.html
http://www.designyourway.net/blog/resources/30-efficient-jquery-lightbox-plugins/

*/