@charset "utf-8";
@import url("reset.css");
@import url("960.css");
@font-face {
    font-family: 'CPMono_v07Plain';
    src: url('fonts/cpmono/CPMono_v07_Plain-webfont.eot');
    src: url('fonts/cpmono/CPMono_v07_Plain-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/cpmono/CPMono_v07_Plain-webfont.woff') format('woff'),
         url('fonts/cpmono/CPMono_v07_Plain-webfont.ttf') format('truetype'),
         url('fonts/cpmono/CPMono_v07_Plain-webfont.svg#CPMono_v07Plain') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'CPMono_v07Bold';
    src: url('fonts/cpmono/CPMono_v07_Bold-webfont.eot');
    src: url('fonts/cpmono/CPMono_v07_Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/cpmono/CPMono_v07_Bold-webfont.woff') format('woff'),
         url('fonts/cpmono/CPMono_v07_Bold-webfont.ttf') format('truetype'),
         url('fonts/cpmono/CPMono_v07_Bold-webfont.svg#CPMono_v07Bold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'CPMono_v07Light';
    src: url('fonts/cpmono/CPMono_v07_Light-webfont.eot');
    src: url('fonts/cpmono/CPMono_v07_Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/cpmono/CPMono_v07_Light-webfont.woff') format('woff'),
         url('fonts/cpmono/CPMono_v07_Light-webfont.ttf') format('truetype'),
         url('fonts/cpmono/CPMono_v07_Light-webfont.svg#CPMono_v07Light') format('svg');
    font-weight: normal;
    font-style: normal;

}

html,
body {
   margin:0;
   padding:0;
   height:100%;
}

body {
	color:#000;
	background: #fff;
	font: 12px Arial, Helvetica, sans-serif;
}
#wrap{
	min-height:100%;
	_height:100%;
	position:relative;
	z-index:200;
}
#container {
	min-height:500px;
	padding: 0px 20px 30px;
}

#header{
	height:30px;
	padding:20px;
	z-index:100;
	position:relative;
	text-align:center;
	margin-bottom:50px;
}
#header #logo_velcro{
	height:26px;
	width:144px;
	display:inline-block;
}

#logo_velcro img{
	display: block;
    margin-top: -3px;	
}

#header #nav{
	height:30px;
	margin-left:10px;
	display:inline-block;
}
#header #nav li{
	float:left;
	margin-right:20px;
	line-height:30px;
}
#header #nav li a:link, #header #nav li a:visited{
	display:block;
	text-decoration:none;
	color:#999;
	position:relative;
	text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
	-webkit-text-stroke: 1px transparent;
	font-smooth:always;
	-webkit-font-smoothing: antialiased;
	font: 13px/30px 'CPMono_v07Plain', Arial, Helvetica, sans-serif;
}
#header #nav li a:hover{
	text-decoration:none;
}
#header #nav li a span.underline{
	position:absolute;
	left:0;
	bottom:6px;
	height:1px;
	margin:0;
	padding:0;
	background-color:#E1E1E1;
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: "alpha(opacity=0)";
	-khtml-opacity: 0;
	-moz-opacity: 0;
}
.ie7 #header #nav li a span.underline{
	bottom:13px;
}

#header #nav li a.current span.underline{
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";
	-khtml-opacity: 1;
	-moz-opacity: 1;
	width:100%;
}

h1.titulo{
	color:#535353;
	text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
	-webkit-text-stroke: 1px transparent;
	font-smooth:always;
	-webkit-font-smoothing: antialiased;
	font: 16px 'CPMono_v07Bold', Arial, Helvetica, sans-serif;
	margin: 0 0 5px;
	text-align:center;
	margin-bottom:30px;
}


div#scrollable {
	/*width: 100%;
	height: 490px;*/
	overflow: hidden;
	position:relative;
	z-index:10;

}
div#scrollable div#items {
	/*position: absolute;
	width: 20000em;*/
	overflow:hidden;
	margin:0 auto;
	max-width:1350px;
	text-align:center;
	position:relative;
}

div#scrollable div.item {
	display:inline-block;
	/*width: 300px;*/
	
	height:490px;
	margin-right: 20px;
	margin-left:20px;
	margin-bottom:50px;
	overflow:hidden;
	position:relative;
	white-space:nowrap;
}
div#scrollable div.item.open {
	width:620px;
}
div#scrollable div.item .shadow{
	width:20px;
	height:50px;
	position:absolute;
	right:0px;
	bottom:40px;
	background: url(../imagens/text_mask.png) repeat-y right top;
}

div#scrollable div.item.open .shadow{
	display:none;
}

div#scrollable div.item div.main_img {
	cursor:pointer;
	position:absolute;
	width:620px;
	top:0;
	left:-160px;
	display:block;
	height:400px;
	overflow:hidden;
	background-repeat:no-repeat;
}
div#scrollable div.item.open .main_img{
	left:0;
}
div#scrollable div.item div.main_img div.color {
	position:absolute;
	width:620px;
	height:800px;
	float:left;
	/*top:-400px;*/
	background: #1b1b1b url(../imagens/preloader_36_black.gif) no-repeat center 175px;
	
}




div#scrollable div.item div.main_img div.color div.bg_image{
	width:620px;
	height:800px;
	display:none;
}
div#scrollable div.item div.main_img div.color img{
	display:none;
}
div#scrollable div.item div.item_text {
	position:relative;
	top:400px;
	left:0;
	display:block;
	overflow:hidden;
	width:620px;
	height:82px;
	padding-top:8px;
	
}
div#scrollable div.item div.item_text span.left{/* número do item */
	display:block;
	width:53px;
	float:left;
	height:82px;
	color:#d2d2d2;
	text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
	-webkit-text-stroke: 1px transparent;
	font-smooth:always;
	-webkit-font-smoothing: antialiased;
	margin-left:-3px;
	font: 32px/30px 'CPMono_v07Plain', Arial, Helvetica, sans-serif;
}
div#scrollable div.item div.item_text span.right{/* descrição do item */
	display:block;
	width:570px;
	float:left;
	height:82px;
	position:relative;
}
div#scrollable div.item div.item_text span.right h2{/* título do item */
	display:block;
	color:#535353;
	text-transform: uppercase;
	margin-bottom: -1px;
	cursor:pointer;
	text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
	-webkit-text-stroke: 1px transparent;
	font-smooth:always;
	-webkit-font-smoothing: antialiased;
	font: 12px 'CPMono_v07Bold', Arial, Helvetica, sans-serif;
}
div#scrollable div.item div.item_text span.right h3, div#scrollable div.item div.item_text span.right small{/* cliente e data do item */
	display:block;
	color:#959595;
	margin-bottom: -1px;
	font: 11px "Lucida Console", Monaco, monospace;
}

div#scrollable div.item div.item_text span.right small{/* separador */
	padding-bottom:6px;
	background: url(../imagens/separador.png) repeat-x left bottom;
}
div#scrollable div.item div.item_text span.right .awards{/* awards container */
	margin-top:5px;
}
div#scrollable div.item div.item_text span.right .awards img{/* awards imgs */
	cursor:help;
	margin-right:5px;
}

div#scrollable div.item div.item_text span.right .love_versite{/* love e ver_site container */
	position:absolute;
	top:0px;
	right:0px;
	text-align:right;
	width:100px;
	height:40px;
}
div#scrollable div.item div.item_text span.right .love_versite li{
	margin-left:5px;
	float:right;
	position:relative;
	height:38px;
}

div#scrollable div.item div.item_text span.right .love_versite .love{
	width:25px;
}
div#scrollable div.item div.item_text span.right .love_versite .versite{
	width:49px;
}
div#scrollable div.item div.item_text span.right .love_versite .love a{/* love it link*/
	display:block;
	height:20px;
	background: url(../imagens/love2.gif) no-repeat center top;
}
div#scrollable div.item div.item_text span.right .love_versite .love a:hover{
	background-position:center bottom;
}

div#scrollable div.item div.item_text span.right .love_versite .love span{
	position:absolute;
	background-color:#FFF;
	left:0px;
	bottom:0px;
	display:block;
	width:25px;
	text-align:center;
	font-size:10px;
	color:#b5b5b5;
	font-family:"Lucida Console", Monaco, monospace;
}

div#scrollable div.item div.item_text span.right .love_versite .versite a{/* versite it link*/
	display:block;
	height:20px;
	color:#000;
	background: url(../imagens/versite.gif) no-repeat center top;
}
div#scrollable div.item div.item_text span.right .love_versite .versite a:hover{
	background-position:center bottom;
}
div#scrollable div.item div.item_text span.right .love_versite .versite span{
	position:absolute;
	background-color:#FFF;
	left:0px;
	bottom:0px;
	display:block;
	width:49px;
	text-align:center;
	color:#b5b5b5;
	font: 10px "Lucida Console", Monaco, monospace;
}

div#scrollable div.item .nav {
	display:none;
	position:absolute;
	bottom:20px;
	left:275px;
	z-index:5;
	padding:10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-image:url(../imagens/bg_white.png);
}
div#scrollable div.item .nav a {
	cursor:pointer;
	display:block;
	float:left;
	height:16px;
	width:11px;
}
div#scrollable div.item .nav a.extrapicsprev{
	margin-right:30px;
	background: url(../imagens/previous.png) no-repeat;
}
div#scrollable div.item .nav a.extrapicsnext{
	background: url(../imagens/next.png) no-repeat;
}
div#scrollable div.item .nav a.extrapicsprev.disabled, div#scrollable div.item .nav a.extrapicsnext.disabled, a.proximo.disabled, a.anterior.disabled {
	opacity: .3; filter: alpha(opacity=30); -ms-filter: "alpha(opacity=30)";	-khtml-opacity: .3;	-moz-opacity: .3;
}

#scrollable_nav{
	margin-top:5px;
	display:none;
}
a.proximo, a.anterior {
	cursor:pointer;
	padding:5px;
	height:20px;
	width:13px;
	background-repeat:no-repeat;
	display:block;
	float:left;
}
a.proximo{
	background-image:url(../imagens/next_main.gif);
}
a.anterior{
	background-image:url(../imagens/previous_main.gif);
	margin-right:20px;
}

div#scrollable div.item .extrapics {
	display:none;
	width: 620px;
	height: 400px;
	overflow: hidden;
	position: relative;
}
div#scrollable div.item .extrapics .extrapicsitems {
	position: absolute;
	width: 2000em;
	height:400px;
	overflow:hidden;
}
div#scrollable div.item .extrapics .extrapicsitems .notfirst img{
	display:none;
}
div#scrollable .extrapics .extrapicsitems div.extrapicsitem {
	float: left;
	width: 620px;
	height:400px;
	overflow:hidden;
	position:relative;
	background: #FFFFFF url(../imagens/preloader_36_white.gif) no-repeat center center;
}
div#scrollable div.item .extrapics .extrapicsitems div.notfirst div{
	width: 620px;
	height:400px;
	overflow:hidden;
	display:none;
}
div#scrollable div.item .extrapics .extrapicsitems div.first div{
	width: 620px;
	height:400px;
	display:block;
	overflow:hidden;
}
div#scrollable .extrapics .extrapicsitems div.extrapicsitem img {
	/*position:absolute;*/
}
#overlay, #overlay-container {
	display:none;
	top:0px;
	left:0px;
	position:absolute;
	margin:0px;
	padding:0px;
	width:100%;
	height:100%;
	z-index:20;
}
#overlay-container {
	position:fixed;
}
#overlay-background {
	background-color:#1B1B1B;
	bottom:0px;
	left:0px;
	position:absolute;
	width:100%;
}
#overlay-content{
	width:800px;
	height:500px;
	position:absolute;
	left:-800px;
	top:20%;
	color:#FFF;
	font-family:"Lucida Console", Monaco, monospace;
	line-height:16px;
}

#overlay-content *::-moz-selection{
	background: #ff7d00;
}

#overlay-content h1{
	text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
	-webkit-text-stroke: 1px transparent;
	font-smooth:always;
	-webkit-font-smoothing: antialiased;
	margin-left:-4px;
	font: 60px/60px 'CPMono_v07Light', Arial, Helvetica, sans-serif;
}
#overlay-loading{
	display:none;
	position: fixed;
	top: 45%;
	left: 48%;
	width:36px;
	height:36px;
	background: url(../imagens/preloader_36_black.gif) no-repeat center center;
}

#footer{
	height:30px;
	position:absolute;
	bottom:0;
	width:100%;
	line-height:30px;
	z-index:101;
	
}
#inner_footer{
	height:30px;
	margin-left:20px;
	margin-right:20px;
	background: url(../imagens/separador.png) repeat-x left top;
}
#footer_left{
	height:30px;
	line-height:30px;
	float:left;
	width:300px;
}
#footer_right{
	height:26px;
	line-height:26px;
	float:right;
	width:300px;
	text-align:right;
}
#footer_icons{
	float:right;
}
#footer_icons li{
	float:left;
	margin-left:10px;
	padding-top:4px;
}

#form_contactos .input, #form_newsletter .input{
	background-color: #333333;
	position:relative;
	width:340px;
	line-height:25px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin-bottom:10px;
}
#form_contactos .input input, #form_newsletter .input input{
	background-color: transparent;
	border:none;
	margin:0;
	height:25px;
	z-index:1;
	color:#FFFFFF;
	width:230px;
	position:relative;
	z-index:2;
	font: 12px/25px "Lucida Console", Monaco, monospace;
	padding: 0px 5px 0px 100px;
}
#form_contactos .input textarea{
	resize: none;
	background-color: transparent;
	border:none;
	margin:0;
	height:40px;
	z-index:1;
	color:#FFFFFF;
	width:230px;
	position:relative;
	z-index:2;
	max-height:190px;
	font: 12px/18px "Lucida Console", Monaco, monospace;
	padding: 4px 5px 0px 100px;
}
#form_contactos .input span, #form_newsletter .input span{
	padding-left:10px;
	position:absolute;
	z-index:1;
	color:#CCCCCC;
	font: 12px "Lucida Console", Monaco, monospace;
	height:25px;
	line-height:25px;
}

#form_contactos .button, #form_newsletter .button {
	background-color: #333333;
	text-align:center;
	height:25px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color:#CCCCCC;
	padding-left:10px;
	padding-right:10px;
	border:none;
	cursor:pointer;
	position:relative;
	font: 12px/25px "Lucida Console", Monaco, monospace;
}
#form_contactos .button:hover, #form_newsletter .button:hover {
	background-color: #585858;
	color:#fff;
}
#form_contactos .button:active, #form_newsletter .button:active {
	top:1px;
	color:#fff;
}

#jp_interface_1, #jp_playlist_1{
	float:left;
	margin-right:5px;
}
#jp_playlist_1{
	color:#999999;
	height:20px;
	padding-top:7px;
	font: 10px/20px "Lucida Console", Monaco, monospace;
}
.jp-controls{
	padding-top:10px;
	width:16px;
	height:3px;
}
.jp-controls li{
	margin:0;
	padding:0;
	float:left;
}
a.jp-play span, a.jp-pause span{
	display:none;
}
a.jp-play:link, a.jp-play:visited{
	display:block;
	float:left;
	width:16px;
	height:13px;
	background: url(../imagens/player.png) no-repeat left bottom;
}
a.jp-play:hover{
	background-position:left top;
}
a.jp-pause:link, a.jp-pause:visited{
	display:block;
	float:left;
	width:16px;
	height:13px;
	background: url(../imagens/player.png) no-repeat;
}
a.jp-pause:hover{
	background-position:left bottom;
}

a.rs:link, a.rs:visited{
	font: 9px/20px "Lucida Console", Monaco, monospace;
	color:#d2d2d2;
	text-decoration:none;
}
a.rs:hover{
	text-decoration:underline;
	color:#535353;
}

.rs-list a:link, .rs-list a:visited{
	color:#fff;
}

.tipsy { font-size: 10px; position: absolute; padding: 5px; z-index: 100000; font-family: "Lucida Console", Monaco, monospace;}
.tipsy-inner { background-color: #000; color: #FFF; max-width: 200px; padding: 5px 8px 4px 8px; text-align: center; }
.tipsy-inner { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.tipsy-arrow { position: absolute; width: 0; height: 0; border: 5px solid transparent; }
.tipsy-arrow-n { border-bottom-color: #000; }
.tipsy-arrow-s { border-top-color: #000; }
.tipsy-arrow-e { border-left-color: #000; }
.tipsy-arrow-w { border-right-color: #000; }
.tipsy-n .tipsy-arrow, .tipsy-nw .tipsy-arrow, .tipsy-ne .tipsy-arrow { top: 0; border-top: none; }
.tipsy-s .tipsy-arrow, .tipsy-sw .tipsy-arrow, .tipsy-se .tipsy-arrow { bottom: 0; border-bottom: none; }
.tipsy-n .tipsy-arrow, .tipsy-s .tipsy-arrow { left: 50%; margin-left: -5px; }
.tipsy-nw .tipsy-arrow, .tipsy-sw .tipsy-arrow { left: 10px; }
.tipsy-ne .tipsy-arrow, .tipsy-se .tipsy-arrow { right: 10px; }
.tipsy-e .tipsy-arrow, .tipsy-w .tipsy-arrow { top: 50%; margin-top: -5px; }
.tipsy-e .tipsy-arrow { right: 0; border-right: none; }
.tipsy-w .tipsy-arrow { left: 0; border-left: none; }
  
div.jGrowl{z-index:9999;color:#fff;font-size:12px;position:absolute;padding:10px}
body > div.jGrowl{position:fixed}
div.jGrowl.top-left{left:0;top:0}
div.jGrowl.top-right{right:0;top:0}
div.jGrowl.bottom-left{left:0;bottom:0}
div.jGrowl.bottom-right{right:0;bottom:0}
div.jGrowl.center{top:0;width:50%;left:25%}
div.center div.jGrowl-notification,div.center div.jGrowl-closer{margin-left:auto;margin-right:auto}
div.jGrowl div.jGrowl-notification,div.jGrowl div.jGrowl-closer{background-color:#ff7d00;opacity:.85;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=85);filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=85);zoom:1;width:235px;margin-top:5px;margin-bottom:5px;font-family:Tahoma, Arial, Helvetica, sans-serif;font-size:1em;text-align:left;display:none;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;padding:10px}
div.jGrowl div.jGrowl-notification{min-height:15px}
div.jGrowl div.jGrowl-notification div.jGrowl-header{font-weight:700;font-size:.85em}
div.jGrowl div.jGrowl-notification div.jGrowl-close{z-index:99;float:right;font-weight:700;font-size:1em;cursor:pointer}
div.jGrowl div.jGrowl-closer{padding-top:4px;padding-bottom:4px;cursor:pointer;font-size:.9em;font-weight:700;text-align:center}
@media print {
div.jGrowl{display:none}
}









@media only screen and (max-width:1280px) { 
	div#scrollable div#items {
		/*max-width:1024px;*/
	}
	
	#container {
		padding: 0px 0px 0px 0px;
	}
	
	div#scrollable div.item.open {
		width: 615px;
		margin-left:8px;
		margin-right:8px;
	}
	
	div#scrollable div.item div.item_text span.right{
		width: 565px;
	}
	
	div#scrollable div.item div.item_text{
		width: 615px;
	}
}