@charset "utf-8";
/* CSS Document */


/*--------------GLOBAL------------*/
*{
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	
}

body{
	background:#000;
	color:#fff;
}

img{
	border: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, font, img, ins,
kbd, q, s, samp, small, strike, strong, sub, sup, tt,
var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}


article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
    display: block;
}

/*--------------HEADER------------*/
.backHeader{
	margin-top:-20px;
	*margin-top:-30px;
	margin-top:-30px \0/;
	padding:20px 0 10px 0;
	width:100%;
	height:auto;
	overflow:hidden;
	background:#000;
}

@-moz-document url-prefix() { 
	.backHeader { 
		margin-top:-30px;
	} 
} 


header{
	margin:0 auto;
	padding:0 30px;
	width:1000px;
	height:auto;
	overflow:hidden;
	background:#000;
}

header .logoCelmar{
	padding:20px 20px 20px 0;
	width:auto;
	height:auto;
	overflow:hidden;
	float:left;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
 	header .logoCelmar { 
 		margin-top:-10px;
	}
}

header nav{
	margin-right:-30px;	
	width:auto;
	height:auto;
	overflow:hidden;
	float:right;
}

header nav ul{
	margin-top:45px;
	display:block;
	width:auto;
	height:auto;
	overflow:hidden;
	list-style-type:none;
}

header nav ul li{
	float:left;
	border-right:1px dotted #fff;
}

header nav ul li.noBorderRight{
	border-right:none;
}

header nav ul li a{
	padding:5px 16px;
	padding /*\**/:5px 15px\9;
	display:block;
	color:#fff;
	text-decoration:none;
	font-family:Arial Narrow, Helvetica, sans-serif;
	-webkit-transition:	all 0.4s linear;
	-moz-transition: all 1s linear;
	-o-transition: all 1s linear;
	transition: all 1s linear;
	-ms-transition: all 1s linear;
}

header nav ul li a:hover{
	background:#D7223E;
}

header nav ul li:last-child{
	border-right:none;
}

/*--------------SECTION------------*/
section{
	width:100%;
	height:auto;
	overflow:hidden;
}

section .galleryHome,
section .galleryProducts{
	margin:0 auto;
	width:100%;
	height:auto;
	overflow:hidden;
	top:200px;
}

section article{
	margin:0 auto;
	padding:30px;
	display:block;
	width:1000px;
	height:auto;
	overflow:hidden;
	border-top:1px solid #FFF;
	border-bottom:1px solid #FFF;
	background:url(../images/bg-article.gif);
}

section article h1{
	font-size:18px;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:bold;
}

section article h2{
	font-size:14px;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:bold;
}

section article .main{
	padding:10px 0;
	width:100%;
	height:auto;
	overflow:hidden;
	line-height:20px;
	
	
}

section article .main p{
	font-size:12px;
	text-align:justify;
	text-align-last:left;	
}

section article .main figure{
	width:auto;
	height:auto;
	overflow:hidden;
	padding:0 10px 10px 0;
	float:left;
}

section article .main .listImages{
	margin-top:100px;
}

section article .main .listImages,
section article .main .listImages ul{
	padding-top:10px;
	display:block;
	width:100%;
	height:auto;
	overflow:hidden;	
}

section article .main .listImages ul{
	list-style-type:none;
}

section article .main .listImages ul li{
	padding:0 14px 14px 0;
	float:left;
}

section article .main .listImages ul li img{
	width:180px;
	height:120px;
	border:3px solid #fff;
	transition:all 0.4s linear;
	-webkit-transition:all 0.4s linear;
	-moz-transition:all 0.4s linear;
	-o-transition:all 0.4s linear;
	-ms-transition:all 0.4s linear;
}

section article .main .listImages ul li img:hover{
	border:3px solid #F00;
	opacity:0.50;
	-moz-opacity: 0.50;
	filter: alpha(opacity=50);
}

section article .main .localization{
	margin-top:30px;
	width:auto;
	height:auto;
	overflow:hidden;
	float:left;
}

section article .main .localization a{
	padding-left:15px;
	display:block;
	color:#fff;
	font-size:14px;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:bold;
	text-decoration:none;
	background:url(../images/map.png) no-repeat left 2px;
}

section article .main .localization a:hover{
	text-decoration:underline;
}

section article .main .map{
	width:auto;
	height:auto;
	overflow:hidden;
}

section article .main .map iframe{
	margin-bottom:10px;
	border:1px solid #F00;
}

section article .main .map small{
	font-size:12px;
}

section article .main .map a{
	color:#F60;
	text-decoration:none;
}

section article .main .map a:hover{
	text-decoration:underline;
}

/*--------------GALLERY PRODUCTS------------*/
section article .categories{
	width:100%;
	height:auto;
	overflow:hidden;
	font-size:12px;	
}

section article .categories ul{
	margin:10px 0;
	width:auto;
	height:auto;
	overflow:hidden;
	list-style-type:none;
	background:#333;
	border:1px solid #CCC;
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	-o-border-radius:2px;
	-ms-border-radius:2px;
}

section article .categories ul li{
	float:left;
	border-right:1px solid #fff;
}

section article .categories ul li a{
	padding:10px;
	display:block;
	text-decoration:none;
	color:#fff;
	transition:all 0.4s linear;
	-webkit-transition:all 0.4s linear;
	-moz-transition:all 0.4s linear;
	-o-transition:all 0.4s linear;
	-ms-transition:all 0.4s linear;
}

section article .categories ul li a:hover,
section article .categories ul li.active{
	background:#999;
}

section article .pika-stage {
	margin-bottom:10px;
	padding:10px;
	width:980px;
	height:600px;
	border:none;
	box-shadow:none;
	-webkit-box-shadow:none;	
	-moz-box-shadow:none;	
	-ms-box-shadow:none;	
	-o-box-shadow:none;	
}

section article .pika-stage img{
	width:980px;
}

section article .pikachoose {
	width: 1000px; 
	height:auto;
	overflow:hidden;
}

section article .pika-textnav{
	display:none;
}

section article .pika-thumbs {
	margin:10px 0 0 0;
}

section article .pika-thumbs li {
	margin:0 14px 13px 0;
	float: left; 
	list-style-type: none;
	cursor: pointer;
	width:177px;
	height:120px;
	box-shadow:none;
	border:3px solid #fff;
	background:none;
	-webkit-box-shadow:none;	
	-moz-box-shadow:none;	
	-ms-box-shadow:none;	
	-o-box-shadow:none;	
	transition: all 0.8s linear;
	-webkit-transition: all 0.8s linear;
	-moz-transition: all 0.8s linear;
	-o-transition: all 0.8s linear;
	-ms-transition: all 0.8s linear;
}

section article .pika-thumbs li:hover {
	border:3px solid #F00;
}

section article .pika-thumbs li img{
	padding:0 15px 30px 0;
}

section article #pikame{
	height:auto;
}

section article .pika-stage .caption {
	font-size:12px;
	bottom:20px;
}


section article .pika-counter{
	display:none;
}

/*--------------PROMOÇÕES------------*/
section article .main .listPromotional{
	width:100%;
	height:auto;
	overflow:hidden;
}

section article .main .listPromotional ul{
	padding-right:12px;
	display:block;
	width:auto;
	height:auto;
	overflow:hidden;
	list-style-type:none;		
}

section article .main .listPromotional ul li{
	padding:30px 0;
	width:100%;
	height:auto;
	overflow:hidden;
	clear:both;
	border-top:1px solid #494949;
	border-bottom:1px solid #292929;
}

section article .main .listPromotional ul li.noBorderTop{
	border-top:none;
}

section article .main .listPromotional ul li.noBorderBottom{
	border-bottom:none;
}

section article .main .listPromotional ul li h4{
	margin-left:12px;
	padding-bottom:10px;
	font-family:Verdana Narrow, Geneva, sans-serif;
	font-weight:bold;
	font-size:22px;
}

section article .main .listPromotional ul li figure{
	display:block;
	width:280px;
	height:auto;
	overflow:hidden;
}

section article .main .listPromotional ul li img{
	padding:0 12px 30px 12px;
	display:block;
	max-width:263px;
	height:auto;
	overflow:hidden;
	background:url(../images/shadowImage.png) bottom no-repeat;
}

/*--------------FOOTER------------*/

footer{
	margin:0 auto;
	width:1000px;
	height:auto;
	overflow:hidden;
	position:relative;
}

footer .address{
	margin:0 auto;
	padding-top:10px;
	width:100%;
	height:auto;
	overflow:hidden;
	float:left;
	font-size:14px;
	text-align:center;
}

footer .allrights{
	padding:10px 0 40px 0;
	display:block;
	width:100%;
	height:auto;
	overflow:hidden;
	font-size:12px;
	text-align:center;
	
}

footer .development{
	width:auto;
	height:auto;
	overflow:hidden;
	position:absolute;
	right:0;
	top:25px;
}

footer .development p{
	font-size:9px;
	text-align:center;
}

footer .development a{
	margin:0 auto;
	display:block;
	text-align:center;
}

.backFooter{
	width:100%;
	background:#000;
	position:absolute;
	bottom:0;
}

/*--------------FORM------------*/
section article .main form{
	margin-top:15px;
	float:left;
	
}

section article .main form,
section article .main form .line{
	width:auto;
	height:auto;
	overflow:hidden;
}

section article .main form .line{
	padding:10px;
}

section article .main form .line input{
	padding:1px 5px;
	width:300px;
	height:auto;
	overflow:hidden;
	border:1px solid #fff;
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	-o-border-radius:2px;
	color:#666;
	font-size:12px;
	outline:none;
}

section article .main form .line textarea{
	width:300px;
	max-width:300px;
	height:70px;
	max-height:70px;
}

section article .main form .line p{
	margin-left:-10px;
	display:block;
	width:80px;
	height:auto;
	text-align:left;
	float:left;	
	font-size:14px;
}

section article .main form .line span{
	margin-left:70px;
	display:block;
	font-size:11px;
}

section article .main form .button{
	margin-left:80px;
	padding:20px 5px 5px 0;
	width:auto;
	height:auto;
	overflow:hidden;
}

section article .main form .button input{
	padding:10px 20px;
	background: #ccc;
	background: -moz-linear-gradient(top,  #FFF 15%, #A0A0A0 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(15%,#FFF), color-stop(100%,#A0A0A0)); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#C4C4C4', endColorstr='#E4E4E4',GradientType=0 );     
	border:1px solid #E1E1E1;
	cursor:pointer;
	color:#666;
	text-shadow:1px 1px 1px #fff;
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	-o-border-radius:2px;
	-ms-border-radius:2px;
	-webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.88);
	-moz-box-shadow:2px 2px 5px rgba(0, 0, 0, 0.88);
	box-shadow:2px 2px 5px rgba(0, 0, 0, 0.88);

}

section article .main form .button input:hover{
	background: #fff;
	background: -moz-linear-gradient(top,  #FFF 40%, #A0A0A0 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(40%,#FFF), color-stop(100%,#A0A0A0)); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E3E3E3', endColorstr='#E4E4E4',GradientType=0 ); 
	border:1px solid #E1E1E1;
	color:#333;
}


section article .main .mapImage{
	margin-top:-22px;
	width:auto;
	height:auto;
	overflow:hidden;
	float:right;
}

section article .main .mapImage a{
	color:#fff;
	text-decoration:none;
}

section article .main .mapImage a:hover {
	text-decoration:underline;
}

section article .main .mapImage img{
	margin-top:10px;
	padding:1px;
	border:3px solid #fff;
	transition:all 0.5s linear;
	-webkit-transition:all 0.5s linear;
	-moz-transition:all 0.5s linear;
	-o-transition:all 0.5s linear;
	-ms-transition:all 0.5s linear;
}

section article .main .mapImage img:hover{
	border:3px solid #f00;
	opacity:0.80;
	-moz-opacity: 0.80;
	filter: alpha(opacity=80);	
}




section{
	display:block;
	margin:0 auto;
	width:100%;
	height:auto;
	overflow:hidden;
}

header,
section article,
footer{
	display:block;
	width:1000px;
	height:auto;
	overflow:hidden;
}