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


.default.pane-style-with-border.panel-pane-items-3 .group-highlight-modular-item{ border:none !important; }
.default.pane-style-with-border.panel-pane-items-3 .group-highlight-modular-item img{ width:298px !important; }


.pane-bundle-custom-highlight-carrousel ul.field-name-field-imagem-carrousel li { float: left; width: 226px; text-align:center; }
.pane-bundle-custom-highlight-carrousel .pane-content { padding:0px 0px 75px 0px !important; }
.pane-bundle-custom-highlight-carrousel .field-name-field-titulo a { color:#333333; font-family: dinMedium;  }
.pane-bundle-custom-highlight-carrousel .field-name-field-titulo a:hover {text-decoration: none !important;}
.pane-bundle-custom-highlight-carrousel .field-name-field-imagem-items img { margin:0 auto;}
.pane-bundle-custom-highlight-carrousel .pane-title {font-weight:bold; color:#666666;}
.pane-bundle-custom-highlight-carrousel .pane-title-wrapper { border: solid 0px;}


body.section-clarovisitors {

 color: #696969;

}

body.section-clarovisitors p{

 margin:5px;

}



body.section-clarovisitors h2{

 font-family: "DinMedium",Arial,Helvetica,"Nimbus Sans L",sans-serif;

}



.section-clarovisitors .text-bottom{

 margin-bottom: 20px;

}



.section-clarovisitors .panel-pane {

 margin-bottom: 0;

}

.section-clarovisitors .pane-title-wrapper{

 margin-bottom: 20px;

}

.section-clarovisitors .pane-title-wrapper h2.pane-title{

 font-size: 25px;

}



.section-clarovisitors h1.title {

 width: 400px;

 float: left;

 margin-bottom: 0;

 font-size: 35px;

}



.section-clarovisitors .fieldable-panels-pane .field .field-items .field-item .menu-visitors{

 width: 264px;

 height: 34px;

 float: right;

 background: url("/sites/all/themes/claro/img-source/visitors/bg-menu.png");

 padding: 0 0 0 1px;

}



.section-clarovisitors .fieldable-panels-pane .field .field-items .field-item .menu-visitors li{

 float: left;

 width: auto;

 list-style: none;

 padding: 0;

}



.section-clarovisitors .fieldable-panels-pane .field .field-items .field-item .menu-visitors li a{

 float: left;

 width: auto;

 height: 31px;

 color: #fff;

 font-weight: bold;

 font-size: 10px;

 background: url("/sites/all/themes/claro/img-source/visitors/menu-hover.png");

 padding: 0 17px;

 line-height:31px;

 text-transform: uppercase;

 margin: 2px 0 1px 1px;

}



.section-clarovisitors .fieldable-panels-pane .field .field-items .field-item .menu-visitors li.first{

 padding: 0 0 0 1px;

} 



.section-clarovisitors .fieldable-panels-pane .field .field-items .field-item .menu-visitors a:hover,

.section-clarovisitors .fieldable-panels-pane .field .field-items .field-item .menu-visitors li.active a{

 text-decoration: none;

 background: none;

 color: #d8d3d3;

}



.section-clarovisitors .banner-visitors{

 display: block;

 margin-top: 10px;
 
 width:935px; 

}



.section-clarovisitors .pane-title-wrapper{

 border-bottom: none;

}



.section-clarovisitors table.tabela-visitors{

 border: none;

 width: 940px;

 height: 501px;

 margin-top: 20px;

 margin-bottom: 0;

 font-family: arial;

}



.section-clarovisitors table.tabela-visitors tr{

 height: 135px;

}



.section-clarovisitors table.tabela-visitors p{

 font-size: 20px;

    line-height: 26px;

    margin: 0 0 10px;

    padding: 16px 0 0 160px;

    text-align: left;

    width: 300px;

    text-align: left!important;

}



.section-clarovisitors .footer-tabela{

    font-size: 20px;

    height: 128px;

    line-height: 90px;

    padding-left: 142px;

    width: 798px;

    margin:0 0 10px 0;

}



.section-clarovisitors .box-produto{

 width:459px;

 float: left;

 display: block;

}



.section-clarovisitors .box-produto ul{

 margin-top: 3px;

}



.section-clarovisitors .box-produto ul li{

 list-style-type: disc; 

 list-style-position: inside;

}



.section-clarovisitors .box1{

 background: 0 0 #F2F2F2;

    border: 1px solid #D3D3D3;

    border-radius: 5px;

    float: right;

    padding: 22px;

    width: 414px;

    font-weight: bold;

    font-family: arial;

}





.section-clarovisitors .box-destaque{

 width: 338px;

 height: 397px;

 float: left;

 background: url("/sites/all/themes/claro/img-source/visitors/cadastro.png") no-repeat 0 0;

}



.section-clarovisitors .box-destaque h2{

 display: none;

}



.section-clarovisitors .box-destaque p{

 width: 207px;

 display: block;

 font-size: 16px;

 line-height: 23px;

 margin: 172px 0 0 80px;

 font-family: "DinMedium",Arial,Helvetica,"Nimbus Sans L",sans-serif;

}



.section-clarovisitors .box-ativacao{

 width: 317px;

 height: 397px;

 float: left;

 background: url("/sites/all/themes/claro/img-source/visitors/cadastro.png") no-repeat -339px 0;

}




.section-clarovisitors .box-ativacao h2{

 display: none;

}



.section-clarovisitors .box-ativacao p{

 width: 207px;

 display: block;

 font-size: 16px;

 line-height: 23px;

 margin: 172px 0 0 48px;

 font-family: "DinMedium",Arial,Helvetica,"Nimbus Sans L",sans-serif;

}



.section-clarovisitors .box-numero{

 width: 285px;

 height: 397px;

 float: left;

 background: url("/sites/all/themes/claro/img-source/visitors/cadastro.png") no-repeat -655px 0; 

}



.section-clarovisitors .box-numero h2{

 display: none;

}



.section-clarovisitors .box-numero p{

 width: 207px;

 display: block;

 font-size: 16px;

 line-height: 23px;

 margin: 172px 0 0 48px;

 font-family: "DinMedium",Arial,Helvetica,"Nimbus Sans L",sans-serif;

}



.section-clarovisitors .box-footer{

 width: 940px;

 height: 111px;

 float: left;

 background: url("/sites/all/themes/claro/img-source/visitors/footer-cadastro.png") no-repeat 0 0; 

 text-align: center;

}



.section-clarovisitors .box-footer h2{

 color:#d52b1e;

 padding: 20px 0 0 0;

}



.section-clarovisitors .box-footer p{

 font-size: 10px;

 line-height: 18px;

 font-family: "DinMedium",Arial,Helvetica,"Nimbus Sans L",sans-serif;

}



.section-clarovisitors .box-atendimento{

   float: left;

    width: 620px;

}



.section-clarovisitors .box2{

    background: none repeat scroll 0 0 #F2F2F2;

    border: 1px solid #D3D3D3;

    border-radius: 5px;

    float: right;

    font-weight: bold;

    margin: 0 0 20px 0;

    padding: 10px 10px;

    width: 263px;

}



.section-clarovisitors .box2 h2{

 color: #d52b1e;

 font-size: 44px;

 text-align: center; 

 margin-bottom: 5px;

 font-family: arial; 

}



.section-clarovisitors .box2 p{

 line-height: 20px;

 text-align: center;

 font-family: arial; 

}



.section-clarovisitors .box-cobertura{

 width: 263px;

 height: 244px;

 float: left;

 margin-right: 15px;

 background: url("/sites/all/themes/claro/img-source/visitors/cobertura.jpg") no-repeat;

 padding: 20px;

}



.section-clarovisitors .box-roaming{

 width: 263px;

 height: 244px;

 float: left;

 margin-right: 15px;

 background: url("/sites/all/themes/claro/img-source/visitors/roaming.jpg") no-repeat;

 padding: 20px;

}



.section-clarovisitors .box-loja{

 width: 263px;

 height: 244px;

 float: left;

 background: url("/sites/all/themes/claro/img-source/visitors/loja.jpg") no-repeat;

 padding: 20px;

}



.section-clarovisitors .box-cobertura .field-name-field-description-anchor,

.section-clarovisitors .box-roaming .field-name-field-description-anchor,

.section-clarovisitors .box-loja .field-name-field-description-anchor{

 color: #696969;

 font-size: 14px;

}



.section-clarovisitors .box-cobertura p,

.section-clarovisitors .box-roaming p,

.section-clarovisitors .box-loja p{

 color: #696969;

 font-size: 14px;

 margin: 0 0 5px 0;

 line-height: 18px;

}



.section-clarovisitors .box-cobertura h2,

.section-clarovisitors .box-roaming h2,

.section-clarovisitors .box-loja h2{

 margin-bottom: 10px;

}


.content_table_visitors{
    width: 100%;
    height: auto;
    display: table;
    background: url("/sites/all/themes/claro/img-source/visitors/bg-tabela.png") no-repeat;
}

.content_table_portabilidade{
    width: 942px;
    height: 410px; margin-top:40px;
    display: table;
    background: url("/sites/all/themes/claro/img/table-portabilidade-pre-pago.jpg") no-repeat;
}

.content_table_portabilidade .block_item {
    font-size: 20px;
    color: #333;
    float: left;
    padding: 10px;
    width: 290px;
}

.content_table_portabilidade .block_item_footer {
    font-size: 18px;
    color: #333;
    padding: 10px;
    float: left; 
    font-family: "Din";
}

.content_table_portabilidade  p {
  font-size: 20px;
  color: #333;      
}
.content_table_portabilidade .block_item_footer a {    
    color:#d52b1e;
}

.title_portabilidade {
    font-size: 28px;
    font-weight: bold;
    font-family: din;
    color: #333;
}

.subtitle_portabilidade {
    color:#666;
}


.craque-claro .overlapping-region { top:-320px !important;}
.craque-claro .support-box { margin-top:-380px !important;}