body{
	width:100%;
	margin:auto;
}

.clearfloat{
	clear: both;
	height:0;
}

.invisible{
	background:transparent;
	border:0;
	outline:none;
}

#cookie_warning{
width: 100%;
background: rgba(0, 0, 0, 0.75);
border-top: 1px solid #333;
color: #FFF;
position: fixed;
bottom: 0;
text-align: center;
padding: 10px;
z-index: 99999;
}
#cookie_warning a{
color: #FFF;
text-decoration: underline;
cursor: pointer;
}
#cookie_warning_close{
border: 1px solid #999;
color: #FFF;
text-decoration: none;
padding: 5px;
margin-left: 15px;
font-weight: bold;
cursor: pointer;
}

/**************************************************************************
Embrulho do site
**************************************************************************/
#wrapper{
	width:100%;
	margin:0 auto;
	overflow: auto;
	/*NATAL
	background:url(/img/natal.png);*/
	background-color:#FFF;
}

/*NATAL*/

.natal{
	position:absolute;
	width:314px;
	height:85px;
	top:180px;
	left:50%;
	margin-left:-160px;
	background:url(/img/dingle_natal.png);
}


/**************************************************************************
Topo do site
**************************************************************************/
#header{
	width:100%;
	height:209px;
	margin:auto;
	background:url(/img/back.png) repeat-x;
	background-color:#FFF;
	position: relative;
	z-index:500;
}

.top_box{
    margin:auto;
	width:960px;
	height:120px;
}

.logo{
	float:left;
}

.cart{
    margin:48px 0 5px 0;
    width:306px;
    height:50px;
	float:right;
	border: 1px #999 solid;
	background:url(/img/cart.jpg) no-repeat;
}
.cart a{
    width:306px;
    height:50px;
    position: absolute;
    margin:13px 0 0 52px;
    color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-decoration: none;
}
.cart a:hover{
	text-decoration: underline; 
}

.company_name{
    float: right;
	margin:95px -240px 0 0;
	width: 180px;
	height: 20px;
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
}
.flags {
    float:right;
    margin:10px -310px 0 0;
	width:48px;
	height:12px;
	
}

/**************************************************************************
Menú Topo
**************************************************************************/

.boxer{
    margin: auto;
	width:960px;
	height:80px;	
}

.menu_box{
    float: left;
	width:720px;
	height:80px;
}

.menu_box li{
display: inline-block;
}

.menu_box a{
    margin-right:-5px;
    text-align: center;
	width: 121px;
	height: 50px;
	font-family:Arial, Helvetica, sans-serif;
    color:#FFF;
	font-size:12px;
	text-decoration: none;
	background-image: url(/img/button_up.jpg);
	background-repeat: no-repeat;
	-webkit-transition: 0.3s ease;
	  -moz-transition:  0.3s ease;
	    -o-transition:  0.3s ease;
	       transition:  0.3s ease;
    display: block;
	padding-top:34px;
}

.menu_box a:hover{
	background-image: url(/img/button_down.jpg);
}

.menu_box a.current{
    background-image: url(/img/button_down.jpg);
}

/**************************************************************************
Login 
**************************************************************************/

.login_box{
	float: right;
    width:240px;
    height:80px;

}

.login_box_text{
    margin:14px 0 2px 14px;
	font-family:Arial, Helvetica, sans-serif;
    color:#FFF;
	font-size:10px;
}
.login_box_text a{
color:#FFF;
	text-decoration:underline;
}

.login_box_text a:hover{
	text-decoration:underline;
}

.login_user{
	 margin:10px 0 0 18px;
	 background:url(/img/user_input.png);
	 width:175px;
	 height:18px;
}

.login_pass{
	 margin:5px 0 0 18px;
	 background:url(/img/pass_input.png);
	 width:175px;
	 height:18px;
}

.logger {
    float: right;
	margin:-19px 25px 0 0;
	background-image:url(/img/button_follow.png);
	background-repeat: no-repeat;
}

.logger:hover {
	background-image:url(/img/button_follow_down.png);
}



.banner{
    margin:-9px auto;
	width:100%;
	height:380px;
	/*background:url(/img/banner_back.jpg) repeat-x;*/
	position: relative;
}

.jquery{
    margin: auto;
	width:960px;
	height:400px;
}



/**************************************************************************
Conteúdo do site 
**************************************************************************/
#main{
	width: 960px;
	margin: auto;
	height: 100%;
}

/**************************************************************************
Conteúdo do site 
**************************************************************************/

.main_top{
	width:100%;
	height:30px;
	margin-top:30px;
}


h1{
    font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#5A5A5A;
}

h5{
    font-family:Arial, Helvetica, sans-serif;
    color:#1b7379;
	font-size:20px;
	text-align: left;
	font-style: italic;
	margin:0 0 10px 0px;	
}

h4{
	padding-top:35px;
	padding-left:20px;
    font-family:Arial, Helvetica, sans-serif;
    color:#000;
	font-size:16px;
	text-align: left;	
}



/**************************************************************************
Pesquisa
**************************************************************************/

.search{
margin-bottom:20px;
width:306px;
height:30px;
float: right;
border: 1px #999 solid;
background-image:url(/img/pesquisa_back.jpg);
}

.search_text{
    margin:8px 0 0 20px;
	float: left;
	font-family:Arial, Helvetica, sans-serif;
    color:#FFF;
	font-size:12px;
	font-weight: bold;
}

.search_box{
     float: left;
     margin:6px 0 0 65px;
	 border:0;
	 width:230px;
	 height:18px;
}

.searchlink {
    float: right;
	margin:-1px 0 0 0;
	background-image:url(/img/button_follow.png);
	background-repeat: no-repeat;
}

.searchlink :hover {
	background-image:url(/img/button_follow_down.png);
}


/**************************************************************************
index.php
**************************************************************************/

.box_central{
	width:100%;
	height:228px;
	margin-top:20px;
}

.box_link{
	width:306px;
	height:228px;
	display: block;
	position: absolute;
}


.box_saibacomo{
    float: left;
	margin-right:18px;
	width: 306px;
	height: 228px;
	font-family:Arial, Helvetica, sans-serif;
    color:#FFF;
	font-size:12px;
	background-image: url(/img/saibacomo_up.jpg);
	background-repeat: no-repeat;
	border: 1px #999 solid;
}

.box_saibacomo:hover{
	background-image: url(/img/saibacomo_down.jpg);
}

.box_servicos{
    float: left;
	margin-right:18px;
	width: 306px;
	height: 228px;
	font-family:Arial, Helvetica, sans-serif;
    color:#FFF;
	font-size:12px;
	background-image: url(/img/servicos_up.jpg);
	background-repeat: no-repeat;
	border: 1px #999 solid;
}

.box_servicos:hover{
	background-image: url(/img/servicos_down.jpg);
}

.box_oportunidades{
    float: left;
	width: 306px;
	height: 228px;
	font-family:Arial, Helvetica, sans-serif;
    color:#FFF;
	font-size:12px;
	background-image: url(/img/oportunidades_up.jpg);
	background-repeat: no-repeat;
	border: 1px #999 solid;
}

.box_oportunidades:hover{
	background-image: url(/img/oportunidades_down.jpg);
}

.textbox_central_title{
	padding:36px 0 0 26px;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:30px;
}

.textbox_central_text{
	padding:27px 0 0 26px;
	margin-bottom:20px;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:13px;
}

.textbox_central_link{
	padding:27px 0 0 26px;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight: bold;
	text-decoration: underline;
}

.textbox_central_link img{
    margin-left:2px;
    position: absolute;
}

/**************************************************************************
Geral
**************************************************************************/
.box_geral{
	width:100%;
	margin-top:20px;
}

/****************************************************************************************
PRODUTOS CATALOGO LEFT /TITULOS DAS PÁGINAS
****************************************************************************************/
.box_left{
	float: left;
	width: 633px;
}

.box_left h1{
font-size: 36px;
margin: 20px 0;
font-family:Arial, Helvetica, sans-serif;
}

h2{
	margin:0 0 12px 0;
    font-family:Arial, Helvetica, sans-serif;
	font-size:30px;
	color:#333333;
}
.box_left h2{
margin: 20px 0;
}

.h2_comment{
	 font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#333333;
}

.box_product{
	margin-bottom:23px;
    float: left;
    width:197px;
    height:305px;
	border:1px solid #999;
	background-color:#FFF;
}

.box_product img{
margin:19px auto 0 auto;
 display: block;
}

.box_product_text{
    height:48px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:17px;
	text-align: center;
	margin-top:20px;
}

.box_product_text a{
    font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
	text-decoration:none;
}

.box_product_text a:hover{
color:#1b7379;
}

.box_product_price{
    height:28px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	text-align: right;	
	padding-right:13px;
}

.box_product_price a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	text-align: right;
	text-decoration: none;
	color:#666;
}

.box_product_price a:hover{
	color:#1b7379;
}

.box_product_links{
    margin-top:4px;
    height:36px;
	*height:27px;
	background-image: url(/img/bottom_rectangle.jpg);
	text-align: center;	
	padding-left:40px;
}

.box_product_links a{
    font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: bold;
	color:#FFF;
	position: relative;
	top:25%;
	text-decoration: none;
}

.box_product_links a:hover{
text-decoration: underline;
}

.desconto{
font-size: 12px; 
color: #999;
margin:5px 0 0 70px; 
float: left;
}
/****************************************************************************************
LADO DIREITO
****************************************************************************************/

.box_right{
	float: right;
	width: 306px;
}

.box_newsletter{
	margin-bottom:23px;
    width:306px;
	height:189px;
	border:1px #999 solid;
	background-image:url(/img/newsletter_back.jpg);
}

h3{
	padding-top:35px;
	padding-left:20px;
    font-family:Arial, Helvetica, sans-serif;
    color:#FFF;
	font-size:30px;
	text-align: left;	
}

.box_text{
	padding:27px 0 20px 20px;
    font-family:Arial, Helvetica, sans-serif;
    color:#FFF;
	font-size:11px;
	text-align: left;	
}

.box_text_inquerito{
	padding:2px 15px 0 20px;
    font-family:Arial, Helvetica, sans-serif;
    color:#FFF;
	font-size:11px;
	text-align: left;	
}


.mail{
     float: left;
     margin:6px 0 0 20px;
	 border:0;
	 width:249px;
	 height:20px;
     background:url(/img/input_newsletter.png) no-repeat;
}

.mailer {
    float: right;
    margin:7px 12px 0 0;
	background-image:url(/img/button_follow.png);
	background-repeat: no-repeat;
}

.mailer:hover {
	background-image:url(/img/button_follow_down.png);
}

.box_inquerito{
	margin-bottom:23px;
    width:306px;
	height:253px;
	border:1px #999 solid;
	background-image:url(/img/inquerito_back.jpg);
}

.poll_link_box {
    cursor: pointer;
    float: right;
	margin:-30px 25px 0 0;
}

.poll_link_box a{
	font-size:12px;
	text-align: left;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration: underline;
	font-weight: bold;
	color:#FFF;
}

.poll_link_box a:hover{
	font-size:12px;
	text-align: left;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration: underline;
	font-weight: bold;
	color:#FFF;
}



.poll{
    float: right;
	margin-left:5px;
	background-image:url(/img/button_follow.png);
	background-repeat: no-repeat;
}

.poll:hover {
	background-image:url(/img/button_follow_down.png);
}



.box_redes_sociais{
    margin-top:16px;
    width:306px;
    height:40px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
}

.box_redes_sociais img{
margin:5px 0 0 5px;
}

/****************************************************************************************
FUNDO
****************************************************************************************/

#footer{
	float:left;
	width:100%;
	height:223px;
	background-image:url(/img/footer_back.jpg);
	background-repeat: repeat-x;
	margin:26px auto 0 auto;
}

#box_footer{
   margin:auto;
	width:960px;
	height:223px;
}

.box_footer_inside{
float: left;
	margin-top:-14px;
	width:218px;
	height:223px;
}

.box_footer_inside h3{
font-family:Arial, Helvetica, sans-serif;
font-size:24px;
color:#FFF;
margin:3px 0 26px -20px;
}

.box_footer_inside ul li {
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	line-height:15px;
	font-size:10px;
}

.box_footer_inside li a {
	color: #FFF;
	text-decoration: none;
}

.box_footer_text{
    margin-top:-5px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size:12px;
}

.box_footer_text img{
	margin-top:13px;
}


.box_footer_inside li a:hover {
	text-decoration: underline;
}

.box_footer_inside_right{
    font-family:Arial, Helvetica, sans-serif;
    color:#FFF;
    font-size:10px;
	line-height:15px;
	float: right;
	width:290px;
	height:48px;
	text-align: right;
}

.box_footer_inside_right img{
	margin:22px 0 31px 0;
}

/**************************************************************************
Contactos
**************************************************************************/
#contacts_wrapper{
	width:600px;
	height:300px;
}

.img_contactos {
	float:right;
	border:1px solid #000;
} 

.img_apoio {
	border:1px solid #000;
} 

.contacts_box{
	float:left;
	width:300px;
}


.mapa {
	border:1px solid black;
	border-color:#000;
}

.contacts_text {
    font-family:Arial, Helvetica, sans-serif;
    padding: 5px; 
    font-size: 11px;
	border:1px solid black;
	border-color:#000;
}

.form_ctc {
   font-family:Arial, Helvetica, sans-serif;
   font-size:14px;
   color:#666;
   border-color:#000;
}

.form_ctc a{
   font-family:Arial, Helvetica, sans-serif;
   font-size:14px;
   line-height:18px;
   color:#1b7379;
   text-decoration:none;
}

.form_ctc a:hover{
	color: #CD9B1D;
}


.text {
 font-size: 13px;
 line-height:18px;
 color:#666;
font-family:Arial, Helvetica, sans-serif;
}

.text a{
font-size: 13px;
color:#1b7379;
font-family:Arial, Helvetica, sans-serif;	
}

.text a:hover{
color:#CD9B1D;
}

/**************************************************************************
Tabelas dos Carts
**************************************************************************/

.cart1_table{
font-family:Arial, Helvetica, sans-serif;	
background-color: #EEE;
border: 1px solid #DDD;
text-align: center;
}

.cart1_table th{
background-color: #333;
color: #FFF;
padding: 5px;
}

.cart1_table td{
font-size:13px;
padding: 5px;
}

.cart1_table a{
color: #1b7379;
text-decoration: none;
}

.cart1_table a:hover{
text-decoration: underline;
}

.cart3_table {
font-family:Arial, Helvetica, sans-serif;	
}

.cart3_table a{
    color:#1b7379;
	text-decoration: none;
}


.cart3_table a:hover{
    color:#CD9B1D;
}

.cart3_table img{
	border: 1px dashed #666;
}


.cart4_table {
	width: 100%;
}

.cart4_table tr {
	font-family:Arial, Helvetica, sans-serif;	
	font-size: 12px;
}

.cart4_table td {
	border: 1px solid #CCC;
	padding: 5px;
}

/**************************************************************************
Serviços Caixas
**************************************************************************/
.servimg{
float:left;
width:275px;
height:245px;
text-align:center;
font-family:Arial, Helvetica, sans-serif;	
font-size: 12px;
border: 1px solid #000;
margin-bottom:45px;
}
