@charset "utf-8";
/* Cases Jquery */
#casesbox { padding:0px; margin:0px auto; width: 530px; }
#casesbox body{ background:#D5DEE7; }
#casesbox a{ color:#C8DCE5; }
#casesbox h3{ margin: 5px 10px 0 10px; color:#FFF; font:16pt Arial, sans-serif; letter-spacing:0px; font-weight: bold;  }
			.boxgrid{ 
				width: 234px; 
				height: 187px; 
				margin:10px; 
				float:left; 
				background:#161613; 
				border: solid 2px #8399AF; 
				overflow: hidden; 
				position: relative; 
			}
				.boxgrid img{ 
					position: absolute; 
					top: 0; 
					left: 0; 
					border: 0; 
				}
				.boxgrid p{ 
					padding: 0px;
					margin-left: 10px;
					margin-top: 4px;
					color:#afafaf; 
					font-weight:bold;
					text-align:left;
					font:10pt "Lucida Grande", Arial, sans-serif; 
				}
				
			.boxcaption{ 
				float: left; 
				position: absolute;
				background: #000; 
				height: 100px; 
				width: 100%; 
				opacity: .8;
				top:160px;
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 			}
 				.caption .boxcaption {
 					top: 0;
 					left: 0;
 				} 
				
/* Principal */

body {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 14px;
color:#000;
background-image: url(images/background.jpg);
background-position:top center;
background-attachment:fixed;
margin:0px;
}

a:link {
color:#C00;
text-decoration: none;
}

a:visited {
text-decoration: none;
color:#C00;
}

a:hover {
text-decoration: none;
color:#333;
}

a:active {
text-decoration: none;
color:#C00;
}

h1 {
	font-size: 26px;
	color:#C00;
	display: inline;
}
h2 {
	font-size: 18px;
}
h3 {
	font-size: 18px;
	color:#C00;
	display: inline;
}
h1,h2,h3,h4,h5,h6 {
	font-weight: bold;
}
/* Menu Js */

.menu { 
height: 45px;
display: block;
}

.menu ul {
list-style: none;
padding: 0;
margin: 0;
padding-top:17px;
}

.menu ul li {
float: left;
overflow: hidden;
position: relative;
text-align: center;
line-height: 45px;
}

.menu ul li a {
position: relative;
display: block;
width: 93px;
height: 45px;
font-family: Arial;
font-size: 11px;
font-weight: bold;
letter-spacing: 1px;
text-transform: uppercase;
text-decoration: none;
cursor: pointer;
}

.menu ul li a span {
position: absolute;
left: 0;
width: 100px;
}

.menu ul li a span.out {
top: 0px;
}

.menu ul li a span.over,
.menu ul li a span.bg {

/* Hide */  
top: -45px;
}

#menu ul li a {
color: #000;
}

#menu ul li a span.over {
color: #FFF;
}

#menu ul li span.bg {
height: 45px;
background: center center no-repeat;
background-image:url(images/bg_over.gif);
}
		

/* Easy Slider */

#slider{
margin:0px auto;
}	

#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
	}
#slider li{ 
	width:690px;
	height:240px;
	overflow:hidden; 
	}	
#prevBtn, #nextBtn{ 
	display:block;
	width:80px;
	height:240px;
	position:absolute;
	left:0px;
	top:128px;
}

#nextBtn{ 
	left:770px;
	}														
	
#prevBtn a, #nextBtn a{  
	display:block;
	width:80px;
	height:240px;
	background:url(images/bt_prev.jpg) no-repeat 0 0;	
	}	
#nextBtn a{ 
	background:url(images/bt_next.jpg) no-repeat 0 0;	
	}							

/* Pagina */

#conteiner {
width:850px;
height:100%;
min-height:100%;
background-color:#CCC;
margin: 0px auto;
position:relative;
-moz-box-shadow: 0px 1px 4px 1px #000;
-webkit-box-shadow: 0px 1px 4px 1px #000;
box-shadow: 0px 1px 4px 1px #000;


}

#header {
width: 850px;
height:108px;
margin: 0px auto;
padding-top: 20px;
background-image:url(images/header.jpg);
position:relative;
}

.logo {
position: absolute;
margin-left:50px;
}

#menu {
width:660px;
height:45px;
padding-top:0px;
margin-left:150px;
}

/* Footer */

#footer {
width:850px;
height:130px;
border-top:1px solid #C00;
background-image:url(images/footer.gif);
text-align:center;
margin-top:0px;
bottom:0px;
position:relative;
}

.icones {
text-align:left;
margin-top:10px;
margin-left:10px;
}

.icon_delicious {
width:25px;
height:25px;
margin-left:0px;
}

.icon_digg {
width:25px;
height:25px;
margin-left:5px;
}

.icon_twitter {
width:25px;
height:25px;
margin-left:5px;
}

.endereco {
	color:#FFF;
	margin-top:-2px;
}

.texto_footer {
/*width:365px;
padding-top:35px;
position:absolute;
left:50%;
margin-left:-182px;*/
color:#FFF;
}

.disco_virtual {
position:absolute;
margin-left:100%;
left:-144px;
margin-top:35px;
}

/* Home */

#content {
height:300px;
background-image:url(images/slider_shadow.jpg);
background-position:left top;
background-repeat:no-repeat;
margin-top:-1px;
padding-top:30px;

}

#principal {
width:750px;
height:90px;
margin:0px auto;
padding-top:10px;
text-align:justify;
background-image:url(images/main.jpg);
background-repeat:no-repeat;
/*border-top:1px dashed #666;
border-bottom:1px dashed #666;
padding:5px;*/
}

#colunas {
width:765px;
height:160px;
margin:10px auto;
vertical-align:bottom;
}

#link_index1 {
width:auto;
height:18px;
margin-top:6px;
}

#link_index2 {
width:auto;
height:18px;
margin-top:24px;
}

#link_index3 {
width:auto;
height:18px;
margin-top:24px;
}

.link_saiba {
text-align:right;
margin-top:0px;
}

.link_saiba2 {
text-align:right;
margin-top:-18px;
}

#coluna1 {
width: 235px;
height:150px;
border-right:1px solid #666;
position:absolute;
padding-right:15px;
text-align:justify;
}

#coluna2 {
width: 235px;
height:150px;
position:absolute;
margin-left:265px;
text-align:justify;
}

#coluna3 {
width: 235px;
height:150px;
border-left:1px solid #666;
position:absolute;
margin-left:515px;
padding-left:15px;
text-align:justify;
}

/* Empresa */

#empresa1 {
width:850px;
height:auto;
min-height:100%;
padding-bottom:50px;
background-image:url(images/bg_content.jpg);
background-repeat:no-repeat;
background-color:#CCC;
}

#empresa2 {
width:750px;
height:auto;
text-align:justify;
margin: 0px auto;
padding-top:10px;
}

/* Design */

#design1 {
width:850px;
height:auto;
padding-bottom:50px;
background-image:url(images/bg_content.jpg);
background-repeat:no-repeat;
background-color:#CCC;
}

#design2 {
width:750px;
height:auto;
text-align:justify;
margin: 0px auto;
padding-top:10px;
}

#cases {
width:279px;
height:36;
margin-top: -33px;
margin-bottom: auto;
margin-left: 472px;
float: right;
}

#cases1 {
width: auto;
height: auto;
margin-top: -39px;
margin-bottom: auto;
margin-left: 472px;
float: right;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 16px;
}


/* Infra */

#img_infra {
margin:0px auto;
text-align:center;
}

/* Pagina de contato */


#form_contato {
width:260px;
height:400px;
text-align:justify;
margin: 0px auto;
position:absolute;
}

#gmaps {
width:470px;
height:340px;
margin-top:20px;
background-color:#FFF;
border:inset 2px #666;
margin-left:280px;
}


/* Contato */

.form_geral{
width:220px;
}

.form_nome{
width:220px;
}

.form_email{
width:220px;
}

.form_assunto{
width:220px;
}

.form_mensagem{
width:250px;
height:125px;
max-width:250px;
max-height:125px;
}