/* CSS Document */
@import url(http://fonts.googleapis.com/css?family=Cantarell:400,700,400italic,700italic);
@import url(http://fonts.googleapis.com/css?family=Comfortaa:400,300,700);
* {margin:0 0; padding:0 0; border:0;}

p {line-height:21px;}

a.marrom {color:#FFFFFF; text-decoration:none; background:#8B846A; padding:3px 5px; float:right;}
a.marrom:active {color:#FFFFFF; text-decoration:none; background:#8B846A;}
a.marrom:visited {color:#FFFFFF; text-decoration:none; background:#8B846A;}
a.marrom:hover {color:#FFFFFF; text-decoration:none; background:#3E6D43;}

h2 {color:#333333; font-size:26px; font-weight:normal; margin-bottom:10px;font-family: 'Comfortaa', cursive;}
h4 {color:#6C6344; font-size:22px; font-weight:normal; margin-bottom:5px;font-family: 'Comfortaa', cursive;}
h6 {color:#6C6344; font-size:18px; font-weight:normal; margin-bottom:5px;font-family: 'Comfortaa', cursive;}

body {background:url(../img/bg.jpg);
	  font-family: 'Cantarell', sans-serif;
	  color:#333333;
	  font-size:12px;}

#geral {background:url(../img/bg-planta.jpg) repeat-x top; width:100%; height:100%; float:left; min-height:341px;}  

#geral #centro {width:1000px; height:auto; margin:0 auto;}
#geral #centro #topo {width:1000px; height:138px; float:left;}
#geral #centro #topo #left {width:352px; height:138px; float:left;}
#geral #centro #topo #top-left {width:352px; height:10px; float:left; background:url(../img/left-topo.png) no-repeat; margin-top:66px;overflow:hidden; padding:0;}
#geral #centro #topo #bg-left {width:352px; height:62px; float:left; background:url(../img/bg-left-topo.jpg) repeat-y;overflow:hidden;}
#geral #centro #topo #meio {width:296px; height:138px; float:left;} 
#geral #centro #topo #meio #logo {width:296px; height:107px; float:left; margin-top:20px;overflow:hidden; padding:0;}
#geral #centro #topo #meio #foot-logo {width:296px; height:11px; float:left; background:url(../img/bg-logo.jpg) repeat-y;overflow:hidden;} 
#geral #centro #topo #right {width:352px; height:138px; float:left;}
#geral #centro #topo #top-right {width:352px; height:10px; float:left; background:url(../img/right-topo.png) no-repeat; margin-top:66px;overflow:hidden; padding:0;}
#geral #centro #topo #bg-right {width:352px; height:62px; float:left; background:url(../img/bg-right-topo.jpg) repeat-y;overflow:hidden;}

#geral #centro #menu {background:url(../img/bg-menu.jpg) repeat-x; width:1000px; height:40px; float:left;}
#geral #centro #menu #left-menu {background:url(../img/left-menu.jpg) no-repeat; width:10px; height:40px; float:left;}
#geral #centro #menu #itens {width:980px; height:40px; float:left; font-size:14px; text-align:center;}
#geral #centro #menu #itens ul {margin-top:10px;}
#geral #centro #menu #itens li {display:inline; margin-left:30px; margin-right:30px;}
#geral #centro #menu #itens a {color:#FFFFFF; text-decoration:none;}
#geral #centro #menu #itens a:active {color:#FFFFFF; text-decoration:none;}
#geral #centro #menu #itens a:visited {color:#FFFFFF; text-decoration:none;}
#geral #centro #menu #itens a:hover {color:#CABF9B; text-decoration:none;}
#geral #centro #menu #right-menu {background:url(../img/right-menu.jpg) no-repeat; width:10px; height:40px; float:left;}
#geral #centro #foot-menu {background:url(../img/foot-menu.jpg) no-repeat; width:1000px; height:10px; float:left;overflow:hidden;}

#geral #centro #transicao {background:#F7F5F0; width:980px; height:280px; padding:0 10px 10px 10px; float:left;}

#geral #centro #conteudo {background:#F7F5F0; width:980px; height:auto; padding:15px 10px; float:left;}
#geral #centro #conteudo #left-home {width:715px; height:auto; float:left;}
#geral #centro #conteudo #left-home p {margin-bottom:7px; text-align:justify;}
#geral #centro #conteudo #right-home {width:250px; height:auto; float:right;}
#geral #centro #conteudo #right-home #contato {width:250px; height:auto; float:left; background:#FFFFFF; font-size:14px; padding-bottom:10px;}
#geral #centro #conteudo #chamadas {width:980px; height:auto; float:left; margin-top:15px;}
#geral #centro #conteudo #chamadas .chamadas {width:237px; height:auto; float:left; margin-left:67px;color:#6C6344;}
#geral #centro #conteudo #chamadas .chamadas p {margin-bottom:10px; height:40px;}


#geral #centro #rodape {width:1000px; height:auto; float:left; font-size:14px; margin-top:15px;}
#geral #centro #info {width:800px; height:auto; float:left; margin-top:25px;}
#geral #centro #kowata {width:109px; height:43px; float:right;}
form.contato {margin:0 auto; width:440px;}
form.contato label{margin:0px 0px 0px 0px; width:400px;}
form.contato input, textarea, select{width:438px;border:1px solid #DADADA; background:#F0F0F0; margin-top:5px; margin-bottom:8px; color:#1C5E24; -moz-border-radius: 5px;-webkit-border-radius: 5px; height:25px; font-size:16px;}
form.contato textarea {height:120px;}
form.contato button{margin:0 auto;cursor:pointer;border:0;background:0; float:right; color:#333333; margin-top:14px; font-size:14px; font-weight:bold;}
*{outline: none;}

.container {width: 980px;
			padding: 0;
			margin: 0 auto;}

.folio_block {position: absolute;
		      left: 50%; top: 50%;
		  	margin: -140px 0 0 -395px;}


/*--Main Container--*/
.main_view {
	float: left;
	position: relative;}

/*--Window/Masking Styles--*/
.window {
	height:280px;	width:980px;
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative;}

.image_reel {
	position: absolute;
	top: 0; left: 0;

}
.image_reel img {float: left;}

/*--Paging Styles--*/
.paging {
	position: absolute;
	top: 225px; left: -9px;
	width: 187px; height:52px;
	z-index: 100; /*--Assures the paging stays on the top layer--*/
	text-align: left;
	line-height: 40px;
	background: url(bg-numeros.png) no-repeat;
	display: none; /*--Hidden by default, will be later shown with jQuery--*/
	padding-left:15px;
	font-size:14px;
}

.paging a {
	padding: 5px;
	text-decoration: none;
	color: #fff;}

.paging a.active {
	font-weight: bold; 
	background: #003300; 
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;}

.paging a:hover {font-weight: bold;}