@import url("shared.css?id=1");
@import url("/js-lib/css/ui-lightness/jquery-ui-1.8.17.css");
@import url("/js-lib/css/ui-lightness/jquery-ui-1.8.17.custom.css");
@import url("http://cl.topping.pt/js/xhtmlalert/xhtmlalert.css");
@import url("/js-lib/shadowbox/shadowbox.css");
@import url("/js-lib/fonts/topping_icn2/topping_icn.css");

html, body {
	height: 100%;	
}
body {
margin: 0;
padding: 0px;
background-color: #FFF;
}
#top-bar {
	background-color: #EE3123;
	height: 5px;	
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
}
img {
border: none;
}
a {
outline: none;
}
.clear {
clear: both;
}
#wrap {
width: 927px;
margin-right: auto;
margin-left: auto;
padding: 30px 0;
background-color: white;
margin-bottom: -25px; 
  min-height: 100%;
 
}
#wrap:after {
  content: "";
  display: block;
  height: 25px;
}
form {
padding: 0px;
margin: 0px;
}
#topo1 {
font-family: Arial, Helvetica, sans-serif;
color: #666666;
font-size: 12px;
float: left;
width: 327px;
}
#topo2 {
width: 400px;
float: right;
}
.data2 {
color: #e32119;
}
#bt_area {
float: right;
height: 15px;
width: 139px;
margin-right: 10px;
}
#news {
float: right;
line-height: 16px;
}
#lista {
font-family: Arial, Verdana, sans-serif;
text-transform: uppercase;
font-size: 13px !important;
color: white;
float: right;
height: 15px;
/*width: 135px;*/
text-align: right;
float: right;
margin-top: 7px;
height: 24px;
margin-right: 10px;
}
#lista:hover {
	cursor: pointer;
}
.wrap_tag {
/*background-image:url(/imagens/bgrep5.png);*/
background-color: #e32119;
background-color: #C11717;
background-color: #C11717;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e32119', endColorstr='#C11717'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#e32119), to(#C11717)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #e32119,  #C11717);
background-repeat: repeat-x;
border: solid 1px #353535;
padding: 5px;
}
#lista_tit {
background: url(/imagens/cart.png) no-repeat left center;
float: left;
color: #e32119;
width: 23px;
height: 17px;
}
#lista_result {
margin-left: 5px;
margin-top: 1px;
float: left;
}
#logo {
float: left;
height: 91px;
width: 223px;
margin-top: 25px;
}
#menu_topo {
float: right;
margin-top: 25px;
width: 600px;
text-align: right;
}
#lista ul {
margin: 0px;
padding: 0px;
}
#menu_topo ul, #menu #links ul, #titulos_cont1 ul {
margin: 0px;
padding: 0px;
margin-left: 10px;
}
#sublinks ul {
	margin: 0px;
	padding: 0px;	
}
#sublinks ul li {
	margin: 0px;
	padding: 0px;
}
#menu_topo li {
display: inline;
list-style-type: none;
}
#menu_topo .mrg {
margin-right: 25px;
}

#banner-ph {
	position: relative;
	height: 242px;
	width: 927px;
	margin: 50px 0 0;
}
#banner-ph:before {
	content: ' ';
	width: 927px;
	height: 19px;
	position: absolute;
	left: 0;
	top: -19px;
	background: url(../imagens/banner-shadow-top.png) no-repeat; 	
}
#banner-ph .arrows {
	width: 17px;
	height: 31px;
	position: absolute;
	top:136px;
	cursor: pointer;
}
#arrow-l {
		left: -40px;
		background: url(../imagens/arrow-l.png) no-repeat;
}
#arrow-r {
		right: -40px;
		background: url(../imagens/arrow-r.png) no-repeat;
}
#banner {
height: 242px;
width: 927px;
margin-top: 20px;
text-align: right;
overflow: hidden;
}



#menu {
width: 927px;
height: 41px;
background-color: #353535;

}
#menu #links {
float: left;
}
#menu #links li {
	height: 41px;
	
	float: left;
	display: block;
	background-position: 0px 2px;
	background-repeat: no-repeat;
	
	margin-left: 0px;
	font-family: 'Open Sans', sans-serif;
}
#menu #links li a {
	color: #FFF;
	line-height: 41px;
	height: 41px;
	text-transform: uppercase;
	font-size: 16px;
	display: block;
	text-decoration: none;
	padding: 0 15px;
}
#menu #links li a:hover, #menu #links li a.on {
	background-color: #e0e0e0;	
	color: #353535;
}

#titulos_cont1 li   {
float: left;
display: block;
margin: 0px;
padding: 0px;
padding-left: 0px;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
background-position: 0px 2px;
background-repeat: no-repeat;
margin-right: 0px;
margin-left: 0px;
}
#sub_menu {
float: left;
margin-left: 20px;
}
#sub_menu #sublinks li {
display: block;
float: left;
padding-left: 0px;
margin-right: 5px;
margin-left: 5px;
margin-top: 12px;
font-size: 11px;
text-transform: uppercase;
}

#search {
text-align: right;
float: right;
width: 450px;
margin-top: 12px;
line-height: 16px;
}
.red_form {
font-family: Arial, Helvetica, sans-serif;
color: #dd161b;
font-size: 11px;
margin-right: 5px;
}
.red11 {
font-family: Arial, Helvetica, sans-serif;
color: #dd161b;
font-size: 11px;
}
.red12 {
font-family: Arial, Helvetica, sans-serif;
color: #dd161b;
font-size: 12px;
margin-bottom: 5px;
}
#barra {
background-image:url(/imagens/bgrep3.png);
background-repeat: repeat-x;
height: 4px;
width: 927px;
}
#rodape_cont {
height: 24px;
width: 100%;
margin: 0 auto;
background-color: #d5d5d5;
line-height: 24px;
}
#rodape {
	width: 927px;
	margin: 0 auto;	
}
#rodape1, #rodape2, #rodape3 {
	width: 33%; /*335px;*/
	float: left;	
	box-sizing: border-box;
	height: 24px;
	line-height: 24px;	
}
#rodape1 {
	padding-left: 0;	
}
#rodape2 {
text-align: center;
}
#rodape3 {
text-align: right;
padding-right: 0;
}
#rodape_cont a, #rodape_cont {
	font-family: Arial, Verdana, sans-serif;
	color: #666;
	font-size: 11px;	
line-height: 24px;
}
#rodape a:hover {
text-decoration: underline;	
}
#titulos_cont1 {
height: 41px;
width: 927px;
position: relative;	
	height: 41px;
	width: 927px;
}

#titulos_cont1:after {
	content: ' ';
	background: url(../imagens/banner-shadow-bottom.png) no-repeat;
	position: absolute;
	top: 41px;
	left: 0;
	height: 19px;
	width: 100%;;	
}
.bg1 {
background-color: #e32119;	
}
.bg1 {
background-color: #e0e0e0;
}
.bg2 {
background-color: #e0e0e0;
}
.titulo_home {
float: left;
margin-top: 11px;
width: 410px;
font-family:Arial, Helvetica, sans-serif;
color: #FFFFFF;
margin-left: 8px;
text-transform: uppercase;	
}

#conteudo_home {
padding: 10px 0;
margin-top: 10px;
text-align: justify;
}
#col_float1 {
width: 408px;
padding-right: 19px;
border-right: dotted 1px #666666;
float: left;
margin-left: 20px;
}
#col_float2 {
width: 418px;
float: left;
margin-left: 20px;
}
.img_float_l {
float: left;
margin-right: 10px;
margin-bottom: 10px;
}
#sublinks_bcs {
font-family:Arial, Helvetica, sans-serif;
margin-top: 12px;
font-size: 12px;
text-transform: uppercase;
margin-left: 0;
height: 12px;
}
#sublinks_bcs a {
	font-size: 12px;
}
#sublinks_bcs .sep_bc {
text-align: center;
}
#sublinks_bcs .first_bc {
font-size: 15px !important;
color: #e12600;
}
#sub_menu #sublinks li a, #sublinks_bcs a {
text-decoration: none;
color: #999;
	}
#sub_menu #sublinks li a.current, #sublinks_bcs a.current {
text-decoration: none;
color: #e32119;
}
.first {
color: #e12600;
text-transform: uppercase;
font-size: 15px !important;
font-weight: normal;
margin-right: 10px !important;
/*margin-right: 10px !important;*/
}
.list {
border-right: dotted 1px #666;
padding-right: 10px !important;
}
#conteudo {
padding: 30px 0;
}

#lista_produtos ul {
margin: 0;
padding: 0;
}
#lista_produtos li {
list-style:  none;
line-height: 18px;
font-family:Arial, Helvetica, sans-serif;
}
#lista_produtos li a {
text-decoration: none;
font-size: 12px;
line-height: 18px;
color: #e12600;
}
#lista_produtos li a:hover {
color: #666666;
}
#paginacao {
margin-top: 20px;
text-align: center;
}
.nrs_pag {
font-family:Arial, Helvetica, sans-serif;
text-decoration: none;
border: solid 1px #e12600;
padding: 2px 4px;
font-size: 11px;
color: #e12600;	
}
.nrs_pag:hover, #paginacao .current {
color: #FFF;
background-color: #e12600;	
}
.photo_cont_right {
float: right;
padding-bottom: 20px;
padding-left: 20px;
position: relative;
}
.setaEsq {
left: 25px;
position: absolute;
top: 85px;
}
.setaDir {
left: 275px;
position: absolute;
top: 85px;
}
.sep {
border-bottom: dotted 1px #666666;
height: 5px;
margin-bottom: 10px;
clear: both;	
}
#contactos_menu {
float: left;
}
#contactos_menu ul, #contactos_menu li {
margin: 0;
padding: 0;
font-family: Arial, Verdana, sans-serif;
font-size: 12px;
}
#contactos_menu li {
display: block;
line-height: 18px;
border: solid 1px #CCCCCC;
border-bottom: none;
/*padding: 8px 10px;*/	
}
#contactos_menu li a:hover {	
background-color: #F6F6F6;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EEEEEE', endColorstr='#E6E6E6'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#EEEEEE), to(#E6E6E6)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #EEEEEE,  #E6E6E6);
color: #e12600;
} 
#contactos_menu li a {
padding: 8px 15px;
display: block;
text-decoration: none;
background-color: #F6F6F6;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#F6F6F6'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#F6F6F6)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #FFFFFF,  #F6F6F6);
color: #666666; 
}
#contactos_menu li a.current {
background-color: #F6F6F6;
filter: none;
background: none;
color: #e12600;
}
#contactos_menu li.current {
border-right: none;
}
#contactos_menu .last {
border-bottom: solid 1px #CCCCCC;
}
#contactos_txt {
float: left;
margin-left: 40px;
}
#contactos_form {
margin-left: 40px;
float: right;
}
#inf_form {
background-color: white;
padding: 20px 20px;
width: 300px;
height: 290px;
}
#img_produto_div {
width: 360px;
height: 270px;
float: left;
}
.sombra {
box-shadow: 0 0 2px #CCCCCC;
}
#product_info {
float: left;
margin-left: 20px;
}
/* TOOLTIP */
.tooltip, .arrow:after {
background: white;
border: 1px solid #666666;
}
.active {
opacity: 1;
}
.inactive {
opacity: 0.5;
}
.tooltip {
pointer-events: none;
display: inline-block;
position: relative;
padding: 10px 20px;
color: #666666;
width: 120px;
text-align: center;
font: 14px Arial, Sans-Serif;
text-decoration: none;
text-transform: uppercase;
}
.arrow {
width: 70px;
height: 12px;
overflow: hidden;
position: absolute;
left: 50%;
margin-left: -35px;
bottom: -12px;
}
.arrow:after {
content: "";
position: absolute;
left: 20px;
top: -20px;
width: 25px;
height: 22px;
-webkit-transform: rotate(45deg);
-moz-transform:    rotate(45deg);
-ms-transform:     rotate(45deg);
-o-transform:      rotate(45deg);
}
/* LISTA DE PRODUTOS */
#lista_produtos, #formulario_concluir {
	width: 500px;
	margin: 10px;
}
#lista_produtos {
	margin: 20px 0 0 0px;
}
#lista_produtos .sep {
	border-bottom: 1px solid #CCCCCC;
	height: 5px;
	margin-bottom: 5px;
}
#lista_produtos .list_row {
	border-bottom: 1px solid #CCCCCC;
	padding: 3px 0px;
	font: 12px Arial, Helvetica, sans-serif;
}
#lista_produtos #bts {
	margin-top: 20px;	
}
#info {
color: white;
margin-bottom: 20px;
background-color: #206e20;
padding: 5px;
padding-left: 25px;
background: #206e20 url(/imagens/icone_check.png) no-repeat 6px 6px;
}
/* MAPA */
area {
	cursor: pointer;
}
#mapa-info {
	background-color: white;
	padding: 20px 20px;
	width: 300px;
	height: 200px;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 12px;
}
#mapa-info h3 {
	margin: 0;
	padding: 0;
	font-size: 16px;
	color: #e32119;
}
#mapa-info strong {
	color: #e32119;
}
.dstq {
	width: 100%;
	height: 178px;
	position: relative;
	
}
.dstq:after {
	width: 100%;
	height: 20px;
	background: url(/imagens/dstq-shadow.png) no-repeat;
	position: absolute;
	top: 181px;	
	left: 0;
	 content: " ";
}
.red {
	border: solid 3px #e32119;	
}
.grey {
	border: solid 3px #e0e0e0;	
}
.txt-placeholder {
	padding: 0 0 0 84px;
	color: white;
}
.img-placeholder {
	position: absolulte;
	left: 0; top: 0;
	width: 238px;
	height: 178px;
	background-color: #FFF;
}
.txt-placeholder {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 303px;
	height: 178px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	display: inline;
	vertical-align: bottom;
}
.txt-content {
	position: absolute;
	left: 104px;
	bottom: 0;	
}
.red .txt-placeholder {
	background: url(/imagens/bg-red-cut.png) no-repeat;	
	
}
.red .txt-content p, .red .txt-content p a {
	color: #FFF !important;
	text-align: left !important;
}
.grey .txt-content p {
	
	text-align: left !important;
}
.grey .txt-content p a {
	color: #e32119 !important;
}
.txt-content p a {
	text-decoration: underline;	
}
.grey .txt-placeholder {
	background: url(/imagens/bg-grey-cut.png) no-repeat;	
}
.news {
	width: 450px;
	float: left;	
}
.news:nth-child(2n) {
	float: right;
}