/* CSS Document */

body {font-family:Georgia, "Times New Roman", Times, serif; font-size: 10pt; width: auto;}

h1 {font-size: 150%;}

body h1{height: 81px; width: 185px; background: url(imgs/vagem_logo.gif) center 2px no-repeat; text-align:center; padding-top:0; margin:0;}

body h1 a {padding: 40px 82px 40px 82px;}

a img {border: none; margin: 6px 18px 6px 12px; vertical-align:middle;}
.clientes ul, .clientes li {display: inline; list-style-type:none;}

body h1 span{display:none;}

.body {width: 100%;}

.palco {background-color: #efe;
position: absolute; top: 10px; left: 185px; float: left;
width: 80%;
max-width:1080px;
height: 710px;
padding: 0; margin: 0;}

/*#vagem_home {background-position: 0px 0px;}
#vagem_qsomos {background-position:0px -710px;}
#vagem_qfazemos {background-position:0px -1420px;}
#vagem_clientes {background-position: 0px -2130px;}
#vagem_contato {background-position: 0px -2840px;}*/

#vagem_home {background: url(imgs/bg_home.jpg)}
#vagem_qsomos {background: url(imgs/bg_qsomos.jpg)}
#vagem_qfazemos {background: url(imgs/bg_qfazemos.jpg)}
#vagem_clientes {background: url(imgs/bg_clientes.jpg)}
#vagem_contato {background: url(imgs/bg_contato.jpg)}

#vagem_home #texto {position: absolute; left:40px;}
#vagem_qsomos #texto {position: absolute; left:150px;}
#vagem_qfazemos #texto {position: absolute; left:12%;}
#vagem_clientes #texto {position: absolute; left:74px;}
	  	quote {font-family: "Palatino Linotype", Times, serif; font-size: 18px;  line-height:24px; color: #777; float:left; clear:right;}
		cite {font-size: 11px; color: #000; font-weight:bold; line-height:18px; text-indent:20px;}
		quote span {font-family: Georgia, Times, serif; font-size:50px; color: #ddd; line-height:10px; vertical-align: bottom; padding: 6px;}
		
#vagem_contato #texto {position: absolute; left:184px;}



.menu, h1, h2, h3, h4, h5, h6 {font-family: "Lucida sans", Verdana, Arial, Helvetica, sans-serif;}

h4 {font-size: 11pt; margin: 0; padding:0;}

.menu { 
font-size:12px; 
text-align:center;
vertical-align:middle;
position: absolute; top: 20px; left: 0; 
width:95%; max-width:1030px;
padding:0 0 0 40px; margin:0; 
overflow:visible; z-index:0; 
}

#vagem_home .menu {background: url(imgs/bg_menu_home.png);}
#vagem_qsomos .menu {background:url(imgs/bg_menu_qsomos.png);}
#vagem_qfazemos .menu {background: url(imgs/bg_menu_qfazemos.png);}
#vagem_clientes .menu {background: url(imgs/bg_menu_clientes.png);}
#vagem_contato .menu {background:url(imgs/bg_menu_contato.png);}


ul, li {
padding:0;
margin:0;
list-style-type:none;
}

a {text-decoration:none; color: #5A951A}
a:hover{text-decoration:underline; color: #33955B;}
a:visited {color: #727359;}
a:focus {text-decoration:underline; color:#333;}

.menu ul, .menu ul li, .menu ul li a{
height: 24px;
padding:0;
margin:0;
list-style-type:none;
float: left;}

.menu ul li a {padding-top:3px;}

.menu a {width:110px;}

.inativa {text-decoration:none;}

.inativa, .inativa a, .inativa a:hover, .inativa a:visited, .menu a {
font-weight:bold;
color:#333;
margin:0;
}

.inativa, .inativa a, .inativa a:visited, .menu a {
color:#fff;
text-decoration:none;
}

.inativa a:hover {
background-color: #efefef;
color:#333;
text-decoration:underline;
height:21px;
width:110px;
}

.atual  {
text-decoration:none;
}

.atual, .atual a, .atual a:hover, .atual a:visited, .menu a:focus {
font-weight:bold;
background-color: #fff;
}

.menu a:focus {
background-color: #efefef;
}


.atual a, .atual a:hover, .atual a:visited {
}

#vagem_home h6, #vagem_home h6 a, #change1 a:hover, .atual#change1 a, .inativa#change1 a:focus {color: #999D3D;}
#vagem_qsomos h6, #vagem_qsomos h6 a, #change2 a:hover, .atual#change2 a, .inativa#change2 a:focus   {color: #899F85;}
#vagem_qfazemos h6, #vagem_qfazemos h6 a, #change3 a:hover, .atual#change3 a, .inativa#change3 a:focus   {color: #C2A435;}
#vagem_clientes h6,#vagem_clientes h6 a, #change4 a:hover, .atual#change4 a, .inativa#change4 a:focus   {color: #D9720E;}
#vagem_contato h6, #vagem_contato h6 a, #change5 a:hover, .atual#change5 a, .inativa#change5 a:focus  {color: #C6280B;}


table {font-size: 80%; padding: 0; margin: 0; background-color:#fff;}

td {margin: 0; padding: 3px;  border-bottom: 1px solid #777;}

th {background-color: #777; color: #fff;}

.topic {width: 150px; text-align:left;}

.data {width: 105px; text-align:center;}



#texto {margin: 44px 0 0 0; width:390px; padding: 12pt 6pt 12pt 6pt; background: #fff;
}

#texto p {}

.palco #texto h2 {padding:0; margin:0;}

.body #contato {position: absolute; top: 10px; left: 603px; float: right; width: 170px; background:#efefef; padding: 10px; border: 1px solid #ccc;}

#contato h3 {padding: 0; margin:0; color: #777;}



label {font-family: "Courier New", Courier, monospace; font-size: 80%; font-weight: normal; float:left; clear:both; margin:2px;}

textarea, input {font-family:Arial, Helvetica, sans-serif; font-size:90%;}

h6 {font-size: 8pt; font-weight:normal; width: 100%; height: 20px; background:#fff; 
text-align:center; padding: 3px 0; margin:0; position:absolute; top: 710px;}

h6 span {padding-left: 20px; padding-top: 3px; height:16px;
background: url(imgs/photo.gif) 0 0 no-repeat;}

.coluna {width: 160px; padding:5px; margin: 5px;}

#vagem_e {float: left;}
#vagem_d {float: right;}

.box {background: #fff; padding: 8px; border: 1px solid #333;}