@charset "utf-8";
/* CSS Document */

html,body{
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#333;
	margin:0;
	padding:0;
	}
	
pre{
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#333;
	
	}
	
#geral{
	width:910px;
	height:844px;
	margin:auto;
}

#sombra_dir{
	width:5px;
	height:844px;
	float:right;
	background:url(../imagens/sombra_dir.png) repeat-y;
}
#sombra_esq{
	width:5px;
	height:844px;
	float:left;
	background:url(../imagens/sombra_esq.png) repeat-y;
	}
	
#conteudo{
	width:895px;
	height:844px;
	float:left;
	margin-left:5px;
	}	

#topo{
	width:889px;
	height:122px;
	float:left;
	background:#FFF;
	overflow:hidden;
	}	
	
#banner_topo_arnett{
	float:left; 
	margin-left:50px;
}
#logo{
	margin-left:40px;
	width:212px;
	height:122px;
	float:left;
}

#telefone_topo{
	width:200px;
	height:122px;
	float:right;
	margin-right:55px; 
	*margin-right:0;
}
	
#banner{
	width:889px;
	height:300px;
	float:left;
	left: -119px;
	top: 51px;
	
	}	

#menu{
	width:889px;
	height:49px;
	float:left;
	
	}
	
#meio{
	width:889px;
	height:auto;
	margin-top:0px;
	float:left;
}

#topo_meio{
	background:url(../imagens/topo_interna.jpg) no-repeat;
	width:889px;
	height:9px;
	*margin-bottom:0;
	*padding-bottom:0;
	float:left;
}
#conteudo_meio{
	background:url(../imagens/bg_interna.jpg) repeat-y;
	width:889px;
	height:502px;
	float:left;
}

#conteudo_meio_int{
	background:url(../imagens/bg_interna.jpg) repeat-y;
	width:889px;
	height:610px;
	float:left;
}
#rodape{
	background:url(../imagens/rodape.jpg) no-repeat;
	width:889px;
	height:37px;
	float:left;
	margin-top:-20px;
	font-size:10px;
	color:#333;
	text-align:center;
	font-weight:bold;
	padding-top:1px;
}

#box{
	width:256px;
	height:193px;
	margin-left:29px;
	margin-top:15px;
	float: left;
	}
.box_fundo{
	width:256px;
	height:141px;
	margin-top:11px;
	background:url(../imagens/box.png) no-repeat;
	}

#linha{
	width:820px;
	height:2px;
	float:left;
	border-top:2px dotted;color:#CCC;
	margin-left:29px;
	margin: 22px 0px 22px 29px;
	}
	
#box_casos{
	margin-left:29px;
	width:326px;
	height:219px;
	float:left;
	}
.box_casos{
	width:326px;
	height:164px;
	background:url(../imagens/box_casos.png) no-repeat;
}
.fotos_casos{
	width:300px;
	height:100px;
	margin:25px 0px 0px 10px;}

.fotos_casos img{
	margin:5px 0 0 3px;
}
#box_unidades{
	margin-left:32px;
	width:217px;
	height:219px;
	float:left;
	}
.box_unidades{
	width:217px;
	height: 164px;
	}
#box_newsletter{
	margin-left:22px;
	width:229px;
	height:219px;
	float:left;
	}
	
.box_newsletter{
	width:229px;
	height:164px;
	background:url(../imagens/box_newsletter.png);}	

.box_fundo img{
	margin: 0px 10px 0 0px;
	float: right;}

#visao_missao{
	width:470px;
	border-top:2px dotted; border-color:#CCC;
	float:left;}
	
#visao{
	width:205px;
	height:200px;
	float:left;
	padding-right:30px;
		}
		
.visao{
	text-align:justify;
	font-style:italic;
	color:#666;}	
	
.tit_visao{
	font-size:14px;
	color:#666;
	font-weight:bold;}	
#box_texto{
	width:240px;
	height:120px;
	padding: 15px 0 0 15px;
	font-size:10px;
	color:#333;
	}
	
#data{
	width:100%;
	border-bottom: 2px dotted; border-color:#CCC;
	font-size:14px;
	color:#F15922;
	font-weight:bold;
	
}
.contato{
	width:180px;
	height:100px;
	padding:20px 0px 0px 25px;
	}
.rodape{
	}
	
	
#saopaulo{
	width:100%;
	height:200px;
	float:left;
	border-top:2px dotted; border-color:#CCC;
	}
#curitiba{
	width:100%;
	border-top:2px dotted; border-color:#CCC;
	height:200px;
	float:left;
	}
.equipe_img{
	margin-right:15px;}	
div.sc_menu {
  /* Set it so we could calculate the offsetLeft */
  position: relative;
  height: 145px;
  width: 602px;
  /* Add scroll-bars */
  overflow: auto;
  margin-left:16%;
}
ul.sc_menu {
  display: block;
  height: 110px;
  /* Max width here, for users without Javascript */
  width: 2000px;
  padding: 15px 0 0 15px;
  /* Remove default margin */
  margin: 0;
  background: url('navigation.png');
  list-style: none;
}
.sc_menu li {
  display: block;
  float: left;
  padding: 0 4px;
}
.sc_menu a {
  display: block;
  text-decoration: none;
}
.sc_menu span {
  /* We want a caption to display on the next line */
  display: block;
  margin-top: 3px;
  text-align: center;
  font-size: 12px;
  color: #888;
}
.sc_menu span {
  display: none;
  margin-top: 3px;
  text-align: center;
  font-size: 12px;
  color: #888;
}
.sc_menu a:hover span {
  display: block;
}
.sc_menu img {
  border: 3px #fff solid;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}
.sc_menu a:hover img {
  filter:alpha(opacity=50);
  opacity: 0.5;
}
.svwp {width: 50px; height: 20px; background: #fff;} /*preloader stuff. do not modify!*/ 
.svwp ul{position: relative; left: -999em;}/*preloader stuff. do not modify!*/ 
.slideViewer { /*this is the gallery container*/ 
position: relative; 
overflow: hidden;  
margin: 0; 
padding: 0; 
top:0; 
} 
.slideViewer ul {  /*this is your list of images*/ 
position: relative; 
left: 0; 
top: 0; 
width: 1%; 
list-style-type: none; 
margin: 0;  
padding: 0; 
} 
.slideViewer ul li { /*each LI item is floated; the whole list is now displayed as if its in one row*/ 
float:left; 
} 
 
/*typographic info: 
if you need different positioning (eg placed at the bottom left) 
you could add, after margin: 0, the following style declaration: 
margin-top: your_image_height_px eg: 320px minus the line-height  
(if defined) of the typo span; 
*/ 
.slideViewer span.typo{  
margin: 0; /* dynamically adjusted via script. */ 
padding: 3px 6px; 
background: #908F8F; 
color: #fff; 
font: bold 9px Verdana; 
} 
 
.thumbSlider { /*the thumbnails slider contanier*/ 
overflow: hidden; 
width: 1%; 
background: #fff; 
} 
.thumbSlider ul { /*the thumbnails list of images*/ 
list-style-type: none; 
margin: 0;  
padding: 0; 
} 
.thumbSlider ul li{  
float:left; 
margin: 0; 
} 
.thumbSlider a{ /*the link wrapped around each thumbnail. dynamically.*/ 
color: #fff; 
text-decoration: none; 
} 
.thumbSlider a img{ 
border: 0; 
display: block; 
padding: 0; 
} 
.thumbSlider p.tmbrdr { /* the border above -not around- each thumb */ 
/* width, height and top values are dynamically added by the script. Do not modify. */ 
position:relative;  
left: 0; 
font-size: 0.01em; 
left: 0; 
margin: 0; 
padding: 0; 
} 
 
a.left, a.right { /*the left and right buttons (links)*/ 
background: transparent; /* could be any color  */ 
color: #ff0000; 
font: bold 16px Arial; 
overflow: hidden; 
} 
a.left span, a.right span{ 
 
} 
a.left img, a.right img{ 
border: 0; 
} 
a.l_dis, a.r_dis { 
background: transparent; /* ALWAYS leave transparent. this is the 'disabled' state of the link !  */ 
cursor: default; 
} 
a.l_dis span, a.r_dis span { 
display: none; 
} 
a:focus {outline:none;} 

a:link{
	text-decoration:none;
	color:#000;
}
a:visited{
	text-decoration:none;
	color:#000;
}
a:hover{
	text-decoration:none;
	color:#888;
}
#form_restrito{
	width:300px;
	margin:50px 0 0 50px;
	}
.form_restrito{
	font-size:14px ;
	color:#f15922;}