/* CSS Document */

/* CSS Document 
Folha de Estilo - Site LojaProfac.net
Designer responsavel: Ana Luíza Sobral*/
body {
	margin-top: 0px;
	margin-bottom: 0px;
	background: #FFFFFF;
	font: bold small "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#bg { 
	width: 800px;
	margin: 0 auto;
	height: 580px;
	padding: 0px 0px 0px 0px;
	
}

#contsite {
	padding: 0px 4px 0 2px;
	color: #303030;
	width: 800px;
	background-color: #fff;
}
/* TOPO */

#topo {
	width: 800px;
	height: 259px;
	margin: 0 auto;
	background: url(IMG/topo.jpg) no-repeat;
}
/*-----------------------------------------------------------*/
/* Menu TOPO */

#menu {
	width: 181px;
	margin-left: 0px;
	margin-top: -155px;
}

#menu ul {
	list-style: none;
	margin: 1px;
	margin-left: 3px;
	font:bold 12px Arial, Verdana, Serif;
	background: url(IMG/fundo_menutp.jpg);
	
}

#menu li {
	margin: 6px;
	margin-left: -35px;

}

/*-----------------------------------------------------------*/

/*-----------------------------------------------------------*/
/*Menu Vertica*/
#mnvert {
	width: 120px;
	height: 23px;
	margin-left: 250px;
	display: inline;
}

#mnvert ul {
	list-style: none;
	margin-left: 0px;
	font: bold 12px Arial, Verdana, Serif;
	text-align:center;
	display: inline;
	background: url(IMG/fundo_menult.jpg)repeat;
}

#mnvert li {
	margin-top: 2px;
	margin-left: -38px;
	padding: 15px;
	display: inline;
	text-align:center;
}
/*-----------------------------------------------------------*/
#menu a, #menulatr a, #numrod a, #menulatr a, #menulatind a, #profac a, #mnvert a, #conteudo a
{
	color:#000000;
	border: none;
	text-decoration: none;
}

#menu a:active, #menulatr a:active, #numrod a:active, #menulatr a:active, #menulatind a:active, #profac a:active, #mnvert a:active, #conteudo a:active
{
	color:#FFFFFF;
	border:none;
	text-decoration:none;
}
#menu a:link, #menulatr a:link, #numrod a:link, #menulatr a:link, #menulatind a:link, #profac a:link, #mnvert a:link, #conteudo a:link
{
	color:#000000;
	border: none;
	text-decoration: none;
}

#menu a:hover, #menulatr a:hover, #numrod a:hover, #menulatr a:hover, #menulatind a:hover, #profac a:hover, #mnvert a:hover, #conteudo a:hover
{
	color:#FFFFFF;
	border: none;
	text-decoration: none;
}

/*** conteudo**/

#conteudo
{
	width: 800px;
	height: auto;
	margin-top: 50px;
	padding-left: 0px;
}
#conteudo ul
{
	list-style: none;
	list-style-type: none;
	text-align:justify;
	font: bold 13px Arial, Verdana, Serif;

}

#conteudo li
{
	margin-top: 0px;
}

/* Conteudo conheca a profac*/
#profac
{
	width: 800px;
	height: 100px;
	margin: auto;
	margin-top: 0px;
	margin-left: 50px;
}
#profac ul
{
	list-style: none;
	list-style-type: none;
	text-align:justify;
	font: 12px Arial, Verdana, Serif;

}

#profac li
{
	margin-top: 0px;
}


/*** Rodape**/
#rodapeind
{
	width: 188px;
	height: 149px;
	margin: auto;
	margin-top: auto;
	margin-left: 612px;
	background: url(IMG/casa_rodape.jpg) no-repeat
}


#rodape
{
	width: 800px;
	height: 46px;
	margin: auto;
	margin-top: auto;
	background: url(IMG/rodape.jpg) no-repeat
}

/*** Rodape**/

#numrod
{
	width: 800px;
	height: 46px;
	margin: auto;
	margin-top: auto;
	
}

#numrod li
{
	margin-top: 0px;
	display: inline;
	

}

#numrod ul
{
	list-style: none;
	list-style-type: none;
	text-align:justify;
	font: bold 12px Arial, Verdana, Serif;
	text-align:center;
	
}




/*----------------------------------------------------------------*/

/* Css da Foto*/
.gallerycontainer
{
	width: 580px;
	height: 350px;
	margin: 0px;
	margin-top: 40px;
	border: 0;
	padding-left: 200px;
}

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

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

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

.thumbnail span
{
	position: absolute;
	background-color: white;
	padding: 5px;
	left: -1000px;
	border: 1px dashed gray;
	visibility: hidden;
	color: black;
	text-decoration: none;
}

.thumbnail span img
{ 
	border-width: 0;
	padding: 2px;
}

.thumbnail:hover span
{
	visibility: visible;
	top:auto;
	left: auto;
	z-index: 50;
}
/* Fim do Css do Album*/