/* @override http://localhost/piano/saojoao2010/styles/screen.css */

/* ------------------------------------
	CSS Desenvolvido pela
	pianoLab | Agencia Interativa
        Author: Felipe Rodrigues
	Ultima Atualização:
	Alterado Por:

	Favor não quebrar meu código
------------------------------------ */
/* 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%;vertical-align:baseline;text-decoration:none}
strong{font-weight:bold;}
:focus{outline:0}
body{font-family:Arial, Helvetica, sans-serif;font-size:13px}
ol, ul{list-style:none}
table{border-collapse: separate;border-spacing:0}
caption, th, td{text-align: left;font-weight: normal}
blockquote:before, blockquote:after, q:before, q:after {content: ""}
blockquote, q{ quotes: "" ""}
html{overflow:-moz-scrollbars-vertical}
a{color:#000}
a:hover{text-decoration:underline}
.clear{clear:both;}
/* end reset */


body{background:url(../images/bg.jpg)}
#container{width:920px;margin:0 auto;position:relative;}
.rel{position: relative;z-index: inherit;zoom: 1; /* For IE6 */}


/*grid*/
.botao{display:block;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;-moz-box-shadow:1px 1px 20px #000;-webkit-box-shadow:1px 1px 20px #000;box-shadow:1px 1px 20px #000;font-weight:bold;height:17px;padding:7px 10px 5px 25px;float:right;margin-right:10px;background:#ffca05 url(../images/bt_flor.png) 5px 6px no-repeat;}
@font-face {
	font-family: 'Swis721CnBTBold';
	src: url('../files/fonts/swisscb-webfont.eot');
	src: local('☺'), url('../files/fonts/swisscb-webfont.woff') format('woff'), url('../files/fonts/swisscb-webfont.ttf') format('truetype'), url('../files/fonts/swisscb-webfont.svg#webfonts2MGaf6N') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Swis721CnBTBold';
	src: url('../images/swisscb-webfont.eot');
	src: local('☺'), url('../files/fonts/swisscb-webfont.woff') format('woff'), url('../files/fonts/swisscb-webfont.ttf') format('truetype'), url('../files/fonts/swisscb-webfont.svg#webfonts2MGaf6N') format('svg');
	font-weight: normal;
	font-style: normal;
}
/*header*/
#all{background:url(../images/bg-topo.jpg) repeat-x;}

#header{background:url(../images/bg_header.png) no-repeat;height:373px;position:relative}
#header #logo{position:absolute;top:95px;}
#trio{position:absolute;right:10px;right:0;top:56px;}

#sidebar{width:201px;padding:200px 0 0 28px;position:relative;}
#sidebar #menu{background:url(../images/bg_menu.png) no-repeat;width:181px;position:absolute;top:-29px;left:35px;padding:14px 0 24px;}
#sidebar #menu li{font-family:'Swis721CnBTBold';text-align:center;font-size:16px;font-weight:normal;text-transform:uppercase;margin:0 0 4px 0}

#content{margin-bottom:80px;}

#content h3{background:url(../images/ico_flor_g.png) 0 2px no-repeat;padding:1px 0 0 27px;font-size:21px;font-family:'Swis721CnBTBold';text-transform:uppercase;margin:0 0 10px}
#box_twitter{margin-bottom:40px;}
#box_twitter h3{background:url(../images/ico_galinha.png) no-repeat;height:25px;padding:21px 0 0 38px}
#box_galeria h3{background:url(../images/ico_galeria.png) top left no-repeat;height:25px;padding:3px 0 0 38px}

#tweet{background:white;-moz-border-radius:5px;-webkit-border-radius:5px;-moz-box-shadow:1px 1px 20px #000;-webkit-box-shadow:1px 1px 20px #000;box-shadow:1px 1px 20px #000;width:192px;margin-bottom:0 0 15px 0;}
.tweet_list{padding:13px 10px;margin-bottom:10px;}
.tweet_list li{margin:0 0 0px 0;font-size:12px;font-weight:bold;background:url(../images/separador_tweet.png) center top no-repeat;padding:10px 0;}
.tweet_first{padding:0 0 10px!important;background:none!important}
.tweet_text a{color:#F7931E}
.tweet_time a{display:block;font-size:10px;color:#999}


#box_galeria #box_img img{width:185px;height:120px;margin-bottom:10px;}
#box_galeria #box_img{width:185px;background:white;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-box-shadow:1px 1px 20px #000;-webkit-box-shadow:1px 1px 20px #000;box-shadow:1px 1px 20px #000;padding:4px 4px 10px;margin-bottom:10px;}
#box_galeria #box_img p{font-weight:bold;padding:0 10px;}

#sidebar{float:left;}
#primary{float:left;width:690px;}

/*
* Required
*/
.container {width:290px; min-height:275px; overflow:hidden; position:relative; cursor:pointer;}
.slides {position:absolute; top:10px; left:0}
.slides > div { position:absolute; top:-5px; width:290px; display:none}
.slides > div img{width:290px;height:215px;margin-bottom:10px;}
/*
* Optional
*/
#loopedSlider,#newsSlider {width:290px; position:relative; clear:both;}
#loopedSlider{width:290px; height:270px;cursor:pointer;background:white url(../images/topo_destaques.png) top center no-repeat;padding:0 5px 10px 5px;margin-left:3px;position:relative;top:5px;# -moz-border-radius-bottomleft:5px;-webkit-border-bottom-left-radius:5px;-moz-border-radius-bottomright:5px;-webkit-border-bottom-right-radius:5px;margin-bottom:30px;}
.bottom.pagination{display:none;}
ul.pagination {list-style:none; padding:0; margin:0 auto;position:absolute;top:-36px;left:200px;}
ul.pagination li { float:left;margin:0 4px 0 0;}
ul.pagination li a {padding:2px 4px;font-family:'Swis721CnBTBold';font-size:16px;}
ul.pagination li.active a {border-bottom:15px solid white;}
.slides div h4{font-size:18px;font-weight:bold;}

#home_content_left{padding:24px 0 0 18px;width:310px;float:left;}
.previous{display:none;}
.next{display:none;}

/*box-noticias*/
#box_noticias ul{background:white;-moz-border-radius:5px;-webkit-border-radius:5px;-moz-box-shadow:1px 1px 20px #000;-webkit-box-shadow:1px 1px 20px #000;box-shadow:1px 1px 20px #000;width:270px;padding:15px;margin:0 0 15px 5px;}
#box_noticias ul li{margin-bottom:15px;}
#box_noticias ul li small.data a{font-size:11px;color:#f15a24;font-weight:bold;display:block;margin-bottom:2px;}
#box_noticias ul li h4 a{font-size:12px;font-weight:bold!important;}

#home_content_right{float:left;;width:342px;padding:24px 0 0 18px;}
#box_homenageados{background:url(../images/img_homenageados.png) center bottom no-repeat;height:280px;position:relative;margin-bottom:30px;}
.humberto{display:block;height:220px;width:160px;position:absolute;overflow:hidden;text-indent:-999px;top:42px;left:10px;}
#anastacia{display:block;height:225px;width:160px;position:absolute;overflow:hidden;text-indent:-999px;top:50px;right:10px;}
#box_quadrilhas{margin-bottom:20px;}
#box_quadrilhas ul{margin-bottom:15px;}
#box_quadrilhas ul li img{width:144px;height:102px;margin-bottom:2px;}
#box_quadrilhas ul li{background: white url(../images/topo_destaquesp.png) center top no-repeat;width:144px;-moz-border-radius:2px;-webkit-border-radius:2px;padding:4px 4px 5px;margin-bottom:10px;float:left;margin: 0 6px 0}
#box_quadrilhas ul li p{font-size:12px;font-weight:bold}
#box_quadrilhas .botao{margin-right:20px;}

#box_video object{width:320px;height:255px;margin-bottom:15px;}
#box_video .botao{margin-right:20px;}

#footer{background:white;-moz-border-radius:5px;-webkit-border-radius:5px;-moz-box-shadow:1px 1px 20px #000;-webkit-box-shadow:1px 1px 20px #000;box-shadow:1px 1px 20px #000;position:relative;padding:10px 0 0 0;margin-bottom:15px;}
.logo_left{width:600px;height:140px;float:left;margin-right:20px;}
#footer #logos .logo_left li{float:left;margin-right:0;width:100px;text-align: center;height:60px;margin-bottom:15px;}

.logo_right{float:left;width:290px} 

.patrocinio{display:block;width:85px;height:30px;background:url(../images/tab_patrocinio.png) no-repeat;overflow:hidden;text-indent:-999px;position:absolute;top:-30px;left:20px;}
.realizacao{display:block;width:85px;height:30px;background:url(../images/tab_relealizacao.png) no-repeat;overflow:hidden;text-indent:-999px;position:absolute;top:-30px;left:695px;}

address{font-weight:bold;display:block;margin-bottom:10px;}	

#content_interna{position:relative;padding:15px 10px 30px 10px;background:white;-moz-border-radius:5px;-webkit-border-radius:5px;-moz-box-shadow:1px 2px 3px #000;-webkit-box-shadow:1px 2px 3px #000;top:50px;width:640px;margin-left:20px;z-index:10;}
#primary{position:relative;}
#primary h2{z-index:5px;position:absolute;top:11px;left:30px;font-family:'Swis721CnBTBold';font-size:24px;text-transform:uppercase;background:#ffca05 url(../images/ico_florbr.png) 5px 6px no-repeat;padding:5px 10px 5px 35px;-moz-border-radius-topleft:5px;-webkit-border-top-left-radius:5px;-moz-border-radius-topright:5px;-webkit-border-top-right-radius:5px;-moz-box-shadow:-0px 2px 5px #000000;-webkit-box-shadow:0px 2px 5px #000000}
#submenu{position:absolute;top:-29px;left:190px;width:400px}
#submenu li a, .vertodos{margin-right:5px;float:left;font-family:'Swis721CnBTBold';font-size:15px;text-transform:uppercase;background:#ffca05;padding:5px 10px 5px 10px;-moz-border-radius-topleft:5px;-webkit-border-top-left-radius:5px;-moz-border-radius-topright:5px;-webkit-border-top-right-radius:5px;text-decoration:none;}
.vertodos{position:absolute;right:21px;top:21px;}
#submenu li a:hover{background:white}
#submenu li a.active{background:white}
#submenu li{float:left}
#content_interna img{margin-bottom:20px;margin-left:8px}
#content_interna p{margin-bottom:15px;line-height:1.3em;padding:0 10px}
#gallery li {background:#fff;width:228px;float:left;margin:20px 20px 0 20px;height:200px}
#gallery li img, #gallery_video li img{height:150px;width:190px;margin:0 0 0 1px;-moz-border-radius:5px;-webkit-border-radius:5px;}
#gallery p{padding:5px 5px;margin:0px;font-weight:bold;}

#gallery{position:relative;width:560px;margin:0 auto;}
div.controls {
	margin-top: 5px;
	height: 23px;
	position
}
div.controls a {
	padding: 5px;
}
.play{display:none;}
div.ss-controls {
	position: absolute;
}
div.nav-controls {
	display: none;
}
div.slideshow-container {
	position: relative;
	clear: both;
	height: 304px; /* This should be set to be at least the height of the largest image in the slideshow */
	padding:0px
}
div.loader {
	position: absolute;
	top: 0;
	left: 0;
	background-image: url('loader.gif');
	background-repeat: no-repeat;
	background-position: center;
	width: 550px;
	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: 0;
	left: 0;
}
div.slideshow a.advance-link {
	display: block;
	width: 550px;
	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 */

}
div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited {
	text-decoration: none;
}
div.slideshow img {
	width:530px;
	-moz-border-radius:5px;-webkit-border-radius:5px;
}
div.download {
	display:none;
}
div.caption-container {
	position: relative;
	clear: left;
	height: 75px;
	margin:3px 0 0 0;
}
span.image-caption {
	display: block;
	position: absolute;
	width: 550px;
	top: 0px;
	left: 0;
}
div.caption {
	padding: 12px 12px 12px 12px;
	width:530px;
}
div.image-title {
	font-weight: bold;
	font-size: 1.4em;
}
div.image-desc {
	line-height: 1.3em;
	padding-top: 12px;
}
div.navigation {
	width:600px;
}
ul.thumbs {
	clear: both;
	margin: 0;
	padding: 0;
}
ul.thumbs li {
	float: left;
	padding: 0;
	margin: 5px 10px 5px 0;
	list-style: none;
}

ul.thumbs li.selected a.thumb {background: #000}
a.thumb:focus {outline: none;}
ul.thumbs img {border: none;display: block;-moz-border-radius:5px;-webkit-border-radius:5px;}
div.pagination a, div.pagination span.current, div.pagination span.ellipsis{display: block;float: left;margin-right: 2px;padding: 4px 7px 2px 7px;border: 1px solid #ccc;}
div.pagination a:hover{background-color: #eee;text-decoration: none;}
div.pagination span.current {font-weight: bold;background-color: #000;border-color: #000;color: #fff}
div.pagination span.ellipsis {border: none;padding: 5px 0 3px 2px}
#slideshow-container img{}
.list_noticias li{margin-bottom:20px;}
.list_noticias h4{font-style:normal!important;width:430px;float:left;margin-left:10px;font-size:14px;}
.list_noticias h4 a{font-weight:bold}
.list_noticias img{float:left;margin-right:0px;width:124px; height:99px; -moz-border-radius:5px;-webkit-border-radius:5px}
.list_noticias span a, span.data{display:block;float:left;width:420px;font-size:12px;color:#666;margin-left:10px}
span.data{margin:20px 0 5px 0;float:none}

#gallery_video li{height:160px;margin:0 0 10px;-moz-border-radius:5px;-webkit-border-radius:5px}
#gallery_video li img{float:left;width:240px}

#gallery_video h4{font-weight:bold;font-size:17px;width:270px;float:left;padding:20px 10px 5px 10px;color:}
#gallery_video h4 a{color:black}
#gallery_video p{width:270px;padding:0 10px 0 10px;float:left}

.object{margin-bottom:15px;margin-left:10px;}

.content_pagination{height:30px;padding:0 10px;}
.content_pagination li{float:left;text-align:center;margin-right:10px;}
.content_pagination a{float:left;padding:3px 7px;border:1px solid black;}
.content_pagination li.current{padding:3px 7px;border:1px solid black;font-weight:bold;background:#FFCA05;}

.prog_bt{float:none;font-size:15px;text-transform:uppercase;font-family:Swis721CnBTBold;font-weight:normal;width:280px;margin:0 auto;position:relative;top:10px;}

.loading{text-align:center;padding:0 0 30px 0;}
#assinatura{position:absolute;bottom:78px;right:10px;}
 #categories_list li{margin:0 0 20px 0;}
 #categories_list a{float:none;margin:0 auto;width:160px;}
 
.historia{
	left:211px;
	width:171px;
}