/*body { background:#b3d1e0; margin:10px;  }*/
html, body {height:100%;  }
body {  background:#7abfce url(../images/bg.png) no-repeat top; margin:10px 0 0 0; }
#geral { background:#7abfce; overflow: hidden; padding:10px 0 10px 0; }
#esquerda { background: #fff; }
#esquerda p, #cabecalho p, #rodape p, #conteudo p, #menu p { padding: 1em; }
#conteudo { background: #fff; }
#conteudo img{ padding:3px;border:1px solid #cdcdcd; }
#cabecalho { background: #fff; overflow: hidden; }
#rodape{ background: #fff url(../images/bg_rodape.png) repeat-x top; height:250px; text-align:center; }

h1 { color:#000; }
h2 { color:#039; margin-top:25px; padding:3px 3px 3px 10px;  width:95.3%; background: url(../images/bg_menu.png) repeat-x center top; color:#ffff99; }
h3 { color:#036; margin-top:25px; padding:3px 3px 3px 10px; width:95.3%; color:#9e542d; background:#ddd2b4; }
h4 { margin-bottom:0px;}
/**
* links geral
************************************/

a:link {
	color: #81abca;
	text-decoration: none;
	}
	
a:visited {
	color: #7B878F;
	text-decoration: none;
	}
	
a:hover, a:active {
	color: #2399E5;
	}

	
/**
* menu principal 
************************************/
ul#menu-hor { height:50px; background: url(../images/bg_menu.png) repeat-x center top; width:940px; margin:0; padding:0;}
ul#menu-hor li { display: inline; list-style:none; margin:0; padding:0; }
ul#menu-hor li a { padding:14px 13px 0 13px; height:30px; display:block; float:left; background: url(../images/separador.png) no-repeat right top; text-decoration:none; color:#fff; font-weight:bold;}
ul#menu-hor li a:hover { padding:14px 13px 0 13px; height:33px; display:block; float:left; background: url(../images/bg_menu_hover.png) repeat-x center top; color:#fff; text-decoration:none; font-weight:bold; }

/**
* menu vertical 
************************************/
#menu_vert { width: 240px; margin-top: 10px; margin-left:-20px; list-style:none; font-size:11px; }
#menu_vert li a { text-decoration: none; height: 32px; voice-family: "\"}\""; voice-family: inherit; height: 24px; color:#81abca; }
#menu_vert li a:link, #menu_vert li a:visited { color: #257EB7; display: block; background: url(../images/menu8.gif) no-repeat; padding: 8px 0 0 20px; }
#menu_vert li a:hover { color: #fff; background: url(../images/menu8.gif) no-repeat 0 -32px; padding: 8px 0 0 25px; }
#menu_vert li a:active { color: #fff; background: url(../images/menu8.gif) no-repeat 0 -64px; padding: 8px 0 0 25px; }

/**
* menu modelos 
************************************/
#menu_mod { width:685px; }
#menu_mod li { display:inline; }
#menu_mod li a:hover { text-decoration:underline; }

/**
* menu top 
************************************/
ul#menu-top { height:25px; width:550px; margin:0; padding:0; float:right;}
ul#menu-top li { display: inline; list-style:none; margin:0; padding:0;}
ul#menu-top li a { padding:0px 8px 0 8px; height:20px; display:block; float:left; background: url(../images/separador_tops.png) no-repeat right top; text-decoration:none; color:#ffff00; font-size:12px;}
ul#menu-top li a.sem_borda { padding:0px 8px 0 8px; height:20px; display:block; float:left; background: url(../images/sem_borda.png) no-repeat right top; text-decoration:none; color:#ffff00; }
ul#menu-top li a:hover { padding:0px 8px 0 8px; height:20px; display:block; float:left; color:#fff; text-decoration:none; font-size:12px;}


/**
* slide
************************************/
#slider {
    width: 940px; /* important to be same as image width */
    height: 280px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
	margin:0 0 10px 0;
}

#sliderContent {
    width: 940px; /* important to be same as image width or wider */
    position: absolute;
	top: 0;
	margin-left: -30px;
}

.sliderImage {
    float: left;
    position: relative;
	display: none;
}

.sliderImage span {
    position: absolute;
	background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;
}
.clear {
	clear: both;
}
.sliderImage span strong {
    font-size: 14px;
}
.top {
	top: 0;
	left: 0;
}
.bottom {
	bottom: 0;
    left: 0;
}
.left {
	right: 0;
	bottom: 0;
	width: 940px !important;
	height: 180px;
	padding:10px 0 0 0;
}
.right {
	right: 0;
	bottom: 0;
	width: 940px !important;
	height: 90px;
}

/**
* form pesquisa
************************************/ 
.combo { width: 176px; font-family: Arial; font-weight: bold; color: rgb(102, 102, 102); font-size: 12px; padding: 5px; border: 1px solid #7abfce; }
.campo { width: 420px; font-family: Arial; font-weight: bold; color: rgb(102, 102, 102); font-size: 13px; padding: 6px; border: 1px solid #7abfce; }
.botao { width: 70px; font-family: Arial; font-weight: bold; color: #ffffcc; background:#003399; font-size: 13px; padding: 5px; border: 1px solid #7abfce; }
.botao:hover { width: 70px; font-family: Arial; font-weight: bold; color: #ffffcc; background:#000; font-size: 13px; padding: 5px; border: 1px solid #7abfce; }

#header1 { border:0px solid #ccc; height:60px; vertical-align:middle; }

.preco {  font: 25px/2.2 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif; color:#db5f10; font-weight:bold;}
i.destaque { color:#db5f10; }
.altura { margin-top:15px;}
.atencao { font: 11px 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif; color:#db5f10;  }


/**
* formularios, validações, mensagens, etc
************************************/
#contato label { display:block; margin-bottom:5px; font-family: "Trebuchet MS"; font-size:13px;}
#contato input, textarea { padding:4px;  margin-bottom:10px; width:300px;}
#contato input:focus, textarea:focus { background:#F4F0E7; border:1px solid #857A5F; }
#contato input.botaoContato { width: 70px; font-family: Arial; font-weight: bold; color: #ffffcc; background:#003399; font-size: 13px; padding: 5px; border: 1px solid #7abfce; }
#contato input.botaoContato:hover { width: 70px; font-family: Arial; font-weight: bold; color: #ffffcc; background:#000; font-size: 13px; padding: 5px; border: 1px solid #7abfce; }
label.error { float: none; color: red; margin: 0px; vertical-align: top; font-size: 12px }
div.msgErro { color:#FF0000; width:95.3%; padding:5px; border:1px solid #FF0000; background-color:#FFFFCC; margin:0 0 25px 0; }
div.msgOk { color:#FFFFFF; width:95.3%; padding:5px; border:1px solid #0000FF; background-color:#0099CC; margin:0 0 25px 0;}

#menu { font-size:10px;}

#banner {
	width:728px;
	height:90px;
	margin:0 auto;
}