/* CSS Document */
body{
/*background:#333;*/
}
#tudo {
width: 100%;
}
#load {
position:absolute;
top:120px;
left:340px;
}
#topo {
height:50px;
}
#topo h1{
	background:url(../img/logo_djvilarim_galeria.png) no-repeat center center;
	height:35px;
	width:152px;
	text-indent:-5000px;
	float:left;
	margin:7px 0 0 15px;
}
#topo h2{
	float:left;
	margin:12px 0 0 55px;
	font:normal 22px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#cba306;
	width:450px;
	text-align:center;
}

#fotos {
background: #333;
width: 730px;
height: 410px;
position:relative;
}
#mostrafoto {
width: 730px;
height: 410px;
text-align:center;
overflow:hidden;
}
#mostrafoto img{
	margin:0 auto;
}

#imageshow {
display:none;
width: 730px;
height: 410px;
overflow:hidden;
border:1px solid red;
}


#navegafoto { 
display:none;
float: left;
background:#333!important;
position:absolute;
left:50%;
margin-left:-31px;
top:430px;
width:102px;
padding-bottom:8px;
border:1px solid #666;
}
#navegafoto ul { position:relative;}
#navnum ul { }
#navegafoto ul li.bt_left a {
	background:url(../img/galeria/bt_left.png) no-repeat center center;
	width:20px;
	height:18px;
	text-indent:-5000px;
	float:left;
	position:absolute;
	top:5px;
	left:5px;
}
#navegafoto ul li.bt_mail a {
	float:left;
	background:url(../img/galeria/bt_mail.png) no-repeat center center;
	width:20px;
	height:18px;
	position:absolute;
	top:5px;
	left:40px;	
	text-indent:-5000px;		
}
#navegafoto ul li.bt_right a {
	background:url(../img/galeria/bt_right.png) no-repeat center center;
	width:20px;
	height:18px;
	text-indent:-5000px;
	float:left;
	position:absolute;
	top:5px;
	right:5px;	
}
#navegafoto ul li, #navnum ul li { display:inline; }
#navegafoto ul li a , #navnum ul li a {
background: #FFFFFF;
color: #333333;
font-size: 12px;
}
#navnum ul li a {
padding:2px;
background:#333;
color:#ccc;
display:block;
margin-bottom:4px;
float:left;
border:1px solid #666;
}
#navegafoto ul li a {
}
#navegafoto ul li a.ultima {
margin: 0;
}
#navegafoto ul li a:hover, #navnum ul li a:hover {
/*border: 1px solid #340c02;
*/}
#navnum ul li a:hover {
color: #FFFFFF;
/*background: #340c02;
*/}

#miniaturas{position:relative;}
#navnum{
	position:absolute;
	top:10px;
	right:5px;
	width:15px;
}

div#legenda {
	border:5px solid #666;
	width:700px;
	padding:3px 10px;
	height:55px;
	float:left;
}
div#legenda h3{
	font:normal 18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#cba306;
}
div#legenda h4{
	font:normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#ccc;
}

#mail {
border: 1px solid #777;
width: 45px;
height: 18px;
background: #FFFFFF;
position: absolute;
left: 25%;
top: 30%;
z-index: 100;
text-align: center;
}
#barramail {
text-align: left;
background: #EEE;
border: 1px solid #CCC;
height: 20px;
margin: 2px; 
}
#barramail h4 {
color: #333333;
float: left;
font-size: 12px;
padding: 2px;
font-weight:normal;
width: 200px;
font:normal 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#barramail a {
padding: 0px 3px;
font:normal 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
background: #FFFFFF;
color: #333;
margin-right: 2px;
float: right;
}
#formulario {
text-align: center;
font-size: 12px;
color: #999;
}
#formulario tr th {
font-weight: normal;
width: 200px;
font:normal 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#formulario tr td {
height: 22px;
font:normal 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.campo, .campofocus {
width:236px;
height:15px;
background: url(../img/galeria/input.gif) no-repeat left top;
border: none;
padding:4px 8px;
}
.campofocus {
background-position:left bottom;
}
.enviar, .enviardown {
width:69px;
height:26px;
color:#FFF;
font-weight:bold;
padding:2px 5px;
background:url(../img/galeria/button.gif) no-repeat left top;
cursor:pointer;
border:none;
}
.enviardown {
background-position:left bottom;
}
.botao {
padding-top: 5px;
padding-left: 180px;
}
#enviandomail {
margin-top: 60px;
width: 320px;
height: 120px;
text-align: center;
}
#msg img {
vertical-align: middle;
}
#msg span {
font-size: 16px;
font:normal 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#navegafoto ul li a.clicado { background: #340c02; color: #FFFFFF; }

#fundomail {
padding: 8px;
background: url(../img/galeria/fundoalbum.jpg) no-repeat center center;
width: 420px;
height: 330px;
}
#mensagem {
padding: 5px;
font-size: 12px;
}





#miniaturas {
float: right;
text-align: left;
border:5px solid #666;
width: 175px!important;
height: 471px;
}
#miniaturas img {
background: url(../img/galeria/loaded.gif) no-repeat center center;
width: 78px;
height: 55px;
}
#thumbs {
margin-top: 5px;
margin-left: 5px;
}
#navnum {
height:40px;
left:6px;
position:absolute;
top:442px;
width:162px;
}
/*#navnum {
margin-top: -5px;
margin-left: 12px;
}
*/#thumbs img {
border: 1px solid #CCC;
}