/*  CSS definations for otzi  */
/*-------------------------------------------------------------------------------------------

INDEX:

0. RESET

1. SETUP
	1.1 Defaults
	1.2 Common Tages

2. SITE STRUCTURE & APPEARANCE
	2.1 Header
		2.1.1 Logo
		2.1.2 Navigation
	2.2 Container
		2.2.1 Showcase
		2.2.2 Collection
		2.2.3 Contact form
		2.2.4 Breadcrumb
		2.2.5 Location
		2.2.6 Category
		2.2.7 Slider
		2.2.8 Tab
		2.2.9 Entry
	2.3 Footer
		2.3.1 Listing

-------------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------------*/
/* 0. RESET */
/*-------------------------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
* {
	outline:none;
}

/*-------------------------------------------------------------------------------------------*/
/* 1. SETUP */
/*-------------------------------------------------------------------------------------------*/

/* 1.1 Defaults */
h1, h2, h3, h4, h5, h6, strong {
	font-weight:bold;
}
i, em {
	font-style:italic;
}
.left {
	float:left;
}
.right {
	float:right;
}
.alignleft {
	text-align:left;
}
.alignright {
	text-align:right;
}
.aligncenter {
	text-align:center;
}
.clear {
	clear:both;
	line-height:1px;
	height:1px;
}
textarea {
	overflow:auto;
	font-family:Arial, Helvetica, sans-serif; /* Body Font Family Will Come Here */
}
a {
	color:#333;
	text-decoration:none;
}
a:hover {
	color:#000;
}
address {
	font-style:normal;
}

/* 1.2 Common Tages */

p{
	line-height:16px;
	padding-bottom:18px;
}
.input, .textarea {
	background:#f9fafa;
	width:165px;
	height:25px;
	line-height:25px;
	font-size:12px;
	color:#666;
	font-style:italic;
	margin-bottom:10px;
	padding:5px 10px 5px 20px;
	border-left:5px solid #3483da;
	border-top:none;
	border-bottom:none;
	border-right:none;
}
.textarea {
	height:70px;
	padding-bottom:10px;
	line-height:16px;
	resize:vertical;
}
.button {
	background:url(../img/bg_button.png) repeat-x left top;
	width:75px;
	height:35px;
	line-height:35px;
	float:left;
	cursor:pointer;
	border:none;
	color:#fff;
	font-weight:bold;
	font-size:14px;
	margin-right:15px;
	text-transform:uppercase;
	text-shadow:rgba(0, 0, 0, 0.40) 0px 2px 2px;
	box-shadow:rgba(0, 0, 0, 0.30) 0px 2px 2px;
}
.button:hover {
	background-position:left bottom;
}
.contact-form .span {
	font-size:10px;
	display:block;
	float:left;
	color:#666;
	padding-top:10px;
	font-style:italic;
}
.heading {
	font-size:21px;
	color:#868686;
	font-weight:normal;
	padding:30px 0 17px 0;
}
.heading.gap {
	padding-top:0;
}



/*-------------------------------------------------------------------------------------------*/
/* 2. SITE STRUCTURE & APPEARANCE */
/*-------------------------------------------------------------------------------------------*/
body {
	/*background:url(../img/bg_body.png) repeat;*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#858585;
}
.box {
	/*width:956px;*/
	width:1000px;
	margin:0 auto;
}


/* 2.1 Header */
.header{
	background:url(../img/bg_header.png) repeat-x left top;
	width:100%;
	height:118px;
}
.header-left{
	width:540px;
	float:left;
	padding:16px 0 22px 0;
}

/* 2.1.1 Logo */
.logo{
	width:177px;
	height:51px;
	margin-right:30px;
	float:left;
}
.header-left .tag-line{
	font-size:14px;
	color:#888;
	padding-top:20px;
	font-weight:bold;
}
.language-list li{
    display: inline;
    list-style-type: none;
    padding-right: 10px;
}
.language-label{
    margin-right: 62px;
    font-weight: bold;
    margin-bottom: 5px;
}
.contact-number{
	width:395px;
	/*padding:24px 5px 0 0;*/
	padding:15px 5px 0 0;
	float:right;
	text-align:right;
}
.contact-number .number{
	background:url(../img/ico_phone.png) no-repeat left center;
	background-position: 140px;
	padding-left:1px;
	height:40px;
}
.contact-number .number strong{
	font-size:12px;
	color:#000;
}
.contact-number .number span{
	font-size:14px;
	color:#888;
	padding-top:8px;
	display:block;
	font-weight:bold;
}

/* 2.1.2 Navigation */
.navigation{
	/*background:url(../img/bg_navigation.png) repeat-x left top;*/
	width:100%;
	height:59px;
	float:left;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	behavior:url(PIE.htc);
	position:relative;
	/*box-shadow:rgba(0, 0, 0, 0.25) 0px 7px 4px;*/
	z-index:1;
        margin-left: 120px;
}
.navigation ul{
	padding-top:18px;
}
.navigation li{
	/*background:url(../img/bg_divider.png) repeat-y left center;*/
	float:left;
	padding:0 20px 0 25px;
	font-size:13px;
	font-weight:bold;
	line-height:15px;
	text-shadow:rgba(33, 84, 140, 0.34) 0px 7px 4px;
}
.navigation li a{
	/*color:#fff;*/
	color:black;
	text-transform:uppercase;
}
.navigation li:first-child{
	background:none;
	padding-left:20px;
}
.navigation li a:hover{
	/*color:#e2e2e2;*/
}

/* 2.2 Container */
.container{
	background:url(../img/bg_container.png) repeat-x left top;
	width:100%;
	padding-bottom:25px;
}
.leftcol{
	width:725px;
	float:left;
}
.rightcol{
	width:231px;
	float:left;
}

/* 2.2.1 Showcase */
.showcase{
	/*background:url(../img/bg_showcase.jpg) repeat-x center top;*/
	width:100%;
	height:455px;
	text-align:center;
	margin-bottom:21px;
	position:relative;
}
.showcase .box {
	height:455px;
	position:relative;
}
.showcase img {
	z-index:2;
	position:relative;
}
.showcase .prev, 
.showcase .next {
	background:url(../img/sprite_next_prev.png) no-repeat left top;
	width:48px;
	height:95px; 
	position:absolute;
	text-indent:-9999px;
	top:160px;
}
.showcase .prev{
	background-position: left top;
	left:20px;
}
.showcase .prev:hover {
	background-position: left -95px;
}
.showcase .next {
	background-position:right top;
	right:20px;
}
.showcase .next:hover{
	background-position:right -95px;
}
/*- -*/
.showcase .box_pag {
	width:100%;
	height:27px;
	float:left;
	position:relative;
	top:-27px;
}
/*- -*/
.showcase .box_pag .pagination {
	/*background:#3482d8;*/
	width:133px;
	height:27px;
	position:relative;
	left:0;
	bottom:0;
	z-index:3;
	-moz-border-radius:5px 5px 0 0;
	-webkit-border-radius:5px 5px 0 0;
	border-radius:5px 5px 0 0;
	behavior:url(PIE.htc);
	margin: 0 auto;
	text-align:center;
}
.showcase .pagination ul{
	float:left;
	padding:5px 0 0 13px;
}
.showcase .pagination li {
	background:url(../img/bg_pagination.png) no-repeat left top;
	width:19px;
	height:19px;
	float:left;
	text-indent:-9999px;
	margin-right:3px;
}
.showcase .pagination li a {
	background:url(../img/sprite_pagination.png) no-repeat left top;
	width:14px;
	height:14px;
	display:block;
	color:#606031;
}
.showcase .pagination li a:hover, .showcase .pagination li.active a{
	background:url(../img/bg_pagination.png) no-repeat right top;
	width:19px;
	height:19px;
}
	
/* 2.2.2 Collection */
.collection {
	width:100%;
	padding-bottom:10px;
}
.collection .heading {
	padding-top:0;
}
.collection ul {
	float:left;
	margin:0 0 14px -50px;
}
.collection li {
	width:302px;
	height:205px;
	float:left;
	position:relative;
	margin:0 0 40px 50px;
	behavior:url(PIE.htc);
	position:relative;
	/*box-shadow:rgba(0, 0, 0, 0.20) 0px 3px 3px;*/
}
.collection li img {
	position:absolute;
	left:0;
	top:0;
}
.collection li.first {
	/*background:url(../img/bg1.jpg) no-repeat;*/
}
.collection li.second {
	background:url(../img/bg2.jpg) no-repeat;
}
.collection li.third {
	background:url(../img/bg3.jpg) no-repeat;
}
.collection li.fourth {
	background:url(../img/bg4.jpg) no-repeat;
}
.collection li.five {
	/*background:url(../img/bg5.jpg) no-repeat;*/
}
.collection li.sixth {
	/*background:url(../img/bg6.jpg) no-repeat;*/
}
.collection li.first img {
	left:-5px;
	top:-14px;
}
.collection li.second img {
	left:-8px;
	top:-25px;
}
.collection li.third img {
	left:-9px;
	top:-14px;
}
.collection li.fourth img {
	left:-12px;
	top:28px;
}
.collection li.five img {
	left:-3px;
	top:-12px;
}
.collection li.sixth img {
	left:5px;
	top:-13px;
}
.collection li a {
	background:#3685de;
	width:153px;
	height:27px;
	line-height:27px;
	text-align:center;
	font-size:12px;
	color:#fff;
	display:block;
	-moz-border-radius:5px 5px 0 0;
	-webkit-border-radius:5px 5px 0 0;
	border-radius:5px 5px 0 0;
	behavior:url(PIE.htc);
	position:relative;
	top:178px;
}
.collection li.first a, .collection li.third a {
	left:75px;
}
.collection li.second a {
	left:30px;
}
.collection li.fourth a, .collection li.five a, .collection li.sixth a {
	left:128px;
}

/* 2.2.3 Contact form */
.contact-form {
	background:#fff;
	width:202px;
	padding:20px 14px 18px 14px;
	behavior:url(PIE.htc);
	position:relative;
	box-shadow:rgba(0, 0, 0, 0.30) 0px 2px 2px;
	margin-bottom:34px;
}
.gray-col{
	background:#f4f4f4;
	width:190px;
	padding:13px 23px 5px 18px;
}
.gray-col h3{
	font-size:16px;
	color:#878787;
	font-weight:500;
	padding-bottom:8px;
}

/* 2.3 Footer */
.footer{
	width:100%;
}
.footer-top{
	/*background:url(../img/bg_footer_top.png) repeat-x left top;*/
	/*background:url(../img/bg_footer_mid.png) repeat-x left top #f8f8f8;*/
	width:100%;
	height:136px;
	box-shadow:rgba(0, 0, 0, 0.14) 0px 7px 4px;
        background-color: rgb(219, 218, 218);
        /*background-color: #f4f4f4;*/
}
.footer-top .footer-left{
	width:570px;
	padding:30px 55px 0 0;
	float:left;
}
.footer-top .footer-left p{
	font-size:11px;
	float:left;
	/*color:#fff;*/
	color:black;
}
.footer-top .footer-right{
	width:331px; 
	float:left;
	padding-top:23px;
}
.footer-top .footer-right .nks{
	width:89px;
	height:59px;
	margin:9px 30px 0 0;
	float:left;
}
.footer-top .footer-right .loga{
	width:112px;
	height:59px;
	margin:9px 20px 0 0;
	float:left;
}
.footer-mid{
	background:url(../img/bg_footer_mid.png) repeat-x left top #f8f8f8;
	width:100%; 
	height:128px;
	padding-top:24px;
	border-bottom:1px #eee solid;
}

/* 2.3.1 Listing */
.footer-mid .listing {
	width:100px;
	border-left:1px #fff solid;
	float:left;
	padding-left:18px;
}
.footer-mid .listing.first {
	width:85px;
	border:none;
	padding-left:0;
	padding-right:20px;
}
.footer-mid .listing h5{
	font-size:12px;
	color:#666;
	padding-bottom:11px;
}
.footer-mid .listing li{
	font-size:11px;
	line-height:16px;
	color:#3788e1;
}
.footer-mid .listing li a{
	color:#3788e1;
}
.footer-mid .listing li a:hover{
	color:#0260c8;
}
.footer-bottom{
	background:#f4f4f4;
	width:100%;
	min-height:47px;
	border-top:1px #fff solid;
}
.footer-bottom p{
	font-size:12px;
	color:#2d71bc;
	text-align:center;
	padding-top:14px;
}

/* 2.2.4 Breadcrumb */
.breadcrumb {
	height:27px;
	position:relative;
	z-index:1;
	top:0;
	color:#666;
	padding-top:50px;
	font-size:12px;
}
.breadcrumb.gap {
	padding-bottom:20px;
}
.breadcrumb h3 {
	font-weight:normal;
	text-shadow:rgba(0, 0, 0, 0.10) 0px 1px 1px;
	font-size:11px;
}
.breadcrumb ul {
	margin-left:-15px;
}
.breadcrumb li {
	background:url(../img/divider2.png) no-repeat left center;
	color:#3787e0;
	float:left;
	padding:0 15px;
	font-size:11px;
	text-shadow:rgba(0, 0, 0, 0.20) 1px 1px 1px;
}
.breadcrumb li.active a {
	color:#777;
	font-size:12px;
}
.breadcrumb li:first-child {
	background:none;
}
.column-left {
	width:278px;
	float:left;
	padding:0 0 0 15px;
}
.column-right {
	width:629px;
	float:left;
	padding:0 0 0 34px;
}
.column-left p {
	font-size:11px;
	padding-bottom:14px;
}
.column-left .contact-form {
	background:#fff;
	width:260px;
	padding:23px 0 23px 18px;
	box-shadow:rgba(0, 0, 0, 0.15) 0px 2px 2px;
}
.column-left .contact-form .input, .column-left .contact-form .textarea {
	width:207px;
	height:33px;
	line-height:33px;
	padding-left:20px;
	font-size:15px;
}
.column-left .contact-form .textarea {
	height:95px;
}
.column-left .contact-form .button {
	width:91px;
	height:42px;
	line-height:42px;
	font-size:16px;
	margin-right:20px;
}
.column-left .contact-form .span {
	font-size:12px;
	display:block;
	float:left;
	color:#666;
	padding-top:13px;
	font-style:italic;
}

/* 2.2.5 Location */
.location .heading {
	padding:0 0 5px 0;
}
.location .map1 {
	width:631px;
	height:229px;
	margin-bottom:150px;
}
.location address {
	font-size:17px;
	line-height:20px;
}
.location address span,
.entry address span {
	display:block;
	padding-bottom:12px;
}
.location .number{
	float:right;
	height:40px;
	padding-right:10px;
}
.location .number strong{
	font-size:15px;
	color:#000;
}
.location .number span{
	font-size:17px;
	color:#888;
	padding-top:10px;
	display:block;
	font-weight:bold;
	letter-spacing:1px;
}

/* 2.2.6 Category */
.category {
	width:100%;	
}
.category h3 {
	font-size:29px;
	color:#2e76c5;
	font-weight:normal;
	padding:20px 0 16px 0;
}
.category span {
	font-size: 15px;
	color: #666;
	font-weight:normal;
	padding:20px 0 16px 0;
	text-shadow:rgba(0, 0, 0, 0.20) 1px 1px 1px;
}
.category p {
	font-size: 12px;
}
.category .pagination {
	float:right;
	margin-right:10px;
	height: 35px;
}
.category .pagination li {
	background:url(../img/bullet.png) no-repeat left 52px;
	float:left;	
	padding:10px 4px 0 7px;
	font-size:16px;
}
.category .pagination li:first-child {
	background:none;	
}
.category .pagination li a {
	color:#2d76c5;
}
.category .pagination li a:hover {
	color:#000;
}
.category .pagination li.active a {
	color:#000;
}
.category-list {
	width:100%;	
}
.category-list ul {
	margin-left:-13px;
	float:left;	
}
.category-list li {
	float:left;
	/*margin-left:11px;*/
	margin-left:20px;
	/*margin-bottom:38px;*/
	/*min-height: 235px;*/
	min-height: 290px;
}
.category-list .imgb {
	background:#fff;
	width:230px;
	/*box-shadow:rgba(0, 0, 0, 0.1) 0px 1px 1px;*/
	behavior:url(PIE.htc);
	position:relative;
	text-align: center;
	min-height: 193px;
}
.category-list p {
	margin: -20px 0 0 8px;
	position: relative;
	z-index: 99;
	padding: 0;
}
.category-list .detail {
	font-weight:bold;
	color:#666;
	font-size:12px;
	display:inline-block;
	padding:9px 0 0 4px;
	text-shadow:rgba(0, 0, 0, 0.10) 0px 2px 0px;
	behavior:url(PIE.htc);
	position:relative;
}

/* 2.2.7 Slider */
.slider {
	width:401px;
	height:459px;
	float:left;
}
.slider .imgb {
	width:400px;
	min-height:342px;
	box-shadow:rgba(0, 0, 0, 0.1) 0px 2px 1px;
	margin-bottom:17px;
	text-align: center;
	background:#FFF;
}
.slider .thumb-nails {
	width:401px;
	height:100px;
	float:left;
}
.slider .thumb-nails li {
	width:116px;
	height:100px;
	float:left;
	margin-left:25px;
	box-shadow:rgba(0, 0, 0, 0.1) 0px 1px 1px;
}
.slider .thumb-nails li:first-child {
	margin-left:0;
}
/*- -*/
.thumb-nails {
	float:left;
}
.thumb-nails li {
	width:116px;
	height:100px;
	float:left;
	margin-left:25px;
	box-shadow:rgba(0, 0, 0, 0.1) 0px 1px 1px;
}
.thumb-nails li:first-child {
	margin-left:0;
}

/* 2.2.8 Tab */
.tab {
	width:262px;
	float:left;
	padding:40px 33px 0 22px;
}
.tab h3 {
	background:#3685de;
	width:153px;
	height:27px;
	line-height:27px;
	text-align:center;
	font-size:12px;
	color:#fff;
	display:block;
	-moz-border-radius:5px 5px 0 0;
	-webkit-border-radius:5px 5px 0 0;
	border-radius:5px 5px 0 0;
	behavior:url(PIE.htc);
	position:relative;
}
.tab-content {
	border-top:1px solid #fff;
	padding-top:14px;
}
.tab-content h4 {
	font-size:11px;
	color:#3383d9;
	font-weight:normal;
	padding-bottom:2px;
}
.tab-content p {
	padding-bottom:15px;
}
.tab-content span {
	display:block;
	padding-bottom:17px;
}
.tab-content span strong {
	font-weight:normal;
	color:#3383d9;
}
.bottom-bar {
	background:#fdfdfd;
	width:100%;
	height:72px;
	line-height:72px;
	margin-bottom:20px;
}
.bottom-bar h4 {
	float:left;
	padding:0 35px 0 10px;
	font-weight:normal;
	font-size:12px;
	color:#777;
	text-shadow:rgba(0, 0, 0, 0.20) 1px 1px 1px;
}
.bottom-bar p {
	line-height:72px;
	padding:0;
	float:left;
	color:#3787e0;
}
.bottom-bar .sitemap {
	float:right;
}
.bottom-bar li {
	float:left;
	margin-left:20px;
}
.bottom-bar li a {
	color:#3787e0;
}

/* 2.2.9 Entry */
.entry {
	background:url(../img/img_otzi.png) no-repeat 4px top;
	margin-top:20px;
	padding:55px 153px 0 10px;
}
.entry p {
	padding-bottom:14px;
}
.entry .heading {
	padding-top:0px;
	padding-bottom:3px;
}

/*- carousel do detalhe do produto - inicio -*/
.produtos .image_carousel {
	position: relative;
}
.produtos .image_carousel img {
	display: block;
	float: left;
}
.produtos a.prev, .produtos a.next {
	background: url(../img/miscellaneous_sprite.png) no-repeat transparent;
	width: 45px;
	height: 50px;
	display: block;
	position: absolute;
	top: 85px;
}
.produtos a.prev 		{	left: -22px;
							background-position: 0 0; }
.produtos a.prev:hover 	{	background-position: 0 -50px; }
.produtos a.next 		{	right: -22px;
							background-position: -50px 0; }
.produtos a.next:hover 	{	background-position: -50px -50px; }

.produtos a.prev span, .produtos a.next span {
	display: none;
}
.produtos .clearfix {
	float: none;
	clear: both;
}
.produtos .caroufredsel_wrapper {
	display: block !important;
	float: left !important;
	width: 685px !important;
	height: 100px !important;
}