/*Autor : Cida Luna
Template Joomla desenvolvido para Cirelli
Small (max-width: 767px)
*/

*{margin:0;padding:0;}

body{
    background-color:#E6EBEA;
}
h1, h2, h3{
	line-height:0;
}
#wrap{
	max-width:757px;
	margin:0 auto;
        background-color:#fff !important;
}

#topo{
	width:100%;
	max-height:117px;
	background-color:#fff;
	float:left;
}

#logo{
	float:left;
	padding-top: 10px;
	padding-left:2%;
	height: 107px;
	width:98%;
	text-align:left;
}

#frase{
    display:none;
}

#subtopo{
	width:100%;
	float:left;
	position:relative;
	clear:both;
}


element.style {
    float: left;
    padding: 0!important;
}


/********************  MENU  ********************/

#menu{
	width:100%;
	float:right;
	position:absolute;
	z-index:99999;
}

#menu ul{
	background:none;
       border-radius:0px !important;
       margin:0 auto !important;
}

#menu li{
        display: inline;
        text-align:center;
	display:inline;
	list-style:none;
	border-radius:0 !important;
}

#menu a{
	text-decoration: none;
	color: #FFF;;
	padding: 5px 10px ;
	font-size:22px;
	font-family: "Verdana";
	text-shadow:none;
        font-style: bold;
}

#menu a:hover{
    color: #F00;
}

.ice-megamenu-toggle .nav-collapse:hover{
	background:none !important;
}

div.icemegamenu ul#icemegamenu  li.active a.icemega_active > span.icemega_title{ 
	color: #FFFFFF }	

.icemegamenu > ul > li.active{
	background-color: #CCC !important;
	color:#000;
}

/********************  MENU LATERAL  ********************/

#menu_lat{
    float: left;
    font-size: 16px;
    margin: 0 auto;
    width: 40%;
    min-heigth: 400px;
}

#menu_lat h3{
    background: #9b9aab;
    color: #fff;
    font-family: 'champagne__limousinesregular';
    padding: 10px;
    font-size: 30px;
    width: 200px;
    text-align: center;
}

#menu_lat ul{
	background:none;
       border-radius:0px !important;
       margin:0 auto !important;
}

#menu_lat li{
        text-align:left;
	list-style:none;
	border-radius:0 !important;
        width: 100%;
        margin-bottom: 2%;
}

#menu_lat a{
	text-decoration: none;
	color:#6a6a6a;
	padding: 2%;
	font-size:22px;
	font-family: 'champagne__limousinesregular';
	text-shadow:none;
        width: 96%;
}

#menu_lat a:hover{
    background: #e4e4e4 !important;
    color: #FF0B0B !important;
    font-weight:bold;
 
}

/********************  DISPLAY PRINCIPAL ********************/
#display{
	width:100%;
	float:left;
	z-index:1;
	position:relative;
}
/*
#display{
   display: none;
}

#displayinterno{
   display: none;
}
*/




/********************  CONTENT  ********************/

#txtfamilia{
	width:100%;
	margin:0 auto;
        float: left;
        min-height: 600px;
        background-color: #fff;
}

#txtfamilia p{
	width:96%;
	padding:0 2%;
	color:#3d3d3d;
	font-size:20px;
	font-family: 'Calibri'!important;
	text-align:justify;
}

#txtfamilia img{
	float: left;
	width:100%;
        background:#FFF;
}

#txtinicio{
	width:100%;
	margin:0 auto;
        float: left;
        min-height: 600px;
        background-color: #fff;
}

#txtinicio p{
	width:96%;
	padding:0 2%;
	color:#3d3d3d;
	font-size:20px;
	font-family: 'Calibri'!important;
	text-align:justify;
}

#txtavanco{
	width:100%;
	margin:0 auto;
        float: left;
        min-height: 600px;
        background-color: #fff;
}

#txtavanco p{
	width:96%;
	padding:0 2%;
	color:#3d3d3d;
	font-size:20px;
	font-family: 'Calibri'!important;
	text-align:justify;
}

#txtatualmente{
	width:100%;
	margin:0 auto;
        float: left;
        min-height: 600px;
        background-color: #fff;
}

#txtatualmente p{
	width:96%;
	padding:0 2%;
	color:#3d3d3d;
	font-size:20px;
	font-family: 'Calibri'!important;
	text-align:justify;
}

#content{
	width:100%;
	margin:0 auto;
        float: left;
        background-color: #fff;
}
/*
#content .item-page{
	margin:15px auto 0 auto;
	width:100%;
    font-family: 'Calibri';
    font-size: 16px;
}

#content .page-header h2{
	color: #aea7a7;
    font-family: 'ubunturegular';
    font-size: 38px;
    padding: 0 1%;
    text-align: left
}


#content .item-page p{
	width:95%;
	padding:0 1%;
	color:#3d3d3d;
	font-size:20px;
	font-family: 'Calibri'!important;
	text-align:justify;
}
*/
/********************  Módulo 2 - DESTAQUES ********************/

#destaques{
	width:98%;
	margin:0 auto;
        float: left;
        min-height: 250px !important;
        padding: 1% 0 2% 1%;
}
#destaques h1{
     text-align: center;
     font-family: "ubunturegular";
    line-height: 120%;
    margin: 0 auto;
    padding: 0;
    text-align: center;
}

#destaques h3{
     text-align: center;
     border-bottom: 1px solid #c3c2c2;
    font-family: "champagne__limousinesregular";
    line-height: 120%;
    padding-bottom: 1%;
    text-align: center;
}
#d1{
        width: 98%;
        float: left;
		text-align:center;
}
#d2{
       width: 98%;
        float: left;
		text-align:center;
}
#d3{
        width: 98%;
        float: left;
		text-align:center;
}
#d1 p{
	width:84%;
	padding:3%;
	color:#3d3d3d;
	font-size:16px;
	font-family: 'Calibri'!important;
	text-align:justify;
}
#d2 p{
	width:84%;
	padding:3%;
	color:#3d3d3d;
	font-size:16px;
	font-family: 'Calibri'!important;
	text-align:justify;
}
#d3 p{
	width:84%;
	padding:3%;
	color:#3d3d3d;
	font-size:16px;
	font-family: 'Calibri'!important;
	text-align:justify;
}
#d1 img{
     max-width: 80%;
}
#d2 img{
     max-width: 80%;
}
#d3 img{
     max-width: 80%;
}


/* ********Informações dos Produtos********* */
/* ** GALERIAS **/
/*
#galeria{
    clear: both;
    float: left;
    width: 100%;
} */

.page-header {
    border-bottom: 1px solid #eeeeee;
    margin: 3% 1%;
    padding-bottom: 9px;
    width: 96%;
    height:15%;
}

.page-header h2{
font-family: "Calibri" !important;
font-size: 14px!important;
    height: auto;
}

.gal_info{
   width: 60%;
   float: right;
}

.gal_intro{
   width: 94%;
   padding: 3%;
   float: left;
   text-align: justify;
}

#segura{
   width: 96%;
   padding: 2%;
}

.gal_img{
   float: left;
   width: 96%;
   max-width: 96%;
   padding:2%;
}

.gal_desc{
   width: 94%;
   padding: 3%;
   float: left;
   clear: both;
}

.gal_into, gal_desc p{
    color: #aaa4ab!important;
    float: left;
    font-family: "Calibri" !important;
    font-size: 20px;
    text-align: justify;
}


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

#mapanahome{
      width:100%;
      margin:0 auto; 

}

#mapa{
	width:96%;
	margin:0 auto; 
	padding: 2%; 
        max-heigth: 350px !important; 
}

#maparepresentantes{
	width:100%;
	padding:0; 
	float: left; 
}

#mapabrasil{
	width:100%;
	margin:0 auto; 
	float: left; 
	padding:0%;
}
#mapabrasil img{
	width:95%;
	margin:0 auto; 
	float: left; 
	padding: 0;
}
#Map{
	width:95%;
	margin:0 auto; 
	float: left; 
	padding: 0;
}
#mapatabela{
	width:98%;
	margin-top:10%; 
	padding-left:2%;
	float: left; 
}

#mapatabela table{
       width: 96%;
       float: left;
}
#mapatabela h3{
       font-size: 16px;
}
#mapatabela p{
       font-size: 14px;
}


/********************  CONTATO  ********************/
#chronoform_contato{
	width:100%;
	float: left;  
}

#chronoform_contato p{
      float:left;
      font-family: 'Calibri';
      font-size: 18px;
      color: #000000;
}

#chronoform_contato h2{
	color:#3d3f94;
	width:100%;
	margin-bottom:15px;
	font-size:25px;
	float:left;
	margin-top:5px;
	font-family: 'ubunturegular';
}

#chronoform_contato span{
	float:left;
	height:20px;
	margin:0 0 0 3px;
}

#chronoform_contato label{
float:left;
clear:both;
display:block;
width:100px !important;
height:20px;
color: #000;
font-size:14px;
text-align:left;
padding:0 0 0 12px;
margin:2px 10px 0 auto;
font-family:Arial, Helvetica, sans-serif;
}


#enviar{
   margin-left: 15px;
}

.chrono_credits{
    display: none;
}

.gbs3 {
    color: #6a6a6a;
    float: left;
    font-family: calibri;
    font-size: 18px;
    margin: 0 auto;
    padding: 2%;
    width: 96%;
}

.textoEndereco{
    float:left;
    margin: 10px 0;
    clear: both;
    width: 100%;
}

.textoEndereco a{
    text-decoration: none;
    color: #3d3d3d;
}

.textoEndereco a:hover{
    color: #236BAC;
}

iframe{
   height: 200px;
}

/********************  RODAPE  ********************/

#creditos{
	width: 100%;
	margin: 0 auto;	
}

#creditos p{
    color: #3d3f94;
    float: left;
    font-family: Arial;
    font-size: 16px;
    padding: 1% 1% 0;
    width: 98%;
}
#creditos img{
    border: medium none;
    float: right;
}


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

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