/* RESET */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
legend{color:#000;}

/* BASIC */

body{
	background: #C0C0C0 url(../images/bg.jpg) fixed repeat-x;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#333333;
}

a{
	color:#333333;	
}

a:hover{
	color:#006AB4;	
}


hr{
	display: none;
}

/* GRID */

#header,
#footer,
.content{
	position: relative;
	width: 890px;
	margin: 0px auto 30px;
	
}


/* HEADER */


#header h1 a{
	background: url(../images/bastien.jpg);
	width: 175px;
	height: 78px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}

/* menu */

#menu {
	position: absolute;
	right: 0px;
	top: 0px;
}

#menu li {
	float: left;
}

#menu li a{
	background-image: url(../images/menu.gif);
	height: 78px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}

#menu .item-1 a { width: 78px; background-position: 0px 0px; }
#menu .item-2 a { width: 79px; background-position: -78px 0px; }
#menu .item-3 a { width: 75px; background-position: -157px 0px; }
#menu .item-4 a { width: 78px; background-position: -232px 0px; }
#menu .item-42 a { width: 75px; background-position: -310px 0px; }
#menu .item-5 a { width: 159px; background-position: -385px 0px; }
#menu .item-6 a { width: 72px; background-position: -544px 0px; }
#menu .item-7 a { width: 100px; background-position: -616px 0px; }

#menu .item-1 a:hover, #menu .item-1 a.active { background-position: 0px -78px; }
#menu .item-2 a:hover, #menu .item-2 a.active { background-position: -78px -78px; }
#menu .item-3 a:hover, #menu .item-3 a.active { background-position: -157px -78px; }
#menu .item-4 a:hover, #menu .item-4 a.active { background-position: -232px -78px; }
#menu .item-42 a:hover, #menu .item-42 a.active { background-position: -310px -78px; }
#menu .item-5 a:hover, #menu .item-5 a.active { background-position: -385px -78px; }
#menu .item-6 a:hover, #menu .item-6 a.active { background-position: -544px -78px; }
#menu .item-7 a:hover, #menu .item-7 a.active { background-position: -616px -78px; }

/* FOOTER */

#footer{
	padding: 6px;
	border-top: solid 1px #CCCCCC;
}

#footer #by{
	position: absolute;
	top: 6px;
	right: 6px;
}

/* HOME */

#home{
	width: 920px;
}

#main{
	margin-bottom: 20px;
}

#highlights {
	width: 890px;
	margin: 0px auto;
}

#highlights .last {
	margin: 0px;
}

.highlight {
	float: left;
	margin-right: 10px;
}

.highlight a {
	background: url(../images/home_hl.gif);
	display: block;
	padding: 10px 30px 5px 10px;
	width: 170px;
	height: 49px;	
	text-decoration: none;
}

.highlight a h3{
	text-transform: uppercase;
	color: #fff;
	font-weight: bold;
	font-family: Helvetica;
	font-size: 14px;
}

.highlight a p{
	color: #fff;
}

/*.highlight a:hover {
	background: url(../images/home_hl_hover.gif);
}*/

.highlight a:hover p{
	color: #0099FF;
}

/* CONTENT */

#content-bd .alert {
	background: #227FC1;
	color: #fff;
	padding: 10px;
	font-weight: bold;
}

#content-bd .alert p {
	margin-bottom: 0px;
}

#content-hd {
	margin-bottom: 25px;
	padding: 0 20px;
}

#content-hd h2 {
	text-transform: uppercase;
	font-size: 32px;
	color: #227FC1;
	font-family: "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,arial,sans-serif;
	letter-spacing:-1px;
	font-weight:300;
}


#content-bd {
	padding: 0 20px;
}

#content-bd .alert,
#content-bd p,
#content-bd h2,
#content-bd h3,
#content-bd h4,
#content-bd h5,
#content-bd ul,
#content-bd ol{
	margin-bottom: 10px;
}

#content-bd h3 {
	text-transform: uppercase;
	font-size: 14px;
	color: #227FC1;
	font-family: "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,arial,sans-serif;
	font-weight: 500;
	font-weight: bold;

}

#content-bd li{
	padding-left: 20px;
	background: url(../images/blue_bullet.gif) no-repeat 12px 6px;
	margin-bottom: 10px;
}

#content-bd strong{
	color: #0099FF;
	font-weight: bold;
}

#content-bd .image {
	margin: 0 0 25px 0;
}

#content-bd .left{
	float: left;
	margin: 0 25px 25px 0;
}

#content-bd .right{
	float: right;
	margin: 0 0 25px 25px;
}

#content-bd .break{
	clear: both;
}

#content-bd .gallery {
	background: #EDEDED;
	padding: 6px 0 6px 6px;
}

#content-bd .gallery li {
	margin: 0 4px 0 0;
	padding: 3px;
	list-style: none;
	float: left;
	background: #fff;
	
}

/* CLIENTES */

#client-list{
	background: #E8E8E8;
	padding: 20px 0 0 20px;
	margin-bottom: 10px;
}

#client-list li{
	background: url(../images/clientes_bg.gif) no-repeat;
	float: left;
	display: block;
	margin: 0 23px 17px 0;
	width: 110px;
	height: 91px;
	padding: 0 0 5px 5px;
}

/* TECNOLOGIA E QUALIDADE */

#compromisso strong{
	display: block;
	color: #666666;
	
}

/* FALE CONOSCO */

#fale-conosco form {
	width: 521px;
}

#fale-conosco fieldset {
	border-top: solid 1px #CCCCCC;
	padding-top: 20px;
}

#fale-conosco form fieldset p{
	display: block;
	clear: both;
	margin-bottom: 12px;
}

#fale-conosco form .col{
	float: left;
	margin-right: 25px;
}

#fale-conosco form input,
#fale-conosco form textarea{
}


#fale-conosco form .field {
	border: solid 1px #0081D2;
	padding: 2px;
	width: 342px;
}

#fale-conosco .submit {
	width: 342px;
}

#fale-conosco form .field_zip{ width: 62px; }
#fale-conosco form .field_ddd{ width: 31px; }
#fale-conosco form .field_phone{ width: 121px; }


#fale-conosco form label{
	display: block;
}

#fale-conosco .submit input{
	float: left;
}

#fale-conosco .submit span{
	margin-top: 5px;
	font-size: 10px;
	float: right;
}

/* CLEARFIX */

.clearfix:after,
.content:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix,
.content {
    display: inline-block;
}

html[xmlns] .clearfix,
html[xmlns] .content {
    display: block;
}

* html .clearfix,
* html .content {
    height: 1%;
}