/* Start of CMSMS style sheet 'despinola' */
/*  
Nome do Projeto: D'Espinola
Autor: jan waldeck (www.jwaldeck.com)
Data: 04/2008
*/

* {
 margin: 0px;
 padding: 0px;
}

body {
background: #fff url(images/bg_body.jpg) repeat-x;
font: 12px Verdana, Arial, sans-serif;
color: #393939;
text-align: left
}
td, th {
	padding: 0px;
	text-align: left;
	vertical-align: top;
}
a:link, a:visited {
	background: transparent;
	color: #135f87;
	text-decoration:underline;
}
a:hover,a:focus,a:active {
	color: #000;
}

h1 {
color:#135f87;
font:24px Arial, Verdana, sans-serif;
margin:10px 0px 20px 0px;
position:relative;
}

h2 {
color:#1d80b3;
font:18px Arial, Verdana, sans-serif;
margin-top:20px;
}

h3,h4 {
color:#000;
font:16px Arial, Verdana, sans-serif;
margin:10px 0px 10px 0px;
font-weight:bold;
}
p {
margin-top:10px;

}

input:focus, textarea:focus {
background-color: #ffffff;
border: 1px solid #000;
	}
input, select, textarea {
background: #f8f8f8;
color: #000;
border: 1px solid #135f87;
font-family: Georgia, verdana, arial, hevetica, sans-serif;
font-size: 12px;
padding: 2px;
 }
#wrapper {
width:780px;
margin:auto;
height:auto;
}
#topo {
width:780px;
margin-top:0px;
height:134px;
background: none;
padding:0;
position:relative;
float:left;
}
#logo {
width:158px;
height:113px;
position:relative;
left: 10px;
top:25px;
float:left;
padding:0;
}
#imagemtopo {
width:594px;
height:107px;
position:relative;
right:0px;
top:25px;
float:right;
}
#right {
width:615px;
margin-top:0px;
padding:0;
position:relative;
float:right;
background: #fff url(images/bg_right.gif) top left no-repeat;
}
#right ul{
margin:10px 15px 6px 40px;
padding:0px;
line-height:100%;
}
#right li {
list-style:url(images/bullet.gif);
margin-top:10px;
}

#content{
margin:45px 34px 10px 45px;
}
#left {
width:165px;
float:left;
margin:20px 0;

}
#breadcrumb {
position:relative;
margin:0;
padding:0;
float:right;
margin:20px 0 0 0;
font-size: 10px;
color:#989898;
}

/* Menu Styles */
#menu{position:relative;clear:both;height:43px;font-size:12px;text-transform:uppercase;background:#fff url("images/menu_bg.gif") repeat-x bottom left;font-family:Arial, Helvetica, Sans-serif;}
#menu ul{margin:0;padding:0;list-style-type:none;width:auto;float:left;}
#menu ul li{display:block;float:left;margin:0 2px;}
#menu ul li a{display:block;float:left;color:#fff;text-decoration:none;padding:0 0 0 25px;height:43px;line-height:50px;}
#menu ul li a span{display:block;float:left;padding:0 25px 0 0;height:31px;width:auto;margin-bottom:-10px;}
#menu ul li a:hover{color:#dfeff7;}
#menu ul li a:hover span{display:block;cursor:pointer;}
#menu ul li a.current,#menu ul li a.current:hover{color:#894d12;background:transparent url("images/menu_left-ON.gif") no-repeat top left;}
#menu ul li a.current span{background:transparent url("images/menu_right-ON.gif") no-repeat top right;height:43px;}



img {
border:0;
}
#submenu ul {
	list-style: none;
	padding: 0;
	margin:40px 3px 40px 3px;
}
#submenu ul li {
	text-align:left;
	margin-bottom:2px;
	padding:0;
	border-bottom:1px solid #e1e1e1;
	display:block;
}
#submenu a:link, #submenu a:visited {
	font:12px Arial, Helvetica, sans serif;
	background: transparent;
	color:#13628b;
	text-decoration:none;
	padding: 2px;
	display:block;
}
#submenu a:hover,#submenua:focus,#submenu a:active, #submenu .active {
	color: #000;
	background-color:#ebebeb;
        font-weight:bold;
	display:block;
	margin:0;
}
#submenu a.currentpage:link, #submenu a.currentpage:visited {
	font:12px Arial, Helvetica, sans serif;
	background: transparent;
	color:#166893;
        font-weight:bold;
	text-decoration:none;
	padding: 2px;
	display:block;
}

#footer{
clear:both;
background: #f7f7f7 url(images/bg_footer.gif) top center no-repeat;
height:156px;
padding:0;
width:100%;
}
#footer p {
color:#8d8d8d;
text-align:left;
right:20%;
top:100px;
width:600px;
position:relative;
padding:5px 15px 5px 5px;
line-height:11pt;
float:right;
font:10px Arial, sans serif;
}
#footer p a{
color:#000;
}
#footer p a:hover{
color:#e21350;
}
::selection { color:#000; background:#f0f0f0 }

::-moz-selection { color:#000; background:#f0f0f0 }

.cinza {
       font-size:10px;
       color:#555;
       border:1px solid #e1e1e1;
       background-color:#fbfbfb;
       padding:10px;
}
#right .picturelist li {
list-style:none;
}
/* End of 'despinola' */