/************************************************/
/*   Layout	   : Ítalo Araújo					*/
/*   Front-end : Roque Junior					*/
/*   Empresa   : Timbunet   					*/
/************************************************/

@charset "utf-8";
@import url(reset.css);

/* TAG's */


a:hover { text-decoration: underline; }

body {
	background: #ad0226 url(../img/bg2.png) repeat-x;
	margin:0;
	padding:0;
}

h2{
	background:url(../img/logoTimbunet.png) no-repeat;
	width:248px;
	height:133px;
	overflow:hidden;
	text-indent:-5000px;
	position:absolute;
}
hr{
   display:none;
}

/* POP UP */

#topo{
   background:url(../img/bg-topo.png) no-repeat;
   position:absolute;
   width:532px;
   height:133px;
   margin-left:244px;
   text-indent:100px;
   z-index:10px;
}

	/*#bgEsquerda{
	   background:url(../img/bg-esquerdo.png) repeat-x;
	   text-indent:-5000px;
	   margin-left:775px;
	   width:361px;
	   height:113px;
	   position:absolute;
	}*/
	#logoGarota{
		position:absolute;
		margin-top:-153px;
		*margin-top:-499px;
		_margin-top:-509px;
		margin-left:560px;
		*margin-left:260px;
		_margin-left:460px;
	}



/* ID's */

#container {
	width:485px;
	height:100%;
	position:relative;
}

#middle {
padding: 0 15px;
}

#colLat {
	width:210px;
	padding-left:21px;
}

	#menuSuperior{
	   margin-top:152px;
	   width:190px;
	   height:202px;
	   float:left;
	}

#nav {
   width:190px;
   height:202px;
   background:url(../img/bg-menu.gif) no-repeat;
   padding-top:10px;
}

#nav li {
  width:180px;
  margin-bottom:5px;
  _margin-bottom:6px;
  height: 17px;
  _height: 14px;  
}

#nav li a {
	background: url(../img/bg-li.gif) 0 4px no-repeat;
    margin-left:10px;
	width:180px;
	
	padding-left:15px;
	color: #FFFFFF;
	text-decoration: none;
	
}

#sessoes{
   background:url(../img/bg-sessoes.gif) no-repeat;
   width:190px;
   height:92px;
   float:left;
   margin-top:-12px;
   *margin-top:-17px;
   _margin-top:-17px;
}

#listaFotos{
   padding-top:40px;
   padding-left:20px;
}

#listaFotos a{
   text-decoration:none;
   padding-left:10px;
   padding-right:10px;
   width:22px;
   height:22px;
   text-align:center;
}

#listaFotos a:hover{
   background-image:url(../img/bg-proximo.gif);
   color:#000000;
}

.ativa{
   background:url(../img/bg-ativo.gif) no-repeat;
   color:#8b0b26;
}

.proxima{
   background:url(../img/bg-proximo.gif) no-repeat;
}

.outrasFotos{
   background:url(../img/bg-outrasFotos.gif) no-repeat;
   color:#FFF;
}

.outrasBaixo{
   background:url(../img/bg-outrasFotos.gif) no-repeat;
   color:#FFF;
}

#corpo{
   display:block;
   width:510px;
   position:absolute;
   margin-top:132px;
   _margin-top:-286px;
   margin-left:218px;
   _margin-left:28px;
   *margin-top:70px;
}

#nome{
   position:absolute;
   color:#ffd307;
   font-size:18px;
   margin-top:-27px;
   margin-left:10px;
   _margin-top:7px;
   *margin-top:-345px;
   *margin-left:-490px;
   _margin-left:-490px;
}

#contaFoto{
   position:absolute;
   color:#fff;
   margin-left:283px;
   padding-top:8px;
   *margin-top:-355px;
   *margin-left:-220px;
   _margin-left:-220px;
}

#fotoGde{
   background:url(../img/bg-foto.gif) repeat;
   width:500px;
   height:335px;
   margin-top:10px;
   text-align:center;
   *margin-left:-200px;
   *margin-top:-320px;
   _margin-left:-500px;
   _padding-top:-320px;
   _position:absolute;
}

#fotoPq{
	margin-top:6px;
	*margin-left:-190px;
}

.imgFotopq{
    margin-right:6px;
	border-bottom:1px solid #c46776;
	border-right:1px solid #c46776;
}

.menuAtivo{
  background:#ab122d;
}

#content {
width: 523px;
padding-left: 7px;
float: left;
}

#perfil{
   border:1px dotted #ab122d;
   background:#781212;
   padding:20px;
   color:#FFFFFF;
   width:500px;
   height:335px;
   margin-top:76px;
   *margin-top:-276px;
   *margin-left:-196px;
   _margin-left:-0px;
   _margin-top:-276px;
   _position:absolute;
}

#paper{
   border:1px dotted #ab122d;
   background:#781212;
   padding:20px;
   color:#FFFFFF;
   width:500px;
   height:335px;
   margin-top:76px;
   *margin-top:-276px;
   *margin-left:-196px;
   _margin-left:-0px;
   _margin-top:-276px;
   _position:absolute;
}

#pqnovo{
   padding-top:10px;
   padding-left:15px;
   float:left;
 }
 
 .progaganda{
    position:absolute;
	margin-top:8px;
	padding-left:180px;
	width:468px;
	height:60px;
	*margin-left:-200px;
	_margin-left:0px;
	text-indent:-100px;
	z-index:-1000;
 }
 .progaganda2{
    position:absolute;
	margin-top:8px;
	padding-left:180px;
	width:468px;
	height:60px;
	*margin-left:-190px;
	_margin-left:0px;
	_margin-top:110px;
 }