/* CSS Document */
body
{
padding:0;
margin:0;
font-family:Arial,Tahoma;
font-size:70%;
text-align:center;
margin:auto;
background-image:url(../images/bg.gif);
}

#topo
{
width:100%;
 height:36px; 
 background-repeat:repeat-x; 
 padding:0px;margin:0px; 
 background-image:url(../images/bg_topo.gif);
 }
#topo img
 {
 border:none;
 }
#logo
{

width:160px;
height:36px;
float:left;
}
#slogan
{
width:320px;
height:36px;
float:left;
text-transform:uppercase;
padding-top:12px;
padding-left:25px;
margin-left:40px;
}
#clickmania
{

width:150px;
height:36px;
float:right;

}
#menu
{
background-color:#E6E6E6;
width:100px;
height:35px;
float:right;
}
.item
{
list-style:none;
padding:0;
margin:0;
text-align:left;display:block;
}
.item li
{
background-color:#0A62BA;
display:block;
margin:1px;padding:0;
margin:0;
}
.item li a
{
color:#FFFFFF;
text-decoration:none;
display:block;
padding-left:5px;
height:17px;
margin-top:1px;
}
.item li a:hover
{
color:#003366;
background-color:#CCCCCC;
display:block;
padding-left:5px;
}

.geral{width:775px;border:1px solid #999999;margin:auto;background-color:#FFFFFF; height:520px;}

/*****BANNERS BIG*****/
.big
{
list-style:none;
padding:0;
margin:0px;
width:775px;
float:left;
margin-left:4px;
margin-bottom:2px;

}
.big li
{
display:block;
float:left;
width:120px;
height:60px;
border:1px solid #ccc;
margin-left:4px;
margin-bottom: 4px;

}
ul.big  img
{
border:none;
padding:0px;
margin:0px;
}
.big li a, visited
{
color:#B70000;
}
.big li a:hover
{
color:#B70000;
text-decoration:none;
}

/****BANNERS MINI***/

.mini li a, visited
{
color:#B70000;
}
.mini li a:hover
{
color:#B70000;
text-decoration:none;
}
.mini
{
list-style:none;
padding:0;
margin:0px;
width:775px;
float:left;
margin-left:3px;
margin-bottom:2px;

}
.mini li
{
display:block;
float:left;
width:92px;
height:35px;
border:1px solid #ccc;
margin-left:2px;
text-align:center;
font-size:10px;
margin-bottom: 4px;

}
ul.mini img
{
border:none;
padding:0px;
margin:0px;

}

/******BANNERS INTER**/
.inter
{
list-style:none;
padding:0;
margin:0;
width:775px;
padding-left:10px;
}
.inter li
{
display:block;
float:left;
width:50px;
height:70px;
border:1px solid #ccc;
margin-left:1px;
text-align:center;
font-size:10px;
margin-bottom: 4px;
}
ul.inter img
{
border:none;
padding:0px;
margin:0px;
}
.inter li a, visited
{
color:#B70000;
}
.inter li a:hover
{
color:#B70000;
text-decoration:none;
}

/******BANNERS INTER2**/
.inter2
{
float:left;
padding:0px;
display:block;
list-style:none;
margin-bottom: 4px;
width:100px;
height: 70px;
margin-left:1px;
text-align:center;
border-right: 1px solid #ccc;
border-top: 1px solid #ccc;
}

/****BANNERS MINI***/
.mini2
{
float:left;
padding:0px;
display:block;
list-style:none;
margin-bottom: 4px;
width:184px;
height: 35px;
margin-left:1px;
text-align:center;
border-right: 1px solid #ccc;
border-top: 1px solid #ccc;
}

/**SUB LISTAS**/
.sub li
{
z-index:100;
list-style:none;}

#menu ul li
{
z-index:100;}

/**SPAM CLASS PARA ALINHAR TEXTO DENTRO DOS BANNERS**/
.n
{
float:left;
background-color:#06c;
padding:2px;
width:16px;
height:12px;
color:#fff;
display:inline;
}


/**INSTITUCIONAL**/

#geral-institucional
{
width: 775px;
height: 500px;
margin: auto;
margin-top: 30px;
}
#menu-institucional
{
width:205px;
height: 300px;
float:left;
background-image:url(../images/menu.gif);
background-repeat:no-repeat;
margin-top: 30px;
}
#conteudo-institucional
{
width:568px;
float:right;
background-color:#fff;
border-left: 1px solid #999;
border-right: 1px solid #999;
border-top: 1px dashed #999;
border-bottom: 1px dashed #999;
text-align:justify;
}
#rodape-conteudo
{
background-image:url(../images/bg-conteudo.jpg);
background-repeat:no-repeat;
width:206px;
height:318px;
float:right;}

/**MENU LISTA INSTITUCIONAL**/
.menu-lista
{
float:right;
color:#fff;
list-style:none;
margin-top: 25px;
}
.menu-lista li
{
background-color:#9E9E9E;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
/*
padding-top: 10px;
padding-left: 15px;
padding-right: 15px;
padding-bottom: 10px;
width: 115px;
*/
margin-bottom: 1px;
font-weight:bold;
border-left: 4px solid #B00000;
height:40px;
width:145px;
}

li.vermelho{background-color:#9E9E9E; border-left: 4px solid #B00000;}
li.laranja{background-color:#9E9E9E; border-left: 4px solid #FF7800;}
li.verde{background-color:#9E9E9E; border-left: 4px solid #30E100;}
li.azul{background-color:#9E9E9E; border-left: 4px solid #009FE1;}
li.roxo{background-color:#9E9E9E; border-left: 4px solid #B200E1;}

li.vermelho a:hover{background-color:#B00000; border-left: 4px solid #B00000; display:block; width:141px; height: 30px; padding-top: 10px;}
li.laranja a:hover{background-color:#FF7800; border-left: 4px solid #FF7800; display:block; width:141px; height: 30px; padding-top: 10px;}
li.verde a:hover {background-color:#30E100; border-left: 4px solid #30E100; display:block; width:141px; height: 30px; padding-top: 10px;}
li.azul a:hover{background-color:#009FE1; border-left: 4px solid #009FE1; display:block; width:141px; height: 30px; padding-top: 10px;}
li.roxo a:hover{background-color:#B200E1; border-left: 4px solid #B200E1; display:block; width:141px; height: 30px; padding-top: 10px;}

li.vermelho a{background-color:#9E9E9E; border-left: 4px solid #B00000; display:block; width:141px; height: 30px; padding-top: 10px;}
li.laranja a{background-color:#9E9E9E; border-left: 4px solid #FF7800; display:block; width:141px; height: 30px; padding-top: 10px;}
li.verde a {background-color:#9E9E9E; border-left: 4px solid #30E100; display:block; width:141px; height: 30px; padding-top: 10px;}
li.azul a{background-color:#9E9E9E; border-left: 4px solid #009FE1; display:block; width:141px; height: 30px; padding-top: 10px;}
li.roxo a{background-color:#9E9E9E; border-left: 4px solid #B200E1; display:block; width:141px; height: 30px; padding-top: 10px;}

.menu-lista li a:link
{
color:#fff;
text-decoration: none;
}
.menu-lista li a:hover
{
color:#fff;
text-decoration:none;
}
.menu-lista li a:visited
{
color:#fff;
text-decoration: none;
}
.menu-lista li a:active
{
color:#fff;
text-decoration: none;
}

/**SPAMS**/
.vermelho-titulo{ background-color:#B00000; color:#fff; padding: 7px; margin-left:4px; text-align:center; font-size:medium; float:left; font-weight:bold;}
.laranja-titulo{ background-color:#FF7800; color:#fff; padding: 7px; margin-left:4px; text-align:center; font-size:medium; float:left; font-weight:bold;}
.verde-titulo{ background-color:#30E100; color:#fff; padding: 7px; margin-left:4px; text-align:center; font-size:medium; float:left; font-weight:bold;}
.azul-titulo{ background-color:#009FE1; color:#fff; padding: 7px; margin-left:4px; text-align:center; font-size:medium; float:left; font-weight:bold;}
.roxo-titulo{ background-color:#B200E1; color:#fff; padding: 7px; margin-left:4px; text-align:center; font-size:medium; float:left; font-weight:bold;}

.texto-conteudo{ text-align:justify; padding: 0px 10px 0px 10px;}

.img-turismo
{
width: 154px;
height: 120px;
float:left;
margin-bottom: 15px;
}

.texto-turismo
{
width: 414px;
height: 120px;
margin-bottom: 15px;
float:right;
}