/* 
    Document   : style
    Created on : 20/03/2012, 16:07:10
    Author     : Haroldo
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

html,body{
    margin: 0px;
    padding: 0px;
    background-color: #eaeaea;
}

@media screen, projection, print {
	* { 
		font-family:'Oswald', arial, helvetica, sans-serif;
		font-size:100.01%;
	}
	html {
		height:100%;
		width:100%;
	}
	/*body {
		color:#fff;
		background-color:#000;
		font-size:0.8em;
		line-height:1.4em;
		padding:1em 0;
		margin:0;
	}*/
	a {
		color:#333;
	}
	h1 {
		font-size:2.2em;
		text-align:center;
		margin:0.4em 0 1.3em 0;
	}
}

.LV_validation_message{
    position: absolute;
    float: left;
    margin-left: -120px;
    margin-top: -15px;
    font-size: 0.6em;
    color: red;
}


.texto_home_centro{
    width: 580px;
    padding-left: 20px;
    padding-right: 50px;
    font-size: 0.9em;
    color: #666;
    text-align: left;
    font-family: 'Arimo';    
}

.descricao_noticia2{
    width: 400px;
    padding-left: 10px;    
    font-size: 1em;
    color: #333;
    text-align: left;
    padding-top: 5px;
}

.descricao_noticia3{
    width: 580px;
    padding-left: 20px;    
    font-size: 0.8em;
    color: #333;
    text-align: left;
    font-family: 'Arimo';
}

.caixa_home{
    width: 980px;
    margin: 0 auto;
}

.caixa_home_cima{
    background-image: url('../../images/site/viaporto/home/caixa_cima.jpg');
    background-repeat: no-repeat;
    background-position: center;
    width: 980px;
    height: 19px;
}

.caixa_home_titulo{
    background-image: url('../../images/site/viaporto/home/diversidade.png');
    background-repeat: no-repeat;
    background-position: left;
    width: 474px;
    height: 19px;      
}

.caixa_home_media{
   /* background-image: url('../../images/site/viaporto/home/caixa_meio.jpg');
    background-repeat: repeat-y;
    background-position: center;*/
    width: 980px;
    padding-top: 20px;    
}

.caixa_home_baixo{
    background-image: url('../../images/site/viaporto/home/caixa_rodape.jpg');
    background-repeat: no-repeat;
    background-position: center;
    width: 980px;
    height: 19px;
}

#titulo_conheca_quemsomos{
    background-image: url(../../images/site/selet/quemsomos/conheca.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    height: 34px;
    width: 229px;
    margin-top: 10px;
    padding-bottom: 10px;
}

.descricao_grande{
    padding-left: 5px;
    padding-bottom: 15px;
    font-size: 0.9em;
    color: #333;
    padding-right: 35px;
    padding-top: 20px;
    text-align: left;
    width: 500px;
}

.descricao_grande2{
    padding-left: 5px;
    padding-bottom: 15px;
    font-size: 0.9em;    
    padding-right: 35px;
    padding-top: 20px;
    text-align: left;
    width: 400px;
}

.link_parceiro{
    padding-right:15px; padding-bottom: 15px;    
}

.link_parceiro a{
    color: #D2D2D2;
    text-decoration: none;
    text-align: left;
}

.link_parceiro a:hover{
    color:#FFF;
}

.link a:hover{
    color: #D2D2D2;
}

body{
    background-color: #fff;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px; 
    font-family: 'Arimo';    
}

a{
    text-decoration: none;
}

a img{
    text-decoration: none;
    border: 0;
}

.campo_input{
    background-color: #fff;
    border: 1px solid #cdcdcd;
    height: 20px;
    font-size: 0.9em;
}

.linha_base_centro{
    position: relative; 
    display: table;    
    margin: 0 auto;
}

.centro_esq{
    float: left;
    width: 345px;
    /* height: 411px;*/    
    margin: 0px;
    height: 271px;
    text-align: center;    
}

.centro_dir{
    float: left; 
    width: 100%;
    height: 324px;    
    padding:0px;
    padding-left: 20px;
}

#cs-navigation-coin-slider{
    display: block;
}

#centro{
    position: absolute;
    color: #fff; 
}

.fundocentro{
    width: 980px;
    position: relative; 
    margin: 0 auto; 
    display: table; 
    /*background-image: url(../images/layout/novo/bg_centro.png);
    background-repeat: repeat-x;
    background-position: left top;    */
    margin: 0px;
    padding: 0px;
    padding-bottom: 25px; 
    padding-left: 20px;
}

.caixacima_fornec{
    width: 1015px;    
    height: 48px;
    background-image: url('../../images/site/viaporto/fornec/caixa_cima.jpg');
    background-repeat: no-repeat;
    background-position: left top;    
    text-align: left;
}

.caixacima_contato{
    width: 1015px;
    height: 48px;
    background-image: url('../../images/site/viaporto/contato/caixa_cima.jpg');
    background-repeat: no-repeat;
    background-position: left top;    
    text-align: left;
}


.caixacima_prod{
    width: 1015px;    
    height: 59px;
    background-image: url('../../images/site/viaporto/produto/caixa_cima.jpg');
    background-repeat: no-repeat;
    background-position: left top;    
    text-align: left;
}


.caixacima_quemsomos{
    width: 1010px;
    height: 75px;
    background-image: url('../../images/site/viaporto/quemsomos/caixa_cima.jpg');
    background-repeat: no-repeat;
    background-position: left top;
    text-align: left;
}

.caixacentro_quemsomos{
    width: 1010px;    
    background-image: url('../../images/site/viaporto/quemsomos/caixa_meio.jpg');
    background-repeat: repeat-y;
    background-position: left top;    
    text-align: left;
    height: 370px;
}

.caixabaixo_quemsomos{
    width: 1010px;
    height: 37px;
    background-image: url('../../images/site/viaporto/quemsomos/caixa_rodape.jpg');
    background-repeat: no-repeat;
    background-position: left top;    
    text-align: left;
}

.faixa_contato{
    width: 100%;
    height: 143px;
    background-image: url('../../images/site/viaporto/fornec/banner_contato.jpg');
    background-repeat: no-repeat;
    background-position: center bottom;    
}

.caixacentro_contato{
    width: 1009px;
    height: 418px;
    background-image: url('../../images/site/selet/contato/bg_contato.png');
    background-repeat: no-repeat;
    background-position: left top;    
    text-align: left;
    padding-top: 60px;
}


#bg_rede{
    width: 230px;    
    height: 290px;
    background-image: url('../../images/site/viaporto/produto/bg_rede.png');
    background-repeat: no-repeat;
    background-position: left top;    
    text-align: left;    
    padding-top: 40px;    
    font-size: 0.8em;
}

#bg_sub{
    width: 230px;    
    height: 290px;
    background-image: url('../../images/site/viaporto/produto/bg_sub.png');
    background-repeat: no-repeat;
    background-position: left top;    
    text-align: left;    
    padding-top: 40px;    
    font-size: 0.8em;
}

#bg_eolica{
    width: 230px;    
    height: 290px;
    background-image: url('../../images/site/viaporto/produto/bg_eolica.png');
    background-repeat: no-repeat;
    background-position: left top;    
    text-align: left;    
    padding-top: 40px;    
    font-size: 0.8em;
}

#bg_ele{
    width: 230px;    
    height: 290px;
    background-image: url('../../images/site/viaporto/produto/bg_ele.png');
    background-repeat: no-repeat;
    background-position: left top;    
    text-align: left;    
    padding-top: 40px;    
    font-size: 0.8em;
}



.centro_meio_dir{
    float: left;
    width: 475px;
    margin: 0px;
    text-align: left; 
    color:#FFF;
}

.aviso{
    font-family: "Brush Script MT", Raleway, sans-serif; 
    font-size: 1.6em;
    color: #433F3D;
    text-decoration: none;
}

.barra_flutuante{
    position: absolute;
    top: 5px;
    width: 100%;
    height: 35px;    
    top: 230px;
    z-index: 9000;    
}

.faixa_home{
    width: 100%;
    background-image: url('../../images/site/cappua/faixa_fundo_cinza.png');
    background-position: left top;
    background-repeat: repeat-x;
    background-color: #eaeaea;
    padding-top: 100px;
    
}

.bg_paginas_gradiente{  
    width: 100%;
    background-image: url('../../images/site/cappua/faixa_fundo_cinza.png');
    background-position: left top;
    background-repeat: repeat-x;
    background-color: #eaeaea;
    /*height: 550px;*/
}

#bg_faixa_home{
    padding-top: 50px;
    width: 980px; 
    height: 400px;
    margin: 0 auto;
}
.bg_faixa_quemsomos{
    float: left; 
    width: 980px;
    height: 223px;
    padding:0px;
}

.faixa_quemsomos{
    width: 100%;
    height: 223px;
    background-image: url('../../images/site/viaporto/quemsomos/img_banner.jpg');
    background-repeat: no-repeat;
    background-position: center bottom;    
}

.faixa_produtos{
    width: 100%;
    height: 223px;
    background-image: url('../../images/site/viaporto/produto/img_banner.png');
    background-repeat: no-repeat;
    background-position: center bottom;    
}

.faixa_fornec{
    width: 100%;
    height: 223px;
    background-image: url('../../images/site/viaporto/fornec/img_banner.jpg');
    background-repeat: no-repeat;
    background-position: center bottom;    
}

#faixa_contato{
    width: 100%;
    height: 223px;
    background-image: url('../../images/site/viaporto/contato/img_banner.jpg');
    background-repeat: no-repeat;
    background-position: center bottom;    
}

.bg_faixa_forncedores{
    width: 100%;
    height: 143px;
    background-color: #3a79c9;
    background-image: url('../../images/site/selet/quemsomos/bg_quemsomos.jpg');
    background-repeat: repeat-x;
    background-position: left top;
}

.faixa_forncedores{
    width: 100%;
    height: 143px;
    background-image: url('../../images/site/selet/fornec/bg_fornec.jpg');
    background-repeat: no-repeat;
    background-position: center bottom;    
}

.bg_faixa_prod{
    width: 100%;
    height: 143px;    
    background-image: url('../../images/site/selet/produto/bg_banner.jpg');
    background-repeat: repeat-x;
    background-position: left top;
}

.faixa_prod{
    width: 100%;
    height: 143px;
    background-image: url('../../images/site/selet/produto/banner_produtos.jpg');
    background-repeat: no-repeat;
    background-position: center bottom;    
}

#bg_faixa_site{
    width: 100%; 
    height: 412px; 
    background-color: #eaeaea;
}

#bg_fundo_home_header{
    /*background-image: url('../../images/site/cappua/fundo.jpg');
    background-position: left top;
    background-repeat: repeat-x;*/
}

#faixa_rodape{    
    width: 100%;
    height: 84px;    
    position: relative;
    background-image: url('../../images/site/cappua/rodape/rodape.png');
    background-position: center bottom;
    background-repeat: repeat-x;
    
}

#centro_rodape{    
    width: 980px;
    height: 84px;
    margin: 0 auto;    
}

#centro_rodape2{    
    width: 980px;
    height: 84px;
    margin-left: 20px;
}

#faixa_rodape_baixo{    
    width: 100%;
    height: 16px;
    bottom: 1px;
    position: relative;        
    background-color: #000300;
}

#centro_rodape_baixo{    
    width: 980px;
    height: 16px;
    margin: 0 auto;
    background-image: url('../../images/site/viaporto/rodape/rodape_faixa_peq.jpg');
    background-position: center bottom;
    background-repeat: repeat-x;
}


.clear { clear: both; }

.btn_peq{
    border-style: none;
    border: 0px solid #00496E;    
    background-color: #ffffff;
    background-image: url('/images/site/btn_ok.png');
    background-repeat: no-repeat;
    background-position: top left;
    width: 31px;
    height: 20px;
    cursor: pointer;  
    margin-right: 20px;
}


.btn_sabermais{
    /*width: 100%;*/
    width: 50px;
    height: 12px;
    background-image: url('../images/layout/btn_sabermais.png');
    background-repeat: no-repeat;
    background-position: center;    
    padding-left: 12px;
}
.btn_sabermais a{        
    text-decoration: none;
}
.btn_sabermais a h3{
    width: 50px;
    height: 12px;
}

.btn_saibamais{
    /*width: 100%;*/
    width: 55px;
    height: 15px;
    background-image: url('../images/layout/btn_saibamais.png');
    background-repeat: no-repeat;
    background-position: center;    
    padding-left: 12px;
}
.btn_saibamais a{        
    text-decoration: none;
}
.btn_saibamais a h3{
    width: 55px;
    height: 15px;
}

.img_home_centro{
    width: 240px;
    height: 398px;
    /*background-image: url('../../images/site/cappua/home/foto_home.png');
    background-repeat: no-repeat;
    background-position: center bottom;*/
}

.img_quem_centro{
    width: 240px;
    height: 330px;
    background-image: url('../../images/site/viaporto/quemsomos/lampada_viaporto.jpg');
    background-repeat: no-repeat;
    background-position: left;
}


.img_quemsomos{
    width: 350px;
    height: 400px;    
}

#bg_faixacima_flutuante{
    /*position: absolute;
    z-index: 999999;*/
    width: 100%;
    height: 111px;
    background-image: url('../../images/site/cappua/faixa_cabecalho.png');
    background-repeat: repeat-x;
    background-position: center;
}

#bg_faixacima_flutuante2{
    width: 980px;
    height: 21px;
    background-image: url('../../images/site/viaporto/quemsomos/faixa_cima_peq.png');
    background-repeat: repeat-x;
    background-position: center;
    z-index: 999999;
    margin: 0 auto;
}

#bg_faixacima_flutuante2_home{
    width: 980px;
    height: 21px;    
    z-index: 999999;
    margin: 0 auto;
}

#bg_logo_flutuante{
    position: absolute;
    width: 100%;
    height: 111px;
    top:6px;
}

#bg_centro{
    margin: 0 auto;    
    width: 990px;
    height: 111px;
}

.logo{
    position: relative;
    float: left;
    width: 250px;
    height: 111px;
    background-image: url('../../images/site/logo.png');
    background-repeat: no-repeat;
    background-position: left top;
    z-index: 99999;
}

.img_fone{
    position: relative;
    float: left;
    width: 250px;
    height: 40px;
    background-image: url('../../images/site/cappua/img_fone.png');
    background-repeat: no-repeat;
    background-position: left top;
    padding-left: 20px;
    z-index: 99999;    
}

.img_casa{
    position: relative;
    float: left;
    width: 250px;
    height: 20px;
    /*background-image: url('../../images/site/cappua/img_casa.png');
    background-repeat: no-repeat;
    background-position: left top;*/
    z-index: 99999; 
    padding-left: 25px;
}

.img_email{
    position: relative;
    float: left;
    width: 250px;
    height: 20px;
    background-image: url('../../images/site/cappua/img_mail.png');
    background-repeat: no-repeat;
    background-position: left top;
    padding-left: 25px;
    z-index: 99999;    
}

.logo_rodape{
    margin-top: 13px;    
    width: 230px;    
    height: 20px;
    background-image: url('../../images/site/cappua/rodape/logo_peq.png');
    background-repeat: no-repeat;
    background-position: left top;
    float: left;    
    padding-left: 9px;
    padding-top: 50px;
    
}

#texto_rodape{
    width: 240px;
    height: 84px;   
    padding-left: 15px;
    float: left;
}

.head_esq{
    margin-left: 70px;
    width: 210px;
    height: 90px;
    padding-right: 20px;
    float: right;
    color: #333333;
    font-size: 0.8em;
    text-align: left;
    font-family: Oswald;
}

.head_dir{
    width: 220px;
    height: 90px;
    padding-right: 20px;
    float: right;
    color: #333333;
    font-size: 0.8em;
    text-align: left;
    font-family: Oswald;
}

.input_busca{
    height: 20px; 
    background-color:#333333; 
    border: 1px solid #FFF; 
    width: 200px; 
    padding-right: 0px; 
    margin-right: 0px;
    color: #FFF;
    font-size: 0.8em;
}

.submit_busca{
    width: 35px; 
    height: 24px; 
    background-color: #333333; 
    color: #FFF; 
    padding-left: 0px; 
    border: 1px solid #333333; 
    margin-left: 0px;
    font-size: 0.8em;
    padding-left: 1px;
    cursor: pointer;
}

.logo_dartcom{
    float: right;
    width: 140px;
    height: 51px;
    background-image: url('../../images/site/dartcom.png');
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 30px;
    margin-top: 27px;
}

.btn_ok{
    font-family: 'Arimo';
    font-size: 1.2em;
}

#img_link_endereco{
    width: 270px;
    padding-left: 40px;
    background-image: url('../images/layout/img_endereco.png');
    background-repeat: no-repeat;
    background-position: left top;
    font-family: 'Arimo';
    font-size: 1.1em;
    color: #454545;
}

#img_link_email{
    width: 200px;
    height: 33px;
    background-image: url('../images/layout/img_email.png');
    background-repeat: no-repeat;
    background-position: left;
}
#img_link_email a{
    font-size: 1.1em;
    font-family: 'Arimo';
    color:#454545;
    padding-left: 35px;
    
}

#img_link_fone {
    width: 34px;
    height: 33px;
    /*color: #FFFFFF;*/
    text-decoration: none;
    background-image: url(../images/layout/img_fone.png); 
    background-repeat: no-repeat;
    background-position: left;
}

#img_link_numfone{
    width: 250px;
    height: 33px;
    font-size: 1.1em;
    font-family: 'Arimo';
    color:#454545;
}   

.bg_item01{
    width: 180px; 
    height: 36px; 
    padding:0px; 
    margin: 0px;
    background-color:transparent;    
    background-image: url(../images/layout/item_bg01.jpg); 
    background-repeat: no-repeat;
    background-position: left bottom;
    text-align: left;    
}

.bg_item01 a div{
    font-family: "Raleway";
    color: #FFF;
    font-size: 0.9em;
    height: 36px;
}

.bg_item01 a:hover div{    
    width: 180px; 
    height: 36px; 
    margin: 0px;
    padding:0px;
    color: #fff;
    background-image: url(../images/layout/item_bg01_hover.jpg); 
    background-repeat: no-repeat;
    background-position: left top;    
}

.bg_item02{
    width: 180px; 
    height: 36px; 
    padding:0px; 
    margin: 0px;
    background-color:transparent;    
    background-image: url(../images/layout/item_bg02.jpg); 
    background-repeat: no-repeat;
    background-position: left bottom;
    text-align: left;    
}

.bg_item02 a div{
    font-family: "Raleway";
    color: #FFF;
    font-size: 0.9em;
    height: 36px;
}

.bg_item02 a:hover div{    
    width: 180px; 
    height: 36px; 
    margin: 0px;
    padding:0px;
    color: #fff;
    background-image: url(../images/layout/item_bg02_hover.jpg); 
    background-repeat: no-repeat;
    background-position: left top;    
}

.bg_item03{
    width: 180px; 
    height: 36px; 
    padding:0px; 
    margin: 0px;
    background-color:transparent;    
    background-image: url(../images/layout/item_bg03.jpg); 
    background-repeat: no-repeat;
    background-position: left bottom;
    text-align: left;    
}

.bg_item03 a div{
    font-family: "Raleway";
    color: #FFF;
    font-size: 0.9em;
    height: 36px;
}

.bg_item03 a:hover div{    
    width: 180px; 
    height: 36px; 
    margin: 0px;
    padding:0px;
    color: #fff;
    background-image: url(../images/layout/item_bg03_hover.jpg); 
    background-repeat: no-repeat;
    background-position: left top;    
}

.bg_item04{
    width: 180px; 
    height: 36px; 
    padding:0px; 
    margin: 0px;
    background-color:transparent;    
    background-image: url(../images/layout/item_bg04.jpg); 
    background-repeat: no-repeat;
    background-position: left bottom;
    text-align: left;    
}

.bg_item04 a div{
    font-family: "Raleway";
    color: #FFF;
    font-size: 0.9em;
    height: 36px;
}

.bg_item04 a:hover div{    
    width: 180px; 
    height: 36px; 
    margin: 0px;
    padding:0px;
    color: #fff;
    background-image: url(../images/layout/item_bg04_hover.jpg); 
    background-repeat: no-repeat;
    background-position: left top;    
}

.titulo_item{
    width: 490px; 
    padding-right:15px; 
    padding-bottom: 15px; 
    padding-top: 20px; 
    padding-left: 30px;
    color: #FFF;
    font-size: 1.2em;
}

#doc_princ{
    background-color: #626262;
    color: #fff;
    border: 0 none;
    border-color: #626262;
    font-size: 0.6em;
}

.btn_enviar{
    border-style: none;
    border: 0 none;
    background: transparent;
    background-image: url('../../images/site/cappua/btn_enviar.png');
    background-repeat: no-repeat;
    background-position: top left;
    width: 86px;
    height: 29px;
    cursor: pointer;    
    padding: 0px;
    margin: 0px;
}

#bg_fundo_home{
    background-image: url('../../images/site/cappua/fundo.jpg');
    background-position: left top;
    background-repeat: repeat-x;
    height: 240px;
    padding-top: 109px;
}

#bg_fundo_paginas{
    background-image: url('../../images/site/cappua/fundo_paginas.png');
    background-position: left top;
    background-repeat: repeat-x;
    height: 101px;
}

.separador_rodape{
    position: relative;
    float: left;
    width: 2px;
    height: 50px;
    background-color: #457ca7;
    margin-top: 25px;    
}

.separador_contato{
    position: relative;
    float: left;
    width: 1px;
    height: 300px;
    background-color: #d6d6d6;
    margin-top: 25px;
}


.moldura_foto{    
    background-image: url('../../images/site/cappua/borda_album.png');
    background-position: left top;
    background-repeat: no-repeat;
    width: 270px;
    height: 172px;
}

.moldura_foto_peq{
    background-image: url('../../images/site/cappua/borda_album_peq.png');
    background-position: left top;
    background-repeat: no-repeat;
    width: 240px;
    height: 172px;
}