/* ====================================== Normatização CSS ====================================== */
* { font-family:Arial, Helvetica, sans-serif;
}

body,html{
	margin: 0;
    padding: 0;
}

body,td,th {
	color: #ffffff;
}

body {
	
	font-size: 100%;
	line-height: 1.5;
	color:#b2b3b3;
	font-family: Arial, Helvetica, sans-serif;
	background: 
		url(../img/fundo5.png)  50% 0% no-repeat fixed,
		#000000;
}

p2 {
	font-size:80%;
	line-height: 240%;
	float: right;
}

strong, b { font-weight: bold;
}
	
.hr_special {
    border-color: #b2b3b3;
    border-style: solid none dotted;
    border-width: 0px 0 1px;
    float: left;
    height: 1px;
    margin-bottom: 2px;
    margin-top: 0;
    width: 100%;
}

.hrazul2 {
 	border-color: #999999;
    border-style: solid none dotted;
    border-width: 0px 0 1px;
    float: left;
    height: 2px;
    margin-bottom: 2px;
    margin-top: 0;
    width: 100%;
	
	}

.color_white {
	color:#ffffff;}

*::-moz-selection {
background:#333333;  /*---Cor de fundo--*/
color:#ffffff;   /*--cor da fonte--*/
}
*::selection {
background:#333333;/*---Cor de fundo--*/
color:#ffffff;  /*--cor da fonte--*/
}


@viewport{
    zoom: 1.0;
    width: extend-to-zoom;
}

@-ms-viewport{
    width: extend-to-zoom;
    zoom: 1.0;
}

a {
   color: #b2b3b3;
    text-decoration: none;
}

a:link {
    color: #b2b3b3;
    text-decoration: none;
}
a:visited {
    color: #aaabab;
    text-decoration: none;
}
a:hover {
    color: #ffffff;
    text-decoration: none;
}
a:active {
    color: #ffffff;
    text-decoration: none;
}

.branco {color:#ffffff}

#button_175 {
    background: #000000;
    color: #ffffff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
	font-weight: normal;
	text-align: center;
    height: 45px;
    width: 175px;
    line-height: 42px;
    margin: 0;
    border: 2px solid #b2b3b3;
	outline: none;
	cursor: pointer;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	z-index: 1000;
}

#button_175:hover { background: #999999; color: #000000; border: 2px solid #ffffff; }
#button_175:active { color: #000000; border: 2px solid #000000; }

/* ====================================== Estilos clunas ====================================== */

.row, .column, .coluna{ box-sizing: border-box; }
	
.row:before, .row:after { content: " "; display: table;}
     
.row:after { clear: both; }

/* nova coluna*/
.coluna_prod {
width: 32.3333333333%;
margin: 0 0.5% 0 0.5%;
}

.coluna_map {
width: 32.3333333333%;
margin: 0 0.5% 0 0.5%;
}

.coluna_4col {
width: 24%;
margin: 0 0.5% 0 0.5%;
}

.coluna_2col {
width: 48%;
margin: 0 1% 0 1%;
}

.coluna_82col {
width: 29%;
margin: 0 0.5% 0 0.5%;
}
.coluna_8col {
width: 69%;
margin: 0 0.5% 0 0.5%;
}
.coluna_12col {
width: 98%;
margin: 0 1% 0 1%;
}

.column, .coluna { position: relative; float: left;}


	
.column + .column { margin: 0 0.5% 0 0.5%; }
	
.column-1 { width: 7,333333333333333%; }
.column-2 { width: 15,66666666666667%; }
.column-3 { width: 24%; }
.column-4 { width: 32,33333333333333%; }
.column-5 { width: 39,66666666666666%; }
.column-6 { width: 49%; }
.column-7 { width: 59,33333333333334%; }
.column-8 { width: 66,6666666666667%; }
.column-9 { width: 75%; }
.column-10 { width: 83,3333333333334%; }
.column-11 { width: 91,66666666666667%; }
.column-12 { width: 100%;}



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


/* nova coluna*/
.coluna_prod {
width: 100%; 
float: left;
}

.coluna_map {
width: 99%;
margin: 0 0.5% 0 0.5%; 
float: left;
}

.coluna_4col {
width: 49%;
margin: 0 0.5% 0 0.5%;
}

.coluna_2col {
width: 99%;
margin: 0 0.5% 0 0.5%;  
float: left;
}
.coluna_12col {
width: 98%;
margin: 0 1% 0 1%;
}
.coluna_8col {
width: 98%;
margin: 0 1% 0 1%;
}
.coluna_82col {
width: 98%;
margin: 0 1% 0 1%;
}
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (min--moz-device-pixel-ratio: 1.5),
  only screen and (min-device-pixel-ratio: 1.5)
  {
}
	
@media screen and (min-width: 640px) and  (max-width: 900px) {
.column-1,.column-2,.column-3,.column-4,.column-5,.column-6,.column-7,.column-8,.column-9,.column-10,.column-11,.column-12 { width: auto; float: none; }
 
.column + .column { margin-left: 0;}

/* nova coluna*/
.coluna_prod {
width: 48%;
margin: 0 1% 0 1%;
float: left;
}

.coluna_map {
width: 99%;
margin: 0 0.5% 0 0.5%;
}

.coluna_2col {
width: 99%;
margin: 0 0.5% 0 0.5%;  
float: left;
}
}

@media screen and  (max-width: 1000px) {
h3{font-size: 110%;}
}


/* ====================================== BOX PRODUTOS ====================================== */

#box_product {
    margin-top: 30px;
	margin-bottom: 40px;
    padding-bottom: 50px;
	background: url(../img/trans_preto_70.png);
	background-repeat: repeat;
	height: 100%;
    border-bottom: 2px solid #b2b3b3;
}

#box_product img {
	width: 100%;
	border-bottom: 2px solid #fff;
	margin-bottom: 0px;
}

#box_product_title {
    margin-top: 0px;
    padding-bottom: 0px;
	height: 50px;
}

#box_product h3 {
    padding-left: 10px;
    padding-right: 10px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
}

#box_product h4 {
    padding-left: 10px;
    padding-right: 10px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
}

#box_product ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#box_product li {
	padding: 10px 20px;
	border-bottom: 1px solid #282828;
	color: #b2b3b3;
	font-size: 14px;
    line-height: 18px;
}



#product_des {
	margin-top: 30px;
    margin-bottom: 0px;
	vertical-align:bottom;
	background-repeat: none;
	float:left;
	padding-left: 20px;
    padding-right: 10px;
	width:135px;
}

/* ====================================== BOX PRODUTOS 2 ====================================== */

#containerPRODUCT2 {
	display:block;
	position: inherit;
  	width: 100%;
	height: auto;   
	margin: 10px 0 0px 0;
	background: url(../img/trans_preto_70.png);
	background-repeat: repeat;
	border-top:1px solid #333333;
	border-bottom:0px solid #333333;
	padding-top:0px;
	padding-bottom:10px;
	overflow: hidden; /*oculta a barra de deslizamento*/
	-moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
	z-index: 998;
}

#box_PRODUCT2 {
	height: auto;
	margin: 0px 0 20px 0;
}

#box_PRODUCT2 img {
	width: 98%;
	padding: 0 1.5% 0 1.5%;
}

#box_PRODUCT2 p {
	font-size:90%;
	line-height: 120%;
}



#box_PRODUCT2 h3 {
	padding: 0px 10px 0px 5px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
}

#box_PRODUCT2 h4 {
    padding: 0px 10px 0px 10px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
}

#box_PRODUCT2 ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#box_PRODUCT2 li {
	padding: 10px 20px;
	border-bottom: 1px solid #282828;
	color: #b2b3b3;
	font-size: 14px;
        line-height: 18px;
}


/* ====================================== BOX PRODUTOS 3 simulador ====================================== */

#box_PRODUCT3_simulador {
        position:relative;
	height: auto;
	margin: 0px 0 0px 0;
	text-align:center;
	border: 0px;
	top:0; 
	left:0; 
	text-decoration: none; 
}

#box_PRODUCT3_simulador img {
	width: 100%;
	max-width:600px;
        border: 0px;
	text-decoration: none;
}

#box_PRODUCT3_simulador_div {
        position:absolute;
	width:100%; 
	height: auto;
	top:0; 
	left:0; 
	border: 0px;
	text-decoration: none;
}

#box_PRODUCT3_simulador_div img {
	width: 100%;
	max-width:600px;
        border: 0px;
	text-decoration: none;
}

/* ====================================== BOX PRODUTOS 3 ====================================== */

#containerPRODUCT3 {
	display:block;
	position: inherit;
  	width: 100%;
	height: auto;   
	margin: 10px 0 0px 0;
	background: url(../img/trans_preto_70.png);
	background-repeat: repeat;
	border-top:1px solid #333333;
	border-bottom:0px solid #333333;
	padding-top:0px;
	padding-bottom:10px;
	overflow: hidden; /*oculta a barra de deslizamento*/
	-moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
	z-index: 998;
}

#box_PRODUCT3 {
	border:0px solid #00F;
	height: auto;
	margin: 0px 0 20px 0;
}



#box_PRODUCT3 img {
	width: 100%;
	max-width:600px;
	border:0px solid #F00;
}

#box_PRODUCT3 input {
	width: 100%;
}


#box_PRODUCT3 p {
	font-size:80%;
	line-height: 100%;
}



#box_PRODUCT3 h3 {
	padding: 0px 10px 0px 5px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
}

#box_PRODUCT3 h4 {
    padding: 0px 10px 0px 5px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
}

#box_PRODUCT3 ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#box_PRODUCT3 li {
	padding: 10px 20px;
	border-bottom: 1px solid #282828;
	color: #b2b3b3;
	font-size: 14px;
        line-height: 18px;
}


/* ====================================== BOX PRODUTOS 4 ====================================== */

#containerPRODUCT4 {
	display:block;
	position: inherit;
  	width: 100%;
	height: auto;   
	margin: 10px 0 0px 0;
	background: url(../img/trans_preto_70.png);
	background-repeat: repeat;
	border-top:1px solid #333333;
	border-bottom:0px solid #333333;
	padding-top:0px;
	padding-bottom:10px;
	overflow: hidden; /*oculta a barra de deslizamento*/
	-moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
	z-index: 998;
}

#box_PRODUCT4 {
	height: auto;
	margin: 0px 0 20px 0;
}

#box_PRODUCT4 img {
	width: 98%;
	padding: 0 1.5% 0 1.5%;
}

#box_PRODUCT4 p{
	font-size:80%;
	line-height: 100%;
}


#box_PRODUCT4 ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#box_PRODUCT4 li {
	padding: 10px 20px;
	border-bottom: 1px solid #282828;
	color: #b2b3b3;
	font-size: 14px;
        line-height: 18px;
}

#box_PRODUCT42 input {
	width: 98%;
	padding: 5px 5px;
	border: 0px;
	color: #000000;
	font-size: 14px;
    line-height: 18px;
}

/* ====================================== BOX PRODUTOS 5 simulador ====================================== */

#box_PRODUCT5_simulador {
        position:relative;
	height: auto;
	margin: 0px 0 0px 0;
	text-align:center;
	border: 0px;
	top:0; 
	left:0; 
	text-decoration: none; 
}

#box_PRODUCT5_simulador img {
	width: 100%;
	max-width:360px;
        border: 0px;
	text-decoration: none;
}

#box_PRODUCT5_simulador_div {
        position:absolute;
	width:100%; 
	height: auto;
	top:0; 
	left:0; 
	border: 0px;
	text-decoration: none;
}

#box_PRODUCT5_simulador_div img {
	width: 100%;
	max-width:360px;
        border: 0px;
	text-decoration: none;
}

/* ====================================== BOX PRODUTOS 5 ====================================== */

#containerPRODUCT5 {
	display:block;
	position: inherit;
  	width: 100%;
	height: auto;   
	margin: 10px 0 0px 0;
	background: url(../img/trans_preto_70.png);
	background-repeat: repeat;
	border-top:1px solid #333333;
	border-bottom:0px solid #333333;
	padding-top:0px;
	padding-bottom:10px;
	overflow: hidden; /*oculta a barra de deslizamento*/
	-moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
	z-index: 998;
}

#box_PRODUCT5 {
	border:0px solid #00F;
	height: auto;
	margin: 0px 0 20px 0;
}



#box_PRODUCT5 img {
	width: 100%;
	max-width:360px;
	border:0px solid #F00;
}

#box_PRODUCT5 input {
	width: 100%;
}


#box_PRODUCT5 p {
	font-size:80%;
	line-height: 100%;
}



#box_PRODUCT5 h3 {
	padding: 0px 10px 0px 5px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
}

#box_PRODUCT5 h4 {
    padding: 0px 10px 0px 5px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
}

#box_PRODUCT5 ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#box_PRODUCT5 li {
	padding: 10px 20px;
	border-bottom: 1px solid #282828;
	color: #b2b3b3;
	font-size: 14px;
        line-height: 18px;
}



/* ====================================== BOX CACHECOIS_CORES ====================================== */

#fundoCACHECOIS_CORES {
	display:block;
	position: inherit;
  	width: 100%;
	height: auto; 
	margin: 0px 5px 5px 5px; 
	/*background: url(../img/trans_preto_70.png);
	background-repeat: repeat;*/
	border-top:0px solid #333333;
	border-bottom:0px solid #333333;
	padding:0px 5px 5px 5px;
	overflow: hidden; /*oculta a barra de deslizamento*/
	-moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
	z-index: 996;
}

#box_CACHECOIS_CORES {
	height: auto;
	margin: 0;
}



#box_CACHECOIS_CORES img {
	width: 100%;
}

#box_CACHECOIS_CORES input {
	width: 100%;
}


#box_CACHECOIS_CORES p {
	font-size:75%;
	line-height: 50%;
}



#box_CACHECOIS_CORES h3 {
	padding: 0px 5px 0px 5px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
}

#box_CACHECOIS_CORES h4 {
    padding: 0px 5px 0px 5px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
}

#box_CACHECOIS_CORES ul {
	margin: 0;
	padding: 0px 5px 0px 5px;
	float: left; 
}

#box_CACHECOIS_CORES li {
	background: url(../img/trans_cinza_80.png);
	background-repeat: repeat;
	display:  inline-block;
	padding: 2px;
	border: 1px solid #b2b3b3;
	color: #b2b3b3;
}

#box_CACHECOIS_CORES li a {
	text-align:left; 
	padding:0; 
	color: #b2b4b3; 
	width:23px; 
	height:22px; 
	text-decoration: none; 
	float:left;
	 -webkit-transition: 0.2s linear; 
	 -moz-transition: 0.2s linear; 
	 -o-transition: 0.2s linear;
}

#box_CACHECOIS_CORES li a:hover {
	opacity:0.3;
	 -webkit-transition: 0.2s linear; 
	 -moz-transition: 0.2s linear; 
	 -o-transition: 0.2s linear;
}

#box_CACHECOIS_CORES_fonte {
	height: auto;
	margin: 0;
}



#box_CACHECOIS_CORES_fonte img {
	width: 100%;
}

#box_CACHECOIS_CORES_fonte p {
	font-size:75%;
	line-height: 50%;
}

#box_CACHECOIS_CORES_fonte ul {
	margin: 0;
	padding: 0px 5px 0px 5px;
	float: left; 
}

#box_CACHECOIS_CORES_fonte li {
	background: url(../img/trans_cinza_80.png);
	background-repeat: repeat;
	display:  inline-block;
	padding: 2px;
	border: 1px solid #b2b3b3;
	color: #b2b3b3;
}

#box_CACHECOIS_CORES_fonte li a {
	text-align:left; 
	padding:0; 
	color: #b2b4b3; 
	width:95px; 
	text-decoration: none; 
	float:left;
	 -webkit-transition: 0.2s linear; 
	 -moz-transition: 0.2s linear; 
	 -o-transition: 0.2s linear;
}

#box_CACHECOIS_CORES_fonte li a:hover {
	opacity:0.3;
	 -webkit-transition: 0.2s linear; 
	 -moz-transition: 0.2s linear; 
	 -o-transition: 0.2s linear;
}



/* ====================================== BOX CACHECOIS_CORES_fonte_casaco ====================================== */


#box_CACHECOIS_CORES_fonte_casaco {
	height: auto;
	margin: 0;
}



#box_CACHECOIS_CORES_fonte_casaco img {
	width: 100%;
}

#box_CACHECOIS_CORES_fonte_casaco p {
	font-size:75%;
	line-height: 50%;
}

#box_CACHECOIS_CORES_fonte_casaco ul {
	margin: 0;
	padding: 0px 5px 0px 5px;
	float: left; 
}

#box_CACHECOIS_CORES_fonte_casaco li {
	background: url(../img/trans_cinza_80.png);
	background-repeat: repeat;
	display:  inline-block;
	padding: 2px;
	border: 1px solid #b2b3b3;
	color: #b2b3b3;
}

#box_CACHECOIS_CORES_fonte_casaco li a {
	text-align:left; 
	padding:0; 
	color: #b2b4b3; 
	width:118px; 
	text-decoration: none; 
	float:left;
	 -webkit-transition: 0.2s linear; 
	 -moz-transition: 0.2s linear; 
	 -o-transition: 0.2s linear;
}

#box_CACHECOIS_CORES_fonte_casaco li a:hover {
	opacity:0.3;
	 -webkit-transition: 0.2s linear; 
	 -moz-transition: 0.2s linear; 
	 -o-transition: 0.2s linear;
}

#banner img {
	width: 98%;
	padding: 0 1.5% 0 1.5%;
}

/* ====================================== BOX ROSETA ====================================== */


#box_ROSETA {
	height: auto;
	margin: 0;
}

#box_ROSETA img {
	width: 100%;
}

#box_ROSETA ul {
	margin: 0;
	padding: 0px 2px 0px 2px;
	float: left; 
}

#box_ROSETA li {
	background: url(../img/trans_cinza_80.png);
	background-repeat: repeat;
	display:  inline-block;
	margin: 3px 3px 0 0;
	padding: 1px;
	border: 0px solid #b2b3b3;
	color: #b2b3b3;
}

#box_ROSETA li input {
	text-align:left; 
	padding:0; 
	color: #b2b4b3; 
	width:116px; 
	text-decoration: none; 
	float:left;
	 -webkit-transition: 0.2s linear; 
	 -moz-transition: 0.2s linear; 
	 -o-transition: 0.2s linear;
}

#box_ROSETA li input:hover {
	opacity:0.3;
	 -webkit-transition: 0.2s linear; 
	 -moz-transition: 0.2s linear; 
	 -o-transition: 0.2s linear;
}

#box_ROSETA li a {
	text-align:left; 
	padding:0; 
	color: #b2b4b3; 
	width:116px; 
	text-decoration: none; 
	float:left;
	 -webkit-transition: 0.2s linear; 
	 -moz-transition: 0.2s linear; 
	 -o-transition: 0.2s linear;
}

#box_ROSETA li a:hover {
	opacity:0.3;
	 -webkit-transition: 0.2s linear; 
	 -moz-transition: 0.2s linear; 
	 -o-transition: 0.2s linear;
}

/* ====================================== BOX ACABAMENTO ====================================== */


#box_ACABAMENTO {
	height: auto;
	margin: 0;
}

#box_ACABAMENTO img {
	width: 100%;
}

#box_ACABAMENTO ul {
	margin: 0;
	padding: 0px 2px 0px 2px;
	float: left; 
}

#box_ACABAMENTO li {
	background: url(../img/trans_cinza_80.png);
	background-repeat: repeat;
	display:  inline-block;
	margin: 3px 3px 0 0;
	padding: 1px;
	border: 0px solid #b2b3b3;
	color: #b2b3b3;
}

#box_ACABAMENTO li input {
	text-align:left; 
	padding:0; 
	color: #b2b4b3; 
	width:250px; 
	text-decoration: none; 
	float:left;
	 -webkit-transition: 0.2s linear; 
	 -moz-transition: 0.2s linear; 
	 -o-transition: 0.2s linear;
}

#box_ACABAMENTO li input:hover {
	opacity:0.3;
	 -webkit-transition: 0.2s linear; 
	 -moz-transition: 0.2s linear; 
	 -o-transition: 0.2s linear;
}

#box_ACABAMENTO li a {
	text-align:left; 
	padding:0; 
	color: #b2b4b3; 
	width:250px; 
	text-decoration: none; 
	float:left;
	 -webkit-transition: 0.2s linear; 
	 -moz-transition: 0.2s linear; 
	 -o-transition: 0.2s linear;
}

#box_ACABAMENTO li a:hover {
	opacity:0.3;
	 -webkit-transition: 0.2s linear; 
	 -moz-transition: 0.2s linear; 
	 -o-transition: 0.2s linear;
}

/* ====================================== Roll PORTES ====================================== */

#roll_portes_ILHAS:hover	{
	background-position: bottom center;
}

#roll_portes_ILHAS {
	border: none;
    background: none;
	width: 225px; height: 50px;
	overflow: hidden;
	background: url(/site/img/bt_portes_ILHAS.png) top center no-repeat;
	display: block;
	text-indent:-90000em;
}
	 
#roll_portes_PORTUGAL:hover	{
	background-position: bottom center;
}

#roll_portes_PORTUGAL {
	border: none;
    background: none;
	width: 225px; height: 50px;
	overflow: hidden;
	background: url(/site/img/bt_portes_PORTUGAL.png) top center no-repeat;
	display: block;
	text-indent:-90000em;
}
	 
#roll_PAYPAL_finalizar:hover	{
	background-position: bottom center;
}

#roll_portes_EUROPA {
	border: none;
    background: none;
	width: 225px; height: 50px;
	overflow: hidden;
	background: url(/site/img/bt_portes_EUROPA.png) top center no-repeat;
	display: block;
	text-indent:-90000em;
}

#roll_portes_EUROPA:hover	{
	background-position: bottom center;
}
	 

#roll_portes_MUNDO {
	border: none;
    background: none;
	width: 225px; height: 50px;
	overflow: hidden;
	background: url(/site/img/bt_portes_MUNDO.png) top center no-repeat;
	display: block;
	text-indent:-90000em;
}

#roll_portes_MUNDO:hover	{
	background-position: bottom center;
}	 


/* ====================================== BOX PORTFOLIO ====================================== */

#box_port {
    margin-top: 30px;
	margin-bottom: 20px;
    padding-bottom: 40px;
	background: url(../img/trans_preto_70.png);
	background-repeat: repeat;
	height: 100%;
    border-bottom: 2px solid #b2b3b3;
}

#box_port img {
	width: 100%;
	border-bottom: 2px solid #fff;
	margin-bottom: 0px;
}

#box_port_title {
    margin-top: 0px;
    padding-bottom: 0px;
	height: 50px;
}

#box_port h3 {
    padding-left: 10px;
    padding-right: 10px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
}

#box_port h4 {
    padding-left: 10px;
    padding-right: 10px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
}

#box_port ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#box_port li {
	padding: 10px 20px;
	border-bottom: 1px solid #282828;
	color: #b2b3b3;
	font-size: 14px;
    line-height: 18px;
}


#port_des {
	margin-top: 15px;
    margin-bottom: 0px;
	vertical-align:bottom;
	background-repeat: none;
	float:left;
	padding-left: 20px;
    padding-right: 10px;
	width:135px;
}



/* ====================================== BOTÕES ====================================== */


#desenhar {
	float:right;
	border: 0 none;
	text-decoration: none;
	width: 135px; height: 50px;
	overflow: hidden;
	background: url(../img/bt_desenhar.png) top center no-repeat;
	display: block;
	text-indent: 10000px;
}
	 
#desenhar:hover	{
	background-position: bottom center;
}

#bt_enviar {
	float:left;
	border: 0 none;
	text-decoration: none;
	width: 125px; height: 50px;
	overflow: hidden;
	background: url(../img/bt_enviar.png) top center no-repeat;
	display: block;
	text-indent: 10000px;
}
	 
#bt_enviar:hover	{
	background-position: bottom center;
}

#bt_confirmar {
	float:left;
	border: 0 none;
	text-decoration: none;
	width: 145px; height: 50px;
	overflow: hidden;
	background: url(../img/bt_confirmar.png) top center no-repeat;
	display: block;
	text-indent: 10000px;
}
	 
#bt_confirmar:hover	{
	background-position: bottom center;
}

#bt_confirmar2 {
	float:center;
	border: 0 none;
	text-decoration: none;
	width: 145px; height: 50px;
	overflow: hidden;
	background: url(../img/bt_confirmar.png) top center no-repeat;
	display: block;
	text-indent: 10000px;
}
	 
#bt_confirmar2:hover	{
	background-position: bottom center;
}

#bt_sabermais {
	float:right;
	border: 0 none;
	text-decoration: none;
	width: 145px; height: 50px;
	overflow: hidden;
	background: url(../img/bt_sabermais.png) top center no-repeat;
	display: block;
	text-indent: 10000px;
}
	 
#bt_sabermais:hover	{
	background-position: bottom center;
}

#bt_seguinte {
	float:left;
	border: 0 none;
	text-decoration: none;
	width: 145px; height: 50px;
	overflow: hidden;
	background: url(../img/bt_seguinte.png) top center no-repeat;
	display: block;
	text-indent: 10000px;
}
	 
#bt_seguinte:hover	{
	background-position: bottom center;
}

#bt_seguinte2 {
	border: none;
	text-decoration: none;
	width: 145px; height: 50px;
	overflow: hidden;
	background: url(../img/bt_seguinte.png) top center no-repeat;
	display: block;
	text-indent: -90000em;
}
	 
#bt_seguinte2:hover	{
	background-position: bottom center;
}

#bt_adulto {
	float:left;
	border: 0 none;
	text-decoration: none;
	width: 145px; height: 50px;
	overflow: hidden;
	background: url(../img/bt_adulto.png) top center no-repeat;
	display: block;
	text-indent: 10000px;
}
	 
#bt_adulto:hover	{
	background-position: bottom center;
}

#bt_crianca {
	float:left;
	border: 0 none;
	text-decoration: none;
	width: 145px; height: 50px;
	overflow: hidden;
	background: url(../img/bt_crianca.png) top center no-repeat;
	display: block;
	text-indent: 10000px;
}
	 
#bt_crianca:hover	{
	background-position: bottom center;
}

#bt_MULTIBANCO {
	border: none;
    background: none;
	width: 205px; height: 50px;
	overflow: hidden;
	background: url(../img/bt_MULTIBANCO_1.png) top center no-repeat;
	display: block;
	text-indent:-90000em;
}
	 
#bt_MULTIBANCO:hover	{
	background-position: bottom center;
}

#bt_pagamento_MULTIBANCO {
	border: none;
    background: none;
	width: 205px; height: 50px;
	overflow: hidden;
	background: url(../img/bt_pagamento_MULTIBANCO.png) top center no-repeat;
	display: block;
	text-indent:-90000em;
}
	 
#bt_pagamento_MULTIBANCO:hover	{
	background-position: bottom center;
}

#bt_PAYPAL {
	border: none;
    background: none;
	width: 205px; height: 50px;
	overflow: hidden;
	background: url(../img/bt_PAYPAL.png) top center no-repeat;
	display: block;
	text-indent:-90000em;
}
	 
#bt_PAYPAL:hover	{
	background-position: bottom center;
}

#bt_pagamento_PAYPAL {
	border: none;
    background: none;
	width: 205px; height: 50px;
	overflow: hidden;
	background: url(../img/bt_pagamento_PAYPAL.png) top center no-repeat;
	display: block;
	text-indent:-90000em;
}
	 
#bt_pagamento_PAYPAL:hover	{
	background-position: bottom center;
}

#bt_finalizar_PAYPAL {
	border: none;
    background: none;
	width: 205px; height: 50px;
	overflow: hidden;
	background: url(../img/bt_finalizar_PAYPAL.png) top center no-repeat;
	display: block;
	text-indent:-90000em;
}
	 
#bt_finalizar_PAYPAL:hover	{
	background-position: bottom center;
}

#pagamento_total_roll {
	float:center;
	border: 0 none;
	text-decoration: none;
	width: 225px; height: 50px;
	overflow: hidden;
	background: url(../img/bt_pagamento_total.png) top center no-repeat;
	display: block;
	text-indent: -90000em;
}
	 
#pagamento_total_roll:hover	{
	background-position: bottom center;
}

#pagamento_desconto_roll {
	float:center;
	border: 0 none;
	text-decoration: none;
	width: 225px; height: 50px;
	overflow: hidden;
	background: url(../img/bt_pagamento_desconto.png) top center no-repeat;
	display: block;
	text-indent: -90000em;
}
	 
#pagamento_desconto_roll:hover	{
	background-position: bottom center;
}

   .metodopagamento{
	line-height:250%;
	float:left;
	text-height:80%;
	vertical-align:middle;
	padding: 0px 10px 0px 10px;
	border: 0 none;
	display:block;
	text-decoration:none;
	}
	
	
	#bt_voltarsite {
	float:none;
	border: 0 none;
	text-decoration: none;
	width: 165px; height: 50px;
	overflow: hidden;
	background: url(../img/bt_voltarsite.png) top center no-repeat;
	display: block;
	text-indent: 10000px;
}
	 
#bt_voltarsite:hover	{
	background-position: bottom center;
}

	#bt_transp {
	float:none;
	border: 0 none;
	text-decoration: none;
	width: 10px; height: 10px;
	overflow: hidden;
	background: url(../img/trans_preto.png) top center no-repeat;
	display: block;
	text-indent: 10000px;
}
	 
#bt_transp:hover	{
	background-position: bottom center;
}

#bt_download {
	border: none;
	text-decoration: none;
	width: 165px; height: 50px;
	overflow: hidden;
	background: url(../img/bt_download.png) top center no-repeat;
	display: block;
	text-indent: -90000em;
}
	 
#bt_download:hover	{
	background-position: bottom center;
}

/* ====================================== EMPRESA ====================================== */

#containerEMPRESA {
	display:block;
	position: inherit;
  	width: 100%;
	height: auto;   
	margin: 10px 0 0px 0;
	background: url(../img/trans_preto_70.png);
	background-repeat: repeat;
	border-top:1px solid #333333;
	border-bottom:0px solid #333333;
	padding-top:10px;
	padding-bottom:10px;
	overflow: hidden; /*oculta a barra de deslizamento*/
	-moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
	z-index: 998;
}

#box_EMPRESA {
	height: auto;
}


#box_EMPRESA img {
	padding-top:20px;
	padding-bottom:20px;
	width: 100%;
}



#box_EMPRESA p {
    padding-left: 5px;
    padding-right: 5px;
    color: #b2b3b3;
	font-size: 14px;
}

#box_EMPRESA h3 {
    padding-left: 5px;
    padding-right: 5px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
}

#box_EMPRESA h4 {
    padding-left: 5px;
    padding-right: 5px;
	line-height: 20px;
    color: #b2b3b3;
}

#box_EMPRESA ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#box_EMPRESA li {
	padding: 3px 5px 3px 5px;
	border-bottom: 1px solid #000000;
	color: #b2b3b3;
	font-size: 12px;
    line-height: 14px;
}

#box_EMPRESA li:hover {
  background: url(../img/trans_cinza_80.png);
  text-decoration: none; 
  -webkit-transition: 0.2s linear; 
  -moz-transition: 0.2s linear; 
  -o-transition: 0.2s linear;
  color:#ffffff;
}


/* ====================================== EMPRESA ====================================== */


#containerCATEGORIAS {
	display:block;
	position: inherit;
  	width: 100%;
	height: auto;   
	margin: 10px 0 0px 0;
	background: url(../img/trans_preto_70.png);
	background-repeat: repeat;
	border-top:1px solid #333333;
	border-bottom:0px solid #333333;
	padding-top:10px;
	padding-bottom:10px;
	overflow: hidden; /*oculta a barra de deslizamento*/
	-moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
	z-index: 998;
}

#box_CATEGORIAS {
	height: auto;
}


#box_CATEGORIAS img {
	padding-top:20px;
	padding-bottom:20px;
	width: 100%;
}



#box_CATEGORIAS p {
    padding-left: 5px;
    padding-right: 5px;
    color: #b2b3b3;
	font-size: 14px;
}

#box_CATEGORIAS h3 {
    padding-left: 5px;
    padding-right: 5px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
}

#box_CATEGORIAS h4 {
    padding-left: 5px;
    padding-right: 5px;
	line-height: 20px;
    color: #b2b3b3;
}

#box_CATEGORIAS ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#box_CATEGORIAS li {
	padding: 3px 5px 3px 5px;
	border-bottom: 1px solid #000000;
	color: #b2b3b3;
	font-size: 90%;
    line-height: 150%;
}

#box_CATEGORIAS li:hover {
  background: url(../img/trans_cinza_80.png);
  text-decoration: none; 
  -webkit-transition: 0.2s linear; 
  -moz-transition: 0.2s linear; 
  -o-transition: 0.2s linear;
  color:#ffffff;
}


/* ====================================== GOOGLE MAPS ====================================== */

#mapa{
  width: 98%; 
  margin-left: 1%;
  margin-right: 1%;
  margin-top: 45px;
  height: 316px; 
  border: 1px solid #b2b3b3;
  }


/* ====================================== Table Base ====================================== */

table {
  font-family: arial;
  margin: 0 auto;
  max-width: 98%;
  background: url(../img/trans_cinza_80.png);
  background-repeat: repeat;
  border-collapse: collapse;
  border-spacing: 0;
}

.table { 
  width: 100%;
  margin-bottom: 20px;
  margin-top: 40px;
  
}

.table th,
.table td {
  font-weight: normal;
  color:#b2b3b3;
  font-size: 80%;
  padding: 8px 15px;
  line-height: 1.5em;
  text-align: left;
  vertical-align: middle;
  border-top: 1px solid #333333;
}
.table thead th {
  background: url(../img/trans_cinza_80.png);
  background-repeat: repeat;
  font-weight: bold;
  font-size: 90%;
  vertical-align: bottom;
}   
.table tbody > tr:nth-child(odd) > td,
.table tbody > tr:nth-child(odd) > th {
  background: url(../img/trans_preto_70.png);
  background-repeat: repeat;

}   
.table .t-small_small {
  width: 2%;
} 
.table .t-small {
  width: 5%;
}
.table .t-medium {
  width: 15%;
}


/* Small Sizes */
@media screen and (max-width: 480px) { 
  .table-action thead {
    display: none;
  }
  .table-action tr {
    border-bottom: 1px solid #333333;
  }
  .table-action td {
    border: 0;
  }
  .table-action td:not(:first-child) {
    display: block;
  }
  .table { 
  width: 100%;
  margin-bottom: 20px;
}
.table th,
.table td {
  font-size: 80%;
  padding: 8px 15px;
  line-height: 1.5em;
  text-align: left;
  vertical-align: middle;
}

}

/* ====================================== FORMULÁRIO ====================================== */


form {
  margin: 0 auto;
  max-width: 1000px;
  color: #b2b3b3;
}

.input {
  float: left;
  width: 98%;
  padding: 0 1% 3%;
  position: relative;

}


 
.input.txt { width: 98%; } /*textarea 100%*/

.input label {
  display: block;
  padding-bottom: 5px;
  color: #666;
}
.input label.error {
  position: absolute;
  right: 18px;
  top: 35px;
  color: #b2b3b3;
}

.input input,
.input textarea {
  padding-top: 10px;
  padding-bottom: 2%;
  border: none;
  font-size: 16px;
  font-weight: 100;
  font-family: Arial, Helvetica, sans-serif;
  color: #b2b3b3;
}
 
.input input {
  width: 98%;
  padding-left: 1%;
  padding-right: 1%;
}
 
.input textarea {
  width: 98%;
  padding-left: 1%;
  padding-right: 1%;
}


@media screen and (max-width: 520px) {
  .input {
    width: 98%;
  }
}

fieldset
{
	margin-left:1%;
	margin-right:1%;
	border-color:#b2b3b3;
	padding:16px;	
}


/* ====================================== Carregar Ficheiros ====================================== */
.box_CARREGAR {
	position: inherit;
  	width: 95%; 
	height: auto;  
	margin: 0 auto;
	background: url(../img/trans_cinza_80.png);
	background-repeat: repeat;
	border:1px solid #333333;
	overflow: hidden; /*oculta a barra de deslizamento*/
	-moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
	z-index: 998;
}


.col_CARREGAR {
        width: 100%;
		height: auto;
        padding: 1%;
}

.preview-img_CARREGAR {
        float:left;
        padding: 1%;
        width: 20%;
        border:0px solid #333333;
}

.preview-img_CARREGAR img{

        width: 100%;

}

.custom-file-input_CARREGAR {
        float:left;
        width: 72%;
        padding: 2px;
		height: auto;
        font-family: verdana;font-size: 9pt;
		background: url(../img/trans_preto_70.png);
		background-repeat: repeat;
        border:0px solid #333333;
}


/* ====================================== REVENDA ====================================== */


.duvidas {
	color: #999999;
	font-size: 100%; 
	margin-right: 0;
	padding-right:5px; 
	padding-left:5px;
	vertical-align:text-top;
	height:36px;
	float:right;
}

#bt_duvidas {
	border: none;
    background: none;
	width: 24px; height: 24px;
	overflow: hidden;
	background: url(../img/icon_duvidas.png) top center no-repeat;
	display: block;
	text-indent:-90000em;
}
	 
#bt_duvidas:hover	{
	background-position: bottom center;
}

.logo {
    width: 42%; /*210px / 500px */  
    float: left;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	z-index: 999;

}


.merchandising {
    width: 45,6%; /*228px / 500px */
    float: right;
	padding-right: 10px;
	margin-top: 35px;
	padding-bottom: 10px;
	z-index: 999;
}

#header {
	position: center;
	width: 100%;   
	max-width: 1000px;
	margin: 0 auto;
	border-bottom: 1px dotted #999999;
	margin-bottom:10px;
	overflow: hidden; /*oculta a barra de deslizamento*/
}

#DIV_oculta	{
	display: none;
	visibility:hidden;
}