﻿body 
{
    margin:0px;
    padding:0px;
    background: #F58220; 
    font-family: Arial, Sans-Serif;
    font-size: 15px;
    color: #777;
}

.cabecalho 
{
    float:left;
    width:100%;
    height:170px;
    background: #fff;
    border-top: 5px solid #F58220;
}

.cabecalho  #cabecalho_conteudo_logo { margin-top:10px; height:97px;}
.cabecalho  #cabecalho_conteudo_menu { position:relative; margin-top:12px; height:40px;}

.cabecalho  #cabecalho_conteudo_menu > ul { position:absolute; bottom:0px; width:940px; height:40px;                                             
                                            bottom:0px; padding:0px; margin:0px; list-style:none;}
.cabecalho  #cabecalho_conteudo_menu > ul > li {float:left; line-height:40px; margin: 0px; padding:0px; text-align:center; }


.cabecalho  #cabecalho_conteudo_menu > ul > li > a { float:left; height:40px; line-height:40px; text-transform: uppercase; text-decoration: none; font-size:14px; color: #fff;
                                                     background: #F58220 url('../img/layout/bg-sombra-menu.png') 50% 50% repeat-x;
                                                     
                                                     }
.cabecalho  #cabecalho_conteudo_menu > ul > li > a 
{
    background-color: #F58220;
    -moz-transition: background 0.7s ease;
    -webkit-transition: background 0.7s ease;
    -o-transition: background 0.7s ease;
    transition: background 0.7s ease; 
}

.cabecalho  #cabecalho_conteudo_menu > ul > li > a:hover
{
    background-color: #54C5D0;
}

.cabecalho  #cabecalho_conteudo_menu > ul > li > a.ativo
{
    background-color: #D96D00;
}



                                                     
.cabecalho  #cabecalho_conteudo_menu > ul > li > a.home { width:230px;
                                                          
-webkit-border-top-left-radius:7px;
-webkit-border-bottom-left-radius:7px;
-moz-border-radius-topleft:7px;
-moz-border-radius-bottomleft:7px;
border-top-left-radius:7px;
border-bottom-left-radius:7px;
                                                          
                                                           }
.cabecalho  #cabecalho_conteudo_menu > ul > li > a.empresa { width:240px; }
.cabecalho  #cabecalho_conteudo_menu > ul > li > a.produtos { width:240px; }
.cabecalho  #cabecalho_conteudo_menu > ul > li > a.contato { width:230px; 
-webkit-border-top-right-radius:7px;
-webkit-border-bottom-right-radius:7px;
-moz-border-radius-topright:7px;
-moz-border-radius-bottomright:7px;
border-top-right-radius:7px;
border-bottom-right-radius:7px;                                                             
}


.cabecalho  #cabecalho_conteudo_contato {}

.cabecalho  #cabecalho_conteudo_contato span 
{
    float:right;
    font-family: 'Anaheim', sans-serif;
    font-size: 20px;
    color: #F58220;
    line-height:24px; 
    font-weight:normal;
    margin-top:12px;
    /*font-style: italic;*/
}

.cabecalho  #cabecalho_conteudo_contato span strong { font-size:18px; font-weight:normal; color: #52C5D0;}


.cabecalho  #cabecalho_conteudo_contato span.telefone {margin-right:10px; }
.cabecalho  #cabecalho_conteudo_contato span.email {margin-right:60px; }


.banner 
{
    float:left;
    width:100%;
    height:370px;
    background: #fff;
    
}

.banner #banner_container {position:relative; height:355px;  background-color:#fff;
    top: 0px;
    left: 0px;
    overflow:hidden;
}


.banner #banner_container #banners .easy_slides_caption {
    width:900px;
    height:60px;
    padding: 10px 0 0 10px;
    background: transparent url('../img/banner/bg-caption.png');
    margin:15px;
    font-size:20px;
}

.banner #banner_container #banners .easy_slides_caption b {font-weight: normal;}

.banner #banner_container #banners img 
{
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;    
    }


.corpo 
{
    float:left;
    width:100%;    
    background: #ccc url('../img/layout/bg-corpo.png') top left repeat;
    
    box-shadow: 0px 5px 10px -5px #999 inset;
    -moz-box-shadow: 0px 5px 10px -5px #999 inset;
    -webkit-box-shadow: 0px 5px 10px -5px #999 inset;  
    
    font-size:18px; font-weight:normal; color: #888;   
    
    
    }
    

.corpo h1 
{
    font-family: 'Anaheim', sans-serif;
    font-weight: normal;
    font-style:italic;
    font-size: 30px;
    color: #F58220;
    
    margin-top:0px;
}

.corpo h2 
{

    font-size: 22px;
    color: #F58220;
    
    margin-top:0px;
}

.corpo a {color: #F3801F; text-decoration:underline;}
.corpo a:hover {color: #D96D00; text-decoration:underline;}

.corpo strong {/*color: #F3801F;*/ color: #777;}

.corpo label {color: #F3801F; font-size:16px;}

.corpo hr 
{
    border: 0;
    width:100%;
    color: #e0e0e0;
    background-color: #e6e6e6;
    height: 1px;
    margin-top:10px;
    margin-bottom:10px;
}

.corpo .box_cinza 
{
    background-color:#fff;
    border: 5px solid #fff;
    padding:0px;
    		
    -moz-box-shadow: 0px 3px 8px #999;
    -webkit-box-shadow: 0px 3px 8px #999;
    box-shadow: 0px 3px 8px #999;
    background: #fff url('../img/layout/bg-box-cinza.png') top left repeat-x;    
    
}
    
.rodape 
{
    float:left;
    width:100%;
    height:auto;
    background: #F58220;    
    color: #fff; font-size: 14px;
    
    box-shadow: 0px 5px 10px -5px #8C4600 inset;
    -moz-box-shadow: 0px 5px 10px -5px #8C4600 inset;
    -webkit-box-shadow: 0px 5px 10px -5px #8C4600 inset;    
    
    }
    
.rodape a { color: #fff; text-decoration: none;}    
.rodape a:hover { color: #eee; text-decoration: underline;}    

.rodape  .rodape_conteudo_links { height:100px; background: transparent url('../img/layout/bg-rodape.png') top left no-repeat; margin-top:20px;  }

.rodape  .rodape_conteudo_links span { float:left; margin-top:25px; margin-left:15px; text-align:left; line-height:17px; font-size:13px; }

.rodape  .rodape_conteudo_final { height:40px; margin-top:15px; text-align:center; color: #B05409; font-size:14px; }

.rodape  .rodape_conteudo_final a { color: #B05409; font-weight:bold; text-decoration: none; }
.rodape  .rodape_conteudo_final a:hover { color: #B05409; text-decoration: underline; }



.rodape  .rodape_conteudo_servicos h1,
.rodape  .rodape_conteudo_endereco h1
 {margin: 15px 20px 10px 20px; padding: 0px; font-size:18px; text-transform: uppercase; font-weight:normal;}

.rodape .rodape_conteudo_servicos p,
.rodape .rodape_conteudo_endereco p,
.rodape .rodape_conteudo_logo p {margin: 10px 20px 10px 20px;}    

.rodape .rodape_conteudo_endereco p { padding-left: 24px;}
.rodape .rodape_conteudo_endereco p.endereco { background: transparent url('../img/layout/ico-home-branco.png') 0px 50% no-repeat;}
.rodape .rodape_conteudo_endereco p.email { background: transparent url('../img/layout/ico-email-branco.png') 0px 50% no-repeat;}
.rodape .rodape_conteudo_endereco p.telefone { background: transparent url('../img/layout/ico-telefone-branco.png') 0px 50% no-repeat;}

.rodape .rodape_conteudo_logo div { float:left; width:294px; 
height:203px; background: transparent url('../img/layout/logo-rodape.png') 50% 50% no-repeat;
}

    
.arredondado {    
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
}

a:hover.opacidade {opacity:0.5; filter:alpha(opacity=50);}

a.opacidade
{
    opacity:1;
    filter:alpha(opacity=100);
    -moz-transition: opacity 0.9s ease;
    -webkit-transition: opacity 0.9s ease;
    -o-transition: opacity 0.9s ease;
    transition: opacity 0.9s ease; 
}


/* BOTOES =============================================*/

.button_icon_none, .button_icon_right, .button_icon_left  {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    border-style: none;
    border-color: inherit;
    border-width: 0;
            
    font-family: arial, sans-serif;
    display: inline-block;
    background: #F58220;
    cursor: pointer;
    font-size: 12px;
    color: #fff !important;
    height: 26px;
    line-height: 26px;
    text-transform: uppercase;
    text-decoration: none !important;
    position: relative;
    padding: 0 6px;
    overflow: visible;
    
    -moz-transition: background 0.7s ease;
    -webkit-transition: background 0.7s ease;
    -o-transition: background 0.7s ease;
    transition: background 0.7s ease;     
    
    
}

.button_icon_left 
{
    padding-left: 26px!important;
    background-repeat: no-repeat;
    background-position: 4px 50%;
}
    
.button_icon_right 
{
    padding-right: 26px!important;
    background-repeat: no-repeat;
    background-position: 93% 50%;
}    

.button_icon_none:hover, .button_icon_right:hover,  .button_icon_left:hover  {
  background-color: #54C5D0 !important; color: #fff !important;
}

.button_icon_none.cinza, .button_icon_right.cinza, .button_icon_left.cinza  { background-color: #c0c0c0; }
.button_icon_none.cinza:hover, .button_icon_right.cinza:hover, .button_icon_left.cinza:hover  { background-color: #ccc !important; }

.button_icon_left.button_topo, .button_icon_right.button_topo  { background-image: url('../img/layout/ico-topo-branco.png');}
.button_icon_left.button_orcamento, .button_icon_right.button_orcamento  { background-image: url('../img/layout/ico-carrinho-branco.png');}

.button_icon_left.button_calendario, .button_icon_right.button_calendario { background-image: url('../img/icones/calendar.png');}

.button_icon_left.button_avancar, .button_icon_right.button_avancar  { background-image: url('../img/icones/control_play_blue.png');}
.button_icon_left.button_voltar, .button_icon_right.button_voltar  { background-image: url('../img/icones/control_play_blue2.png');}




/* FORMULARIOS ==========*/


input[type="text"],
input[type="email"],
input[type="password"],
textarea,
select {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px;
  font-family: Arial, sans-serif;
  font-size: 13px;
  padding: 4px;
  border: 1px solid #d1d1d1;
  color: #666;
}

.dxeEditAreaSys { padding:0 !important;}

input[type="text"],
input[type="email"],
input[type="password"],
select 
{
background: #f9f9f9;     
    }


textarea
{
background: #f9f9f9;     
    }


input[type="text"][readonly="readonly"],
input[type="email"][readonly="readonly"],
input[type="password"][readonly="readonly"],
input[type="text"][disabled="disabled"],
input[type="email"][disabled="disabled"],
input[type="password"][disabled="disabled"],
select[disabled="disabled"], 
select[readonly="readonly"]
{
    background: #f3f3f3;
    color: #999;
    
    }


select[disabled="disabled"] option[selected="selected"] {color: #e0e0e0;}

.error {
  color: #cc0000 !important;
}

input.error, select.error, textarea.error {
  border: 1px solid #cc0000 !important;
}

input:focus,
select:focus,
textarea:focus,
button:focus,
submit:focus {
    outline: none;
}

textarea { resize:none; }
