/* CSS Document */

* {
    margin:0;
    padding:0;
    list-style:none;


}



body {
       background-image: url(//plastcor.com.br/wp-content/themes/plastcor/assets/images/bg-header.svg);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% auto;
    background-color: #FFF1F1;
    color: #6C6C6C;
    font-family: "Gotham",sans-serif;
    font-size: 16px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smooth: antialiased;
    font-weight: 400;
    position: relative;
    line-height: 1.1;
    margin: 0;
    min-height: 100%;
}

p{
   text-align: justify;
}



a:link, a:active, a:visited, a:hover {
    color: #000;
    text-decoration:none;
}

a:hover {
    text-decoration:none;
}

a img {
    border:none;
}

h1 {
    font-size: 20px;
    padding-top: 5px;
}

i {
    font-size: 16px;
}

.clear { clear:both; }



/******************************************************************************************
* ESTRUTURA
/******************************************************************************************/
#cx_geral {
 margin:0 auto;
    padding:0;
width: 960px;
margin-top: 25px;

}


/******************************************************************************************
* TOPO
/******************************************************************************************/
#topo ul {


}
#topo ul li#logo {
    margin-bottom: 40px;
    padding-bottom: 7px;
    margin-top: 65px;
}


#topo ul li#logo img {
display: block;
max-width: 207px;
float: left;

}


#topo ul li#midias {
float: left;
margin-left: 435px;
margin-top: 75px;

}

#topo ul li#selo {
float: right;
margin-top: 5px;

}


/******************************************************************************************
*MENU
/******************************************************************************************/
#menu {
width: 960px;
height: 65px;
background-image: url(../img/bg-menu.png) ;
margin-top: -15px;
}

#menu ul li p a {
color: #fff;
font-weight: bold;
font-size: 16px;

}



#menu ul li{
padding-top: 25px;
margin-left: 20px;


}


/******************************************************************************************
*conteudo_representantes
/******************************************************************************************/
#conteudo_representantes {
    background-color: #fff;
    border-radius: 10px;
    display: block;
    margin: 60px auto;
    max-width: 960px;
    padding: 60px 30px;
}

#conteudo_representantes ul#link_cima {
padding-top: 15px;
}


#conteudo_representantes ul#link_cima li#escrita {
font-size: 14px;
margin-left: 15px;
}

#conteudo_representantes ul#link_cima li#escrita p a {
color: #0088cd;
}


/******************************************************************************************
*MAPA
/******************************************************************************************/


#conteudo_representantes ul#mapa {
margin-top: 20px;
margin-left: 20px;
width: 296px;
height: 294px;

}

/******************************************************************************************
*REPRESENTANTEs
/******************************************************************************************/


#conteudo_representantes ul#representantes {
margin-top: 20px;

width: 550px;
float: right;
margin-top: -318px;
margin-right: 40px;
}

#conteudo_representantes ul#representantes li#Antonio h1 {
height: 30px;
background-image: url(../img/bg_representante_antonio_carlos.png) ;



 
}

#conteudo_representantes ul#representantes li#Antonio  {
margin-bottom: 70px;
 
}

#conteudo_representantes ul#representantes li#Antonio h1 a {
color: #fff;
margin-left: 30px;

 
}

#conteudo_representantes ul#representantes li#Antonio p {
float: left;
margin-top: 25px;
margin-left: 30px;

 
}

#conteudo_representantes ul#representantes li#Antonio p a {
color: #0088cc;

}



#conteudo_representantes ul#representantes li#Juliana {
margin-bottom: 70px;
 
}

#conteudo_representantes ul#representantes li#Juliana h1 {
height: 30px;
background-image: url(../img/bg_representante_juliana.png) ;
 
}

#conteudo_representantes ul#representantes li#Juliana h1 a {
color: #fff;
margin-left: 30px;
}

#conteudo_representantes ul#representantes li#Juliana p {
float: left;
margin-top: 25px;
margin-left: 30px;
}

#conteudo_representantes ul#representantes li#Juliana p a {
color: #0088cc;
}




#conteudo_representantes ul#representantes li#Matheus {
margin-bottom: 340px;
 
}

#conteudo_representantes ul#representantes li#Matheus h1 {
height: 30px;
background-image: url(../img/bg_representante_matheus.png) ;
 
}

#conteudo_representantes ul#representantes li#Matheus h1 a {
color: #fff;
margin-left: 30px;
}

#conteudo_representantes ul#representantes li#Matheus p {
float: left;
margin-top: 25px;
margin-left: 30px;;
}

#conteudo_representantes ul#representantes li#Matheus p a {
color: #0088cc;
}





#conteudo_representantes ul#representantes li#Paulo {
margin-bottom: 90px;
 
}

#conteudo_representantes ul#representantes li#Paulo h1 {
height: 30px;
background-image: url(../img/bg_representante_paulo.png) ;
 
}

#conteudo_representantes ul#representantes li#Paulo h1 a {
color: #fff;
margin-left: 30px;
}

#conteudo_representantes ul#representantes li#Paulo p {
float: left;
margin-top: 25px;
margin-left: 30px;
 
}

#conteudo_representantes ul#representantes li#Paulo p a {
color: #0088cc
 
}




#rodape {
background: url(../img/footer.jpg);
height: 242px;
width: 100%;
color: #fff;
}
#rodape #escrita {
margin:0 auto;
    padding:0;
width: 960px;
}


#rodape #escrita ul#links {
float: left;
padding-top: 20px;
margin-right: 200px;
}

#rodape #escrita ul#links li h1 {
font-size: 28px;
margin-bottom: 15px;
}

#rodape #escrita ul#links li p a {
color: #fff;
}

#rodape #escrita ul#links li p a b {
font-size: 18px;
}


table.titulos {
    background-color: #FFFFFF;
    width: 70%;
    margin-left: 15%;
    height: 100px;
    text-align: center;
    border-collapse: collapse;
    margin-top: 30px;
}


#rodape #escrita ul#CONTATOS {
float: left;
padding-top: 20px;
margin-right: 200px;
}

#rodape #escrita ul#CONTATOS li h1 {
font-size: 28px;
margin-bottom: 15px;
}

#rodape #escrita ul#CONTATOS li p a {
color: #0088cc;
}


/* Calculadora */
#calculadora{
    width:500px; 
    height:192px; 
    background-image:url(../img/form.png); 
    background-repeat:no-repeat; 
  margin-left: 250px;
  margin-top: 30px;
    padding-left:15px; 
    padding-top:40px;
}



/* Formulario */
.span{font:15px Arial, Helvetica, sans-serif; color:#fff; font-weight:bold;}
.in{background-color: #FFF1F1;
    border: 1px solid #dbdbdb;
    border-radius: 5px;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 1rem;
    height: 45px;
    padding: 0 15px;
    width: 50%;}
.f{border:0;}
.btn{background-color: #1766AE;
    border: 1px solid #1766AE;
    border-radius: 5px;
    height: 45px;
    margin-left: 15px;
    width: 140px;
    color:#ffffff;
}

.btn:hover{background:#0B2E5E; color:#ffffff; border:1px solid #0B2E5E; cursor:pointer;}


/* IMC */
#imc{width:100%; height:auto; padding-left:100px;}
#resultado h1{font:20px Arial, Helvetica, sans-serif; font-weight:bold; color:#FFF; margin-left:50px;}
#resultado h2{font:100px Arial, Helvetica, sans-serif; font-weight:bold; color:#FFF; margin-left:50px;}

/* Calculadora */
#resultado{
    width:500px; 
    height:406px; 
    background-image:url(../img/res.png); 
    background-repeat:no-repeat; 
 margin-left: 250px;
 margin-top: 30px;

    padding-left:15px; 
    padding-top:40px;
}