body{font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:10pt; text-decoration:none; background-color:#F5FAFE}
a {color:#004080}
a:hover{color:#800000; background-color:#D8EAFC}
.encab{font-size:8pt}
.cuerpo{font-size:8pt}
.menu{background-color:#E2EFCC; text-decoration:none; font-size:10pt}
.campo{background-color:#99CCFF; text-decoration:none; font-size:12pt; text-align:center;}
.camp1{background-color:#99CCFF; text-decoration:none; font-size:9pt; text-align:rigth;}
.reporte{background-color:#FFFFFF}
.titulo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-style: normal;
	color: #004080;
	background-color: #FFFFFF;
}
#navi { list-style:inside; margin:0; padding:0; }
#navi li { margin:2px; padding:2px; border:1px solid #CCCCCC; }
#navi li a { display:block; width:170px; padding:4px 0;	text-decoration:none; color:#004080; background-color:#D8EAFC; }
#navi li a:hover { color:#CC0000; background-color:#B7D5F2; }

#navih { list-style:none; margin:2; padding:2; }
#navih li { margin:2px; padding:2px; /*border:1px solid #CCCCCC;*/ float:right; }
#navih li a { display:block; width:170px; padding:4px 0;text-decoration:none; color:#CC0000; background-color:#B7D5F2; }
#navih li a:hover { color:#FFFFFF; background-color:#0033FF; }

#navi2 { list-style:none; margin:0; padding:0: }
#navi2 li {background-image:url(img/btorange.gif); margin:0; padding:0; float:left; width:190px; text-align:center}
#navi2 li a {color:#FFFFFF;  background-color:#FF6600; text-align:center;}
#navi2 li a:hover {color:#0066FF; background-color:#FF6600; text-align:center; font-style:italic;}

#carousel1,
#carousel2{
	width: 1000px;
	margin: auto;
	border: 1px solid #ccc;
	overflow: auto;
	height: 150px;
	position: relative;
	margin-top: 2em;
}
#carousel1 img,
#carousel2 img{
	width: 1000px;
	border: 0 none;
}

#carousel1_Controles img,
#carousel2_Controles img{
	border: 2px solid #a00;
	width: 15px;
	height: 15px;
}
#carousel2_Controles{
	right: 0;
	bottom: 0;
}

/* Galería de imágenes */

.gallerycontainer{
position: relative; width:600px; 
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid blue;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -550px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 250px; /*position where enlarged image should offset horizontally */
z-index: 50;
}