/* @override http://localhost:8888/portomusical/styles/screen.css */

/* @override http://localhost/pianoLab/styles/screen.css */

/* 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;color:#fff;}
strong{font-weight:bold;}
:focus{outline:0}
body{font-family:Trebuchet MS, 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:#989898}
a:hover{text-decoration:underline}
/* end reset */

.clear{clear:both;}

body{background:#231c1c}
#container{width:1000px;margin:0 auto;background:url("../images/bg_content.png") repeat-y;margin-bottom:30px;}

/*header*/

#header{background:#231c1c url(../images/bg_header.png) center bottom no-repeat;position:relative;height:372px}
#header #language{background:url(../images/img_lang.png) bottom right no-repeat;width:92px;height:23px;padding-left:20px;float:left;margin:0 403px 0 0}
#header #language a{display:block;overflow:hidden;float:left;height:20px;text-indent:-999px}
#header .port{width:49px;margin:0 5px 0 0}
#header .eng{width:38px}
#header #language a:hover{border-top:7px solid black;height:13px}

#header #apresenta{width:470px;float:left;margin-top:16px}
#header #apresenta span{display:block;background:url(../images/tit_apresenta.png) no-repeat;float:left;width:74px;height:9px;overflow:hidden;text-indent:-999px;margin:19px 11px 0 0}
#header #apresenta img{margin: 0 7px 0 0}

#header #logo{left:-141px;position:absolute;top:26px;z-index:99;width: 658px; height: 366px; }
#header #menu{bottom:3px;height:29px;left:20px;position:absolute;z-index:2000}
#header #menu li{float:left}
#header #menu li a{background:url("../images/bg_menu.png") no-repeat;text-indent:-9999px;display:block;float:left;height:17px;overflow:hidden}
#header #menu li a.current{border-bottom:7px solid black;height:22px}
#header #menu li a:hover{background-position:0 -26px}
#header #menu li a.home{width:35px;margin:0 300px 0 0}
#header #menu li a.portal{background-position:-335px 0px;width:115px;margin:0 10px 0 0px}
#header #menu li a.portal:hover{background-position:-335px -26px}
#header #menu li a.recife{background-position:-460px 0px;width:45px;margin:0 10px 0 0;}
#header #menu li a.recife:hover{background-position:-460px -26px}
#header #menu li a.womex{width:48px;margin:0 10px 0 0;background-position:-515px -0px}
#header #menu li a.womex:hover{background-position:-515px -26px}
#header #menu li a.fotos{width:42px;margin:0 10px 0 0;background-position:-573px 0px}
#header #menu li a.fotos:hover{background-position:-573px -26px}
#header #menu li a.videos{width:48px;margin:0 14px 0 0;background-position:-625px 0px}
#header #menu li a.videos:hover{background-position:-625px -26px}
#header #menu li a.edicoes{width:133px;margin:0 15px 0 0;background-position:-687px 0px}
#header #menu li a.edicoes:hover{background-position:-687px -26px}
#header #menu li a.noticias{width:58px;margin:0 14px 0 0; background-position:-833px -0px}
#header #menu li a.noticias:hover{background-position:-833px -26px}
#header #menu li a.contatos{width:56px;background-position:-905px  0px}
#header #menu li a.contatos:hover{background-position:-905px -26px}

#banner{position:relative;z-index:10;}
#banner_embed{position:relative;z-index:10;}

#flash-logo{width:643px;height:266px;position:absolute;right:-18px;top:65px;bottom:48px;z-index:1}
#flash-logo object{position:relative;z-index:3;}
#content{width:540px;background:url("../images/bg_content.png") repeat-y;padding:28px 20px;float:left;}
#content p{color:white;margin-bottom:13px;line-height: 1.3em;}
#content p.first{margin-top:15px;}

#content #tit_home, #content #videos h3, #content #videos a.mais_videos, #sidebar #box_home_data h3, #box_home_data p, #sidebar #box_propostas, #content #tit_conferencias, #content .preencha, #content #tit_showcases, #content #tit_propostas, #box_twitter h3, #box_twitter .link_follow, #box_newsletter h3,#box_newsletter p, #box_busca h3, #footer #box_busca p, #tit_galeria, #tit_video, #tit_recife, .tit_porto, #tit_contato, #tit_edicoes, #tit_noticias{background:url("../images/sprite.png") no-repeat;overflow:hidden;text-indent:-9999px;display:block}

#content #tit_home{height:50px;width:450px;margin-bottom:8px}
#content #videos h3, #tit_video{background-position:0 -325px;height:27px;width:81px;margin-bottom:20px}

#content #videos{padding:12px 0 0}
#content #videos .object{border:2px solid #ffef00;height:350px;width:537px;margin-bottom:11px}
#content #videos h4{font-style:italic;font-weight:bold;font-size:17px}
#content #videos h4 a{color:white}
#content #videos a.mais_videos{width:91px;height:21px;background-position: -170px -354px}

#container #sidebar{width:380px;float:left;padding:36px 20px}

#sidebar #box_home_data{margin:0 0 19px 0}
#sidebar #box_home_data h3{background-position:0 -117px;height:24px;width:378px;margin:0 0 8px}
#sidebar #box_home_data p{background-position:0 -145px;height:18px;width:380px}

#sidebar #box_propostas{position:relative;background-position:0 -165px;width:380px;height:140px;margin-bottom:21px;text-indent:0}
#sidebar #box_propostas h3, #sidebar #box_propostas p{overflow:hidden;text-indent:-999px;}
#sidebar #box_propostas p a{position:absolute;bottom:13px;left:12px;display:block;height:30px;width:360px}

#box_twitter{margin-bottom:24px}
#box_twitter h3{background-position:0 -305px;height:20px;margin-bottom:10px}
#box_twitter .link_follow{background-position: 0 -353px;height:22px;width:170px;margin-top:15px}
.twittLI{background:#000 url(../images/bg_tweet.png) bottom center no-repeat;color:white;padding:5px 8px; margin-bottom:15px}
.twittLI span{display:block;font-size:10px;overflow:hidden;position:relative;top:12px;left:20px;color:#666;}
.twittLI a{color:#72c8f1}

#box_newsletter h3{background-position:0 -51px;height:21px;margin-bottom:5px}
#box_newsletter p{background-position:0 -73px;display:none;}
#box_newsletter span{font-size:14px;font-weight:bold;position:relative;top:5px}

#content #tit_conferencias{background-position:0 -400px;height:26px}
#content #tit_showcases{background-position:0 -376px;height:26px;margin-bottom:15px}
#content .preencha{background-position: -262px -353px;width:176px;height:21px;margin:20px 0}
#content #tit_propostas{background-position: 0 -431px;height:42px;margin-bottom:30px;}

.frm_textb{width:500px;background:#000;color:#FFF;height:25px;border:none;margin-bottom:10px; padding:5px}
.frm_textarea{width:508px;border:none;color:white;background:#000;height:200px;margin-bottom:10px;font-family:Trebuchet MS, Helvetica, sans-serif;padding:4px;font-size:11px}
label{color:white;display:block;margin:0 0 5px 3px;font-size:11px}
#frm_news .frm_textb{width:370px}
#frm_news .frm_textm{width:300px;background:#000;color:#FFF;height:25px;border:none;margin-bottom:10px; padding:5px;margin-right:10px}
#frm_cadastro select{width:255px;margin:10px 0 20px 0}
input[type=file]{margin:5px 0 20px 0}
#bt_enviar{float:right}


#footer{background: url(../images/bg_footer.png) center repeat-y;padding:20px 0 0 0}
#footer ul{padding: 0 0 0 20px;width:128px;float:left;}
#footer ul li a{color:#ea297b;font-size:12px}
#footer #box_busca{width:400px;float: left;padding:20px 0 0 28px;}
#footer #box_busca h3{background-position:0 -74px;width:83px;height:19px;margin-bottom:7px}
#footer #box_busca p{background-position:0 -99px;width:380px;height:13px}
#footer #box_busca .search_textb{width:380px;background:#231c1c;border:none;height:30px;color:white;margin:0 0 10px 0;}
#footer #box_busca #bt_enviar{float:none;margin:0 0 0 313px}
#footer #parceiros{width:389px;float:left;padding:10px 0 0 5px}
#footer #parceiros ul{width:100%;padding:10px 0 20px 20px}
#footer #parceiros ul li{float:left;margin:0 0 0 20px}

#footer #parceiros h4.tit_parceiros{background: url(../images/tit_parceiros.png) no-repeat;overflow:hidden;text-indent: -999px}
#footer #parceiros h4.tit_realizacao{background: url(../images/tit_realizacao.png) no-repeat;overflow:hidden;text-indent: -999px;float:left;width:172px}
.tit_cooperacao{background: url(../images/tit_cooperacao.png) no-repeat;overflow:hidden;text-indent: -999px;display:block;float:left;width:110px;}
#footer address{position:relative;background:url(../images/bg_address.png) bottom center no-repeat;padding-top:20px;height:42px}
#footer address span{display:none}
#footer .address_email{position:absolute;top:10px;right:40px;width:274px;height:10px;overflow:hidden;text-indent:-999px}


#gallery li {background:#000;width:228px;float:left;margin:20px 20px 0 20px;}
#gallery li img, #gallery_video li img{height:160px;width:226px;margin:0 0 0 1px;}
#gallery p{padding:5px 5px;margin:0px}
#gallery_video li{height:160px;background:#000;margin:0 0 10px}
#gallery_video li img{float:left;width:240px}
#tit_galeria{background-position:0 -570px;height:22px}

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

.list_noticias h4{font-style:normal!important;}
.list_noticias h4 a{color:#ffef00!important;}

#gallery{position:relative}
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: 400px; /* 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 {
	border:2px solid #ffef00;
	width:530px;
	height:400px;
}
div.download {
	display:none;
}
div.caption-container {
	position: relative;
	clear: left;
	height: 75px;
	background:#000;
	margin:3px 0 0 0;
}
span.image-caption {
	display: block;
	position: absolute;
	width: 550px;
	top: 0px;
	left: 0;
}
div.caption {
	padding: 12px 12px 12px 6px;
	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;
}
a.thumb{padding: 2px;	display: block;	border: 1px solid #ccc}
ul.thumbs li.selected a.thumb {background: #000}
a.thumb:focus {outline: none;}
ul.thumbs img {border: none;display: block;}
div.pagination {clear: both}
div.navigation div.top {margin-bottom: 12px;height: 11px;}
div.navigation div.bottom {margin-top: 12px;}
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}
#tit_recife{background-position:0 -477px;height:23px;margin-bottom:15px}
.tit_porto{background-position:0 -499px;height:23px;margin-bottom:15px}
.intertitulo{font-size:17px;font-weight:bold;margin:20px 0}
.porto_tit{color:#ffef00!important;font-size:20px}
.txt_listagem li{margin:10px 20px;line-height:1.3em;text-indent:-20px}
#tit_contato{background-position:0 -594px;height:22px;margin-bottom:15px}
#tit_edicoes{background-position:0 -615px;height:30px;margin-bottom:15px}

.sublinks{width:100%;height:30px;}
.sublinks a{background:#000;display:block;padding:5px;float:left;margin:0 5px 0 0;color:#ffef00;text-decoration: none}
.sublinks a:hover{color:white}
.tit_PropostaEnviada, .p_PropostaEnviada{text-align:center;font-size:20px;}
.tit_PropostaEnviada{font-size:25px;color:#efff00;margin:100px 0 10px 0;}
.address_piano{position:absolute;right:10px;bottom:13px;overflow:hidden;text-indent:-999px;display:block;width:83px;}

.system_message{background:#000;color:#fff;border:2px solid #ffef00;padding:20px;margin:10px 0;text-align: center}

#tit_noticias{background-position:0 -645px;height:30px; margin:0 0 15px 0}

#noticia_content h2{color:#FFEF00;font-size:22px;font-weight:bold;margin:0 0 20px;}
#noticia_content span{display:block;margin:0 0 5px 0px;}

span.error{color:#FFEF00;padding:10px;border:2px solid #FFEF00;display:block;width:335px;margin-bottom:10px;}