@import "base.css";

html{
}
body{
background:#d1e0ea url(../img/top.png) repeat-x center top;
font-family: Tahoma,Geneva,"Bitstream Vera Sans","DejaVu Sans",sans-serif;
}
a{text-decoration:none}
a:link{
color:#0031dc;
border-bottom:1px solid #c6d7e0
}
a:visited{
color:#120297;
border-bottom:1px solid #c6cae0
}
a:hover{
color:#007bff;
border-bottom-color:#6da4df
}
a:active{
color:#0008c9
}

p{
line-height:1.4em;
text-align:justify;
color:#444	
}
blockquote{
font-size:120%;
margin:0;
color:#005A89;
}
h1{
color:#FF6633;
font-family: OfficinaSerif,OfficinaSerif-Bold, "Trebuchet MS", Verdana, serif;
font-size:20pt;
font-weight:bold;
line-height:1.1em
}

h2,dt{
color:#006699;
font-size:1.7em;
line-height:1em;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:normal;
}
h3,h4{margin:1em 0 0}

dd{
margin:0 0 32px;
}
sup{
font-size:12px;
}
table{
margin-top:15px;
width:99.5%;
font-size:.8em;
line-height:1.1em
}
td, th{
text-align:center;
vertical-align:top;
background-position:center;
}
th{
background-color:#006699;
color:#fff;
padding:3px;
}
td p{text-align:left;}
hr{
clear:both;
}
button {cursor:pointer}

#content h1 + p:first-letter,
#content h2 + p:first-letter{
color:silver;
display:inline;
float:left;
font-size:60px;
line-height:68px;
margin-right:10px;
font-family: Didot, Georgia, serif;
}

/****************** LAYOUT *********************/
#wrapper{
background: url(../img/header.jpg) no-repeat center 9px !important;
background-image: url(../img/header_ie.jpg);
text-align:center;
}
#header{
position:relative;
height:186px;
text-align:center
}
#logo{
position:relative;
top:24px;
z-index:10;
border:0
}
#wrap{
margin:0 auto;
width:773px;
text-align:left;
}
#container{
background: url(../img/page_shadow.png) repeat-y !important;
background-image: url(../img/page_shadow.gif);
}
#bg{
background: url(../img/nav.jpg) repeat-y 10px 0;
position:relative;
height:1%
}
#banner{
position:absolute;
top:-67px;
right:6px
}
#header #logo{
font-family:Arial, Helvetica, sans-serif;
text-transform:uppercase;
text-decoration:none;
color:#005A89;
font-size:11px;
font-weight:bold;
letter-spacing:.1em;
}
#cart-icon{
position:absolute;
right:6px;
top:12px;
background:url(../img/cart.gif) no-repeat left;
padding:4px 2px 5px 20px;
text-decoration:underline;
color:#075db5;
font-size:11px;
border:0;
text-align:right
}
#cart-icon:hover{text-decoration:none}

#content{
min-height:402px;
background:#fff;
padding:170px 20px 30px 27px;
font-size:10pt;
margin:0 15px 0 190px;
}
#content img{
font-size:.7em;
color:silver;
text-decoration:none;
border:0;
}
#content a img{border:2px solid #2626f1}
#content a:hover img{border-color:white}
#empresa #content img, #funcionamento #content img, #locacao #content img{
border:4px solid silver;
}

#footer{
color:white;
padding:10px 0;
position:relative;
overflow:hidden;
clear:both;
background:#005989 url(../img/footer.gif) repeat-x top;
border-top:1px solid #333
}
#footer p{
font-family:Verdana, Arial, Helvetica, sans-serif;
width:750px;
margin:0 auto;
color:#fff
}

/*
#footer strong{display:block;position:absolute;z-index:18}
#footer strong:before {content:attr(title); height:1em;color:#000;z-index:17;}
*/
#footer img{
vertical-align:middle;
}
#oktala{
float:right;
display:block;
width:79px;
height:17px;
background-image:url(../img/oktala.gif);
text-indent:-1000px;
text-decoration:none;
background-repeat:no-repeat;
background-position:0 0px;
overflow:hidden
}
#oktala:hover{
background-position:0 -22px;
}
#footer a{
text-decoration:none;
color:#78A9C2;
border:0
}
#footer a:hover{
color:white;
}

#inner {
background-color:#ebe8d2;
padding:1px 15px;
color:#757473;
border:2px solid #e6e2ca;
height:1%
}
#inner p, #inner li{
line-height:1.2em;
text-align:left;
font-size:.9em
}
#inner h3{
font-size:140%;
color:#009999;
}
#inner img{
margin:10px 0 0;
border:1px solid #333;
float:none;
}
#inner a{border-bottom:1px solid #c3bd9c}
#noticias li{
list-style:none;
display:block;
border-bottom:1px solid #ccc;
margin:0 0 12px
}
#actions{text-align:right;clear:right}
#content #actions a img{border:0}

/********************************* CLASSES **************************/

.linha{
background-repeat:no-repeat;
background-position:top right;
padding-top:120px;
}
.gde{
background-image:url(../img/modelos_gde.gif);
height:45px;
}
.peq{
background-image:url(../img/modelos_peq.gif);
height:77px;
}
.col{
background-color:#eee;
text-align:left;
}
.pics{
display:block;
}
.pics img{
margin-left:37px;
vertical-align:bottom;
}
.small{
font-size:10px;
color:#999;
float:right;
}
.picr{
color:#999;
float:right;
margin:15px 0 5px 20px
}
.even{
background-color:#dbe8ee;
}
.message{

}
.foto{
text-align:center;
width:53px
}
.foto a{
display:block;
width:100%;
height:100%;
}
#content .foto img{
float:left;
cursor:pointer;
}
.drop{
color:#006699;
float:left;
font-size:220%;
font-weight:bold;
display:inline;
margin:0 8px 0 0;
}
.fine{
float:right;
color:#aaa
}
.melhor{background:#d4efcb}
.pior{background:#efd8cb}

.specs{
width:auto;
margin:3px 0
}
.specs td, .specs th{
text-align:left
}

/*********************************** MENU *************************************/
#nav{
float:left;
width:180px;
margin:0 0 0 10px;
display:inline;
padding:0;
}
#nav p{
margin:10px 15px 10px 15px 
}
#nav ul{
margin:38px 15px 20px;
border-top:1px solid #2d5879;
border-bottom:1px solid #668ba7;
}
#nav li{
list-style:none;
position:relative;
margin:0;
padding:0;
border-bottom:1px solid #2d5879;
border-top:1px solid #668ba7;
}
#nav ul ul{
display:none;
padding:0;
border:0;
margin:0;
overflow:hidden;
}
#nav ul ul li{
margin:0;
padding:0;
background:url(../img/0199_small_arrow.gif) no-repeat 8px 8px;
border:0;
}
#nav ul ul a{
font-size:1.4em;
color:black;
text-transform:none;
color:#eee;
border:0;
padding:5px 22px 10px;
font-family: Tahoma,Geneva,"Bitstream Vera Sans","DejaVu Sans",sans-serif;
font-weight:normal;
}
#nav ul a{
color:#fff;
text-transform:uppercase;
font-size:17px;
font-weight:bold;
display:block;
padding:9px 0 7px;
text-decoration:none;
line-height:.9em;
font-family: "Futura Md BT",sans-serif;
border:0
}

#nav ul .switch{
float:right;
font-size:13px;
font-weight:bold;
position:absolute;
right:1px !important;
right:16px;
top:9px;
margin:0;
display:block;
width:13px;
height:13px;
text-align:center;
vertical-align:middle;
padding:0;
border:1px solid #78a1be;
overflow:hidden
}
#nav .switch:hover{
background:#234863
}
#nav a:hover, #nav .sel{
color:#faca03
}
#nav a{border:0}
#funcionamento #m_funcionamento ul,
#aplicacoes #m_aplicacoes ul{
display:block
}


#nav ul span{
	background-repeat:no-repeat;
	background-position:-20px 0px;
	padding-left:22px;
	display:block;
	height:100%;
	cursor:pointer;
}
#nav a:hover span, #nav .sel span{
	background-position:0px -20px
}
#m_home span {background-image:url(../img/m.home.gif)}
#m_empresa span {background-image:url(../img/m.user.gif)}
#m_funcionamento span {background-image:url(../img/m.gota.gif)}
#m_modelos span {background-image:url(../img/m.vent.gif)}
#m_aplicacoes span {background-image:url(../img/m.wave.gif)}
#m_vantagens span {background-image:url(../img/m.hand.gif)}
#m_locacao span {background-image:url(../img/m.tent.gif)}
#m_imprensa span {background-image:url(../img/m.rss.gif)}
#m_contato span {background-image:url(../img/m.mail.gif)}


/********************************** PAGES *************************************/

#noticias a img{border:0}
#funcionamento .flash{
width:494px;
margin:17px auto 0;
}
#contato img{
float:none;
}
#f-fone, #contact-form, #entrega{
border:1px inset #aaa;
margin:12px 0;
background-color:#eee;
padding:8px 20px;
height:1%
}
#contact-form fieldset table{margin:0} 
#contact-form fieldset label, #research-form fieldset label{
display:inline;
text-align:left;
width:auto;
padding:0 ;
float:none
}
#contact-form fieldset td{
text-align:left;
border:4px solid #eee;
background:#ddd;
-moz-border-radius:4px;
padding:0 2px 3px
}
#contact-form fieldset td p{margin:0;white-space:nowrap;}
#contact-form fieldset td .qual input{width:106px}

#research-form{
background:none
}
#research-form td{
text-align:left;
}
#research-form fieldset{
background:#fff;
border:1px solid #000;
margin:0
}
#research-form p label{
display:block;
float:left;
width:10em
}
#research-form p img{
float:none;
margin:10px 0 0
}
#research-form .long label{
float:none;
width:auto
}
#research-form fieldset label{
margin-right:1em
}
#research-form .cols2 label{
display:block;
float:left;
width:44%;
margin-right:2%
}
#contact-form span{
color:#c00;
font-size:large;
}
form textarea{
font-family:Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
}
#contact-form label{
display:block;
width:6.3em;
padding:2px 13px;
float:left;
text-align:right;
}

form .button{
display:block;
margin:0 auto;
height:2.2em;
cursor:pointer
}
#imprensa dt{
border-top:2px solid #ccc;
padding:6px 0 0 ;
}
#imprensa dt small{
float:right;
font-size:.4em;
color:#888;
position:relative;
top:-1.2em;
font-family:Verdana, Helvetica, sans-serif;
}


#aplicacoes td{
text-align:left;
}

#cse-search-box{
margin:0 15px 12px
}
#cse-search-box h4{
color:#fff;
font-size:1.5em;
font-family: "Futura Md BT",sans-serif;
line-height:.9em
}
#cse-search-box #sa{
background:none;
border:0;
padding:5px 0;
cursor:pointer;
overflow:visible
}
#cse-search-box #q{
width:145px
}

#nav #tla ul,#nav #tla li{border:0;margin:0 5px}
#nav #tla ul a{
text-transform:none;
font-weight:normal;
display:inline;
padding:5px;
text-decoration:underline;
font-family: Verdana, Arial, Helvetica,sans-serif;
font-size:10px;
color:#98aebe
}

#mod-list{
overflow:hidden;
height:1%;
margin:1em 0 2em;
}
#mod-list li{
display:block;
list-style:none;
width:115px;
height:122px;
text-align:center;
position:relative;
float:left;
margin:1px 10px 10px 1px;
}
#mod-list b{
display:block;
position:absolute;
bottom:-1px !important;
bottom:1px;
left:1px;
background:#eee;
border-top:1px solid #ddd;
border-bottom:1px solid #eee;
width:113px;
font-size:10px;
font-weight:normal;
overflow:hidden;
}
#mod-list a{
border:0;
display:block;
height:122px;
border:1px solid #ddd;
}
#mod-list a:hover, #mod-list a:focus{border-color: #007bff}
#mod-list a img{border:0;padding-top:10px}

/*********************************** PRINT ************************************/
@media print { 

#wrap{width:auto}
#content{
position:relative;
padding:0;
margin:0
}

.modelos td, .modelos th{
border:1px solid black;
}

#banner, #nav{
display:none;
}
#header{
height:140px;
text-align:right
}

}