﻿/**********************************************************************/
	
/**********************************************************************/
/************* Definições de HTML, estruturais e Outros ***************/
/**********************************************************************/

* {

}


h1 {font-size:14px;font-family:Arial, Helvetica, sans-serif}
h2 {
font-family:Arial, Helvetica, sans-serif
}
p {m font-family:Arial, Helvetica, sans-serif;}
a {text-decoration:none;}
a img{border:0px;}



fieldset { border:0px; }
.hidden { display:none; }

body {
	
	margin:0px;
	background-image:url(images/body_bg.png);
	background-position:left top;
	background-repeat:repeat-x;

}
/**********************************************************************/
/************* index ***************/
/**********************************************************************/



#geral {
	margin:auto;
	width:768px;
	height:auto !important;

	position:relative;
	
	
	
}
#topo {
	width:768px;
	height:26px;
	position:relative;
	margin:auto;
	background-image: url(../../images/header/bg.png);
	background-repeat: repeat-x;
}

#topo a.logo {
	text-indent:-5000px;
	width:251px;
	height:26px;
	overflow:hidden;
	background:url(../../images/header/header_logo.png) no-repeat;
	display:block;
	position:absolute;
	top:0px;
	left:0px;
	
	cursor:pointer;
}
#topo ul 
{
	display:inline;
	float:left;
	list-style:none;
	margin:2px 0px 0px 261px;
	padding:0px;
	width:auto;
	height:24px;
}
#topo ul li 
{
	display:inline;
	list-style:none;
	margin:0px;
	padding:0px;
	width:auto;
	height:auto;
	background-image:url(../../images/header/header_menu_bulet.png);
	background-position:left 4px;
	background-repeat:no-repeat;
}
#topo ul li a
{
	margin:0px 4px 0px 12px;
	width:auto;
	color:#FFFFFF;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
}
#topo ul li a:hover{
	color:#800000;
}

#corpo {
	width:768px;
	height:auto !important;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	float:left;
	display:inline;
	position:relative;
	background-color: #FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
}

/************* Lado esquerdo ***************/
/*******************************************/

#corpo #esquerda { width:335px; float:left;}

#corpo #banner {
	position:absolute;
	left:149px;
	top:10px;
	width:467px;
	height:auto;
	z-index:1;
	padding:0px 0px 0px 0px;

}

 #esquerda #quadrado1E {
	width:335px;

	padding:0px 0px 0px 2px;
	height:196px;
	overflow:hidden;
	float:left;
	
}
 #esquerda #quadrado1E #menu {
	width:142px;
	float:left;
	height:196px;
	overflow:hidden;
	list-style:none;
	text-align:left;
}

 #esquerda #quadrado1E #menu ul {
	display:inline;
	font-size:12px;
	height: 150px;
}
 #esquerda #quadrado1E #menu ul li {
	display:inline;
	float:left;
	width:130px;
	list-style:none;
	background-image:url(../../images/menu_upfest_menu/menu_upfest_menu_menu_bulet.png);
	background-position:2px 4px;
	background-repeat:no-repeat;
	margin-left: 6px;
}
 #esquerda #quadrado1E #menu ul li a{
    display:block;
	padding:1px 1px 1px 1px;
	padding-left:10px;
	color:#7F7F7F;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
}
#esquerda #quadrado1E #menu ul li a:hover{
	background-image:url(../../images/canais_bulet.png);
	background-position:left 4px;
	background-repeat:no-repeat;
	color:#800000;
}
 #esquerda #quadrado1E #menu img{
	margin-top:5px;
	float:left;
}

#corpo #esquerda #quadrado1E #menu h2{
	color:#990000;
	font-size:12px;
	font-weight:normal;
}

 #esquerda #quadrado2D {
	width:193px;
	height:auto;	
	float:left;
	text-align:left;
	margin:76px 0px 0px 0px;
	
}
#corpo #esquerda #quadrado2D img{
	margin-bottom:8px;
}

#corpo #esquerda #portalcenter{
	width:335px;
	height:auto;
	text-align:left;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	

}
 #esquerda #agenda{
width:100%;
height:auto;	

text-align:left;
margin:10px 0px 0px 2px;
	

}
#agenda #quadrado01E{

width:109px;
	float:left;
	padding:0px;
	height:182px;
	overflow:hidden;
	list-style:none;
	display:block;
	

}	

#agenda #quadrado01D{

    width:220px;
	float:left;
	padding:0px;
	height:182px;
	overflow:hidden;
	list-style:none;
	display:block;
	
	

}	
 #quadrado01D h1 {
	width:220px;
	height:auto;
	float:right;
}
 #quadrado01D a{
	width:218px;
	height:30px;
	text-align:left;
	margin:1px 0px 2px 0px;
	float:right;
	display:block;
	background-color:#F0F0F0;
}
#quadrado01D a:hover{
	background-color:#DDDDDD;
}
#quadrado01D a font{
	font-size:11px;
	font-weight:normal;
	text-align:left;
	color:#4E4E4E;
}
#quadrado01D a font  font{
	color:#FF6A06;
}
 #agenda #shopleve{
width:100%;
height:auto;	

text-align:left;
margin:10px 0px 0px 0px;
	

}
 #esquerda #tempo{
	width:335px;

	padding:10px 0px 0px 2px;
	height:86px;
	overflow:hidden;
	float:left;
	
}

/************* Lado Direito ***************/
/*******************************************/

#corpo #meio{
	height:auto;
	float:left;
	padding-top:78px;
	padding-left:2px;
	width: 280px;

 }

 #meio #noticias  {
	width:280px;
	height:280px;
	padding-top:24px;
	background-image:url(../../images/barra_news.png);
	background-position:center top;
	background-repeat:no-repeat;
	float:left;
	overflow:hidden;
	
}

 #meio #noticias  a{
	font-size:12px;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	color:#999999;
	display:block;
	padding-bottom:8px;
	margin:8px 0px 8px 0px;
	border-bottom:1px dashed #000;
}
 #meio #noticias a font{
	font-size:12px;
	font-weight:normal;
	color:#336699;
}
 #meio #noticias a.new_thumb {
	width:280px;
	height:66px;
	border:0px;
	padding-top:8px;
	margin:0px;
	display:block;
	padding-bottom:0px;
	margin-bottom:0px;
	background-color:#CCCCCC;
}
#meio #noticias a.new_thumb img{
	clear:right;
	float:left;
	border:0px;
	margin:0px 4px 0px 6px;
}
 #meio #noticias  a.new_thumb h1 {
	font-size:14px;
	color:#336699;
}
 #meio #noticias a.new_thumb h2 {
	font-size:11px;
	font-weight:normal;
	color:#999999;
}
 #meio #publicidade img {
	width:280px;
	height:74;
	float:left;
	margin-top:5px;
	
}

 #meio #coberturas  {
	width:280px;
	height:auto;
    float:left;
	margin-top:10px;
	
}

 #coberturas .coberturas_index {
	width:276px;
	height:196px;
	margin:0px 0px 8px 0px;
	background-color:#F7F7F7;
	display:block;
	float:left;
}
#coberturas div{

}
#coberturas h1{
	height:28px;
}
#coberturas div a{
	width:266px;
	height:39px;
	cursor:pointer;
	margin:12px 0px 14px 7px;
	display:block;
	background-position:left top;
	background-repeat:no-repeat;
}
#coberturas div a:hover{
	background-color:#EBEBEB;
}
#coberturas div a h2{
	width:208px;
	height:auto;
	color:#FF6600;
	font-size:12px;
	text-align:left;
	border-bottom:1px dashed #CCCCCC;
	margin-left:56px;
}
#coberturas div a p{
	width:208px;
	height:auto;
	color:#A01212;
	line-height:10px;
	font-size:10px;
	text-align:left;
	margin-top:4px;
	margin-left:56px;
}
 #meio #google  {
	width:280px;
	height:auto;
    float:left;
	margin-top:10px;

	
}
#google font {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;	
}
#google input{
margin-top:0px;
border: 0px 0px 0px 0px;

}
	
/************* Abas ***************/
/**********************************/	
 #festas {
	display:block;
}
  #sociais {
	display:none;
}
 #particulares {
	display:none;
}
/************* Lado Direto  ***************/
/**********************************/	
#corpo #direito{  width:143px; height:727px; float:right;
padding-left:5px; padding-top:10px; }

 #direito #banners{  width:100%; height:100%; background:#ddd;   }

#direito #bannerpequeno {
	width:143px;
	padding-bottom:2px;
	height:50px;
	overflow:hidden;
	float:left;
	
}

#direito #bannergrande {
	width:143px;
	padding-bottom:2px;
	height:170px;
	overflow:hidden;
	float:left;
	
}


/************* Roda Pé ***************/
/**********************************/	





#corpo #rodape {
	width:768px;
	float:right;
	margin:auto;
	padding:10px 0px 0px 0px;
	
	 
	 

}
#corpo  #rodape .foto_credito {
	font-size: xx-small;
	color: #999999;
	font-family: Arial, Helvetica, sans-serif;
}
