@charset "utf-8";
/* CSS Document */

* {margin:0; padding:0;}
body {background-color:#FFF;color:#000;}
ul, li, h2 {list-style-type: none; margin:0; padding:0; border:none;}
p {line-height: 20px; 	font-family:Arial, Helvetica, sans-serif; font-size: 12px; margin:0 0 3px 0;}


/* ids */
#caderno{position:absolute; width:212px; height:225px; margin:50px 0 0 20px; padding: 23px 10px 20px 50px; background-image:url(img/bg_caderno.gif);}
#fuckyeahff{position:absolute; margin:195px 0 0 348px;}
#heroilocal{position:absolute; margin:337px 0 0 513px;}
#contato{position:absolute; margin:148px 0 0 20px;}
#sobre{position:absolute; width: 230px; margin:30px 0 0 20px; padding: 20px;}
#sobre2{position:absolute; width: 219px; margin:260px 0 0 20px; padding: 10px;  display:block; text-align:center; vertical-align:text-bottom;}
#quotes{position:absolute; width: 200px; margin:375px 0 0 280px; padding: 20px; text-align:justify;}
#quotes2{position:absolute; width: 215px; margin:740px 0 0 280px; padding: 20px; text-align:justify;}
#quotes3{position:absolute; width: 200px; margin:375px 0 0 520px; padding: 20px; text-align:justify;}
#sobre_img{position:absolute; margin:10px 0 0 260px; padding: 20px;}
#poster{position:absolute; width:212px; height:225px; margin:29px 0 0 320px; padding: 23px 10px 20px 50px;}


#principal{position:absolute; width:100%;}
#principal #info{width:280px; margin-top:20px;}
#principal #imagem {width:100%; margin-top:17px;}
#rodape{clear:both;position:relative; margin:0 0 60px 0;}

.title{font-family: "Courier New", Courier, monospace; font-size:23px; text-decoration:underline; color:#FC0; text-transform:none; padding-bottom:22px;}
.txt{font-family: "Courier New", Courier, monospace; font-size:23px; text-decoration:underline; color:#FC0; text-transform:none; line-height:28px;padding-bottom:18px;}
.txt2{font-family: Arial, "Courier New", Courier, monospace; font-size:11px; text-decoration:none; color:#000; text-transform:none; line-height:18px;}
h3{font-family: Arial, Helvetica, sans-serif; font-size:22px; font-weight:none; text-decoration:none; color:#93C; text-transform:uppercase; line-height:18px; padding-top:7px; padding-bottom:18px;}
.trabalhos {font-family:"Courier New", Courier, monospace; font-size:18px; color:#8f64ef; text-decoration:underline; text-transform:uppercase; padding-bottom:6px;}


.tit_trab {
	width:600px;
	text-align:       left;
    font:             Italic Bold 40px 'Times New Roman', times new roman, times new roman, sans-serif;
	color:#000;
	/*
color: #502a00;
	color:#F93;*/
	letter-spacing:   -2px;
    line-height:      35px;
}

.tit_trab2 {
	text-align:       left;
    font:             Italic Bold 23px 'Times New Roman', times new roman, times new roman, sans-serif;
	color:#000;	letter-spacing:   -2px;
    line-height:      35px;
}

.descricao {width: 600px; margin-top:6px; text-align:justify; position:inherit;}
.data {font-family:Arial, Helvetica, sans-serif; font-size:10px;	font-weight:none;  text-transform:uppercase; margin-top:5px; text-align:left;}
.legenda {font-family:Arial, Helvetica, sans-serif; font-size:10px;	font-weight:none; text-transform:uppercase; width: 100%;}


a:link {text-decoration:none;font-family:Lucida Sans, Arial; font-size:11px; color:#000;  background-color:#000;}
a:visited {text-decoration:none;font-family:Lucida Sans, Arial; font-size:11px; color:#000; background-color:#000;}
a:hover {text-decoration:none;font-family:Lucida Sans, Arial; font-size:11px; color:#000; background-color:#FF3;}


.logo:link {text-decoration:none;background-color:transparent;}
.logo:visited {text-decoration:none; background-color:transparent;}
.logo:hover {text-decoration:none; background-color:transparent;}


.contato:link {text-decoration:none;font-family:Lucida Sans, Arial; font-size:34px; color:#735020; text-decoration:none; background-color:#FF0;}
.contato:visited {text-decoration:none;font-family:Lucida Sans, Arial; font-size:34px; color:#735020; text-decoration:underline;}
.contato:hover {text-decoration:none;font-family:Lucida Sans, Arial; font-size:64px; color:#735020; background-color:#FF0; text-decoration:none;}

.menu {background-color:none;}
.menu:link {font-family: Courier New, Arial, Helvetica, sans-serif; font-size:11px; text-transform:none; text-decoration: none; color: #2d9300;line-height:15px; background-color:#FFF;}
.menu:visited {font-family: Courier New, Arial, Helvetica, sans-serif; font-size:11px; text-transform:none; text-decoration: none; 	color: #36b100;  background-color:#FFF;line-height:15px; } 
.menu:hover	{font-family: Courier New, Arial, Helvetica, sans-serif; font-size:11px;  text-transform:none; text-decoration: none; background-color:#3ba6f9; color:#f4ff48; line-height:15px; padding-right: 0px;}


#trab {display:block; background-color:#b8e5ff; border-bottom:1px solid #FFF; font-family:Arial, Helvetica, sans-serif;}
#trab li{display:block; background-color:#b8e5ff; border-bottom:1px solid #FFF;}
#trab li a{display:block;font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000; text-decoration:none; background-color:#FFF; padding:3px;}
#trab li a:hover{display:block;font-family:Lucida Sans, Arial; font-size:11px; color:#000; text-decoration:none; background-color:#fff956;}
