@charset "utf-8";

/* CSS Reset */
html, body, div, span, applet, object, iframe, table, caption,
tbody, tfoot, thead, tr, th, td, del, dfn, em, font, img, ins,
kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr,
acronym, address, big, cite, code, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {vertical-align: baseline;font-family: inherit; font-weight: inherit;font-style: inherit;font-size: 100%; outline: 0; padding: 0;margin: 0;border: 0;}
:focus {outline: 0;}
body {line-height: 1;color: black;}
ol, ul {list-style: none;}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {font-weight: normal;text-align: left;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

/* CSS Document */

*		{margin:0px; padding:0px; outline:0px;}
a		{text-decoration:none;}
body	{font-family: 'Ubuntu', sans-serif; font-size:12px;overflow-x:hidden}
img		{border:0px;}

.centralizar{width:990px;margin:0 auto}

header{width:100%;height:180px;float:left;background:url(../images/bg-topo.png) repeat-x;padding:16px 0px 0px 15px;margin-top:-20px}
header img{}

#logotipo{float:left}

#infos{float:left;margin-top:-2px;margin-left:100px}
#infos span{display:block;color: #ffffff;font-size: 0.9em;line-height:110%;}

nav{width:100%;height:44px;float:left;background:url(../images/bg-menu.jpg);padding-left:15px;margin-top:-16px}
nav li a{float:left;color:#ffffff;font-size:1.3em;margin-top:-12px;padding:14px 46px 14px 46px;}
nav li a:hover{background-color:#767678;color:#ffd000}
nav li{position:relative; float:left;z-index:8}

nav li ul{position:absolute; top:23px; left:-20px; display:none; }
nav li:hover ul ul{display:none;}
nav li:hover ul, .menu li ul li:hover ul, .menu li.over ul, .menu li ul li.over ul{display:block;}
nav li ul {position:absolute;z-index:3000;}
nav li ul li{display:block; width:163px;background:url(../images/background-submenu.png) repeat-x;height:33px;}
nav li ul li a{color:#000000}
nav li ul li a:hover{color:#636366;background:none;}
li.border0{border:0;}
nav li ul li ul{z-index:900; top:0; left:125px;}

#geral{width:100%;float:left;background:url(../images/bg.png);}

#banner{width:100%;float:left;margin-top:-12px}

#content{width:100%;float:left;padding:38px 0px 44px 0px}
h1{font-size:1.6em}
h2{font-size:1.6em;color:#666666;border-bottom:1px solid #666666;padding-bottom:1px;}
h1+h2{margin-top:23px;}
p{font-size:1.4em;line-height:145%}
h1+p{margin-top:29px}
p+p{margin-top:29px}
h2+span{margin-top:9px}
.legenda{display:block;font-size:1em;color:#999999;margin-bottom:10px}
.legenda a{color:#999999;}
.clear{clear:both}
.border-top{border-top:1px solid #666666;padding-top:1px;margin-top:40px}

#texto-home{}
.mais{width:169px;height:28px;margin-top:32px;float:left;color:#000000;font-size:1em;background:url(../images/mais.png);}
a:hover.mais{color:#767678}
.mais span{display:block;padding:6px 0px 0px 16px}

#destaque{width:100%;float:left;padding:16px 0px 0px 0px;}
.destaque-home{width:316px;float:left;}
.margin-right{margin-right:20px}
.margin-bottom{margin-bottom:26px}
.destaque-home img{margin-top:7px;}
.veja{width:75px;float:right;background:url(../images/bg-mais.jpg) repeat-x;margin-top:-1px;padding:4px 0px 4px 0px;color:#ffffff;text-align:center}

footer{width:100%;height:61px;float:left;background:url(../images/bg-rodape.jpg);}
footer span{display:block;margin-top:10px;color:#ffffff;font-size:0.95em;text-align:center;}

/* Coleção */
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: 279px;height:418px;padding-bottom:33px}
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 {margin-top: 5px;height: 23px;z-index:1000;position:absolute;}
div.controls a {padding: 5px;}
div.ss-controls {float: left;}
div.nav-controls {float: right;}
div.nav-controls {*float: none;}
div.slideshow-container {position: relative;margin-left:167px;}
div.loader {position: absolute;top: 0;left: 0;background-image: url('loader.gif');background-repeat: no-repeat;background-position: center;width: 520px;height: 502px; /* This should be set to be at least the height of the largest image in the slideshow */}
div.slideshow {}
div.slideshow span.image-wrapper {display: block;position: absolute; top:2px;left:133px;}
div.slideshow a.advance-link {display: block;width: 520px;/* height: 502px;This should be set to be at least the height of the largest image in the slideshow *//*line-height: 502px;  This should be set to be at least the height of the largest image in the slideshow */text-align: center;}
div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited {text-decoration: none;}
div.slideshow img {vertical-align: middle;max-height:400px;margin-top:0px;margin-left:50px;box-shadow:0 0 5px black;-moz-box-shadow: 0 0 5px black; -webkit-box-shadow: 0 0 5px black;}
div.caption-container {position: relative;height: 34px;width:279px;margin-top:374px;margin-left:314px;background:url(../images/bg-caption.png);}
div.caption-container span {color:#A1B2C6;text-transform:uppercase;font-size:10px;padding:12px;}
span.image-caption {display: block;position: absolute;width: 279px;top: 0;	left: 0;}
div.navigation {	/* The navigation style is set using jQuery so that the javascript specific styles won't be applied unless javascript is enabled. */}
#thumbs{float:left;margin-left:-279px;}
ul.thumbs {float:left;margin: 0;padding: 0;width:316px;}
ul.thumbs li {float: left;padding: 0;margin: 5px 10px 5px 0;list-style: none;z-index:5000;position:relative;}
a.thumb {display: block;}
ul.thumbs li.selected a.thumb {}

a.thumb:focus {outline: none;}
ul.thumbs img {border: none;display: block; width:148px; height:58px;box-shadow:0 0 5px black;-moz-box-shadow: 0 0 5px black; -webkit-box-shadow: 0 0 5px black;}
div.pagination {clear: both;}
div.navigation div.bottom {width: 100%; left: 119px; position: relative;z-index:2000;padding: 10px 7px 0px 7px;}
div.navigation div.top {width: 80%; left: 119px; position: relative;z-index:2000;	padding: 0px 7px 10px 7px;}
div.pagination a img, div.pagination span.ellipsis {display: block;float: left;margin-right: 2px;color:#A1B2C6;font-size:12px;padding: 0px 7px 0px 7px;}
.numero,div.pagination span.current{display:none!important}
div.pagination a:hover {background-color: #eee;text-decoration: none;}
div.pagination span.current {font-weight: bold;color: #A1B2C6;}
div.pagination span.ellipsis {border: none;}
.pts .fan_box .connect_top{display:none!important}

/* Formulário */
.formulario{width:700px;float:left;margin-top:20px}
.formulario span{display:block;clear:both;margin-bottom:10px}
label{width:80px;float:left;font-size:1.1em;color:#999999;}
textarea, .contato{font-family: 'Ubuntu', sans-serif;border:1px solid #999999;color:#999999;width:608px;padding:5px }
textarea{height:150px;}
.contato-enviar{float:right;border:1px solid #bbbbbb;color:#999999;margin-left:646px;padding:5px}
.ie7 .contato-enviar{float:left;margin-left:635px;}

.titulo-obra-pagina{float:left;background: url("../images/bg-mais.jpg") repeat-x scroll 0 0 #636365;color: #FFFFFF;padding: 8px 4px;text-align: left;width:309px;margin-bottom:-7px;font-size:11px}