@charset "UTF-8";
/* CSS Document */


/***************************************************
            Reset
***************************************************/

html, body, div, span, h1, h2, h3, h4, h5, h6, p, ol, ul, li, form, label, legend, caption, aside, details, figcaption, figure, footer,header, hgroup, menu, nav, section, summary {
    margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

ol, ul {
  list-style: none;
}


a img {border:none}


aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display: block}



* {
  margin:0px;
  padding:0px;
}
p {
  margin:0px;
}

html, body {
  height: 100%;
}
body {
  background:url(../images/px_c03foot.jpg) repeat;
  width:100%;
  
  


}
#wrap {
 width: 100%;
}
.clear {
  clear:both
}

.bold { font-weight:bold}
/* *************** header ********************************************/

#header {
  width:100%;
  height:90px;
  background-color:#FFFFFF;
}
#header_container {
  width:960px;
  height:90px;
  margin:0px auto;
  position:relative;

}

#logo_corp a {
  background:url(../images/logo_AT.jpg) no-repeat top left;
  position:absolute;
  top:16px;
  left:20px;
  width:335px;
  height:64px;
  cursor:pointer;
}


#logo_corp_zepa a {background:url(../images/logo_corp_zepa.jpg) no-repeat top left;
  position:absolute;
  top:16px;
  left:20px;
  width:294px;
  height:66px;
  cursor:pointer;}
/* ******************** Menu *********************************/
#menu {
  position:absolute;
  right:10px;
  top:55px;
  height:25px;
}
#menu ul {
  list-style-type:none;
}
#menu li {
  display:inline;
  margin-right:10px;
  font-family: 'MyriadProRegular', Arial, Helvetica, sans-serif;
  font-size:14px;
  color:#666666;
}
#menu li a {
  font-family: 'MyriadProRegular', Arial, Helvetica, sans-serif;
  font-size:14px;
  text-decoration:none;
  color:#666666;
}
#menu li a:hover {
  font-family: 'MyriadProRegular', Arial, Helvetica, sans-serif;
  font-size:14px;
  text-decoration:none;
  color:#e88800;
}
#menu li a.active {
  font-family: 'MyriadProRegular', Arial, Helvetica, sans-serif;
  font-size:14px;
  text-decoration:none;
  color:#e88800;
}
/* ************ Container home **************/

#container_banner_home {
  width:100%;
  height:100%;
/*  background-color:#FFF;*/
  background:url(../images/px_c02_hm.png) repeat;
}

#banner {
  margin:0px auto;
  width:960px;
  height:350px;
  background:url(../images/banner_proposta_ATC.jpg) no-repeat top left;
  position:relative;
}

#banner_es {
  margin:0px auto;
  width:960px;
  height:350px;
  background:url(../images/banner_proposta_ATC_es.jpg) no-repeat top left;
  position:relative;
}


#banner_eng {
  margin:0px auto;
  width:960px;
  height:350px;
  background:url(../images/banner_proposta_ATC_eng.jpg) no-repeat top left;
  position:relative;
}
#frase_titulo {position:absolute; top:20px; left:20px;font-family:'MyriadProRegular', Arial, Helvetica, sans-serif;font-size:35px; color:#FFFFFF; line-height:normal;


}

.box_logotipo {
  background-color: #ffffff;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  position:absolute;
  right:20px;
  bottom:20px;
    text-align:center;
  line-height:100%;
}

.box_logotipo img {
  padding:10px;
}
#main_container {
  background-color:#f1f1f1;
  width:100%;
  /*padding-bottom:20px;*/
}
#main_home {
  width:960px;
  margin:0px auto;
}
.col_manin_left {
  float:left;
  padding:20px;
  width:45%;
  color:#666666;
}
.col_manin_right {
  float:right;
  padding:20px;
  width:35%;
  color:#666666;
}
.col_manin_right p, .col_manin_left p {
  font-family:Arial, Helvetica, sans-serif;
  font-size:14px;
  color:#666666;
  line-height:120%
}
/* ************ Container negocios **************/

.col_content_left {
  float:left;
  width:45%;
  color:#666666;
  margin:20px 0px 0px 20px;
}
.col_content_right {
  float:right;
  width:45%;
  color:#666666;
  margin:20px 20px 0px 0px;
}
.col_content_center {
  float:left;
  width:100%;
  color:#666666;
}
.col_content_center01 {
  margin-left:20px;
  
  width:95%;
  
}

.col_manin_right p, .col_manin_left p, .col_content_center p {
  font-family:Arial, Helvetica, sans-serif;
  font-size:14px;
  color:#666666;
  line-height:120%;
}
.col_content_left p, .col_content_right p, .col_content_center p {
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#666666;
  line-height:120%
}

.col_content_3 {
  float:left;
  width:28%;
  color:#666666;
  background-color:#e5e4e4;
  margin:5px -5px 0px 15px;
  padding:15px;
  min-height:180px;
}

.col_content_2_1 {
  float:left;
  width:65%;
  color:#666666;
  /*margin-left:10px;*/
  margin-top:10px;
  padding:15px;
  height:120px;
}
.col_content_2_2 {
  float:right;
  width:26%;
  color:#666666;
  margin-left:10px;
  margin-top:10px;
  padding:15px;
  height:120px;
}
.col_content_4 {
  float:left;
  width:28%;
  color:#666666;
/*  background-color:#e5e4e4;
*/  margin:5px -5px 0px 15px;
  padding:15px;
  min-height:180px;
}
.box_content4_01 a {
  color:#333333;
  text-decoration:underline;
}
.box_content4_01  {
  background:url(../images/px_c02_az05.png) repeat;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#666666;
  line-height:120%;}
  
  .box_content4_01 p {
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#666666;
  line-height:120%;}
  
  .box_content4_01 h2 {
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  font-weight:bold;
  color:#666666;
  line-height:120%;
  padding-bottom:10px;}
  
.box_content4_02  {
  background:url(../images/px_c02_az04.png) repeat;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#333;
  line-height:120%;}
  
  .box_content4_02 p {
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#333;
  line-height:120%;}
  
  .box_content4_02 h2 {
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  font-weight:bold;
  color:#333;
  line-height:120%;
  padding-bottom:10px;}
  
  .box_content4_03  {
  background:url(../images/px_c02_az03.png) repeat;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#666666;
  line-height:120%;}
  
  .box_content4_03 p {
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#666666;
  line-height:120%;}
  
  .box_content4_03 h2 {
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  font-weight:bold;
  color:#666;
  line-height:120%;
  padding-bottom:10px;}
  
  .box_content4_03 a {
  color:#333;
  text-decoration:underline;
}

.col_content_3  p{
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#666666;
  line-height:120%;  
}

.col_content_3 h2   {
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  font-weight:bold;
  color:#666666;
  padding-bottom:10px;
  
}

.col_content_3 a {
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#666;
  text-decoration:underline;
  
}

.col_content_3 a:hover {
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#e68a2a;
  text-decoration:underline;
  
}
.topo_titulos_lj {
  background:url(../images/bgr_menu_lj.png) repeat-x;
  height:35px;
  color:#FFFFFF;
  line-height:35px;
  -moz-border-radius: 5px 5px 0px 0px;
  -webkit-border-radius: 5px 5px 0px 0px;
  border-radius: 5px 5px 0px 0px;
  
}
.topo_titulos_lj p, .topo_titulos_lj h3 {
  padding-left:10px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:14px;
  font-weight:bold;
  color:#FFFFFF;
  line-height:35px;
  
  
}
/* ******************** box_conteudos *******************************/
.box_conteudos {font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#666666;
  line-height:130%;
/*  padding:20px;*/
  padding:20px 20px 10px 20px;

   }
   
   .box_conteudos img {
  padding:0px 10px 5px 0px;
  text-align:left;
   }
   
   .box_conteudos ul {
     list-style:none;
     
   }
   
   .box_conteudos li {
     
     font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#666666;
  line-height:130%;
   }


.box_conteudos h3 {font: bold 14px Arial, Helvetica, sans-serif; margin-bottom:10px;}

.box_conteudos a {font: 12px Arial, Helvetica, sans-serif; color:#e68a2a;text-decoration:none;}

.box_destaque {font: 12px Arial, Helvetica, sans-serif; line-height:140%; background:url(../images/px_c02_az03.png) repeat; padding:15px; color:#666666;}


/* ************* box centro ************************************/



.box_centro {width:100%; padding:25px 0px;  color:#666666;  text-align:center}

.f30  {font-family:Arial, Helvetica, sans-serif; font-size:25px;line-height:150%;}
.f20  {font-family:Arial, Helvetica, sans-serif; font-size:20px;line-height:130%;}


/* *************** tabela seguros *************************/


.tab_geral { font:0.9em sans-serif; padding:5px 5px; color:#666666;  }

.tab_basico { font:0.9em sans-serif; padding:5px 5px; color:#666666; border-bottom:#ccc 1px solid; }
.tab_basico1 { font:0.9em sans-serif; padding:5px 5px; color:#666666; border-bottom:#ccc 1px solid; background-color:#FFFFFF }

/*************************** input *****************************/

.box_sim {
  width:40%;
  height:auto;
  margin-top:20px;
  
display:none;
  background:url(../images/px_c02_az05.png) repeat;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#666666;
  line-height:120%;
  padding:15px;}



.box_nao {width:95%;
  height:auto;
  margin-top:20px;
  
  display:none;
  background:url(../images/px_c02_az05.png) repeat;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#666666;
  line-height:120%;
  padding:15px;}
  
  
.box_sim input, .box_nao input {border:0px; height:20px; float:left; }  

.box_sim label, .box_nao label {
  font-family:Arial, Helvetica, sans-serif; font-size:12px; margin-right:5px; float:left; width:100px;
  
  }  

.box_sim label span, .box_nao label span {
  font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#e68a2a;
  
  }  
.bt_enviar { background:url(../images/bgr_menu_lj.png) repeat;
width:70px; height:25px; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:14px; cursor:pointer;}

.box_form_nao {padding-bottom:5px; margin-right:10px; font-family:Arial, Helvetica, sans-serif; font-size:12px; float:left; width:40%; padding-bottom:10px;}



/* ************ footer *******************************/
#footer {
  width:100%;
}
#footer_content {
  width:920px;
  padding:20px;
  margin:0px auto;
}
#footer_content p {
  font-family:Arial, Helvetica, sans-serif;
  font-size:10px;
  color:#666666;
}
#footer_content a {
  font-family:Arial, Helvetica, sans-serif;
  font-size:10px;
  color:#666666;
  text-decoration:none
}
#footer_content a:hover {
  text-decoration:underline
}
/************ FONTS *******************/

@font-face {
  font-family: 'MyriadProRegular';
  src: url('../fonts/myriadpro-regular-webfont-webfont.eot');
  src: url('../fonts/myriadpro-regular-webfont-webfont.eot?#iefix') format('embedded-opentype'),  url('../fonts/myriadpro-regular-webfont-webfont.woff') format('woff'),  url('../fonts/myriadpro-regular-webfont-webfont.ttf') format('truetype'),  url('../fonts/myriadpro-regular-webfont-webfont.svg#MyriadProRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}

/**************** lang *******************/
#lang {
  position:absolute;
  top:5px;
  right:20px;
  width:40px;
  height:14px;
}
#lang ul {
  list-style-type:none;
}

#lang li {
  float: left;
margin-left: 2px;
  height: 14px;
  width: 18px;
  background-repeat: no-repeat;
  background-position: left top;
  /*text-indent: -99999px;*/
  text-decoration:none;
  
  
}
#lang li a {
  float: left;
  margin-left: 2px;
  height: 14px;
  width: 18px;
  background-repeat: no-repeat;
  background-position: left top;
  /*text-indent: -99999px;*/
  border:0px;
  cursor:pointer;
  color:#666666;
  text-decoration:none;
  
  
}
.lang_pt {
  display:inline;
  width:18px;
  height:14px;
  background:url(../images/pt.jpg) no-repeat;
  font-family: 'MyriadProRegular', Arial, Helvetica, sans-serif;
  font-size:10px;
  text-transform:uppercase;

}
.lang_esp  {
  display:inline;
  width:18px;
  height:14px;
  background:url(../images/esp.jpg) no-repeat;
    font-family: 'MyriadProRegular', Arial, Helvetica, sans-serif;
  font-size:10px;
  text-transform:uppercase;

}

.lang_eng  {
  display:inline;
  width:18px;
  height:14px;
  background:url(../images/eng.jpg) no-repeat;
    font-family: 'MyriadProRegular', Arial, Helvetica, sans-serif;
  font-size:10px;
  text-transform:uppercase;

}

.lang_pt2 {
  display:inline;
  width:18px;
  height:14px;
  /*background:url(../images/pt.jpg) no-repeat;*/
  font-family: 'MyriadProRegular', Arial, Helvetica, sans-serif;
  font-size:10px;
  text-transform:uppercase;
  color:#666666;

}
.lang_esp2  {
  display:inline;
  width:18px;
  height:14px;
  /*background:url(../images/esp.jpg) no-repeat;*/
  font-family: 'MyriadProRegular', Arial, Helvetica, sans-serif;
  font-size:10px;
  text-transform:uppercase;
  color:#666666;

}

.lang_eng2  {
  display:inline;
  width:18px;
  height:14px;
  /*background:url(../images/eng.jpg) no-repeat;*/
  font-family: 'MyriadProRegular', Arial, Helvetica, sans-serif;
  font-size:10px;
  text-transform:uppercase;
  color:#666666;

}


/* ****************** responsive *******************************************/


/* iPads (restrato e paisagem) */
@media screen and (max-width:800px), screen and (max-width:768px) {
  
  
  #banner .box_logotipo {
  background-color: #ffffff;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  position:absolute;
  right:20px;
  bottom:20px;
  width:250px;
  height:90px;
  text-align:center;
  line-height:100%;
}

.box_logotipo img {
  padding:15px;
}

.col_content_2_1 {
  /*float:left;*/
  width:65%;
  color:#666666;
  
  padding:5px;
  height:140px;
}
.col_content_2_2 {
  
  /*float:left;*/
  width:30%;
  color:#666666;

  padding:5px;
  height:140px;
}
  
      /* estilos */
#logo_corp a {
  background:url(../images/logo_ATx200.png) no-repeat top left ;
  position:absolute;
  top:23px;
  left:15px;
  width:300px;
  height:57px
}

#logo_corp_zepa a {background:url(../images/logo_corp_zepa.jpg) no-repeat top left;
  position:absolute;
  top:15px;
  left:15px;
  width:294px;
  height:66px}
      
#header_container {
  width:100%;
  height:90px;
  margin:0px auto;
  position:relative;
}  



#menu {
  position:absolute;
  right:10px;
  top:50px;
  height:25px;
}
#menu li {
  display:inline;
  margin-right:5px;
  font-family: 'MyriadProRegular', Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#666666;
}    
#menu li a {
  font-family: 'MyriadProRegular', Arial, Helvetica, sans-serif;
  font-size:12px;
  text-decoration:none;
  color:#666666;
}
#menu li a:hover {
  font-family: 'MyriadProRegular', Arial, Helvetica, sans-serif;
  font-size:12px;
  text-decoration:none;
  color:#e88800;
}
#menu li a.active {
  font-family: 'MyriadProRegular', Arial, Helvetica, sans-serif;
  font-size:12px;
  text-decoration:none;
  color:#e88800;
}

#banner {
  margin:0px auto;
  width:100%;
}

#banner img {
    max-width: 100%;
}
#container_banner_home {
  width:100%;
  height:100%;
  background:url(../images/px_c02.jpg) repeat;
}

#main_home {
  width:100%;
  margin:0px auto;
}

#main_content {
  width:100%;
  margin:0px auto;
}

.col_manin_right {
  float:right;

}

.col_manin_right img, .col_manin_center img, .col_manin_left img  {
  max-width: 100%;
  height:auto;
}

.col_content_2_1 img, .col_content_2_2 img {
  max-width: 100%;
  height:auto;
}
.col_content_3 {
  float:left;
  width:28%;
  margin:15px -10px 5px 15px;


}
.col_content_4 {
  float:left;
  width:85%;
  color:#666666;
/*  background-color:#e5e4e4;
margin:5px -5px 0px 15px;*/  
  padding:10px;
  min-height:100px;
}

#footer_content {
  width:90%;
  
}    
}

@media screen and (max-width:640px), screen and (max-width:480px){

#banner {
  margin:0px auto;
  width:100%;
  height:160px;
  background:url(../images/banner_proposta_ATC.jpg) no-repeat -200px -50px;
  position:relative;
}
  
#banner .box_logotipo {
  background-color: #ffffff;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  position:absolute;
  left:20px;
  top:20px;
  width:250px;
  height:90px;
  text-align:center;
  line-height:100%;
}

.box_logotipo img {
  padding:15px;
}
      /* estilos */
  
#logo_corp a {
  background:url(../images/logo_ATx200.png) no-repeat top left ;
  position:absolute;
  top:5px;
  left:5px;
  width:300px;
  height:57px
}

#logo_corp_zepa a {background:url(../images/logo_corp_zepa.jpg) no-repeat top left;
  position:absolute;
  top:5px;
  left:5px;
  width:294px;
  height:66px}

#header{width:100%;
  height:110px;}      


#menu {
  position:absolute;
  left:10px;
  top:75px;

}
#menu li {
  float:left;
  display:inline;
  margin-right:5px;
  font-family: 'MyriadProRegular', Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#666666;
}    
#menu li a {
  font-family: 'MyriadProRegular', Arial, Helvetica, sans-serif;
  font-size:12px;
  text-decoration:none;
  color:#666666;
}
#menu li a:hover {
  font-family: 'MyriadProRegular', Arial, Helvetica, sans-serif;
  font-size:12px;
  text-decoration:none;
  color:#e88800;
}
#menu li a.active {
  font-family: 'MyriadProRegular', Arial, Helvetica, sans-serif;
  font-size:12px;
  text-decoration:none;
  color:#e88800;
}

#banner {
  margin:0px auto;
  width:100%
}


#banner {
    max-width: 100%;

}
#container_banner_home {
  width:100%;
  height:100%;
  background:url(../images/px_c02.jpg) repeat;
}

#main_home {
  width:100%;
  margin:0px auto;
}

#main_content {
  width:100%;
  margin:0px auto;
}

.col_manin_right, .col_manin_left {
  
  width:90%; float:left;}
  
.col_manin_right img, .col_manin_center img, .col_manin_left img  {
  max-width: 100%;
}

.col_content_2_1 {
  /*float:left;*/
  width:100%;
  color:#666666;
  
  padding:5px;
  height:auto;
}
.col_content_2_2 {
  
  /*float:left;*/
  width:100%;
  color:#666666;

  padding:5px;
  height:auto;
}
.col_content_4 {
  float:left;
  width:85%;
  color:#666666;
/*  background-color:#e5e4e4;
margin:5px -5px 0px 15px;*/  
  padding:10px;
  min-height:100px;
}
.col_content_3 {
  float:left;
  width:85%;
  color:#666666;
  background-color:#e5e4e4;
  padding:10px;
  min-height:160px;

}

.box_form_nao {padding-bottom:5px; font-family:Arial, Helvetica, sans-serif; font-size:12px; float:left; width:100%;}

.box_sim {
  width:95%;
  height:auto;
  }


#footer_content {
  width:90%;
}
    
}