/* CSS Document */
html{
 height:100%;
}

body	{
	background-color:#191c1f;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:1.3em;
	text-align: justify;
	margin:0px;
	}
	
	* { behavior: url(iepngfix.htc) }

p#toptext{
 float:left;
 font-family:Arial, Helvetica, sans-serif;
 font-size: 11px;
 color:#96AEBE;
 height:26px;
 display:inline;
 line-height:26px;
 margin:1px 0 0 70px;
}
div#sites strong {
 font-family:Arial, Helvetica, sans-serif;
 font-size: 15px;
 font-weight: bold;
}

.cliente {
	width:300px;
	height:155px;
	text-align: left;
	overflow:auto;
	scrollbar-face-color:#191c1f;
	scrollbar-highlight-color:#191c1f;
	scrollbar-3dlight-color:#191c1f;
	scrollbar-darkshadow-color:#191c1f;
	scrollbar-shadow-color:#191c1f;
	scrollbar-arrow-color:#96AEBE;
	scrollbar-track-color:#191c1f;
}
div#container{
 color:#fff;
 width:100%;
 min-height:750px;
 margin:0 auto 0 auto;
}

div#colours{
 float:right;
 right:10px;
 height:26px;
 display:inline;
 margin:0 50px 0 0;
}
div#cor_text{
 float:right;
 width:132px;
 height:26px;
 margin:0 0px 0 0;
 display:inline;
 background:url(../imagens/txt_cores.png) 0 0 no-repeat;
}

div#colours a{
  border:0;
  float:left;
  width:21px;
  height:26px;
  line-height:26px;
  text-indent:-9999px;
  background:url(../imagens/cores.png) 0 0 no-repeat;
 }
 
div#colours a#red{background-position:0 0;}
div#colours a#orange{background-position:-21px 0px;}
div#colours a#grey{background-position:-42px 0px;}
div#colours a#green{background-position:-63px 0px;}
div#colours a#blue{background-position:-84px 0px;}
div#colours a#pink{background-position:-105px 0px;}
  
div#logo{
	display:inline;
}

div#logo h1{
  width:250px;
  height:115px;
}
 
div#logo h1 a{
  border:0;
  height:115px;
  display:block;
  line-height:139px;
  text-indent:-9999px;
 }

div#nav{
	top:110px;
	padding-right:3%;
	right:2%;
	margin-left:-415px; 
	position: absolute;
}

div#nav ul{
  width:500px;
  height:67px;
  list-style-type:none;
 }
 
div#nav ul li{
  float:left;
  width:200px;
  height:45px;
  display:inline;
  margin:11px 0 0 1px;
}

div#nav ul li a{
  border:0;
  height:45px;
  display:block;
  line-height:45px;
  text-indent:-9999px;
}

div#nav ul li#h{
  margin-left:10px;
}

div#nav ul li#h a{background-position: 0px -11px;}
div#nav ul li#a a{background-position:-107px -11px;}
div#nav ul li#b a{background-position:-297px -11px;}
div#nav ul li#h a:hover{background-position: 0px -78px;}
div#nav ul li#a a:hover{background-position:-107px -78px;}
div#nav ul li#b a:hover{background-position:-297px -78px;}
  
div#scrolltop{
 top:190px;
 width:26px;
 height:26px;
 display:none;
 position:absolute;
}
 div#scrolltop a{
  border:0;
  width:26px;
  height:26px;
  display:block;
  line-height:26px;
  text-indent:-9999px;
 }
 
div#menu_float {
  background:none;
  position:fixed;
  left:0;
  top:40%;
  margin-top:-117px;
  width:32px;
  z-index:20;
}

.float_yellow {
  background:url(images/floatmenu_yellow.png) top left repeat-y;
  padding-top:10px;
  padding-left:5px;
  padding-bottom:10px;
}

.menu_contact {
	background:url(images/menu_contact.png) no-repeat;
	width:21px;
	height:210px;
	display:block;
}

a.float_blue {
	background:url(images/floatmenu_blue.png) top left repeat-y;
	width:42px;
	height:38px;
	display:block;
}

.rodape{
 font-family:Arial, Helvetica, sans-serif;
 font-size: 12px;
 color:#fff;
 width:100%;
 background:url(../imagens/bg.png) top left repeat-x;
 border-top:dashed #687680 1px;
 text-align: left;
}

/* FORMULARIOS */

form {
	 margin:0px;
	 padding:0px;
}

.formularios_input {
	border:1px solid #687680;
	background-color:#DCE3E9;
	font-size:10px;
	font-family:Arial;
	color:#666;
	height:13px;
	padding:1px;
	margin-bottom:5px;
	margin-top:2px;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:5px;
	padding-right:5px;
	-moz-border-radius-topleft: 1.0em;
	-moz-border-radius-topright: 1.0em; 
	-moz-border-radius-bottomleft: 1.0em;
	-moz-border-radius-bottomright: 1.0em;
	-webkit-border-radius: 10px;
}
.formularios_message {
	border:1px solid #687680;
	background-color:#DCE3E9;
	font-size:10px;
	font-family:Arial;
	color:#666;
	height:42px;
	padding:1px;
	margin-bottom:5px;
	margin-top:2px;
	padding-top:2px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:2px;
	-moz-border-radius-topleft: 2.0em;
	-moz-border-radius-topright: 2.0em; 
	-moz-border-radius-bottomleft: 2.0em;
	-moz-border-radius-bottomright: 2.0em;
	-webkit-border-radius: 20px;
}
div#content div#sites{
	font-size:10px;
	font-family:Arial;
	color:#fff;
	display:none;
}
div.siteleft{
  float:left;
  width:580px;
  margin:0 0 30px 0;
}
 
div#content div#logomarcas{
	display:none;
	font-size:10px;
	font-family:Arial;
	color:#fff;
}
 
div#content div#graficos{
	display:none;
	font-size:10px;
	font-family:Arial;
	color:#fff;
}
 
div#content div#animacoes{
	display:none;
	font-size:10px;
	font-family:Arial;
	color:#fff;
}

div#content div#ti{
	display:none;
	font-size:10px;
	font-family:Arial;
	color:#fff;
}

div#content div.contactleft{
  float:left;
  width:250px;
  margin:0 0 px 0;
}

div.detailsright{
	float:right;
	width:29px;
}

div.detailsright a{
   float:right;
   width:29px;
   height:27px;
   display:inline;
   line-height:38px;
   margin:2px 2px 0 0;
   text-indent:-9999px;
   background:url(../imagens/contact-close.png) 0 0 no-repeat;
}
div.detailsright h2 a:hover{
   background-position:0 -27px;
}