/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, nav02, nav_interna, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }

/* Global properties ======================================================== */
body { 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px; 
	line-height: 22px;
	color: #fff;
	min-width: 1000px;
	background:url(../images/bg.png);
}
html, body { height: 100%;}

p { padding-top: 22px; }
.p02 p{}
.p02 p{ padding-top: 0px; }

.top { padding-top: 6px; }
.top1 { padding-top: 0px; }
.top2 { padding-top: 16px; }
.top3 { padding-top: 28px; }
.top4 { padding-top: 35px; }
.top5 { padding-top: 0px; }

.bot { padding-bottom: 5px; }
.bot1 { padding-bottom: 39px; }

.h-bot {padding-bottom: 22px;}
.h-bot1 {padding-bottom: 27px;}

a {	color:#fff; outline: none; }
a:hover{ text-decoration: none; }

.extra {
	background: url(../images/extra-bg.jpg) top center no-repeat;
}
.top-bg {
	background: url(../images/header-bg.png) 0 0 repeat-x;
	height: 11px;
	position: absolute;
	top:0;
	left: 0;
	z-index: 99;
	width: 100%;
}
/* Global Structure ============================================================= */
.main {
	margin: 0 auto;
	width: 984px;
	position: relative;
	z-index: 2;
}

	/* Header */
	header{
		height: 624px; padding:50px 0 0 0;
	}
	
	/* Content */
	section#content {
		
	}			
	/* Footer */
	footer{
		height: 127px;
		background: url(../images/footer-bg.png) 0 0 repeat-x;
		font-size:14px;
	}
	
h1 {
	padding: 0px 0 30px 1px;
	position: relative; margin-left:65px;
}
	h1 a {
		display: block;
		height: 166px;
		width: 233px;
		text-indent: -5000px;
		background: url(../images/logo.png) right top no-repeat;
	}
h1.interna{ margin:0;}

.menu {
	float: right;
	padding: 43px 17px 17px 0;
}
	.menu li {
		float: left;
		font-size: 16px;
		line-height: 1.2em;
		background: url(../images/menu-li-bg.gif) right 4px no-repeat;
		padding-right: 11px;
	}
		.menu li a {
			color: white;
			text-decoration: none;
			margin-left: 8px;
		}
			.menu li a:hover {color: #fff600;}
	.menu .last {background: none;}


/* Left & Right alignment */

.fleft { float: left;}
.fright { float: right;}
.clear { clear: both;}

.col-1, .col-2, .col-3, .col-4, .col-5 { float: left;}

.alignright { text-align: right;}
.aligncenter { text-align: center;}

.wrapper { 
	width: 100%;
	overflow: hidden;
}
.container {
	width: 100%;
}
/*----- form defaults -----*/
input, select, textarea { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	vertical-align: middle;
	font-weight: normal;
}

/*----- other -----*/
.img-indent { margin: 0 20px 0 0; float: left; }
.extra-wrap { overflow: hidden; }
.phone { display: inline-block;	width: 74px; }

/*=============================================================================== text =====*/

h2 {
	font-size: 27px;
	line-height: 1.2em;
	color: #fff;
	padding: 29px 0px 6px 0px;
	margin: 0px 0px 0px 0px;
	text-transform: uppercase;
	letter-spacing: -1px;
}
h3 {
	font-size: 36px;
	line-height: 1.2em;
	color: #fff;
	padding: 29px 0px 6px 0px;
	margin: 0px 0px 0px 0px;
	text-transform: uppercase;
	letter-spacing: -1px;
}
.span {
	font-size: 16px;
	line-height: 22px;
	color: #fff; font-weight:bold;
	font-weight: normal;
}
.text {
	font-size: 13px;
	color: #0f3f0b;
	font-style:italic;
	padding: 10px 0 0;
}
/*=================================================================================================================== header =====*/
header .fleft {width: 300px;}
/*=============================================================================== menu =====*/

/*=============================================================================== nav =====*/
nav {
	padding:0px 1px 0 0px;
	margin: -5px 0 0;
}
	nav  li {
		font-size: 21px;
		line-height: 1.5em;
		text-align: right;
	}
		nav  a {
			color:#fff;
			text-decoration:none;
			display:inline-block;
			cursor:pointer;
			text-transform: uppercase;
			letter-spacing: -1px;
		}
			nav  a strong {
				background:none;
				display:inline-block;
				padding:0px 10px 0 10px;
			}
			nav  a strong strong {
				background:none;
				padding:0px 4px 2px 1px;
			}
				nav  a:hover, nav .active {
					background:url(../images/nav-left01.png) left top no-repeat;
					color:#A50600;
				}
				nav  a:hover strong, nav .active strong {
					background:url(../images/right01.png) right top no-repeat;
				}
				nav  a:hover strong strong, nav .active strong strong {
					background:url(../images/tail01.png) 0 0 repeat-x;
				}
					
.nav_interna {
	padding:0;
	margin: 0;
	float:left; clear:left; position:relative; left:240px; top:-55px; width:750px; 
}
	.nav_interna  li {
		font-size: 15px;
		line-height: 1.5em;
		text-align: right;
		float:left;
		margin:0 0 0 5px;
	}
		.nav_interna  a {
			color:#fff;
			text-decoration:none;
			display:inline-block;
			cursor:pointer;
			text-transform: uppercase;
			letter-spacing: -1px;
		}
			.nav_interna  a strong {
				background:none;
				display:inline-block;
				padding:0px 10px 0 10px;
			}
			.nav_interna  a strong strong {
				background:none;
				padding:0px 4px 2px 1px;
			}
				.nav_interna  a:hover, .nav_interna .active {
					background:url(../images/nav-left02.png) left top no-repeat;
					color:#FFF;
				}
				.nav_interna  a:hover strong, .nav_interna .active strong {
					background:url(../images/nav-right02.png) right top no-repeat;
				}
				.nav_interna  a:hover strong strong, .nav_interna .active strong strong {
					background:url(../images/nav-tail02.png) 0 0 repeat-x;
				}
				
/*=============================================================================== slogan =====*/
.slogan {
	background: url(../images/slogan-bg.png) 0 0 repeat-x;
	height: 116px;
	width: 100%;
	overflow: hidden;
}
	.slogan p {
		font-size: 48px;
		line-height: 1.2em;
		padding: 32px 0 0;
		color: #136210;
		float: left;
	}
	.slogan a {
		display: block;
		width: 159px;
		height: 57px;
		float: right;
		background: url(../images/slogan-a-bg.png) 0 0 no-repeat;
		text-decoration: none;
		padding: 18px 0 0 18px;
		margin: 27px 1px 0 0;
		font-size: 25px;
		line-height: 1.2em;
		color: #1c8019;
		text-transform: uppercase;
	}
		.slogan a:hover {color: #2dc329;}
/*=================================================================================================================== content =====*/

/*=============================================================================== indents =====*/
.indent { padding: 0px 0px 49px 0px; position:relative; }
.indent1 { padding: 0px 0px 44px 0px }
.indent2 { padding: 0px 0px 15px 0px; position:relative; }
/*=============================================================================== col-indents =====*/
.col-indent { padding-right: 34px; }
.col-indent1 { padding-right: 28px; }
.col-indent2 { padding-right: 0px; }
.col-indent3 { padding-right: 0px; }
/*=============================================================================== contacts =====*/
.contacts span {
	display: inline-block;
	width: 78px;
	vertical-align: baseline;
}
/*=============================================================================== line-hor =====*/
.line-hor {
	background: url(../images/footer-bg.png) 0 0 repeat-x;
	height: 5px;
}
/*=============================================================================== lists =====*/
.list {
	padding: 20px 0 0 0;
}
	.list li {
		font-size: 18px;
		line-height: 26px;
		background:url(../images/list-bg.gif) 0 11px no-repeat;
		padding-left: 16px;
	}
		.list li a {
			color: #fff600;
		}
			.list li a:hover {
				
			}
/*=============================================================================== links =====*/

/*=============================================================================== nav =====*/

/*=============================================================================== nav =====*/

/*=============================================================================== nav =====*/

/*=================================================================================================================== footer =====*/
footer {
	width: 100%;
	overflow: hidden;
}
footer .end { width:500px; }
footer .social { width:200px; text-align:right; }
	footer p {
		float: left;
		padding: 20px 0 10px 6px;
	}
		footer p a {
			text-decoration: none;
		}
			footer p a:hover {text-decoration: underline;}
/*=============================================================================== social =====*/
.social {
	float: right;
	padding: 48px 0 0 0;
}
	.social img {
		float: left;
		margin-left: 9px;
	}
/*------------------------------------------------------------------------------------------------------------------- forms -----*/
#ContactForm {
	padding-top:30px;
	color:#fff;
	width:638px;
}
	#ContactForm label {
		height:39px;
		display:block;
	}
	#ContactForm a {
		margin:7px 1px 0px 19px;
		font-size: 18px;
		line-height: 26px;
		color: #fff600;
		background: url(../images/list-bg.gif) 0 11px no-repeat;
		padding-left: 15px;
		display: inline-block;
	}
	#ContactForm .column1 {
		float:left; width:257px; margin-right:40px;
	}
	#ContactForm .column2 {
		float:left; width:341px;
	}
	#ContactForm .input {
		width:159px;
		border: none;
		padding:3px 5px 3px 5px;
		font-size:12px; 
		line-height:14px;
		background:#fff; 
		color:#a4a4a4; 
		float:right;
	}
	#ContactForm textarea {
		width:226px; 
		height:95px; 
		border: none;
		background:#fff; 
		padding:3px 5px 3px 5px;
		overflow:auto; 
		font-size:1em;
		color:#a4a4a4; 
		float:right;
		margin-right:0px;
	}

/*==========================================*/
.bgstretcher {
	background: black;
	overflow: hidden;
	width: 100%;
	position: fixed !important;
	z-index: 1;
}
.bgstretcher, .bgstretcher UL, .bgstretcher UL LI {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
}
.bgstretcher UL, .bgstretcher UL LI {
	margin: 0;
	padding: 0;
	list-style: none;
}


/*==========================================*/
#faded {
	position:relative; 
	overflow:hidden;
	width:598px; 
	height:404px;
	float: right;
	background: url(../images/faded-bg.png) 0 0 no-repeat;
	padding: 22px 0 0 24px;
}
a { outline:0; border:0; }

	#faded ul.pagination_1 {
		list-style:none;
		padding:0;
		margin:0;
		z-index:10;
		position:absolute;
		font-size:0; 
		line-height:0;
		top:362px;
		left:220px;
		width: 196px;
	}
		#faded ul.pagination_1 li {
			float:left;
			padding:0 5px 0 0;
		}
			#faded ul.pagination_1 li a {
				display:block;
				width:34px;
				height:34px;
				background:url(../images/faded-pagination-bg.png) left top no-repeat;
				color:#52a83e;
				font-size:0;
				line-height: 0;
				text-align:center;
				line-height:0;
				text-decoration: none;
			}
			#faded ul.pagination_1 li a:hover {
				background:url(../images/faded-pagination-bg-hover.png) left top no-repeat;
			}
			#faded ul.pagination_1 li.current a {
				background:url(../images/faded-pagination-bg-active.png) left top no-repeat;
			}  
/*===== slider =====*/
		/*
		 * Optional
		*/
		#loopedSlider,#newsSlider { margin:0 auto; width:100%; position:relative; clear:both; }
		ul.pagination { list-style:none; padding:0; margin:0; float:right; padding:43px 15px 0 0;}
		ul.pagination li  { float:left; display:inline;}
		ul.pagination li a { 
			background:url(../images/markers_sprite.png) no-repeat left top;
			width:22px;
			height:22px;
			float:left;
			margin-left:2px;
		}
		ul.pagination li a:hover {
			background:url(../images/markers_sprite_active.png) no-repeat left 0px;
		}
		ul.pagination li.active a {
			background:url(../images/markers_sprite_active.png) no-repeat left 0px;
		}
		/*
		 * Required 
		*/
		#loopedSlider .container1 { width:984px; height:278px; overflow:hidden; position:relative; }
		#loopedSlider .slides { position:absolute; top:0; left:0; }
		#loopedSlider .slides div {
			position:absolute; top:0;
			width:984px;
			display:none;
			color:#d2d2d2;
			font-size:30px;
			line-height:1.2em;
			font-weight:normal;
			padding:16px 0 0 1px;
			font-family: "Cuprum", Arial, Helvetica, sans-serif; font-size:20px;
		}
			.slides div a {
				display: block;
				width: 298px;
				height: 243px;
				float: left;
				margin-right: 15px;
				background: url(../images/looped-a-bg.png) 0 0 no-repeat;
				padding: 19px 0 0 19px;
				color: #000;
				text-decoration: none;
				text-transform: uppercase;
			}
				.slides div a strong {
					display: block;
					padding: 16px 0 0;
					letter-spacing: 0px;
					font-weight:normal;
				}
				.slides div .last {margin: 0;}
/*===== slider =====*/

/* -- gallery begin --*/
.gallery-content {
	width: 945px;
	overflow: hidden;
	background: #efefef;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	box-shadow: 0 1px 1px #646464;
	-moz-box-shadow: 0 1px 1px #646464;
	-webkit-box-shadow: 0 1px 1px #646464;
	behavior: url(js/PIE.htc);
	position: relative;
	padding: 19px 18px 18px 18px;
	margin: 21px 0 0 1px;
	height: 548px;
}
div.content {
	/* The display of content is enabled using jQuery so that the slideshow content won't display unless javascript is enabled. */
	display: none;
	float: left;
	width: 647px;
}
div.content a, div.navigation a {
	text-decoration: none;
	color: #777;
}
div.content a:focus, div.content a:hover, div.content a:active {
	text-decoration: underline;
}
div.controls a {
	padding: 5px;
}
div.ss-controls {
	float: left;
	display:none;
}
div.nav-controls {
	width:287px;
	position:absolute;
	right:21px;
	bottom:77px;
}
div.nav-controls a.prev {
	display:block;
	width: 50px;
	height: 21px;
	float:left;
	padding:0;
	text-decoration:none;
	position:relative;
	z-index:11;
	background: url(../images/prev-bg.gif) 0 0 no-repeat;
	float: left;
}
	div.nav-controls a.prev:hover {
		
	}
div.nav-controls a.next {
	display:block;
	width: 49px;
	height: 21px;
	float:left;
	padding:0;
	text-decoration:none;
	position:relative;
	z-index:11;
	background: url(../images/next-bg.gif) 0 0 no-repeat;
	float: right;
}
	div.nav-controls a.next:hover {
		
	}

div.slideshow-container {
	position: relative;
	height: 547px; /* This should be set to be at least the height of the largest image in the slideshow */
}
div.loader {
	position: absolute;
	top: 0;
	left: 0;
	background-image:url(../images/loader.gif);
	background-repeat: no-repeat;
	background-position: center;
	width: 629px;
	height: 547px; /* This should be set to be at least the height of the largest image in the slideshow */
}
div.slideshow span.image-wrapper {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 629px;
	height: 547px;
}

div.slideshow a.advance-link {
	display: block;
	width: 629px;
	height: 547px; /* This should be set to be at least the height of the largest image in the slideshow */
	padding:0;
	margin:0;
}
	div.slideshow a.advance-link img {
		padding:0;
		margin:0;
		display:block;
		position:absolute;
		top:0;
		left:0;
	}
div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited {
	text-decoration: none;
}
div.download {
	float: right;
}
div.navigation {
	/* The navigation style is set using jQuery so that the javascript specific styles won't be applied unless javascript is enabled. */
	position:relative;
	height:547px;
	width: 298px !important;
}
ul.thumbs {
	clear: both;
	margin: 0;
	padding: 0;
	width:316px;
	height:641px;
	overflow:hidden;
}
ul.thumbs li {
	float: left;
	padding: 0;
	list-style: none;
	padding:0 19px 30px 11px;
	vertical-align:top;
}

a.thumb:focus {
	outline: none;
}

div.pagination {
	z-index:99;
	position:absolute;
	right:0;
	bottom:-5px;
	text-align:center;
	width:268px;
	height:32px;
	font-size:0.929em;
	line-height:1.3em;
}
div.top.pagination {display: none;}

div.pagination a, div.pagination span.current, div.pagination span.ellipsis {
	font-weight:bold;
	color:#fff;
	width:19px;
	height:19px;
	display:none;
	margin:0 3px;
	background-repeat:no-repeat;
	background-position:-25px 0;
	background-image:url(../images/pagination-sprite.gif);
	
}
div.pagination a:hover {
	text-decoration: none;
	color:#fff;
	background-position:0 0;
}
div.pagination span.current {
	color:#000;
	background-position:0 0;
}
div.pagination span.ellipsis {
	border: none;
}
div.pagination a.prev {
	background:url(../images/prev-bg.gif) no-repeat left top;
	width:50px;
	line-height:0px;
	height:21px;
	text-decoration:none;
	font-size:0px;
	display: inline-block;
	position: absolute;
	left: 0;
}
div.pagination a.prev:hover {
	background:url(../images/prev-bg.gif) no-repeat left top;
}

div.pagination a.next {
	background:url(../images/next-bg.gif) no-repeat left top;
	width:49px;
	line-height:0px;
	height:21px;
	text-decoration:none;
	font-size:0px;
	display: inline-block;
	position: absolute;
	right: 0;
}
/* -- gallery end --*/

/* Project specifics =========================================================== */
/* Pour some CSS below ========================================================= */
.clientes_box{
	float:left; width:300px; margin:0 42px 20px 0;
}
.ultimo{ margin:0px;}


/* SELO SAITERIA - DARK */
.seloSaiteriaDark {
	display:block; width:108px; height:38px; text-align:center;
	border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px;
	background: rgb(69,72,77);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ1NDg0ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, rgba(69,72,77,1) 0%, rgba(0,0,0,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(69,72,77,1)), color-stop(100%,rgba(0,0,0,1)));
	background: -webkit-linear-gradient(top, rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%);
	background: -o-linear-gradient(top, rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%);
	background: -ms-linear-gradient(top, rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%);
	background: linear-gradient(top, rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 );
}
.seloSaiteriaDark:hover {
	background: rgb(0,0,0);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0NTQ4NGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(0,0,0,1) 0%, rgba(69,72,77,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,1)), color-stop(100%,rgba(69,72,77,1)));
	background: -webkit-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(69,72,77,1) 100%);
	background: -o-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(69,72,77,1) 100%);
	background: -ms-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(69,72,77,1) 100%);
	background: linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(69,72,77,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#45484d',GradientType=0 );
}
.seloSaiteriaDark img { padding-top:5px; }