/*  
alvarobarbosa.com
***********************************************
Agência: Ato interativo
Diretor: Felipe Gazolla
Design by: Areta do Bem
XHTML+CSS: Areta do Bem e  Aline Tinoco
Programação: Tarcísio Gruppi e  Aline Tinoco
Redação: João Paulo Mauler
Country: Brasil
Last CSS update: 
Notes: Folha padrão
***********************************************
Copy something of someone is WRONG, 
but copy from lot's of places is RESEARCH!
Don't let the puppies sad!
***********************************************
*/
body {
padding:	0px;
margin:		0px;
background:	#9BB8BD url(img/bg_.jpg) left top repeat-x;
}
#foco {
width:		206px;
height:		205px;
padding:	0px;
margin:		0px;
position:	absolute;
left:		0px;
top:		0px;
background:	transparent url(img/foco.gif) left top no-repeat;
z-index:    1;
}
#topo {
width:		930px;
height:		auto;
padding:	0px;
margin:		0px;
}

/*MENU superior
***********************************************/
ul#menu {
width:		930px;
height:		auto;
padding:	0px;
margin:		20px;
text-align:	right;
}
ul#menu li {
list-style:	none;
display:	inline;
padding: 	5px;
margin:     0px, 0px, 0px, 0px;
color:		#FFF;
font:		15px "Trebuchet MS", Tahoma, Verdana, "Lucida Sans", Arial;
background:	transparent url(img/bg_li.gif) right center no-repeat;
}
ul#menu li.ultimo {
background:	none;
}
ul#menu li a,
ul#menu li a:visited {
color:		#FFF;
text-decoration:none;
font:		17px "Trebuchet MS", Tahoma, Verdana, "Lucida Sans", Arial;
padding:	5px;
margin:		0px 0px 0px 0px;

}
ul#menu li a:hover {
color:		#559AAE;
text-decoration:none;
}

/*MENU esquerdo
***********************************************/
#menufixo {
width: 		220px;
height:     450px;
padding: 	0px px 0px 0px;
margin: 	0px 0px 0px 0px;
float: 		left;
background: #000;
opacity:    0.85;
-moz-opacity: 0.85;
filter:     alpha(opacity=85);
position:   absolute;
}
/* LOGOMARCA
***********************************************/
#logo{
width:       273px;
height:      60px;
margin:      20px 0px 20px 650px;
padding:     0px;
float:       left;
background:  url(img/logo.gif) no-repeat;
position:    relative;
}
/* CENTRO 
***********************************************/
#centro{
width:     910px;
height:    auto;
min-height:450px;
padding:   0px 0px 0px 0px;
margin:    0px 0px 0px 21px;
float: 	   left;
background: #4B889A;
}

/*RODAPÉ
***********************************************/
#rodape{
background: url(img/bg_rod.jpg) repeat-x;
width:		auto;
height:		auto;
padding:	10px;
margin:		15px;
color:		#3F5A5F;
font-family:       "Trebuchet MS", Tahoma, Verdana, "Lucida Sans", Arial;
font-size:	13px !important;
position:	relative;
}

/*TIPOGRAFIA
***********************************************/
P{
color:      #FFF;
font:		12px "Trebuchet MS", Tahoma, Verdana, "Lucida Sans", Arial;
padding:    0px 3px 0px 3px;
}
h2{
color:      #FFF;
font:		27px "Trebuchet MS", Tahoma, Verdana, "Lucida Sans", Arial;
text-align: right;
padding:    0px 0px 0px 5px;
margin:     3px 10px 0px 0px;
}
h2.menufixo{
color:      #FFF;
font:		27px "Trebuchet MS", Tahoma, Verdana, "Lucida Sans", Arial;
text-align: right;
padding:    0px 5px 0px 0px;
margin:     17px 0px 0px 0px;
}
h3{
color:      #FFF;
font:		17px "Trebuchet MS", Tahoma, Verdana, "Lucida Sans", Arial;
padding:    0px 0px 0px 5px;
margin:     3px 10px 0px 0px;
}

/*
FORMULÁRIO
***********************************************/
label{
width:		auto;
height:		auto;
padding:    5px;
float:		left;
color:      #FFF;
font:       13px "Trebuchet MS", Tahoma, Verdana, "Lucida Sans", Arial;
}
textarea{
width:		auto;
height:		auto;
padding:	3px;
margin:		0px 5px 7px 0px;
border:		1px solid #B4CF6F;
float:		right;
background:	transparent;
font:       13px "Trebuchet MS", Tahoma, Verdana, "Lucida Sans", Arial;
color:      #FFF;
}
input{
width:		auto;
height:		auto;
padding:	3px;
margin:		0px 5px 7px 0px;
border-left:1px solid #B4CF6F;
border-top: none;
border-right:none;
border-bottom:1px solid #B4CF6F;
float:		right;
background:	transparent;
font:       13px "Trebuchet MS", Tahoma, Verdana, "Lucida Sans", Arial;
color:      #FFF;
}
fieldset{
width:      430px;
height:     220px; 
margin:     15px 0px 0px 250px;
padding:    3px;
border:     none;
}

.ok {
width:		156px;
height:		35px;
color:		#FFF;
background:	url(img/bg_submit.png) repeat-x;
font:		bold 13px "Trebuchet MS", Tahoma, Verdana, "Lucida Sans", Arial;
border:		2px solid #000;
cursor:		pointer;
float:		right;
}

/* ADM
*********************************************/
#box_restrito{
width:      683px;
height:     auto;
min-height: 450px;
padding: 	0px 0px 0px 3px;
margin: 	0px 0px 0px 225px;
float: 		left;
background: #4B889A;
font:		13px "Trebuchet MS", Tahoma, Verdana, "Lucida Sans", Arial;
color:      #FFF;
position:	relative;
display:	block;
}

ul.menu_restrito, ul.submenu_restrito {
width:		auto;
height:		auto;
padding:	5px;
margin:		0px 0px 5px 0px;
font:		#FFF 11px "Trebuchet MS", Tahoma, Verdana, "Lucida Sans", Arial;
}
ul.menu_restrito li {
list-style: none;
padding:	0px;
margin:		5px 5px;
}
ul.submenu_restrito li {
text-decoration:none;
font:       13px "Trebuchet MS", Tahoma, Verdana, "Lucida Sans", Arial;
color:		#FFF;
display:	inline;
}
ul.menu_restrito li a, ul.submenu_restrito li a {
text-decoration:none;
font:       13px "Trebuchet MS", Tahoma, Verdana, "Lucida Sans", Arial;
color:		#FFF;
}
ul.menu_restrito li a:hover, ul.submenu_restrito li a:hover {
text-decoration:underline;
}
ul.submenu_restrito li img, ul.menu_restrito li img {
vertical-align:	middle;
}
/* ADM
FORM*************************************/
label.restrito{
width:		110px;
height:		auto;
margin:		3px 3px 0px 0px;
padding:	0px 0px 0px 5px;
float:		left;
text-align:	right;
}
textarea.restrito{
width:      290px;
height:		auto;
padding:	3px;
margin:		0px 5px 7px 0px;
border:		1px solid #B4CF6F;
float:		left;
background:	#FFF;
font:       13px "Trebuchet MS", Tahoma, Verdana, "Lucida Sans", Arial;
color:      #000;
}
input.restrito{
width:      auto;
height:		auto;
padding:	3px;
margin:		0px 0px 0px 0px;
border:     1px solid #B4CF6F;
float:		left;
background:	#FFF;
font:       13px "Trebuchet MS", Tahoma, Verdana, "Lucida Sans", Arial;
color:      #000;
}
select.restrito{
width:      298px;
height:		auto;
padding:	3px;
margin:		0px 0px 0px 0px;
border:     1px solid #B4CF6F;
float:		left;
background:	#FFF;
font:       13px "Trebuchet MS", Tahoma, Verdana, "Lucida Sans", Arial;
color:      #000;
}
.send{
width:		auto;
height:		auto;
color:		#FFF;
background:	url(img/bg_submit.png) repeat-x;
font:		bold 13px "Trebuchet MS", Tahoma, Verdana, "Lucida Sans", Arial;
border:		2px solid #000;
cursor:		pointer;
float:		left;
}
#contfotos{
width:		345px;
/*
float:     left;
*/
}
#btaddcampo{
background:	transparent url(img/icon/add_fotos.gif) left center no-repeat;
cursor:		pointer;
letter-spacing: -1px;
border:		none;
margin:		3px 0 0 15px;
padding:	0 0 0 12px;
color:		#FFF;
font-weight:bold;
text-transform:uppercase;
}
.erro {
width:		auto;
height:		auto;
padding:	3px 0px;
margin:		10px 10px 10px 10px;
background:	#6A0000;
border:		1px solid #FF0000;
color:		#FF0000;
font:       10px "Trebuchet MS", Tahoma, Verdana, "Lucida Sans", Arial;
}
.sucesso {
width:		auto;
height:		auto;
padding:	3px 0px;
margin:		10px 10px 10px 10px;
background:	#003300;
border:		1px solid #00FF00;
color:		#00FF00;
font:       10px "Trebuchet MS", Tahoma, Verdana, "Lucida Sans", Arial;
}

.erro2 {
width:		auto;
height:		auto;
padding:	3px 0px;
margin:		10px 10px 10px 10px;
background:	#6A0000;
border:		1px solid #FF0000;
color:		#FF0000;
font:       12px "Trebuchet MS", Tahoma, Verdana, "Lucida Sans", Arial;
}
.sucesso2 {
width:		auto;
height:		auto;
padding:	3px 0px;
margin:		10px 10px 10px 10px;
background:	#003300;
border:		1px solid #00FF00;
color:		#00FF00;
font:       12px "Trebuchet MS", Tahoma, Verdana, "Lucida Sans", Arial;
}

/* TABELAS ADM
*********************************************/
table {
width:		85%;
height:		auto;
padding:	2px;
margin:		0px;
color:      #FFF;
font:       13px "Trebuchet MS", Tahoma, Verdana, "Lucida Sans", Arial;
}
table th {
background: #CC816E;
padding:	2px;
margin:		0px;
}
table td {
padding:	0px;
margin:		0px;
}
/* IMAGENS
*********************************************/
img {
border:		none;
padding:    0px;
margin:     2px 2px 2px 8px;
}
img.contato {
border:		none;
padding:    0px;
margin:     2px 2px 2px 8px;
float:      left;
}
img.palco{
float:     right;
position:  relative;
width:     910px;
height:    450px;
padding:   0px;
margin:    0px;
}
img.palco_interno{
float:     right;
position:  relative;
width:     690px;
height:    450px;
padding:   0px;
margin:    0px;
}
.foto{
float:      left;
padding:    4px;
}
/*PAGINAÇÃO
*********************************************/
.paginacao {
width:		auto;
height:		auto;
padding:	0px;
margin:		5px 0px;
color:		#9BB8BD;
}
.paginacao a, .paginacao a:active {
width:		auto;
height:		auto;
padding:	1px 3px;
margin:		2px;
background:	#9BB8BD;
border:		1px solid #009900;
text-decoration:none;
text-align:	center;
}
.paginacao a:visited {
background:	#990000;
border:		1px solid #9BB8BD;
text-decoration:none;
color:		#9BB8BD;
}
.paginacao a:hover {
background:	#990000;
border:		1px solid #9BB8BD;
text-decoration:underline;
color:		#9BB8BD;
}
.sair{
padding:	1px 3px;
margin:		2px;
background:	#990000;
border:		1px solid #9BB8BD;
text-align:	center;
}
/* OUTROS
*********************************************/
a, a:hover{
color:		#990000;
text-decoration:underline;
font:       11px "Trebuchet MS", Tahoma, Verdana, "Lucida Sans", Arial;
}
a, a:visited {
color:		#FFF;
text-decoration:none;
}

.clear {
clear:		both;
background:	transparent;
font-size:	1px;
height:		1pt;
}