/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 26/03/2014, 08:23:29
    Author     : Suporte
*/

/*Fontes*/
@font-face {
    font-family: 'HevelticaCdHv';
    src: url('fonts/HelveticaCdHv.ttf') format('truetype');
}
@font-face {
    font-family: 'HevelticaCdMed';
    src: url('fonts/HelveticaCdMed.ttf') format('truetype');
}


body{
    margin-top:0px; 
    margin-left:0px;
    margin-right:0px;
    margin-bottom:0px;
    overflow-x:hidden;
    font-family: 'Verdana', sans-serif;
    font-size:14px;
    color:#FFF;	

}
img {
    border:0px;
}

.hov img:hover{
    opacity: 0.8;
}

/*.opa:hover{
    opacity: 0.5; 
    filter:alpha(opacity=80);
}
.opa_fraco:hover {
    opacity: 0.9; 
    filter:alpha(opacity=80);
}*/
a{
    text-decoration: none;
    color: black;

}
a:link, a:visited {
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}
a:active {
    text-decoration: none;
}

.header {
    top:0;
    width: 100% ;
    height:60px ; 
    background-color:#B60D12;	
    background-repeat:repeat-x;
    position:fixed;
    z-index:-2;
}

.logo{
    width: 20%;
    padding-top: 15px;
    float: left;
    height: 45px;
}


.menu {
    padding-top:23px;
    width: 54%;
    height:37px;
    margin:0 auto;
    font-family: 'HevelticaCdHv', Verdana, Arial;
    color: white;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
    float: left;
    text-align:left;
    position: relative;
    left: 10%;
	z-index:100;

}

.menu ul {
    text-align:right;

}

.menu li {
    float:left;
    margin-left:5px;
    list-style-type:none;
    border-right:2px solid white;
}
.primeiro-menu{
    border-left: 2px solid white;
}

.menu li a { 
    color: white;
    text-decoration:none;
    padding: 10px;
    cursor: pointer;    
}

.menu li a:hover, a:active { 
    color:black;
}

.face{
    width: 26%;
    padding-top:23px;
    height: 37px;
    float: right;
    position: relative;
    left: 10%;
}

.rodape {
    bottom:0px;
    width : 100% ;
    height:25px ; 
    background-color:#B60D12;	
    background-repeat:repeat-x;
    position:fixed;
    z-index:2;
    color:white;
    padding-top:10px;
    font-family: 'HevelticaCdMed', Verdana, Arial;
}

.rodape a {
    color:white;
}

.centro-index{
    width: 1000px;
    margin-left: 50%;
    left: -500px;
    
    position: absolute;
    top: 10%;
}

.cadastro_news {
    padding:10px;
    margin: 100px 0 50px 30px;
    float: left;
    width :230px; 
    position: relative; 
    background-color:#B60D12;
    color:white;

    /* ARREDONDAR BORDAR */
    -moz-border-radius: 10px; /* Para Firefox */
    -webkit-border-radius: 10px; /*Para Safari e Chrome */
    border-radius: 10px; /* Para Opera 10.5+*/
}


.quadro-conteudo {
    padding:30px;
    margin-top: 100px;
    margin-left: 50%;
    left: -500px;
    width: 1000px ; 
    position: absolute; 
    background-color:#C9C9C9;

    /* ARREDONDAR BORDAR */
    -moz-border-radius: 10px; /* Para Firefox */
    -webkit-border-radius: 10px; /*Para Safari e Chrome */
    border-radius: 10px; /* Para Opera 10.5+*/

    opacity:0.9;
    -moz-opacity: 0.9; 
    filter: alpha(opacity=90);
	z-index:-90;
	
}

h1{
    font-family: 'HelveticaCdMed', Verdana, Arial;
    color: black;
    font-size: 20px;
}




p{
    font-family: 'HelveticaCdMed', Verdana, Arial;
    color: black;
    font-size: 12px;
}


h2{
    font-family: 'HelveticaCdMed', Verdana, Arial;
    color: white;
    font-size: 16px;
}

.campo{
    height: 20px;
    border: 2px solid #000;
    margin-bottom: 7px;
    /*    background: -webkit-gradient(linear, 0% 50%, 0% 100%, from(#FFFFFF), to(#BFBFBF));*/
    background: #fff;
    padding: 3px;
    color: #aaa;
}

.esquerda{
    width: 45%;
    float: left;
}
.direita{
    width: 55%;
    float: left;

}

.enviar{
    height: 30px;
    width: 100px;
    border-right: 2px solid #000;
    border-bottom: 2px solid #000;
    margin-bottom: 7px;
    /*    background: -webkit-gradient(linear, 0% 50%, 0% 100%, from(#FFFFFF), to(#BFBFBF));*/
    background: #fff;
    padding: 3px;
    color: #000;
    font-weight: bold;
    text-transform: uppercase;
    float: left;
    
}

.cadastrar{
    -moz-border-radius: 10px; /* Para Firefox */
    -webkit-border-radius: 10px; /*Para Safari e Chrome */
    border-radius: 10px; /* Para Opera 10.5+*/
    height: 25px;
    width: 100px;
    border: 2px solid #FFF;
    margin-bottom: 7px;
    /*    background: -webkit-gradient(linear, 0% 50%, 0% 100%, from(#FFFFFF), to(#BFBFBF));*/
    background: #FFF;
    padding: 3px;
    color: black;
    font-weight: bold;
    text-transform: uppercase;
    float: left;
    margin-left: 30%;
    
}


.produtos_botoes {
    width:100%;
    height: 45px;
    text-align:center; 
}

.botoes_prod {
        -moz-border-radius: 10px; /* Para Firefox */
    -webkit-border-radius: 10px; /*Para Safari e Chrome */
    border-radius: 10px; /* Para Opera 10.5+*/
    
    height: 30px;
    width: 130px;
    margin-bottom: 7px;
    margin-right: 4px;
    /*    background: -webkit-gradient(linear, 0% 50%, 0% 100%, from(#FFFFFF), to(#BFBFBF));*/
    background: #B60D12;
    padding-top: 13px;
    color: black;
    font-weight: bold;
    text-transform: uppercase;
    float: left;
    
}
.botoes_prodi {
        -moz-border-radius: 10px; /* Para Firefox */
    -webkit-border-radius: 10px; /*Para Safari e Chrome */
    border-radius: 10px; /* Para Opera 10.5+*/
    
    height: 40px;
    width: 130px;
    margin-bottom: 7px;
    margin-right: 4px;
    /*    background: -webkit-gradient(linear, 0% 50%, 0% 100%, from(#FFFFFF), to(#BFBFBF));*/
    background: #B60D12;
    padding-top: 3px;
    color: black;
    font-weight: bold;
    text-transform: uppercase;
    float: left;
    
}

.botoes_prod_sel {
        -moz-border-radius: 10px; /* Para Firefox */
    -webkit-border-radius: 10px; /*Para Safari e Chrome */
    border-radius: 10px; /* Para Opera 10.5+*/
    
    height: 30px;
    width: 130px;
    margin-bottom: 7px;
    margin-right: 4px;
    /*    background: -webkit-gradient(linear, 0% 50%, 0% 100%, from(#FFFFFF), to(#BFBFBF));*/
    background: white;
    padding-top: 13px;
    color: black;
    font-weight: bold;
    text-transform: uppercase;
    float: left;
    
}
.botoes_prod_selo {
        -moz-border-radius: 10px; /* Para Firefox */
    -webkit-border-radius: 10px; /*Para Safari e Chrome */
    border-radius: 10px; /* Para Opera 10.5+*/
    
    height: 40px;
    width: 130px;
    margin-bottom: 7px;
    margin-right: 4px;
    /*    background: -webkit-gradient(linear, 0% 50%, 0% 100%, from(#FFFFFF), to(#BFBFBF));*/
    background: white;  
    padding-top: 3px;    
    color: black;
    font-weight: bold;
    text-transform: uppercase;
    float: left;
    
}

.imagem-ref{
    -moz-border-radius: 10px; /* Para Firefox */
    -webkit-border-radius: 10px; /*Para Safari e Chrome */
    border-radius: 10px; /* Para Opera 10.5+*/
    
    border: 3px solid #000;
}

.detalhe-ref{
      -moz-border-radius: 10px; /* Para Firefox */
    -webkit-border-radius: 10px; /*Para Safari e Chrome */
    border-radius: 10px; /* Para Opera 10.5+*/
    margin-top: 15px;
    margin-bottom: 15px;
    background-color:#000;
    color:#FFF;
    font-size:14px;
}

.barra-vermelha{
    border-bottom: 2px solid #B60D12;
}

.span{
    color: #B60D12;
}