﻿body {
	font-family : Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
	font-size   : 14px;
	height      : 100%;
}

body.overflow {
	overflow : hidden;
}

* {
	outline : none;
}

h2 {
	text-align    : center;
	font-size     : 28px;
	line-height   : 50px;
	color         : #212121;
	margin-bottom : 50px;
}

h2:after {
	content    : '';
	display    : block;
	background : #212121;
	width      : 115px;
	height     : 2px;
	margin     : 10px auto 0 auto;
}

.sardinha {
	background : #f7f7f7;
	padding    : 30px 0;
}

.sardinha ul {
	padding    : 0;
	margin     : 0;
	list-style : none;
	width      : 100%;
	height     : 294px;
	font-size  : 0;
	background : #fff;
}

.sardinha ul li {
	width          : 50%;
	display        : inline-block;
	font-size      : 36px;
	border-left    : 1px solid #46a0dc;
	text-align     : left;
	height         : 294px;
	vertical-align : top;
	position       : absolute;
	box-sizing     : border-box;
	left           : 50%;
}

.sardinha ul li:first-child {
	text-align   : right;
	border-left  : 0;
	border-right : 1px solid #46a0dc;
	left         : 0;
}

.sardinha ul li a img {
	position : absolute;
	top      : 39px;
	left     : 40px;
}

.sardinha ul li:first-child a img {
	position : absolute;
	top      : 39px;
	left     : auto;
	right    : 40px;
}

.sardinha ul li a {
	display         : block;
	width           : 100%;
	height          : 294px;
	padding         : 40px 100px 40px 140px;
	box-sizing      : border-box;
	color           : #212121;
	text-decoration : none;
}

.sardinha ul li a:focus, .sardinha ul li a:hover {
	background : #46a0dc;;
	color      : #fff;
}

.sardinha ul li span.icon-down-open {
	position    : absolute;
	bottom      : 20px;
	left        : 140px;
	font-size   : 20px;
	line-height : 46px;
}

.sardinha ul li:first-child span.icon-down-open {
	left  : auto;
	right : 154px;
}

.sardinha ul li span.icon-down-open:before {
	margin                : 0;
	padding-left          : 1px;
	width                 : 46px;
	height                : 46px;
	line-height           : 46px;
	border                : 2px solid #212121;
	-webkit-border-radius : 25px;
	border-radius         : 25px;
	margin                : 0 10px 0 0;
}

.sardinha ul li:first-child span.icon-down-open:before {
	float  : right;
	margin : 0 0 0 10px;
}

.sardinha ul li a:hover span.icon-down-open:before,
.sardinha ul li a:focus span.icon-down-open:before {
	border : 2px solid #fff;
}

.sardinha ul li:first-child a {
	padding : 40px 154px 40px 100px;
}

.lightbox {
	position   : fixed !important;
	background : #fff;
	z-index    : 9999999999;
	border     : 0 !important;
	overflow   : hidden;
}

.lightboxContent {
	padding-bottom : 40px;
	width          : 70%;
	margin         : 0 auto;
}

.lightboxHolder {
	position : absolute;
	top      : 0;
	left     : 0;
	width    : 100%;
	padding  : 0 20px;
	height   : 100%;
	display  : none;
	overflow : auto;
}

.lightboxHolder .icon-cancel {
	width                 : 40px;
	height                : 40px;
	background            : #46a0dc;
	-webkit-border-radius : 20px;
	border-radius         : 20px;
	color                 : #fff;
	display               : block;
	position              : absolute;
	top                   : 20px;
	right                 : 60px;
	cursor                : pointer;
}

.lightboxHolder .icon-cancel:before {
	padding     : 0;
	margin      : 0;
	display     : block;
	width       : 40px;
	height      : 40px;
	line-height : 40px;
}

.lightboxContent .imgHeader {
	width    : 100%;
	height   : auto;
	position : static;
}

.lightboxContent h2 {
	color       : #46a0dc;
	line-height : 35px;
}

.lightboxContent b {
	color : #46a0dc;
}

.lightboxContent h2:after {
	background : #46a0dc;
}

.lightboxContent .colunas {
	color                : #999;
	font-size            : 18px;
	-moz-column-count    : 2;
	-moz-column-gap      : 40px;
	-webkit-column-count : 2;
	-webkit-column-gap   : 40px;
	column-count         : 2;
	column-gap           : 40px;
	vertical-align       : top;
	line-height          : 24px;
	text-align: left;
}

.lightboxContent .colunas p {
	margin : 0 0 15px 0;
}

.contactos {
	background : #f7f7f7;
	padding    : 30px 0;
}

.contactos form {
	width  : 660px;
	margin : 0 auto;
}

.contactos form:after {
	content : '';
	display : block;
	clear   : both;
}

.fieldRadio {
	text-align : center;
}

.fieldRadio input {
	display : none;
}

.fieldRadio label {
	display               : inline-block;
	margin                : 0 4px;
	line-height           : 34px;
	width                 : 180px;
	height                : 34px;
	border                : 3px solid #46a0dc;
	text-transform        : uppercase;
	color                 : #46a0dc;
	-webkit-border-radius : 20px;
	border-radius         : 20px;
	cursor                : pointer;
	font-size             : 17px;
	font-weight           : bold;
}

.fieldRadio label.active {
	background : #46a0dc;
	color      : #fff;
}

.contactos table {
	width        : 100%;
	table-layout : fixed;
	margin-top   : 15px;
}

.contactos td {
	padding        : 0 10px;
	vertical-align : top;
}

.contactos input[type="text"] {
	width                 : 100%;
	box-sizing            : border-box;
	padding               : 0 16px;
	height                : 38px;
	border                : 1px solid #ccc;
	margin-top            : 12px;
	font-size             : 16px;
	-webkit-border-radius : 15px;
	border-radius         : 15px;
}

.contactos textarea {
	width                 : 100%;
	box-sizing            : border-box;
	padding               : 8px 16px;
	height                : 90px;
	border                : 1px solid #ccc;
	font-size             : 16px;
	margin-top            : 12px;
	resize                : none;
	-webkit-border-radius : 14px;
	border-radius         : 14px;
}

.contactos input[type="text"]:focus, .contactos textarea:focus {
	border : 1px solid #46a0dc;
}

.contactos input[type="text"].error, .contactos textarea.error {
	border : 1px solid #f00;
}

.contactos input[type="submit"] {
	width                 : 100px;
	cursor                : pointer;
	height                : 38px;
	border                : none;
	font-size             : 16px;
	-webkit-border-radius : 19px;
	border-radius         : 19px;
	background            : #46a0dc;
	color                 : #fff;
	text-transform        : uppercase;
	margin                : 15px 10px;
	float                 : right;
}

#submit_message {
	float       : right;
	display     : inline-block;
	margin      : 15px 10px;
	line-height : 38px;
	display     : none;
}

.face {
	text-align : center;
	padding    : 30px;
	background : #f7f7f7;
}

.face a {
	display               : inline-block;
	width                 : 40px;
	height                : 40px;
	background            : #537bbd;
	-webkit-border-radius : 20px;
	border-radius         : 20px;
	color                 : #fff;
	text-decoration       : none;
	font-size             : 18px;
}

.face a:before {
	margin      : 0;
	display     : block;
	width       : 40px;
	height      : 40px;
	line-height : 40px;
}

.buynow {
	position: fixed;
	top: 50px;
	right: 50px;
	z-index: 2;
}
