/* CSS Document */

body{
background: url(../images/fundo_iframe.jpg);
}
/* Identificadores */

#principal{
position: absolute;
width:800px;
height:600px;
margin-top:-10px;
margin-left:-400px;
background:url(../images/fundo1.jpg);
top:5%;
left:50%;

}

#topo{
position:relative;
height:90px;
text-align:left;
}

#menu{
position:relative;
width:730px;
height:420px;
text-align:left;
border:0;
top:15px;
left:35px;
font-family:Arial, Verdana,  Helvetica, sans-serif;
}

#rodape1 {
	font-family:Arial, Verdana,  Helvetica, sans-serif;
	height:25px;
	margin:45px 0 0 60px; 
	color:#000; 
	text-align:center; 
	font-size: 12px; 
	padding-right:10px;
	}	

#rodape1 a{
page-break-before:auto;
}

/* Classes */
.logo{
width:196px;
height:74px;
margin-left:30px;
margin-top:10px;
left:-7px;
top:4px;
border:0;
text-align:left;
}

.img_logo{
width:187px;
height:76px;
border:0;
}

.itemmenu  a{
	margin-left:5px;
	width:auto;
	font-family: Arial, Verdana,  Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
	color:#000000;
}	

.itemmenu ul li a:hover{
	background: #DAF2FE; /*  #CBCBFE;*/
	font-weight:bold;
}

.itemmenu a:active{
	background:#CBCBFE;
	color: #000000;
}
	


/* Galeria de imagem */

.gallerycontainer{
position: relative;
width:730px;
height:420px;
text-align: left;
top:15px;
left:35px;
/*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;
width:100px;
height:66px;
}

.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: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;


}

.thumbnail span img{ /*CSS para largura da imagem*/
border-width: 0;
width:500px;
height:375px;
/*padding: .5px;*/
}

.thumbnail:hover span{ /*CSS para largura do quadro da imagem*/
visibility: visible;
top: 0;
left: 215px; /*position where enlarged image should offset horizontally */
/*left: 230px; /*position where enlarged image should offset horizontally */
z-index: 50;
width:500px;
height:419px;
/*text-align:center;*/
}