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, b, u, i, center, 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-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }


body		{ background: #fff url(img/bg-pattern.png) top; }

#wrap1		{ width: 100%; min-width: 944px; background: transparent url(img/bg-pattern-top.png) repeat-x top; }
#wrap2		{ position: relative; width: 944px; margin: 0 auto; }

#header		{ }
	#header h1		{ padding-top: 40px; height: 80px; width: 944px; display: block; }
	#header h1 a	{ background: transparent url(img/h1.png) no-repeat; height: 80px; width: 850px; display: block; margin: 0 auto; text-indent: -9999px; }

	#navigation					{ border-bottom: 1px solid #cfcf1e; margin-bottom: 12px; }
	#navigation ul				{ text-align: center; height: 32px; }
	#navigation ul li			{ display: inline; height: 32px; }
	#navigation ul li a 		{ font: bold 14px/32px Arial, Helvetica, sans-serif; color: #300; padding: 9px 8px; text-decoration: none; }
	#navigation ul li a.active,
	#navigation ul li a:hover	{ background: transparent url(img/bg-triangulo.gif) no-repeat bottom; color: #cfcf1e; }
    #navigation ul li a img     {vertical-align:middle;}

	#intro		{ background: transparent url(img/intro-bg.gif) repeat-x bottom; height: 220px; margin-bottom: 16px; }
	#intro img	{ float: left; padding-right: 15px; margin-right: 16px; border-right: 1px solid #e7e78e; }
	#intro h2	{ font: normal 30px Georgia, serif; color: #300; margin: 0 0 10px 0; }
	#intro p	{ font: normal 17px/26px Georgia, serif; color: #300; text-align: justify; margin: 0; }

div.clear	{ clear: both; height: 0;}
img.tn116	{ float: left; border: 1px solid #cfcf1e; padding: 6px; margin: 0 12px 12px 0; }
img.tn60	{ float: left; border: 1px solid #cfcf1e; padding: 1px; margin: 0 8px 4px 0; }



#page_01 #main	{ background: transparent url(img/bg-3col.gif); margin-bottom: 16px; }
#page_02 #main	{ background: transparent url(img/bg-2col.gif); margin-bottom: 16px; }
#page_03 #main	{ margin-bottom: 16px; }
#page_04 #main	{ background: transparent; margin-bottom: 16px; }
#page_05 #main	{ background: transparent url(img/bg-2col.gif); margin-bottom: 16px; }

	h3	{ font: bold 20px Georgia, "Times New Roman", Times, serif; color: #300; margin-bottom: 12px; }
	h4	{ font: normal 18px Arial, Helvetica, sans-serif; color: #300; margin-bottom: 12px; }
	p	{ font: normal 11px/18px Arial, Helvetica, sans-serif; color: #300; text-align: justify; margin: 6px 0; }
	p a	{ color: #cfcf1e; background: transparent url(img/link.gif) no-repeat right; padding-right: 16px; }
	p a:hover { color: #300; background-image: url(img/link-hover.gif); }

	#col-a1 { float: left; width: 447px; }
	#col-a1 div p a { font-weight: bold; }
	#col-a1 #intro-jcarlos { clear: both; margin-top: 16px; }

	#col-a2 { float: left; width: 207px; margin: 0 33px; }

	#col-a3 { float: left; width: 224px; }
	#col-a3 div p a { font-weight: bold; }
	#col-a3 #intro-jcarlos { clear: both; margin-top: 16px; }


	#col-b1 { float: left; width: 447px; }
	#col-b1 div p { font: normal 13px/22px Arial, Helvetica, sans-serif; margin: 0; }

	#col-b2 { float: left; width: 464px; margin: 0 0 0 33px; }
	#col-b2 div p { font: normal 13px/22px Arial, Helvetica, sans-serif; margin: 0; }


	#col-e1 { float: left; width: 447px; }
	#col-e1 div p { font: normal 13px/22px Arial, Helvetica, sans-serif; color: #300; text-align: justify; }

	#col-e2 { float: left; width: 464px; margin: 0 0 0 33px; }
	#col-e2 div p { font: normal 13px/22px Arial, Helvetica, sans-serif; color: #300; text-align: justify; }


	#testemunhos { width: 207px; }
	#testemunhos li p { color: #300; margin: 0 0 6px; }


	#repertorio div { width: 224px; float: left; margin-right: 16px;}
	#repertorio div.last { margin: 0; }
	#repertorio div ul { font: normal 11px/20px Arial, Helvetica, sans-serif; color: #300; margin: 0 0 24px 4px; }
	#repertorio div ul li { list-style-image: url(img/bullet.png); margin-left: 16px; }
	#repertorio div ul li a { color: #300; }
	#repertorio div ul li a:hover { color: #cfcf1e; }
	#dl_repertorio p { font: bold 13px/18px Arial, Helvetica, sans-serif; }
	#dl_repertorio p a { display: block; float: left; margin: 130px 0 20px 0; }

	#videos { float: left; width: 719px; border-right: 1px solid #e7e78e; margin-bottom: 16px; }
	#video-list li { border: 1px solid #e7e78e; display: block; float: left; margin: 0 16px 16px 0;  }
	#video-list li#video_03,
	#video-list li#video_06,
	#video-list li#video_09,
	#video-list li#video_12,
	#video-list li#video_15,
	#video-list li#video_18	{ margin: 0 0 16px 0; }
	#video-list li a { text-decoration: none; }
	#video-list li a img { border:0; margin: 7px; display: block; }
	#video-list li a span { font: bold 11px/12px Arial, Helvetica, sans-serif; display: block; margin: 7px; color: #300; }


	#audio-list { width: 208px; float: right; }
	#audio-list ul li { display: block; }
	#audio-list ul li a { color: #300; font: bold 13px/20px Arial, Helvetica, sans-serif; margin-bottom: 12px; display: block; }
	#audio-list ul li a:hover { color: #cfcf1e; }
	#audio-list ul li a span { display: block; font: bold 11px Arial, Helvetica, sans-serif; }

	#galeria_fotos { width: 208px; float: right; }
	#galeria_fotos ul li { display: block; width: 60px; height: 60px; float: left; margin: 0 14px 14px 0; }
	#galeria_fotos ul li.last { margin: 0 0 14px 0; }


	#form_contacto { width: 448px; }
	#form_contacto ul li { display: block; margin: 3px 0; }
	#form_contacto label { margin: 3px 0; width: 84px; display: block; float: left; font: bold 13px Arial, Helvetica, sans-serif; color: #300; text-align: right; }
	#form_contacto input { border: 1px solid #cfcf1e; display: block; float: left; width: 335px; margin: 0 0 3px 10px; padding: 4px; font: bold 11px/18px Arial, Helvetica, sans-serif; color: #300; }
	#form_contacto textarea { border: 1px solid #cfcf1e; display: block; float: left; width: 335px; min-height: 90px; margin-left: 10px; padding: 4px; font: bold 11px/18px Arial, Helvetica, sans-serif; color: #300; }
	#form_contacto label.error { width: 300px; margin: 2px 0 6px 94px; padding-left: 16px; font: bold 11px Arial, helvetica, sans-serif; color: #c00; text-align: left; background: transparent url(img/red-arrow.gif) no-repeat left; }
	#form_contacto input#submit { width: 80px; margin: 3px 0 0 94px; background: #cfcf1e; color: #300; }


#footer	{ border-top: 1px solid #cfcf1e; margin-bottom: 24px; }
	#footer p { font: normal 11px Arial, Helvetica, sans-serif; color: #300; margin-top: 6px; }
	#footer p a { color: #300; padding: 0 4px; text-decoration: none; background-image: none; }
	#footer p a:hover b { color: #cfcf1e; text-decoration: underline; }


#condicoes {background:#fff;}
#condicoes h4 { font: bold 18px Arial, Helvetica, sans-serif; color: #300; border-bottom: 1px solid #300; margin: 6px; padding-bottom: 4px; }
#condicoes ol { margin: 6px; border-bottom: 1px solid #300; }
#condicoes ol li { font: normal 11px Arial, Helvetica, sans-serif; color: #300; margin: 8px 0; text-align: justify; }


/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window { font: bold 11px Arial, Helvetica, sans-serif; color: #333; }
#TB_secondLine { font: 10px Arial, Helvetica, sans-serif; color:#666; }

#TB_window a:link {color: #330000;}
#TB_window a:visited {color: #330000;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #330000;}
#TB_window a:focus{color: #330000;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay { position: fixed; z-index:100; top: 0px; left: 0px; height:100%; width:100%; }
.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG { background-color:#000; filter:alpha(opacity=80); -moz-opacity: 0.80; opacity: 0.80; }

#TB_window { position: fixed; background: #fff; z-index: 102; color:#000; display:none; border: 10px solid #fff; text-align:left; top:50%; left:50%; }

#TB_window img#TB_Image { display: block; margin: 5px 0 0 5px; border: none; }
#TB_caption { padding:8px 15px 5px 5px; float:left; }
#TB_closeWindow { padding:8px 5px 5px 5px; float:right; }
#TB_closeAjaxWindow { padding:0; text-align:right; float:right; }
#TB_ajaxWindowTitle { float:left; padding: 0; margin-bottom:1px; }
#TB_title { background-color:#fff; }
#TB_ajaxContent { clear:both; padding:2px 15px 15px 15px; overflow:auto; text-align:left; line-height:1.4em; }
#TB_ajaxContent.TB_modal { padding:15px; }
#TB_ajaxContent p { padding:5px 0px 5px 0px; }
#TB_load { position: fixed; display:none; height:13px; width:208px; z-index:103; top: 50%; left: 50%; margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */ }


#TB_HideSelect { z-index:99; position:fixed; top: 0; left: 0; background-color:#fff; border:none; filter:alpha(opacity=0); -moz-opacity: 0; opacity: 0; height:100%; width:100%; }

#TB_iframeContent { clear:both; border:none; margin-bottom:-1px; margin-top:1px; _margin-bottom:1px; }