@import url(type.css);
* {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	font-family: 'Lato', Helvetica, Arial, sans-serif;
}
img {
	border: none;
}
html {
	font-size: 62.5%;
	font-family: 'Lato';
	font-weight: 400;
	min-width: 320px;
}
html, body {
	margin: 0;
	padding: 0;	
	min-height: 100%;
}
#top-bar {
	display: block;
	position: absolute;
	left: 0; top: 0;
	height: 36px;
	width: 100%;
	z-index: 1;
	background-color: #303030;	
}
#wrapper {
	position: relative;
	width: 100%;
	max-width: 1100px;
	margin: 0 auto;
	z-index: 2;
	min-height: 100%;
}
#menu-toggle {
	height: 36px;
	line-height: 36px; 
	padding: 0 30px 0 20px;
	color: #FFF;
	overflow: hidden;
	cursor: pointer;
	background: url(/imagens/icn-toggle.png) no-repeat center right;
	font-size: 1.6rem;
	display: inline-block;
}
#login {
	height: 36px;
	line-height: 36px;
	position: absolute;
	right: 20px;
	top: 0;
	text-transform: uppercase;
	background: url(/imagens/icn-login.png) no-repeat center left;
	padding-left: 20px;
}
#login a {
	color: #FFF;
	text-decoration: none;
	font-size: 1.2rem;
}
#topo {
	position: relative;
	width: 100%;
	height: 300px;
}
#menu1 {
	position: absolute;
	left: 0;
	top: 36px;
	width: 100%;
	display: none;
	z-index: 999;
	padding: 20px;
	text-align: center;
	background-color: #00a9ec;
}
#menu1 .sep, #menu1 .bt-eventos, #menu1 .filler {
	display: none;
} 
#menu1 li {
	display: block;
	position: relative;
	cursor: pointer;
	text-transform: uppercase;
	border-bottom: solid 1px #FFF;
	line-height: 3;
}
#menu1 li:last-child {
	border: none;
}
#menu1 li a {
	text-decoration: none;
	color: #FFF;
	font-size: 1.3rem;
}
#menu1 li ul li a {
	font-size: 1.3rem;	
}
#logo {
	position: absolute;
	width: 100%;
	left: 0;
	top: 100px;
	text-align: center;
}
#logo img {
	max-width: 270px;
	width: 60%;
	height: auto;
}
.rollover-menu {
	display: none;
}
#wish-cart {
	position: absolute;
	width: 100%;
	left: 0;
	top: 200px;
	text-align: center;
	height: 30px;
}
#wish-cart li {
	position: relative;
	vertical-align: top;
	line-height: 34px;
	height: 34px;
	display: inline-block;
	margin: 0 5px;
	text-align: center;
	padding-left: 0;
	display: inline-block;
}
#wish-cart a {
	text-decoration: none;
	display: block;
	padding-left: 40px;
	color: #020202;
	font-size: 1.5rem;
}
.wishlist-cont {
	background: url(/imagens/icn-wish-2.png) no-repeat center left;
	margin-right: 10px;	
}
.cart-cont {
	background: url(/imagens/icn-cart-2.png) no-repeat center left;	
}
.cart {
	width: 30px;
	height: 30px;
	position: absolute;
	left: 0px;
	top: -7px;
}
#search-bar {
	position: absolute;
	right: 0;
	top: 250px;
	width: 100%;
	padding: 0 20px;
	height: 39px;
}
#search-bar input {
	border: solid 1px #BBB;
	height: 39px;
	width: 100%; 
	line-height: 39px;
	padding: 10px;
	padding-right: 35px;
	color: #303030;
	font-size: 1.4rem
}
#search-bar input:focus {
	border: solid 1px #000;
	color: #303030;
	box-shadow: #888 0px 0px 10px;
}
.strng {
	font-weight: 700;
}
/****************************************************************************************************************************

Classes

****************************************************************************************************************************/
.mb {
	display: block;
}
.dsktp, .dsktp-only, .dsktp2 , .dsktp-inline {
	display: none;
}
.clear {
	clear: both;	
}
ul.mrgPad0 , ul.mrgPad0 li {
	margin: 0; padding: 0;	
}
.search-icon {
	position: absolute;
	top: 0;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(/imagens/icn-search.png);
	right: 30px;
	width: 17px;	
}
#form-news input[type=text]{
	border: solid 1px white;
	padding: 5px 3px;
	width: 70%;
	-webkit-appearance: none;
	border-radius: 0;
	
}
#form-news input[type=submit] {
	border: solid 1px #ec870f;
	background-color: #ec870f;
	padding: 5px 3px;
	width:30%;
	color: #FFF;
	-webkit-appearance: none;
	 border-radius: 0;
	
}
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}
.nobrd {
	border: none;
}
.clear {
	clear: both;	
}
.cont {
	padding: 20px;	
}
.cont p:first-child {
	margin-top: 0;	
}
/****************************************************************************************************************************

FOOTER @ TODAS RESOLUÇÕES

****************************************************************************************************************************/
#footer-cont-1 {
	padding: 20px;
}
#footer-cont-2 {
	position: relative;	
	padding-bottom: 50px;
	background-color: #303030;
	color: #FFF;
	width: 100%;
}
#footer-cont-2 img, #footer-cont-1 img {
	width: 100%;
	height: auto;	
}
#footer-cont-2:before {
	content: ' ';
	width: 100%;
	height: 43px;
	background: url(/imagens/footer-shadow.png) no-repeat top center;
	position: absolute;
	bottom: 100%;
	left: 0;	
}
#footer {
	width: 100%;
	margin: 0 auto;
	padding: 20px;
	position: relative;
	text-align: center;	
}
#footer .header {	
	margin: 10px 0;
	padding-bottom: 5px;
	font-size: 1.45rem;
	font-weight: 400;
}
#footer li {
	display: block;	
	margin: 5px 0;
}
#footer li a {
	color: #FFF;
	text-decoration: none;
	font-size: 1.3rem;
}
#footer li:first-child {
	margin-top: 0;	
}
#footer .cols {
	border-top: solid 1px #ededed;
	padding: 15px 0;
}
#footer div:first-child {
	margin-top: 0;
	padding-top: 0;
	border: none;
}
#footer div:nth-child(6) {
	margin-bottom: 0;	
}
#footer div:last-child {
	margin: 0;	
}
#footer .col5 img, #footer .col4 img.social, #footer img.social   {
	width: 15%;
	width: 20%;
	max-width: 30px;
	height: auto;
	margin: 0 3px;	
}
#footer .col1 img.social2 {
	width: 20%;
	max-width: 30px;
	height: auto;
	margin: 0 3px;	
}
#footer .col6 img {
	max-width: 300px;
}
#copy {
	text-align: center;
	background-color: #000;
	clear: both;
	height: 40px;
	line-height: 40px;
	text-transform: uppercase;
	position: absolute;
	bottom: 0; left: 0;
	width: 100%;
}
#cookie-display {
	 position: fixed; 
	 left: 0; bottom: 0; 
	 padding: 10px 0;
	 width: 100%; 
	 background-color: rgba(20, 20, 20, 0.9); 
	 z-index: 99999; 
	 text-align: center;
	 line-height: 2;	
	 display: none;
	 color: #bbb;
	 font: 1.3rem/1.5 'Lato';
}
@media only screen and (min-width : 768px) { 
	html, body {
		height: 100%;	
	}
	#wrapper {
		margin-bottom: -400px; /* altura do footer */
	}
	#wrapper:after {
	 	content: "";
	  	display: block;
	}
	#wrapper:after {
	  	height: 400px; 
	}
	.mb {
		display: none !important;
	}
	.dsktp, .dsktp-only {
		display: block;
	}
	.dsktp-inline {
		display: inline;
	}
	#top-bar {
		height: 32px;	
	}
	#login {
		height: 32px;
		line-height: 32px;
	}
	#login a {
		font-size: 1.15rem;
	}
	#menu0 {
		padding-left: 20px;
	}
	#menu0 li {
		display: inline-block;
		text-transform: uppercase;
		line-height: 32px;
	}
	#menu0 li a.on, #menu0 li a:hover {
		background-color: rgba(255,255,255,0.25);
	}
	#topo {
		height: 270px;		
	}
	#menu0 li a {
		color: #FFF;
		text-decoration: none;
		padding: 0 10px;
		line-height: 32px;
		display: block;
		height: 32px;
		font-size: 1.15rem;
	}
	#menu1 {
		position: absolute;
		left: 0;
		top: 240px;
		width: 100%;
		display: block !important;
		text-align:justify;		 
		padding: 0 20px;
		line-height: 24px;
		height: 24px;
		background-color: transparent;	 
	}
	#menu1 li {
		text-transform: none;
		border-top: none;
		line-height: 24px;
		height: auto;			
	}
	#menu1 li, #menu1 li.sep, #menu1 .bt-eventos, #menu1 .filler {
		margin: 0;
		display: inline-block;
		background-color: transparent;
		color: #020202;
	}
	#menu1 li a {
		color: #020202;
		text-decoration: none;
		padding-top: 40px;
		font-size: 1.1rem;
	}
	
	#menu1 .filler 	{
	    width:100%;
	    display: inline-block;
	    height:0px;
	}
	#menu1 a.icn-8 {
		background: url(/imagens/icn-8.png?id=1320956227) no-repeat center top;
	}
	#menu1 a.icn-8:hover, #menu1 a.icn-8-on {
		background: url(/imagens/icn-8-hover.png?id=1589254779) no-repeat center top;
		color: #ec870f;
	}#menu1 a.icn-9 {
		background: url(/imagens/icn-9.png?id=379233033) no-repeat center top;
	}
	#menu1 a.icn-9:hover, #menu1 a.icn-9-on {
		background: url(/imagens/icn-9-hover.png?id=289839033) no-repeat center top;
		color: #ec870f;
	}#menu1 a.icn-10 {
		background: url(/imagens/icn-10.png?id=2068780706) no-repeat center top;
	}
	#menu1 a.icn-10:hover, #menu1 a.icn-10-on {
		background: url(/imagens/icn-10-hover.png?id=1686224736) no-repeat center top;
		color: #ec870f;
	}#menu1 a.icn-11 {
		background: url(/imagens/icn-11.png?id=371847097) no-repeat center top;
	}
	#menu1 a.icn-11:hover, #menu1 a.icn-11-on {
		background: url(/imagens/icn-11-hover.png?id=675396344) no-repeat center top;
		color: #ec870f;
	}#menu1 a.icn-12 {
		background: url(/imagens/icn-12.png?id=591932912) no-repeat center top;
	}
	#menu1 a.icn-12:hover, #menu1 a.icn-12-on {
		background: url(/imagens/icn-12-hover.png?id=401059819) no-repeat center top;
		color: #ec870f;
	}#menu1 a.icn-13 {
		background: url(/imagens/icn-13.png?id=1411141097) no-repeat center top;
	}
	#menu1 a.icn-13:hover, #menu1 a.icn-13-on {
		background: url(/imagens/icn-13-hover.png?id=319025010) no-repeat center top;
		color: #ec870f;
	}#menu1 a.icn-14 {
		background: url(/imagens/icn-14.png?id=863289277) no-repeat center top;
	}
	#menu1 a.icn-14:hover, #menu1 a.icn-14-on {
		background: url(/imagens/icn-14-hover.png?id=100158776) no-repeat center top;
		color: #ec870f;
	}#menu1 a.icn-15 {
		background: url(/imagens/icn-15.png?id=340803597) no-repeat center top;
	}
	#menu1 a.icn-15:hover, #menu1 a.icn-15-on {
		background: url(/imagens/icn-15-hover.png?id=569522373) no-repeat center top;
		color: #ec870f;
	}#menu1 a.icn-16 {
		background: url(/imagens/icn-16.png?id=195464579) no-repeat center top;
	}
	#menu1 a.icn-16:hover, #menu1 a.icn-16-on {
		background: url(/imagens/icn-16-hover.png?id=1911218540) no-repeat center top;
		color: #ec870f;
	}#menu1 a.icn-17 {
		background: url(/imagens/icn-17.png?id=266322123) no-repeat center top;
	}
	#menu1 a.icn-17:hover, #menu1 a.icn-17-on {
		background: url(/imagens/icn-17-hover.png?id=812589638) no-repeat center top;
		color: #ec870f;
	}
	.rollover-menu {
		display: none;
		position: absolute;
		top: 43px;
		left: 0;
		z-index: 1000;
		background-color: rgba(255,255,255,0.9);
		border: solid 1px #BBB;	
	
	}
	 .rollover-menu:after, .rollover-menu:before { 
		 bottom: 100%; 
		 left: 40px; 
		 border: solid transparent; 
		 content: " "; 
		 height: 0; 
		 width: 0; 
		 position: absolute; 
		 pointer-events: none; 
	 } 
	 .rollover-menu:after { 
		 border-color: rgba(136, 183, 213, 0); 
		 border-bottom-color: rgba(255,255,255,0.9); 
		 border-width: 12px; 
		 margin-left: -12px; 
	 } 
	 .rollover-menu:before { 
		 border-color: rgba(194, 225, 245, 0); 
		 border-bottom-color: #BBB; 
		 border-width: 13px; 
		 margin-left: -13px; 
	 }
	.rollover-menu li {
		padding: 0;
		display: block !important;
		float: none;	
		margin: 0 !important;
		white-space: nowrap;
		border-bottom: solid 1px #CCC !important;
		/*background-color: red !important;*/
	}
	.rollover-menu li:last-child {
		border: none;
	}
	.rollover-menu li a {
		display: block;
		line-height: 1 !important;
		display: block !important;
		padding: 10px 20px !important;
		
	}
	.rollover-menu li:hover, .rollover-menu li a:hover {
		color: white !important;
		background-color: #ec870f !important;
	}
	#logo {
		position: absolute;
		width: 100%;
		padding-left: 20px;
		top: 60px;
		text-align: left;
	
	}
	#logo img {
		max-width: 300px;
	}
	#wish-cart {
		top: 55px;
		padding-right: 20px;
		text-align: right;
	}
	#search-bar {
		width: 50%;
		top: 140px;
		top: 100px;
		right: 20px;
		padding: 0;
	}
	.search-icon {
		right: 10px;
	}
/****************************************************************************************************************************

BANNERS @ TODAS RESOLUÇÕES

****************************************************************************************************************************/
	#topo-rotativo {
		overflow: hidden;
		width: 100%;
		float: left;
	}
	#topo-rotativo ul, #topo-rotativo li {
		margin: 0; padding: 0;	
	}
	#topo-rotativo li, #topo-rotativo li img {
		height: 100%;
		width: 100%;
		display: block;
	}
	
	#topo-rotativo #caption-box {
		position: absolute;
		left: 0;
		bottom: 0;
		height: 60px;
		background-color: rgba(255,255,255,0.85);
		z-index: 990;
		padding: 5px 80px 0 92px;
		width: 100%;
		
	}
	.topo-rotativo-shadow {
		display: block;
		background: url(/imagens/shadow-banner-home.png);
		width: 100%;
		height: 29px;
		clear: both;		
	}
	#caption-icon-ph {
		position: absolute;
		left: 20px;
		top: 0;
		width: 60px;
		height: 60px;		
		background: #ec870e url(/imagens/bg-caption.png) no-repeat center center;
		background-size: 60% 60%;
		position: absolute;
	}
	#caption {
		color: #353535;
		
	}
	#caption {
		line-height: normal !important;
		margin: 0;
		font-size: 1.5rem;	
	}
	#caption strong {
		font-weight: 700;
		font-size: 1.8rem;
		color: #020202;
		line-height: 1.5 !important;
	}
	#topo-rotativo .cycle-pager {
		position: absolute;
		z-index: 991;
		right: 10px;
		bottom: 0px;
		width: 100%;
		text-align: right;
		z-index: 991;
		overflow: hidden;
	}
	.cycle-pager span { 
		font-family: Arial; 
		font-size: 50px; 
		width: 20px; 
		height: 50px; 
		display: inline-block; 
		color: #bcbcbc; 
		cursor: pointer; 
	}
	.cycle-pager span.cycle-pager-active { 
		color: #ec870e;
	}
	.cycle-pager > * { 
		cursor: pointer;
	}	
	
	#topo-rotativo img {
		width: 100%;
		height: auto;
		display: block;
	}
	.topo-fixo {
		width: 100%;
		height: auto;
	}
	#banner-topo {
		width: 21%;
		float: left;
		color: #FFF;
		font-size: 14px;
	}
	#banner-topo img, #banner-topo-2 img {
		width: 100%;
		height: auto;
		display: block;
	}
	/****************************************************************************************************************************
	
	FOOTER
	****************************************************************************************************************************/
	#banner-rodape {
		width: 100%;
		max-width: 1100px;
		margin: 0 auto;
		padding: 0 20px;
		z-index: 3;
		position: relative;
	}
	#banner-rodape img {
		width: 100%;
		height: auto;
		display: block;
	}
	#footers {
		height: 400px;
		position: relative;
		z-index: 3;
	}
	#footer-cont-1 {
		height: 100px;
		padding: 0 20px;
	}
	#banner-pq {
		width: 100%;
		max-width: 1100px;
		height: 100%;
		background: url(/imagens/banner-pq.png) no-repeat center center;
		margin: 0 auto;
		background-size: 100% auto;
	}
	#footer-cont-2 {
		height: 300px;
		padding: 0 20px;
	}
	#footer {
		text-align: left;
		width: 100%;
		max-width: 1100px;
		padding: 20px 0;
	}
	
	#footer li {
		margin: 2px 0;
		font-size: 1.3rem;
	}
	#footer li a {
		color: #bbb;	
		text-decoration: none;
	}
	#footer li a:hover, #footer li a.on {
		color: #FFF;	
		text-decoration: none;
	}
	#footer > div {
		margin: 0;
		
	}
	#footer .cols {
		border-top: none;
		padding: 0;
	}
	#footer .header {
		border: none;
		margin-bottom: 5px;	
	}
	#footer .col1 {
		width: 10%;
		float: left;
		height: 210px;
		line-height: 210px;
		display: none;
	}
	#footer .col1 img {
		vertical-align: middle;	
		display: inline-block;
	}
	#footer .col4 {
		width: 10%;
		float: left;
	}
	#footer .col2 {
		width: 15%;
		float: left;
		width: 25%;		
	}
	#footer .col2, #footer .col3, #footer .col4, #footer .col5, #footer .col6 {
		padding-left: 1%;
		border-left: solid 1px #FFF;	
	}
	#footer .col3, #footer .col5 {
		
		width: 12%;
		width: 45%;
		float: left;
		
		padding-top: 0;		
	}
	#footer .col2 {
		height: 210px
	}
	#footer .col3, #footer .col4 {
		height: 210px;
	}
	#footer .col5, #footer .col6 {
		height: 60px;
	}
	#footer .col5, #footer .col6 {
		margin-top: 30px;
	}
	#footer .col4, #footer .col6 {
		width: 30%;
		float: left;	
	}

	
	
	
	
}
@media only screen and (min-width : 1024px) { 
	#wrapper {
		margin-bottom: -450px; 
	}
	#wrapper:after {
	  	height: 450px; 
	}
	#topo-rotativo {
		overflow: hidden;
		width: 79%;
		float: left;
	}
	#topo-rotativo #caption-box {
		height: 80px;
		padding: 10px 0 0 120px;
	}
	#caption-icon-ph {
		background-size: 50% 50%;
		width: 80px; height: 80px;	
		left: 20px;
	}
	#caption {
		font-size: 1.7rem;
		line-height: .9;
	}
	#caption strong {
		font-size: 2.1rem;
	}
	.dsktp-only {
		display: none;
	}
	.dsktp2 {
		display: block;
	}
	#footer .col1 {
		display: block;	
	}
	#menu1 li a {
		font-size: 1.5rem;
	}
	/****************************************************************************************************************************
	
	FOOTER
	****************************************************************************************************************************/
	#logo img {
		max-width: 400px;
	}
	#footer .col1 {
		width: 30%;
		float: left;
		height: 210px;
		line-height: 210px;
		display: block;
	}
	#footer .col1 img {
		vertical-align: middle;	
		display: inline-block;
	}
	
	
	#footer .col4 {
		width: 10%;
	}
	#footer .col2 {
		width: 15%;
		margin-left: 2%;		
	}

	#footer .col3, #footer .col5 {
		width: 25%;	
	}
	
	#footer .col4, #footer .col6 {
		width: 25%;		
	}
	#footers {
		height: 450px;
	}
	#footer-cont-1 {
		height: 150px;
	}
}
@media only screen and (min-width : 1120px) { 
	html, body {
		min-width: 1100px;
	}
	#menu1, #menu0, #logo, #banner-rodape {
		padding: 0;
	}
	.cont {
		padding: 30px 0;	
	}
	#login, #search-bar {
		right: 0;	
	}
	#wish-cart {
		padding-right: 0;
	}	
}
.list-top-bar {
	height: 43px;
	line-height: 43px;	
	position: relative;
	padding: 0 20px 0 40px;
	font-size: 1.5rem;
	color: #FFF;
}
.icn-novidades {
	background-image: url(/imagens/icn-novidades.png);
	left: 10px;
	width: 16px;
}
.icn-top {
	background-image: url(/imagens/icn-topVendas.png);
	left: 10px;
	width: 23px;
}
.bg-icon {
	position: absolute;
	top: 0;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center center;
}
.bgGrad-c1 {
	background-color: #00a9ec; 
}
.bgGrad-c5 {
	background-color: #ec870f;	
}
.bg-c7 {
	background-color: #348e3e;
}
.list-item {
	width: 49%;
	float: left;
	margin: 0 auto;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 10px;
	position: relative;
	font-size: 16px;
	text-align: center;
	border: solid 1px #bbb;
	margin-left: 2%;
}
.list-item:hover, .list-item-art:hover, .list-item-eventos:hover {
	border-color: transparent;
	outline: solid 3px #00a9ec;
	-webkit-box-shadow: 8px 8px 8px #999;
       -moz-box-shadow: 8px 8px 8px #999;
            box-shadow: 8px 8px 8px #999;;
}
.list-item:nth-child(2n+1) {
	margin-left: 0;
	clear: left;
}
.list-item .titulo {
	height: 45px;
	overflow: hidden;
	font-weight: 700;
	color: #020202;
}
.titulo a {
	color: #020202;
	text-decoration: none;
}
.titulo a:hover {
	color: #020202;
	text-decoration: underline;
}
.list-bg-image {
	width: 100%;
	height: 100%;
    position: relative;
}
.list-bg-image img {
	width: 100%;
	height: auto;
}
.ver {
	background-size: auto 100%;
}
.hor {
	background-size: 100% auto;
}

.list-bg-image .hl {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 50px;
	height: 50px;
	border-radius: 50px;
	background-color: #ec870f;
	z-index: 99;
	text-align: center;
	line-height: 50px;
	color: #FFF;
}
.precos {
	height: 35px;
	line-height: 35px;
	margin-top: 10px;
	
}
.preco_promocional {
	color: #999;
}
.preco {
	line-height: 25px;
	height: 25px;
	color: #348e3e;
	display: inline-block;	
	font-size: 2rem;
}
.bts {
	width: 80%;
	margin: 10px auto 0 auto;
	text-align: center;
}
.bt-list {
	width: 46%;
	height: 30px;
	margin: 0 2%;
	border-radius: 3px;
	cursor: pointer;
	max-width: 75px;
	display: inline-block;
}
.bt-list:hover {
	background-color: #ec870f;
}
.bt-wish {
	background-color: #f7dc00;
	background-image: url(/imagens/icn-wish.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.bt-cart {
	background: #00a9ec url(/imagens/icn-cart.png) no-repeat center center;
}
@media only screen and (min-width : 768px) { 
	.list-item {
		width: 32%;
		margin-left: 2%;
	}
	.list-item:nth-child(2n+1) {
		margin-left: 2%;
		clear: none;
	}
	.list-item:nth-child(3n+1) {
		clear: left;
		margin-left: 0;
	}
}
@media only screen and (min-width : 1024px) { 
	.list-item {
		width: 18%;
		margin-left: 2.5%;
		
	}
	.list-item:nth-child(2n+1), .list-item:nth-child(3n+1) {
		margin-left: 2.5%;
		clear: none;
	}
	.list-item:nth-child(5n+1) {
		clear: left;
		margin-left: 0;
	}
}.col-left ul, .col-left li {
		margin: 0;
		padding: 0;	
}
.col-left ul {
	border: solid 1px #CCC;
}
.col-left li {
	display: block;	
	border-bottom: solid 1px #CCC;
}
.col-left li:last-child  {
	border-bottom: none;
}
.col-left li a {
	padding: 10px 20px;
	display: block;	
	background-color: #EEE;
	color: #333;
	text-decoration: none;
	line-height: normal;
}
.col-left li a:hover, .col-left li a.on {
	color: #FFF;
	background-color: #303030;
}
.col-right h2:first-child {
    margin-top: 10px;
}
.form-title {
	color: #045099;
	margin-bottom: 10px;
	font-weight: 700;
}
@media only screen and (min-width : 1024px) { 
	.col-left {
		width: 20%;
		float: left;	
	}
	.col-right {
		width: 76%;
		float: right;	
	}
	.col-right h2:first-child {
		margin-top: 10px;	
	}
}.filter-bar {
	background-color: #ededed;
    margin: 0 20px;
	padding: 10px;
	margin-top: 20px;
    
}
.filter-bar h1, .filter-bar-checkout h1 {
    line-height: normal;
    margin: 0;
}
#bc, .filter-bar a {
	font-size: 1.1rem;
	color: #999;
	text-decoration: none;
	text-transform: uppercase;
}
.filter-bar-checkout {
	padding: 10px 10px;
	height: 45px;
	margin-top: 20px;
}
.filter-bar  h1, .filter-bar-checkout  h1 {
	margin: 0;	
	line-height: normal;
}
.filter-bar .left {
	width: 100%;
}
.filter-bar .right {
	text-align: center;
	padding-top: 0;
	font-size: 1.5rem;
	font-size: 1.2rem;
	color: #666;
	margin-top: 10px;	
}
.filters-col {
	display: none
}
.filters-col-2 {
	padding: 20px;
}
.filters-col .block, .filters-col-2 .block {
	padding: 10px 20px;	
	margin: 20px 0;
	border: solid 1px #ccc;
}
 .filters-col-2 .block {
	background-color: #FFF;	 
}
.filters-col ul, .filters-col li , .filters-col-2 ul, .filters-col-2 li {
	margin: 0; padding: 0;	
}
.filters-col li, .filters-col-2 li {
	display: block;	
}
.results-col {
	width: 100%;
	float: right;	
}
#comparador-ph {
    color: #fff;
    cursor: pointer;
    display: inline-block;
	margin-top: 10px;
	
    font-family: "Lato";
    font-size: 11px;
    height: 30px;
    line-height: 30px;
    margin-left: 10px;
    margin: 0 auto 0 auto;
    padding-left: 28px;
    position: relative;
    text-align: left;
    text-transform: uppercase;
    width: 120px;
}
#sort, #nItems {
    border: 1px solid #ccc;
    height: 30px;
    line-height: 30px;
    font-size: 1.3rem;
    font-size: 1.1rem;
	color: #020202;
	margin-bottom: 10px;
}
.compare-bg {
    background-image: url("/imagens/icn-compare.png");
    background-position: 5px center;
    background-repeat: no-repeat;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}




@media only screen and (min-width : 768px) { 
	.filter-bar .right {
		text-align: right;
		font-size: 1.5rem;
	}
	#sort, #nItems {
	    font-size: 1.3rem;
    }
}
@media only screen and (min-width : 1024px) { 
	.filters-col-2 {
		display: none;	
	}
	.filters-col {
		display: block;
		width: 20%;
		float: left;
		
	}
	.filter-bar {
		height: 60px;
	}
	.filter-bar .left {
		width: 45%;
		float: left;
	}
	.filter-bar .right {
		width: 55%;
		float: right;
		
		padding: 7px;
		margin-top: 0;
		font-size: 1.4rem;
		color: #666;	
	}
	.results-col {
		width: 78%;
	}
}
@media only screen and (min-width : 1120px) { 
	.filter-bar {
		width: 1100px;
		margin: 10px auto 0 auto;
	}

}
.list-item-art {
	width: 100%;
	margin: 0 auto;
	margin-top: 20px;
	position: relative;
	font-size: 16px;
	border: solid 1px #CCC;
	
	padding: 10px;
}
.list-item-art .col1 {
	width: 100%;
}
.lead-bg-image {
    width: 90%;
    position: relative;
    margin: 0 auto;
}
.lead-bg-image img {
	width: 100%;
	height: auto;
}
.list-item-art .col2-title {

	
}
.list-item-art .col2-lead {
	clear: both;
	height: 90px;
}
.list-item-art .col2-bottom {
	
}
/*
.button-ph {
	position: absolute;
	right: 0; top: 80px;
	height: 200px%;
	width: 225px;
	padding: 20px;
	width: 50%;	
}*/
.button-ph {
	width: 100%;	
	text-align: center;
	padding-top: 10px;
}
.bt-list-2 {
	display: block;
	height: 30px;
	line-height: 30px;
	width: 180px;
	width: 130px;
	float: left;
	margin: 5px auto;
	border-radius: 3px;
	cursor: pointer;
	padding: 0 0 0 35px;
	padding: 0 0 0 30px;
	/*color: white;*/
	text-transform: uppercase;
	position: relative;
	font-size: 1.25rem;
	font-size: 1rem;
	text-align: left;
	text-align: left;
	width: 32%;
	margin: 0 0.66%;
	color: #FFF;
}
.bt-list-2.disabled {
	color: #FFF !important;
}
.bt-arrow-fw {
    background-image: url("/imagens/icn-arrow-fw.png");
    left: 10px;
    width: 16px;
}
.link-c3 {
	text-decoration: none;
}
.link-c3:hover {
	text-decoration: none;
	color: #FFF;
}
.plus {
	font-size: 2rem;
	line-height: 25px;
}

.list-item-art .col1 img {
	width: 100%;
	height: auto;
	
}
.list-item-art .precos {
	border-top: solid 1px #CCC;
	padding: 10px 0;
	margin-right: 5px;
	display: block;
	height: 90px;
}
.list-item-art .campanha {
	background-color: #ec870f;
	margin-left: 20px;
	color: #FFF;
	display: inline-block;
	
	padding: 0 10px;
	margin: 0 2px;
}
.list-item-art form {
	font: 14px 'Lato';
	}
.list-item-art form select {
	font: 14px 'Lato';
	}

.list-item-art .titulo {
	font-weight: 700;
	}
.list-item-art .titulo a {
	color: #000;
	text-decoration:none;	
}
.list-item-art .titulo a:hover {
	/*color: #244991;*/
	text-decoration:underline;
}
.list-item-art ul {
	margin-left: 0;
}
.list-item-art li {
	color: #666;
}
.list-item-art .feed-stock {
	height: 20px;
	line-height: 20px;
	color: #666;
	vertical-align: bottom;	
}
.list-item-art .hl {
	bottom: 40px;
	right: 40px;	
}

.list-item-art .lead, .list-item-art-detail .lead {
	color: #666;
	margin: 10px 0;
	height: 80px;
	overflow: hidden
}
.list-item-art-detail {
	width: 100%;
	margin: 0 auto;
	margin-top: 20px;
	position: relative;	
}
.list-item-art-detail .col1 {
	float: left;
	width: 30%;
	position: relative;
	text-align: center;
	height: 350px;
	
	
	}
.list-item-art-detail .col1 .imagem {
    display: table-cell;
    width: inherit;
	height: 280px;
    position: relative;
    text-align: center;
    vertical-align: middle;
	margin: 0 auto;
}

.list-item-art-detail .col2 {
	padding: 20px;
	float: left;
	width: 68%;	
	margin-left: 2%;
	height: 350px;
	position: relative;
	}

.list-item-art-detail .col2-b {
	/*background-color: #EEE;*/
	
	position: absolute;
	bottom: 20px;
	}
.list-item-art-detail ul {
	
}
.list-item-art-detail .feed-stock {
	height: 20px;
	line-height: 20px;
	color: #666;
	vertical-align: bottom;	
}
.list-item-art-detail .hl {
	bottom: 40px;
	right: 40px;	
}

.feed-stock {
    color: #666;
    font: 12px/20px "Lato";
    height: 20px;
    vertical-align: bottom;
}
.feed-stock img {
	vertical-align: -1px;		
}
.feed-stock .stock {
	margin-left: 20px;
}
.bt-remove {
	background-image: url(/imagens/icn-remove.png);
	left: 10px;
	width: 16px;
}
.bt-cart-2 {
	background-image: url(/imagens/icn-cart.png);
	left: 5px;
	width: 20px;	
}
.bt-wish-2 {
	background-image: url(/imagens/icn-wish.png);
	left: 5px;
	width: 20px;
}
.bt-compare {
	padding-left: 10px;	
	background-image: url(/imagens/icn-compare.png);
	left: 5px;
	width: 16px;
}
.var2 {
	padding-left: 25px;		
}
.bt-list-2-small {
	display: inline-block;
	height: 20px;
	line-height: 18px;
	/*width: 60px;*/
	border-radius: 3px;
	cursor: pointer;
	padding: 0 10px;
	/*color: white;*/
	text-transform: normal;
	position: relative;
}
.bgGrad2-c1 { 
	background-color: #00a9ec;
}
.bgGrad2-c10 { 
	background-color: #f7dc00;
}
.bgGrad2-c8 { 
	background-color: #999;
}
.bgGrad2-c9 { 
	background-color: #0a903d;
}
.campanhas-ph {
	width: 70%;
}
.campanhas-ph table {
	float: left;
	height: 40px;
}
.campanhas-ph td {
	background-color: #ec870f;
	color: #FFF;
	padding: 5px;
	vertical-align: middle;
	line-height: 1;
	font-size: 1.5rem;
	
}
.campanhas-ph td:first-child {
	width: 50px;
	text-align: center;
	font-size: 1.5rem;
}
.campanhas-ph td:last-child {
	text-align: left;
	font-size: 1.2rem;
}
/* grupos para posicionamentos absolutos 
	título + stock
	foto
	botões
	lead
	preços
	campanha
*/
.paginacao {
    display: table;
    height: 40px;
    line-height: 40px;
    margin: 30px 0;
    width: 100%;
    background-color: #ededed;
    font-size: 1.5rem;
}
.paginacao a {
    height: 40px;
    line-height: 40px;
    text-decoration: none;
}
.paginacao .td1 {
    display: table-cell;
    padding-left: 10px;
    text-align: left;
    width: 15%;
    width: 50%;
}
.paginacao .td2 {
    display: table-cell;
    display: none;
    text-align: center;
    width: 70%;
}
.paginacao .td2 a {
    background-color: #244991;
    color: #fff;
    margin: 0 2px;
    padding: 2px 5px;
    text-decoration: none;
    width: 20px;
}
.paginacao .td2 a.on {
    background-color: transparent !important;
    color: #244991;
    margin: 0 2px;
    padding: 2px 5px;
    text-decoration: none;
}
.paginacao .td3 {
    display: table-cell;
    padding-right: 10px;
    text-align: right;
    width: 15%;
     width: 50%;
}
.bt-filtrar {
	background-color: #ec870f;
	color: #FFF;
	border-radius: 10px;
	border-radius: 5px;
	width: 90%;
	margin: 30px auto;
	height: 50px;
	line-height: 50px;
	text-align: center;
	cursor: pointer;
	font-size: 1.8rem;
	max-width: 480px;
}
.filter-overlay {
    background-color: #ededed;
    height: 100%;
    overflow-y: auto;
    position: fixed;
    left: 100%;
    top: 0;
    width: 90%;
    z-index: 999999;
}
#cover-w {
	background-color: rgba(0, 0, 0, 0.75);
	position: absolute;
	left: 0; top: 0;
	width: 100%; height: 100%;
	z-index: 999998;
	display: none;
}
#close-bar {
	background-color: #00a9ec;
	color: #FFF;
	height: 30px;
	line-height: 30px;
	padding: 0 10px;
	font-size: 1.5rem;
}
#close {
	width: 12px; height: 12px; margin-top: 9px;
	background: url(/imagens/icn-close.png) no-repeat center center;
	float: right;
	cursor: pointer;
}
	.zoom {
		background: url("/imagens/icn-zoom.png") no-repeat scroll 5px center rgba(0, 0, 0, 0);
		background-size: auto 14px;
		padding: 0; text-align: center; padding: 0 0 0 15px;
		width: 84px; height: 34px; line-height: 34px;	
		background-color: rgba(235,235,235, 0.5);
		/*border: solid 1px #CCC;*/
		display: inline-block;
		position: relative;
		bottom: 0; 
		left: 50%;
		transform: translate(-50%, -150%);
		color: #666;
		
	}
	
@media only screen and (min-width : 768px) { 
		.zoom {
			//background: url("/imagens/icn-zoom.png") no-repeat scroll 5px center rgba(0, 0, 0, 0);
			//background-size: auto 14px;
			//padding: 5px 5px 5px 25px;	
			//background-color: rgba(235,235,235, 0.5);
			/*border: solid 1px #CCC;*/
			//display: inline-block;
			//display: none;
			//color: #666;
			position: absolute; bottom: 10px;
		}
		.zoom.full {
				//top: 10px
					position: absolute; bottom: -50px;
		}
	.list-item-art {
		height: 200px;
		padding: 0px;
	}
	.list-item-art .col1 {
		position: absolute;
		text-align: center;
		width: 160px;
		height: 160px;
		position: absolute;
	    top: 10px;
	    left: 10px;
	    z-index: 2;
	}
	
	.list-item-art .col2-title {
		top: 10px;
		float: left;
		position: absolute;
		
	}
	.list-item-art .col2-lead {
		position: absolute;
		top: 45px;
		overflow: hidden;
		z-index: 1;
		border-top: none;
	}
	.list-item-art .col2-bottom {
		position: absolute;
		bottom: 0;
	}
	.list-item-art .com-pad {
		padding-left: 190px;
		padding-right: 180px;
		width: 100%;
		/*pointer-events: none;*/
	}
	.button-ph {
		position: absolute;
		right: 0; top: 0;
		height: 100%;
		width: 225px;
		padding: 20px;
		width: 25%;
		background-color: #EEE;
		border-left: solid 1px #CCC;
		width: 160px;	
		z-index: 2;
	}
	.bt-list-2/*, .bt-list-5*/ {
		display: block;
		height: 30px;
		line-height: 30px;
		width: 180px;
		width: 120px;
		float: none;
		margin: 0 auto 10px auto;
		border-radius: 3px;
		cursor: pointer;
		padding: 0 0 0 35px;
		padding: 0 0 0 30px;
		/*color: white;*/
		text-transform: uppercase;
		position: relative;
		font-size: 1.25rem;
		font-size: 1rem;
		text-align: left;
		color: #FFF;
	}
	.list-item-art .precos {
		height: 50px;
		line-height: 45px;
		padding: 5px 0;
	}
	.list-item-art .campanhas-ph {
		float: right;
		margin-right: 0;
		
	}
	.list-item-art .campanhas-ph table {
		float: right;
	}
	.paginacao .td2 {
	    display: table-cell;
	    width: 60%
	}
	.paginacao .td1, .paginacao .td3 {
	    width: 20%;
	}
}
@media only screen and (min-width : 1024px) { 	
	.mb2 {
		display: none;
	}
	.list-item-art {
		height: 240px;
	}
	.list-item-art .col1 {
		width: 180px;
		height: 180px;
		left: 20px;
		top: 20px;
	}
	.list-item-art .col2-title {
		top: 20px;	
	}
	.list-item-art .col2-lead {
		top: 55px;
	}
	.list-item-art .com-pad {
		padding-left: 220px;
		padding-right: 240px;
		width: 100%;
	}
	.list-item-art .precos {
		height: 60px;
		padding: 10px 0;
	}
	.button-ph {
		width: 220px;	
	}
	.bt-list-2 {
		width: 180px;
	}
	.var2 {
		padding-left: 28px;
	}		
}
.list-item-album img {
	width: 100%;
	height: auto;
}
@media only screen and (min-width : 768px) { 
	.list-item-album {
		width: 48.5%;
		margin-left: 3%;
		float: left;
	}
	.list-item-album:first-child {
		margin-left: 0;
	}
}.list-item-eventos {
	width: 49%;
	float: left;
	margin: 0 auto;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 10px;
	position: relative;
	font-size: 16px;
	text-align: center;
	border: solid 1px #bbb;
	margin-left: 2%;
}
.list-item-eventos:nth-child(2n+1) {
	margin-left: 0;
	clear: left;
}
.list-item-eventos .titulo {
	overflow: hidden;
	font-weight: 700;
	color: #00a9ec;
	font-size: 1.5rem;
	text-transform: uppercase;
	height: 3rem;
}
.list-item-eventos img {
	width: 100%;
	height: auto;
}
	
.bt-list-3 {
    border-radius: 3px;
    cursor: pointer;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    padding: 0 20px;
    position: relative;
    text-align: center;
	color: #FFF;
	text-decoration: none;
	line-height: 30px;
	border: solid 1px #00a9ec;
}
.bt-list-3:hover  {
	background: #00a9ec;
	color: #FFF;
}
.eventos-banners-ph {
	margin-top: 30px;
}
.cx-topo {
	background-color: #ededed;
}
.cx-topo .col1 table {
	width: 100%;
}

.col-a {
	width: 60%;
}
.col-a img {
	width: 100%;
	height: auto;
	display: block;
}
.col-b {
	border-bottom: solid 1px #020202;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
}
.insert {
	padding: 0;
}
.cx-topo .col2 table td {
	padding: 10px;
	font: 1.4rem/1.3 'Lato';
	color: #666;
}
.cx-topo .col2 h2 {
	margin: 0;
	margin-bottom: 10px;
	
}
.select-pers {
	margin-bottom: 30px;
}
.extras, .dress-code {
	border-top: solid 1px #020202;
	padding-top: 20px;
	margin-top: 30px;
}
.extra .col-1 {
	width: 60px;
}
.dress .col-1 {
	width: 80px;
}
.extra .col-1 img, .dress .col-1 img {
	width: 100%;
	height: auto;	
}
.extra, .dress {
	cursor: pointer;
	margin: 10px 0;
}
.extra img , .dress img {
	display: block;
}
.extra .col-2, .dress .col-2 {
	padding-left: 10px;
	line-height: 1.2;
}
.extra:hover, .dress:hover {
	background: #ededed;
}
.evt-on {
	background: #ededed url(/imagens/icn-evt-selected.png) no-repeat right 20px center !important;
}
.local-data .col2 {
		border-top: solid 1px #020202;
		margin-top: 20px;
	}

.ui-datepicker {
    display: none;
    padding: 0.2em 0.2em 0;
    width: 250px;
}
.preco-evt {
	color: #348e3e;
	font-weight: 700;
}
@media only screen and (min-width : 768px) { 
	.list-item-eventos {
		width: 32%;
		margin-left: 2%;
	}
	.list-item-eventos:nth-child(2n+1) {
		margin-left: 2%;
		clear: none;
	}
	.list-item-eventos:nth-child(3n+1) {
		clear: left;
		margin-left: 0;
	}
	.list-item-eventos .titulo {
		font-size: 1.8rem;
		height: 3.5rem;
	}
	.cx-topo .col1 .col-b {
		border: none;
	}
	.cx-topo .col1 {
		width: 50%;
		float: left;
		
	}
	.col-a { 
		width: 220px;
	}
	.cx-topo .col2 {
		width: 49%;
		float: left;
		
	}
	.col2 table {
		height: 100%;
	}
	.insert {
		border-left: solid 1px #020202;
		padding-left: 20px;
		height: 200px;
		margin-top: 10px;
	}
	.insert p, .insert h1, .insert h2, .col2 h2 {
		margin: 0; padding: 0;
	}
	.local-data {
		height: 360px;
		margin-top: 30px;
	}
	.local-data h2 {
		margin-top: 0;	
	}
	.local-data .col1, .observa-total .col1 {
		width: 50%;
		float: left;
		
	}
	.local-data .col2, .observa-total .col2 {
		width: 50%;
		float: left;
		padding-left: 20px;
		border-left: solid 1px #020202;
		height: 100%;
	}
	.observa-total {
		border-top: solid 1px #020202;
		padding-top: 20px;
		margin-top: 20px;
	}
	.local-data .col2 {
		border-top: none;
	}
	.observa-total .col1 {
		text-align: center;	
		background-color: #ededed;
		padding: 20px;
		height: 180px;
	}
	.observa-total .col2 {
		border: none;	
	}
	.extra, .dress {
		cursor: pointer;
		margin: 10px 0;
		width: 48.5%;
		margin-left: 3%;
		float: left;
	}
	.extra .col-1 {
		width: 80px;
	}
	.dress .col-1 {
		width: 110px;
	}
	.extra .col-2, .dress .col-2 {
		padding-left: 20px;
		padding-right: 50px;
		line-height: 1.35;
	}
	.extra:nth-child(2n+1), .dress:nth-child(2n+1) {
		margin-left: 0;
	}
}
@media only screen and (min-width : 1024px) { 
	.list-item-eventos {
		width: 23%;
		margin-left: 2.33%;
		
	}
	.list-item-eventos:nth-child(2n+1), .list-item-eventos:nth-child(3n+1) {
		margin-left: 2.33%;
		clear: none;
	}
	.list-item-eventos:nth-child(4n+1) {
		clear: left;
		margin-left: 0;
	}
	.col-a { 
		width: 250px;
	}
	.cx-topo .col2 table td {
		font: 1.5rem/1.3 'Lato';
	}
	.insert {
		height: 210px;
		margin-top: 20px;
	}
	.extra .col-1 {
		width: 100px;
	}
	.dress .col-1 {
		width: 150px;
	}
}
/* This is how you would create a theme called "my-custom-theme": */

.my-custom-theme {
	border-radius: 5px; 
	border: 1px solid #00a9ec;
	background: #00a9ec;
	color: #fff;
}
/* Use this next selector to style things like font-size and line-height: */
.my-custom-theme .tooltipster-content {
	font-family: Arial, sans-serif;
	font-size: 14px;
	line-height: 16px;
	padding: 8px 10px;
}#login-div {
	padding: 0 0%;	
	width: 100%;
}
#login-div .left {
	
	background-color: #DEDEDE;
	border: solid 1px #BBB;
	height: 320px;
}
#login-div .right {
	margin-top: 20px;
	background-color: #DEDEDE;

	border: solid 1px #BBB;
	height: 320px;
	
}
.form-login {
	padding: 20px 20px 0 20px;
	margin: 0;
}
.form-login label {
	display: block;
	margin: 10px 0 5px 0;
	font-size: 1.5rem;
}
.form-login input[type=text], .form-login input[type=password] {
	width: 100%;
	border: solid 1px #666;
	padding: 5px;
	}
#login-div .title {
	background-color: #303030;
	color: #FFF;
	padding: 10px 20px;	
	font-size: 1.5rem;
}
#login a {
	/*color: #FFF;*/
	text-decoration: none;	
}
a.bt-list-4 {
    border-radius: 0px;
    cursor: pointer;
    display: block;
    height: 50px !important;
    line-height: 50px !important;
    width: 100%;
    position: relative;
    text-align: center;
	color: #FFF;
	text-decoration: none;
	line-height: 30px;
	border: solid 1px #0a903d;
	font-size: 2rem;
}
a.bt-list-4:hover {
	text-decoration: underline;	
}
.error {
	background-color: #c00;	
}
@media only screen and (min-width : 768px) { 
	#login-div .left {
		float: left;
		width: 60%;
		height: 320px;
	}
	#login-div .right {
		float: left;
		width: 35%;
		height: 320px;
		margin-left: 5%;
		margin-top: 0;
	}
}.lab-grey {
	background-color: #ededed;
	padding: 10px;

}
.lab-grey .left {
	
}
.lab-grey .left input, .lab-grey .left textarea {
	width: 100%;
	margin: 5px auto;
	background-color: #CCC;
	border: solid 1px #CCC;
	color: #00a9ec;
	padding: 2px 5px;	
}
.left textarea {
	height: 5rem;	
}
.lab-grey .right {
	padding: 0 10px 10px 10px;
	background-color: #00a9ec;
	border-radius: 5px;
	padding: 10px;
	color: #FFF;
	margin: 10px 0;
}
.lab-grey .right button {
	border-radius: 5px;
	border: none;
	color: #00a9ec;
	font: 700 13px/15px 'Lato';
	padding: 2px 10px;
	margin-top: 10px;
	cursor: pointer;
	width: 80px;
	margin-left: auto;
	margin-right: auto;
	display: block;
}
.apps-sels {
	text-align: center; 
	border-bottom: solid 1px #CCC;
	margin-bottom: 8px;
	margin-top: 10px;
	height: 25px;
}
.app-sel {
	height: 15px;
	cursor: pointer;
	display: inline-block;
	font: 400 13px/15px 'Lato';
}
.lab-grey .right .selector {
	border: solid 2px #FFF;
	display: inline-block;
}
.app-sel:nth-child(2) {
	margin-left: 20px;
}
.app-sel .selector {
	width: 15px;
	height: 15px;
	float: right;
	margin-left: 10px;
}
.bt-list-5 {
	cursor: pointer;
	color: #FFF;
	padding: 5px 10px;
}
.lab-grey .sep {
	display: none;
}

#preview .div {
	height: 340px;
	margin: 20px 0;
	border: solid 1px #CCC;	
	position: relative;
	background-color: #FFF;
	
}
#preview .on {
	outline: solid 3px #00a9ec;
	-webkit-box-shadow: 8px 8px 8px #999;
       -moz-box-shadow: 8px 8px 8px #999;
            box-shadow: 8px 8px 8px #999;;
}
.ph0 {
	width: 100%;

	height: 150px;
	float: left;
	position: relative;
	
	
}
.ph0:hover {
	
}


.ph1 {
	width: 150px;
	height: 100%;
	overflow: hidden;
	float: left;
	text-align: center;
	border-right: solid 1px #CCC;
	margin: 0 auto;
	padding: 10px;
}
.ph1 img {
	border: dashed 1px #CCC;
}
.ph2 {
	float: left;
	position: absolute;
	left: 0;
	top: 150px;
	width: 100%;
	height: 100%;
	border-top: solid 1px #CCC;
	padding: 10px;
	
}
.ph3 {
	width: 40px;
	height: 100%;
	background-color: #00a9ec;
	float: right;
	text-align: center;
	position: relative;
	z-index: 2;
}

.ph3 .selector {
	margin-top: 65px;	
	cursor: pointer;
	width: 20px;
	height: 20px;
	border: solid 2px #FFF;
	display: inline-block;
}
.on .selector {
	background-color: #FFF;
}
.ph2 .phs {
	width: 33%;
	float: left;
	
	line-height: normal;
	
	text-align: left;
	
}
.app-opts .phs {
	display: block;
	float: left; margin-right: 5px;
	margin-bottom: 8px;
	
	
}
.app-opts .phs label{
	color: #FFF;
	font: 400 13px/1.5 'Lato';	
}
.app-opts .phs select {
	font: 700 12px/1.5 'Lato';
}

.ph2 .phs label {
	display: block;
	color: #000;
	
}

.phs select {
	font: 12px/1 'Lato';
}	
.ph4 { /* close */
	height: 40px;
	width: 100%;
	position: absolute;
	left: 0; bottom: 0;
	text-align: center;
	z-index: 999999999;
	border-top: solid 1px #CCC;
}
.ph4 img {	
	cursor: pointer;
	margin-top: 10px;
}	
	
#uploadForm {
	margin-top: 30px;	
}
#preco-total {
	color: #FFF;
	background-color: #348e3e;
	padding: 10px;
	font-size: 1.5rem;
	margin-top: 10px;
	
}
.strike {
	font-size: 1.3rem;
	text-decoration: line-through;
	margin-right: 5px;
}
.bt-list-6 {
    border-radius: 3px;
    cursor: pointer;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    padding: 0 10px 0 30px;
    position: relative;
    text-align: center;
	color: #FFF;
	text-decoration: none;
	line-height: 30px;
	border: solid 1px #348e3e;
}
.bt-list-6:hover  {
	background: #348e3e;
	color: #FFF;
}
.expand {
	cursor: pointer;
	font-size: 1.2rem;
	text-decoration: underline;
	margin-left: 5px;	
}
.expand:before {
	content: "(";
}

.expand:after {
	content: ")";
}
.expandable {
	display: none;
}
ul.expandable {
	margin: 10px; padding: 10px;
}
.expandable li {
	line-height: 1.1 !important;
	font-size: 1.4rem;
	color: #00a9ec;
}
.progress-bar {
	display: none;
	height: 30px;
	width: 100%;
	padding: 2px;
	border: solid 1px #CCC;
}
#progress {
	background-color: #CCC;
	width: 0%;
	height: 100%;
}
@media only screen and (min-width : 768px) { 
	.lab-grey .left {
		float: left;
		width: 40%;
	}
	.lab-grey .bt-list-5 {
		clear: left;
		float: left;
	}
	.lab-grey .right {
		float: right;
		width: 58%;
		height: 220px;
		margin: 0;
		padding: 0 20px 20px 20px;
	}
	.lab-grey .sep {
		display: block;
		width: 1px;
		height: 200px;
		background-color: #515151;
		float: right;
		margin-right: 1%;
	}
	#preview .div {
		height: 150px;
		margin: 20px 0;	
		border: none;
	}
	#preview .on {
		outline: solid 3px #00a9ec;
		-webkit-box-shadow: 8px 8px 8px #999;
       -moz-box-shadow: 8px 8px 8px #999;
            box-shadow: 8px 8px 8px #999;;
	}
	.ph0 {
		border-top: solid 1px #BBB;
		width: 94%;
		border: solid 1px #CCC;
		height: 100%;
		float: left;
		position: relative;
		
		
	}
	.ph0:hover {
		outline: solid 3px #00a9ec;
		-webkit-box-shadow: 8px 8px 8px #999;
       -moz-box-shadow: 8px 8px 8px #999;
            box-shadow: 8px 8px 8px #999;;
	}
	
	
	.ph1 {
		width: 150px;
		height: 100%;
		overflow: hidden;
		float: left;
		text-align: center;
		border-right: solid 1px #CCC;
		
		padding: 10px;
	}
	.ph1 img {
		border: dashed 1px #CCC;
	}
	.ph2 {
		float: left;
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		padding-left: 160px;
		padding-right: 40px;
		border: none;
		
		
	}
	.ph3 {
		width: 40px;
		height: 100%;
		background-color: #00a9ec;
		float: right;
		text-align: center;
		position: relative;
		z-index: 2;
	}
	
	.ph3 .selector {
		margin-top: 65px;	
		cursor: pointer;
		width: 20px;
		height: 20px;
	}
	.on .selector {
		background-color: #FFF;
	}
	.ph2 .phs {
	
		line-height: normal;

		text-align: left;
		
	}
		
	.phs label {
		font: 700 14px/1.5 'Lato';
		color: #000;
		
	}
	.phs select {
		font: 12px/1 'Lato';
	}
	.app-opts .phs {
		width: 50%;
		margin: 0;
		margin-bottom: 10px;
	}
	.app-opts .phs label{
		font: 400 12px/1.5 'Lato';	
	}
	.app-opts .phs select {
		font: 700 11px/1.5 'Lato';
	}	
	.app-opts .phs:nth-child(2n+1) {
		margin-left: 0;
		clear: left;
	}	
	.ph4 { /* close */
		height: 100%;
		width: 5%;
		position: relative;
		text-align: center;
		float: right;
		z-index: 999999999;
		border: none;
	}
	.ph4 img {
		margin-top: 65px;	
		cursor: pointer;
	}	
}
@media only screen and (min-width : 1024px) { 
	
	.app-opts .phs label{
		font: 400 14px/1.5 'Lato';	
	}
	.app-opts .phs select {
		font: 700 12px/1.5 'Lato';
	}
	.right button {
		font: 700 14px/15px 'Lato';
		margin-top: 0px;
	}
}.comp-tbl {
	border: none;
	width: 100%
}
.comp-tbl td {
	border-bottom: solid 1px #999;
	padding: 5px 0;
	font-size: 1.3rem;
	color: #000;
	position: relative;
}
.comp-tbl td:nth-child(n+2) {
	text-align: center;
}
.comp-tbl td .img {
	width: 50%;
	height: auto;
	display: block;
	margin: 0 auto;
}
.comp-tbl td:first-child {
	width: 16%
}

.tbl2 {
	width: 100% !important;
}
.tbl2 td {
	width: 80%;
}
.tbl2 td:first-child {
	width: 20%
}
.comp-close {
	background: url(/imagens/close2.png) no-repeat center center;
	background-size: 100% 100%;
	position: absolute;
	width: 24px !important;
	height: 24px !important;
	right: 0px;
	top: 0px;
	cursor: pointer;	
}

/*
.cycle-slideshow, .cycle-slideshow * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }


.cycle-slideshow { width: 45%; min-width: 200px; max-width: 500px; margin: 10px auto; padding: 0; position: relative;
    background: url(http://malsup.github.com/images/spinner.gif) 50% 50% no-repeat;

 }


.cycle-slideshow img:first-child {
    position: static; z-index: 100;
}
*/


#pager-bottom, #pager-top { 
    text-align: center; width: 100%; z-index: 500;
    overflow: hidden;
}
#pager-bottom span, #pager-top span { 
    font-family: arial; font-size: 50px; width: 16px; height: 16px; 
    display: inline-block; color: #ddd; cursor: pointer; 
}
#pager-bottom span.cycle-pager-active, #pager-top span.cycle-pager-active { color:#00a9ec;}
#pager-bottom > *, #pager-top > * { cursor: pointer;}



.cycle-caption { position: absolute; color: white; bottom: 15px; right: 15px; z-index: 700; }



.cycle-overlay { 
    font-family: tahoma, arial;
    position: absolute; bottom: 0; width: 100%; z-index: 600;
    background: black; color: white; padding: 15px; opacity: .5;
}



.cycle-prev, .cycle-next { position: absolute; top: 0; width: 30%; opacity: 0; filter: alpha(opacity=0); z-index: 800; height: 100%; cursor: pointer; }
.cycle-prev { left: 0;  background: url(http://malsup.github.com/images/left.png) 50% 50% no-repeat;}
.cycle-next { right: 0; background: url(http://malsup.github.com/images/right.png) 50% 50% no-repeat;}
.cycle-prev:hover, .cycle-next:hover { opacity: .7; filter: alpha(opacity=70) }

.disabled { opacity: .5; filter:alpha(opacity=50); }


.cycle-paused:after {
    content: 'Paused'; color: white; background: black; padding: 10px;
    z-index: 500; position: absolute; top: 10px; right: 10px;
    border-radius: 10px;
    opacity: .5; filter: alpha(opacity=50);
}


@media only screen and (max-width: 480px), only screen and (max-device-width: 480px) {
    .cycle-slideshow { width: 200px;}
    .cycle-overlay { padding: 4px }
    .cycle-caption { bottom: 4px; right: 4px }
}



.list-item-detail {
	width: 100%;
	margin: 0 auto;
	margin-top: 20px;
	position: relative;
	font-size: 16px;
	border: solid 1px #CCC;
	background-color: #ededed;
	padding: 0;
}
.list-item-detail .campanhas-ph {
	width: 50%;
}
.list-item-detail .precos {
	height: 50px;
}
.list-item-detail .valores-ph {
	float: left;
	height: 40px;
	line-height: 40px;
}
.list-item-detail .campanhas-ph {
	float: left;
	margin-left: 20px;
}
.list-item-detail .lead-bg-image {
	width: 100%;
	background-color: #FFF;
}
.lead-bg-image img {
	width: 80%;
	height: auto;
	display: block;
	margin: 0 auto;	
}
.lead-bg-image img.full {
	width: 98%;
}
.list-item-detail .col2-lead  {
	
}
.button-ph .bt-list-5 {
	display: block;
	height: 30px;
	line-height: 30px;
	width: 180px;
	width: 130px;
	margin: 5px auto;
	border-radius: 3px;
	cursor: pointer;
	padding: 0 0 0 35px;
	padding: 0 0 0 30px;
	/*color: white;*/
	text-transform: uppercase;
	position: relative;
	font-size: 1.25rem;
	font-size: 1rem;
	text-align: left;
	text-align: left;
	width: 32%;
	margin: 5px auto;
	color: #FFF;
}
.bordered {
	border-top: solid 1px #CCC;
}
.list-item-detail .button-ph {
	border-top: solid 1px #CCC;
}
#rel-box {
    border: 1px solid #DDD;
	position: relative;
	margin-top: 50px;
	
}
#rel-box .sep {
  	border-right: solid 1px #DDD;
  	border: solid 1px #DDD;
    padding: 10px;
    text-align: center;
    width: 100%;
	background-color: #DDD;	 
	cursor: pointer;
	color: #020202;
}
#rel-box .sep:nth-child(2){
	width: 34%;
}
#rel-box .sep:nth-child(3){
	border-right: none;
}
#rel-box .on {  
	 background-color: #FFF;
	 border: none;
}
.cont-art {
	padding: 20px 50px;
	display: none;
	position: relative;
}
.list-item-rel {
	width: 100%;
	float: left;
	margin-top: 30px;
	margin-left: 20px;	
	text-align: center;
}
.list-item-rel:first-child {
	margin-left: 0;	
}
.list-item-rel .imagem {
   width: 100%;
}
.list-item-rel .imagem img {
	 width: 90%;
    height: auto;
    margin: 0 auto;
    display: block;
}

.list-item-rel .titulo {
	height: 35px;
	text-align: center;
	
}
.container {
	width: 100%;
	display: none;
	height: 300px;
	visibility: visible;
}
.arrows-rel {
	width: 16px; 
	height: 31px;
	position: absolute;
	top: 150px;
	cursor: pointer;
	background-repeat: no-repeat; 
}
#prev4 {
	left: 10px;
	background-image: url(/imagens/arrow-l.png);
}
#next4 {
	right: 10px;
	background-image: url(/imagens/arrow-r.png);
}
.tbl {
	width: 100%;
	border-collapse: collapse;
}
.tbl td {
	border: solid 1px #CCC;
	border-collapse: collapse;
	font-size: 1.3rem;
	color: #000;
	width: 80%;
	padding: 5px;
}
.tbl td:first-child {
	width: 20%;	
}
.list-item-art .titulo {
	color: #000;
}
.img-thumb {
	width: 20%;
	float: left;
	border-top: solid 1px #CCC;
	padding: 5px 0;
	border-right: solid 1px #CCC;
	margin-top: 3px;
	display: none;
}
.img-thumb:last-child {
		
}
.img-thumb:nth-child(6) {
	border-right: 0;
}
.img-thumb img {
	display: block;
	width: 75%;
	margin: 0 auto;	
	height: auto;
	cursor: pointer;
}
@media only screen and (min-width : 768px) { 	
	#rel-box .sep {
	  	position: absolute;
	  	top: 0;
	  	
	}
	#rel-box #sep1{
		width: 34%;
		left: 33%;
	}
	#rel-box #sep2{
		width: 33%;
		left: 0%;
	}
	#rel-box #sep3{
		border-right: none;
		left: 67%;
		width: 33%;
	}
	.cont-art {
		margin-top: 50px;
	}
	.list-item-detail {
		position: relative;
		height: 300px;
	}
	.list-item-detail .col1 {
		position: absolute;
		left: 0; top: 1px;
		width: 300px; height: 297px;
		background-color: #FFF;
	}
	.list-item-detail .col2-title {
		height: 50px;
		padding-top: 5px;
	}
	.list-item-detail .col2-lead  {
		height: 150px;
	}
	.list-item-detail .com-pad {
	    padding-left: 320px;
	    padding-right: 180px;
	    /*pointer-events: none;*/
	    width: 100%;
	}
	.list-item-detail .com-pad-left {
	    padding-left: 320px;
	    /*pointer-events: none;*/
	    width: 100%;
	}
	.list-item-detail .col2-middle {
	
		
	}
	.list-item-detail .button-ph {
		position: absolute;
		right: 0; top: 0;
		height: 200px;
		width: 225px;
		width: 160px;
		padding: 20px;
		background-color: #EEE;
		border-top: none;
		border-left: solid 1px #CCC;	
	}
	.button-ph .bt-list-5 {
		display: block;
		height: 30px;
		line-height: 30px;
		width: 180px;
		width: 120px;
		float: none;
		margin: 0 auto 10px auto;
		border-radius: 3px;
		cursor: pointer;
		padding: 0 0 0 35px;
		padding: 0 0 0 30px;
		/*color: white;*/
		text-transform: uppercase;
		position: relative;
		font-size: 1.25rem;
		font-size: 1rem;
		text-align: left;
		color: #FFF;
	}
	.list-item-rel {
		width: 24%;
		margin-left: 1%;
	}
	.list-item-rel:first-child {
		margin-left: 0;
	}
	.img-thumb {
		display: block;	
	}
}
@media only screen and (min-width : 1024px) { 	
	
	.list-item-rel {
		width: 19%;
		margin-left: 1%;
	}
	.list-item-rel:first-child {
		margin-left: 0;
	}
	.list-item-detail .button-ph {
		width: 220px;	
	}
	.list-item-detail .bt-list-5 {
		width: 180px;	
	}
	.list-item-detail .com-pad {
	    
	    padding-right: 230px;
    }
}.bt-price {
	color: #FFF;
	border: solid 1px #00a9ec;	
	text-decoration: none;
	font-size: 1.3rem;
}
.bt-price:hover {
	color: #FFF;
}
.bt-reset-filter {
	border: solid 1px #ec870f;	
	font-size: 1.3rem;
	color: #FFF;
	text-decoration: none;
}
.bgGrad2-c5 { 
	background-color: #da101a;
}.cart-min-error {
	width: 75%;
	margin: 30px auto;
	padding: 2px;
}
.cart-min-error p {
	margin: 0;
	padding: 5px;
	text-align: center;
	color: rgba(230,50,50,1);
	
	font-size: 16px;
}
.bt-final-1 {
	display: block;
    float: right;
    height: 46px;
    line-height: 46px;
    padding: 0 10px;
    width: 24.5%;
    color: #FFF;
	background: #00a9ec url(/imagens/icn-tip-cart-past.png) no-repeat right center;
	float: right;
	clear: right;
	margin: 5px 0;
	cursor: pointer;
}
.bt-final-1:hover {
	color: #FFF;
} 
.total-cart {
	clear: right;
	color: #FFF;
	background-color: #348e3e;
	display: block;
    float: right;
    height: 46px;
    line-height: 46px;
    padding: 0 10px;
    width: 24.5%;
    margin: 5px 0;
}	
.bt-step {
	display: block;
	float: left;
	height: 46px;
	line-height: 46px;
	width: 24.5%;
	margin-left: 0.66%;
	padding: 0 10px;
}
.bt-step.clickable_link, .bt-step.clickable  {
	cursor: pointer;
}
.step-bg-icon {
	display: inline-block;
	vertical-align: -18px;
	width: 20px; height: 46px;
	background-repeat: no-repeat;
	background-position: center center;
	margin-right: 10px;
}
.step1.step-on .step-bg-icon, .step1.step-past .step-bg-icon {
	background-image: url(/imagens/icn-cart-step1.png);
}
.step2.step-on .step-bg-icon, .step2.step-past .step-bg-icon {
	background-image: url(/imagens/icn-cart-step2.png);
}
.step2.step-off .step-bg-icon {
	background-image: url(/imagens/icn-cart-step2-off.png);
}
.step3.step-on .step-bg-icon, .step3.step-past .step-bg-icon {
	background-image: url(/imagens/icn-cart-step3.png);
}
.step3.step-off .step-bg-icon {
	background-image: url(/imagens/icn-cart-step3-off.png);
}
.step4.step-on .step-bg-icon, .step4.step-past .step-bg-icon {
	background-image: url(/imagens/icn-cart-step4.png);
}
.step4.step-off .step-bg-icon {
	background-image: url(/imagens/icn-cart-step4-off.png);
}
.bt-step:first-child {
	margin-left: 0;
}
.step-on {
	color: #FFF;
	background: #ec870f url(/imagens/icn-tip-cart-on.png) no-repeat right center;
}
.step-off {
	color: #777;
	background: #E7E7E7 url(/imagens/icn-tip-cart-off.png) no-repeat right center;
}
.step-past {
	color: #FFF;
	background: #00a9ec url(/imagens/icn-tip-cart-past.png) no-repeat right center;
}
.step-label {
	display: none;
}
.c3 {
	color: #FFF;
}
.plus, .minus {
	color: #0a903d;
	font-weight: 700;
	cursor: pointer;
	font-size: 2rem;
}
.disabled {
	color: #999;
	cursor: default;
}
.cart-img {
	display: none;
}
.artigo-txt {
	display: inline-block;
	width: 80%;
}
.txt-c1 {
	color: #00a9ec;
}
.txt-c11 {
	color: #00a9ec1;
}
@media only screen and (min-width : 768px) { 
	.tbl-cart {
		border: solid 1px #CCC;
		border-collapse: collapse;	
	}
	.tbl-cart td {
		border: solid 1px #CCC;	
	}
	.art-txt-img td {
		bordeR: none;
	}
	.tbl-cart tr:nth-child(2n){
		background-color: #F0F0F0;
	}
	.cart-img {
		display: inline-block;
		vertical-align: middle;
		margin-right: 10px;
		height: 100px; width: auto;
	}
	.step-label {
		display: inline-block;
		font-size: 1.5rem;
	}
}
#checkout-div1 .left {
	
	background-color: #DEDEDE;
	border: solid 1px #BBB;
	
}
#checkout-div1 .right {
	margin-top: 20px;
	background-color: #DEDEDE;
	border: solid 1px #BBB;
}
#checkout-div1 .title {
	background-color: #303030;
	color: #FFF;
	padding: 10px 20px;	
	font-size: 1.5rem;
}
.content-box {
	padding: 10px;
}
.content-box p:first-child {
	margin-top: 20px;
}
.form-moradas {
	width: 100%;
	}
.form-moradas select {
	font-size: 1.5rem;
}
.form-moradas label {
	display: block;
	font-weight: 700;
}
.soft-label {
	font-weight: 400 !important;
	display: inline-block !important;
}
/*
.form-moradas .col {
	float: left;
	width: 48%;
	margin-right: 4%;	
}
.form-moradas .col:nth-child(2) {
	margin-right: 0;
}
*/
.form-moradas .row {
	clear: both;
	margin: 10px 0;
}
.form-moradas input[type="text"], .form-moradas input[type="password"], .form-moradas textarea {
	border: solid 1px #CCC;	
	width: 100%;	
	padding: 5px;
}
form .error {
	background-color: #ec3a3a !important;	
}
form .txt-error {
	color: #ec3a3a !important;	
}
#cod_postal1 {
	width: 100px;
}
#cod_postal2 {
	width: 50px;
}
.method {
	border-bottom: solid 1px #CCC;
	padding: 20px 0;
	font-size: 1.6rem;
	text-align: center;
}
.option {
	height: 70px;
	background-position: center top;
	background-repeat: no-repeat;
	display: inline-block;
	padding-top: 50px;
	cursor: pointer;
}
.correio {
	background-image: url(/imagens/icn-delivery.png);
}
.pickup {
	background-image: url(/imagens/icn-pickup.png);
	margin-left: 30px;
}
.email {
	background-image: url(/imagens/icn_email.png);
}
.online {
	background-image: url(/imagens/icn-online.png);
}
.option  .option-txt {
	line-height: 2rem;
	height: 2rem;
	color: #303030;
}
.option.on .option-txt {
	color: #0a903d;
}
.option .check {
	border: solid 3px #303030;
	width: 16px;
	height: 16px;
	display: inline-block;
	vertical-align: -.3rem;
	margin-right: 5px;
}
.option.on .check {
	border-color: #0a903d;
	background-color: #0a903d;
}
.opt-choice {
	display: table;
	cursor: pointer;
}
.opt-choice-row {
	display: table-row;
}
.opt-choice-cell {
	display: table-cell;
	vertical-align: middle;
	line-height: 1;
	color: #666;
	font-size: 1.2rem;
}
.opt-choice .check {
	border: solid 3px #303030;
	width: 18px;
	height: 18px;
	display: block;
	margin-right: 5px;
}
.opt-choice.on .check {
	border-color: #0a903d;
	background-color: #0a903d;
}
.opt-choice.on .txt {
	color: #0a903d;
}
.opt-choice .txt {
	color: #303030;
	font-size: 1.6rem;
}
.option-txt {
	line-height: 2rem;
	height: 2rem;
	color: #00a9ec;
	font-size: 1.6rem;
	cursor: pointer;
}
.option-txt .check {
	border: solid 3px #303030;
	width: 16px;
	height: 16px;
	display: inline-block;
	margin-right: 5px;
}
#creditos-ph {
	padding: 20px 0 30px 0;
	border-bottom: solid 1px #CCC;
}
#creditos-ph .left {
	
}
#creditos-ph .right {
	margin-top: 20px;
}
#codigos_ph, #sumario_ph {
	padding: 20px 0;
	border-bottom: solid 1px #CCC;
}
.lhn {
	line-height: 1 !important;
}
.lhn2 {
	line-height: 1.2 !important;
}
.txt-s {
	font-size: 1.3rem;
}
.faded {
	color: #999;
}
.ch-header {
	font-size: 18px;
	margin-top: 0;
	font-weight: 400;
	text-transform: none !important;
}
.codigos_box.ch-header {
	background-color: #F0F0F0;	
}
.codigos_box {
	text-align: center;
	border-bottom: none !important;
	background-color: #F0F0F0;
	padding: 5px 0;
}
#sumario_ph {
}
#sumario_ph > .left {
	padding: 10px;
	background-color: #F0F0F0;
	border: solid 1px #CCC;
}
#sumario_ph > .left p {
	margin-top: 0;
}
.ch-header-2 {
	font-size: 18px;
	margin-top: 0;
	font-weight: 400;
	text-transform: none !important;
	border-bottom: solid 1px #CCC;
	padding-bottom: 5px;
}
.ch-footer-2 {
	font-size: 14px;
	margin-top: 0;
	font-weight: 400;
	text-transform: none !important;
	border-top: solid 1px #CCC;
	padding-top: 5px;
	color: #00a9ec;
}
.codigos_slots {
	padding: 10px;
}
.codigos_slots input {
	width: 90%;
	margin: 5px 0;
}
.codigos_slots button {
	width: 8%;	
	margin-left: 2%;
	cursor: pointer;
}
.cod_slot.on, .cod_bt.on   {
	border: solid 1px #020202;
	color: #020202;
}
.cod_slot.off, .cod_bt.off {
	border: solid 1px #348e3e;
	color: #348e3e;
}
.final_price {
	background-color: #348e3e;
	height: 60px;
	line-height: 60px;
	color: #FFF;
	font-size: 2rem;
	text-align: center;
	margin: 5px 0;
}
.bt_final {
	height: 83px;
	width: 100%;
	
	background: #00a9ec url("/imagens/icn-tip-checkout.png") no-repeat scroll right center;
    clear: right;
    color: #fff;
    cursor: pointer;
    display: block;
    height: 83px;
    font-size: 2rem;
    margin: 5px 0;
    padding: 15px 0 0 0;
    text-align: center;
   
}
.prices {
	background-color: #F0F0F0;
	border: solid 1px #CCC;
	padding 10px;
	width: 100%;
}
.prices td {
	padding: 10px;
	color: #348e3e;
	line-height: 1.1 !important;
	font-size: 2rem;
}
.prices td:first-child {
	text-align: left;
}
.prices td:last-child {
	text-align: right;
	font-weight: 700;
}
@media only screen and (min-width : 768px) { 
	.form-moradas .col {
		float: left;
		width: 48%;
		margin-right: 4%;	
	}
	.form-moradas .col:nth-child(2) {
		margin-right: 0;
	}
	#checkout-div1 .left, #creditos-ph .left  {
		width: 49%;
		float: left;	
	}
	#checkout-div1 .right, #creditos-ph .right {
		margin-top: 0;
		width: 49%;
		float: right;	
	}
	#codigos_ph > .left,  #sumario_ph > .left {
		float: left;
		width: 65.5%;
	}
	#codigos_ph > .left > .left, #sumario_ph > .left > .left {
		float: left;
		width: 49%;	
	}
	#codigos_ph > .left > .right, #sumario_ph > .left > .right {
		float: right;
		width: 49%;	
	}
	#codigos_ph > .right, #sumario_ph > .right {
		width: 33.5%;
		float: right;
		
	}
	#codigos_ph > .right {
		border: solid 1px #CCC;
		
	}
	
}.area-tbl {
	width: 100%;
	border-collapse: collapse;
}
.area-tbl th {
	background-color: #244991;
    color: #fff;
}
.area-tbl tr:nth-child(2n+1) {
	background-color: #F0F0F0;
}
.area-tbl th:first-child, .area-tbl td:first-child {
	text-align: left;	
}
.area-tbl td, .area-tbl th {
	padding: 5px 10px;
	border: solid 1px #CCC;
	text-align: center;
}
.area-tbl th:nth-child(2), .area-tbl td:nth-child(2) {
	width: 50px;
}
.area-tbl th:nth-child(3), .area-tbl td:nth-child(3) {
	width: 50px;
}
.area-tbl th:nth-child(4), .area-tbl td:nth-child(4) {
	width: 100px;
}
.area-tbl th:nth-child(2), .area-tbl td:nth-child(2), .area-tbl th:nth-child(3), .area-tbl td:nth-child(3), .area-tbl th:nth-child(4), .area-tbl td:nth-child(4) {
	display: none;
}
.bt-list-area {
	background-color: #0a903d;
	color: #FFF;
	text-decoration: none;
	padding: 5px 15px;
}
.bt-list-area:hover {
	text-decoration: none;
	color: #FFF;
} 
.inline-msg {
	padding: 10px 5px;
	font-size: 1.6rem;
}
.tbl-moradas {
	border: solid 1px #CCC;	
}
.tbl-moradas td {
		line-height: 1.2 !important;
		padding: 10px;
}
.tbl-moradas td:first-child strong {
	color: #00a9ec;	
}
.tbl-moradas td:first-child {
	
	font-size: 1.6rem;
}
.tbl-moradas tr:nth-child(2n-1) {
	background-color: #F0F0F0;
}
.tbl-moradas td:nth-child(3n), .tbl-moradas td:nth-child(2n) {
	text-align: center;
}

@media only screen and (min-width : 768px) { 
	.area-tbl th:nth-child(2), .area-tbl td:nth-child(2), .area-tbl th:nth-child(3), .area-tbl td:nth-child(3), .area-tbl th:nth-child(4), .area-tbl td:nth-child(4) {
	display: table-cell;
}
}
.c404 {
	background: url(/imagens/icn-404.png) no-repeat center top;
	padding-top: 75px;
	text-align: center;
	margin: 50px 0;
}.tbl-check {
	margin: 50px auto;
}
.tbl-check td {
	padding: 10px;
}
.tbl-check td:first-child {
	width: 90px;
	
}
.tbl-check td:first-child img {
	width: 100%;
	height: auto;
}
.tbl-check td:last-child { 
	font-size: 2rem;
	color: #00a9ec;
	text-align: center;
	line-height: normal !important;
}
#pagamento_ph {
	
}
#pagamento_ph .left, #pagamento_ph .right {
	background-color: #e8e8e8;
	height: 200px;
	border: solid 1px #CCC;
	padding: 20px;
}
.lead-img {
	margin-top: 0;
	text-align: center;
	margin-bottom: 10px;
}
@media only screen and (min-width : 768px) { 
	#pagamento_ph .left {
		width: 33%;
		float: left;		
	}
	#pagamento_ph .right {
		width: 66%;
		float: right;
	}
}