@charset "utf-8";
/* FESTA  DO PEÃO DE TUJUGUABA - 2010 */

/* links */
a { text-decoration:none; color:#44a9e1;}
a:hover { text-decoration:underline; color:#FF0000;}

/* html, body, images */
html {padding:0; margin:0 auto;}
body {font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; color:#FFFFFF; background:url(../images/bg.jpg) repeat-y top #000000; padding:0; margin:0}
.img {margin:5px; padding:3px; border:1px #999999 solid; background:#FFFFFF;}

/* h2 */
h2 { background:url(../images/tuju2010_h2.png) no-repeat left center; border-bottom:1px solid #e1e1e1; padding:15px 10px 15px 60px; margin:0 0 10px 0;}

/* header */
.header_text_bg { margin:0 auto; padding:0; width:900px; height:220px; padding:10px 0 0;}
.header_text_bg .logo { background:url(../images/tuju2010.png) no-repeat; width:273px; height:206px; float:left; margin:0 20px 0 0;}
.header_text_bg p {color:#FFFFFF; font-size:14px;}
.header_text_bg .titulo {color:; font-size:24px; font-weight:bold;}

/* menu */
.menu { padding:28px 10px; margin:0 auto; width:900px; height:35px; font:Verdana, Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:14px; font-weight:bold;}
.menu ul {padding:0; margin:0; list-style:none; border:0;}
.menu ul li { float:left; margin:0; padding:0 10px; border:0; text-align:center;}
.menu ul li a { float:left; margin:0; padding:0 15px; color:#fff; text-decoration:none;}
.menu ul li a:hover { float:left; margin:0; padding:0 15px; color:#FF0000; text-decoration:none; background:url(../images/menu_hover.png) repeat-x;}
.menu ul li .active { float:left; margin:0; padding:0 15px; color:#FF0000; text-decoration:none; background:url(../images/menu_hover.png) repeat-x;}

/* twitter */
.twitter { width:230px; height:90px; float:right; padding:5px 10px; margin:5px 5px;}
.twitter a {color:#44a9e1; text-decoration:none;}
.twitter a:hover {color:#FF0000; text-decoration:underline;}

/* apoio */
.prefeutira { width:260px; height:90px; float:right; padding:20px 10px; margin:15px 5px;}

/* patrocinio */
.patrocinio {width:580px; height:174px; float:left; background:url(../images/patrocinios.jpg) no-repeat center; padding:5px;}
.patrocinio ul {list-style:none;}
.patrocinio ul li {float:right; padding:3px;}
.patrocinio img { margin:5px; border:none;}

/* myBox */
#myBox { margin: 0 auto; color: #fff; width: 900px; padding: 10px; text-align: justify; background-color: #000; border: 3px solid #fff;}
#myBox p { padding:0;  margin:1ex 0; line-height:25px;}
#myBox .right {width: 290px; padding:2px; float:right; margin:0 0 0 5px;}
#myBox table {width: 500px; padding:2px; float:left; line-height:25px;}
#divCadastro .Abatable {width: 560px; padding:2px; float:left; line-height:25px;}
#divRelatorio .Abatable {width: 560px; padding:2px; float:left; line-height:25px;}
#divConsulta .Abatable {width: 560px; padding:2px; float:left; line-height:25px;}
#divModelo .Abatable {width: 560px; padding:2px; float:left; line-height:25px;}
#myBox .destaque { width:520px; border:0px solid #FFFFFF;}

/* tableBox */
#tableBox { margin:0 auto; width:927px;}
#tableBox .up {background:url(../images/tableUp.png) no-repeat center; height:20px;}
#tableBox .middle {background:url(../images/tableMIddle.png) repeat-y; line-height:25px; text-align:justify;}
#tableBox .bottom {background:url(../images/tableBottom.png) no-repeat center; height:20px;}
#tableBox .right {width: 290px; padding:2px; float:right; margin:0 0 0 5px;}
#tableBox .left { width:590px; border:0px solid #FFFFFF; margin:0 10px; float:left;}
#tableBox .destaque { margin:0 60px; border:none;}
#tableBox .galeria {width:160px; height:160px; float:left; margin:15px 10px; font:normal Arial, Helvetica, sans-serif; font-size:11px; color:#7a7a7a; background:url(images/anuncio.jpgk) no-repeat; padding:5px; text-align:center;}
#tableBox .galeria .capaAlbum {border:1px solid #999999; background:#FFFFFF; padding:3px; float:left;margin:5px 25px;}
#tableBox .allImage2 {border:1px solid #999999; background:#FFFFFF; padding:3px; float:left; margin:5px 2px;}
.titulo {color:#44a9e1; font-weight:bold;}
.texto_preto {color:#000000}

/* footer */
.footer {width:100%; height:50px; margin:10px auto; background:url(../images/footer.png) no-repeat top; padding:40px 0 0 0; text-align:center; font-weight:bold; position:relative;}
.footer_texto {width:500px; margin:0 auto; padding:40px 0;}
.footer_7sen{
	position:relative;
	width:90px;
	height:41px;
	left: 500px;
	background:transparent;
	top: -30px;
}

/* slider de cantores */
.gallery { float:right; width:268px; height:198px; margin:10px !important; margin:10px; }
#slider { margin:0; padding:0; list-style:none; }
#slider ul,
#slider li { margin:0; padding:0; list-style:none; }
/* 
    definição do tamanho e altura do slider de imagens.
*/
#slider li { width:268px; height:198px; overflow:hidden; }
p#controls { margin:0; position:relative; }
#prevBtn { display:block; margin:0; overflow:hidden; width:30px; height:59px; position:absolute; left: -67px; top:-120px; }
#nextBtn { display:block; margin:0; overflow:hidden; width:30px; height:59px; position:absolute; left:285px; top:-120px; }
#prevBtn a { display:block; width:59px; height:59px; background:url(images/l_arrow.gif) no-repeat 0 0; }
#nextBtn a { display:block; width:59px; height:59px; background:url(images/r_arrow.gif) no-repeat 0 0; }

/* Conatct Form */
.response { font:normal 12px Arial, Helvetica, sans-serif; color:red; text-align:center;}
.loader { text-align:center; width:auto; padding:0; margin:0;}
#contactform { margin:0; padding:5px;}
#contactform * { font-family: Arial, Helvetica, sans-serif;; font-size:12px;}
#contactform ol { margin:0; padding:0; list-style:none;}
#contactform li { margin:0 0 5px 0; padding:10px; background:none;}
#contactform li.buttons { margin:0; overflow:hidden;}
#contactform label { margin:0; width:150px; display:block; float:left; padding:0 0 2px 0; font:normal 14px Arial, Helvetica, sans-serif; color:#666666;}
#contactform label span { font:normal 11px Arial, Helvetica, sans-serif; color:#afafaf; margin:0; padding:0;}
#contactform input.text { width:280px; border:1px solid #d6d6d6; margin:0; padding:5px 2px; height:16px; background:#fff;}
#contactform textarea { width:280px; border:1px solid #d6d6d6; padding:2px; background:#fff;}
#contactform li.buttons input { padding:3px 10px; margin:0 30px; background:#d14603; border:1px solid #e46300; color:#FFF; float:left;}

/* Abas NossoRodeio */
#montaria {position: relative; top: 100px; left: 5px; width: 500px; height: 300px; zindex: 2; background: #fff; border: 3px dotted #000000; visibility: hidden;}
#laco {position: absolute; top: 35px; left: 5px; width: 500px; height: 300px; zindex: 2; background: #fff; border: 3px dotted #000000; visibility: hidden;}
#bezerro {position: absolute; top: 35px; left: 5px; width: 500px; height: 300px; zindex: 2; background: #fff; border: 3px dotted #000000; visibility: hidden;}
#tambores {position: absolute; top: 35px; left: 5px; width: 500px; height: 300px; zindex: 2; background: #fff; border: 3px dotted #000000; visibility: hidden;}
#team {position: absolute; top: 35px; left: 5px; width: 500px; height: 300px; zindex: 2; background: #fff; border: 3px dotted #000000; visibility: hidden;}