/* CSS Document */

body {
	margin: 0;
	background-image:url('i/fondo2.jpg');
	background-repeat:repeat-x;
	font: 65% verdana;
}

#fotos {

	position:absolute;
	width:100%;
	z-index:1;
	left: 0px;
	top: 19px;
	height: 366px;
}

#byu {
	position:absolute;
	width:100%;
	z-index:99;
	left: -1px;
	top: 1px;
	background-color: #CBCCCE;
}

#capaPortafolio {

	position:absolute;
	z-index:1;
	left: 211px;
	top: 113px;
}

#capaTexto {
	position:absolute;
	z-index:1;
	left: 693px;
	top: 125px;
	width: 269px;
	height: 300px;
	padding-right:20px;
}
#capaTexto1 {
	position:absolute;
	z-index:1;
	left: 605px;
	top: 110px;
	width: 360px;
	height: 400px;
	padding-right:20px;
}

#enconstruccion {
	position:absolute;
	width:566px;
	height:auto;
	z-index:101;
	left: 15px;
	top: 80px;
}
	
#Layer1 {

	position:absolute;
	width:200px;
	height:115px;
	z-index:100;
}

#Layer2 {

	position:absolute;
	width:100%;
	height:16px;
	z-index:200;
	background-color: #CCCC00;
	left: 0px;
	top: 471px;
}

#pie {

	position:absolute;
	width:200px;
	height:15px;
	z-index:100;
	left: 774px;
	top: 569px;
}

#content {
	
	position:absolute;
	left:5px;
	top:134px;
	z-index:200;
}

ul {

	list-style: none;
	padding: 0;
	margin: 0;
	font:Verdana;
	font-size:8pt;
}

#nav a {

	font-weight: bold;
	color: #FFFFFF;
	background-color:#9C9E9C;		
}

#nav a {

	text-decoration: none;
}

#nav li li a {

	display: block;
	font-weight: normal;
	color: #FFFFFF;
	padding: 0.2em 10px;
}

#nav li li a:hover {

	padding: 0.2em 5px;
	border: 5px solid #FFFF00;
	border-width: 0 5px;
}

li {
	float: left;
	position: relative;
	width: 18em;
	text-align: left;
	cursor: default;
	border: 1px solid #9C9E9C;
	border-width: 1px 0;
}

li#first {
	border-left-width: 1em;
}

li ul {

	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	font-weight: normal;
	background: url(fondo.jpg) bottom left no-repeat;
	padding: 0.5em 0 1em 0;
	border-right: solid 1px #9C9E9C;

}

li>ul {
	top: auto;
	left: auto;
}

li li {
	display: block;
	float: none;
	background-color: #9C9E9C;
	border: 0;
	left:4px;
	top:-3px;
}

li:hover ul, li.over ul {
	display: block;
}

.captiondot3   { position: absolute; visibility: visible; font-family: verdana; color: white;  
               font-size: 11px; text-align: left; cursor: default; z-index: 100;}
.dotempty3    { position: absolute; width: 10px; height: 10px; visibility: visible; 
               background-color: #29A2D9; font-size: 1px; cursor: hand; z-index: 100}
.menuEstatico {

	margin: 0;
	padding: 0;
	background: white;
	font: 65% verdana;
	font-weight:bold;
}

.linkMenuEstatico {
	
	text-decoration: none;
	color:#FFFFFF;
}

.dot2 				{ position: absolute; width: 10px; height: 10px; visibility: visible; 
               background-color: #FFFF00; font-size: 1px; cursor: default; z-index :100; top: 42px }
.captiondot2	{ position: absolute; visibility: visible; font-family: verdana; color: white;  
               font-size: 11px; text-align: left; cursor: default; z-index: 100; top: 40px }
.dotempty2    { position: absolute; width: 10px; height: 10px; visibility: visible; 
               background-color: #29A2D9; font-size: 1px; cursor: hand; z-index: 100; top: 42px }
.caption2     {
	position: absolute;
	visibility: visible;
	font-family: verdana;
	color: white;
	font-size: 11px;
	text-align: left;
	cursor: hand;
	z-index: 100;
	top: 40px;
	width: 201px;
}