/*
Theme Name: Direito Legal
The URI: http://www.direitolegal.org
Description: Direito Legal
Author: Romeu Rodrigues
Autor URI: http://www.romeurodrigues.com
Version: 2.0
.
General comments/License Statement if any.
.
*/
@import "reset.css";

body { background: url(images/topo.jpg) center top no-repeat; color: #333; font: 12px/1.1em "Trebuchet MS", Arial, Helvetica, sans-serif; text-align: center; }
#wrapper { text-align: left; width: 100%; }
/*** *** *** *** *** *** header *** *** *** *** ***  ***/
#header {  }
#headercontent { height: 184px; margin: 0 auto; width: 1004px; position:relative; }
	#headercontent ul { float: right; margin: 15px 0px; }
		#headercontent ul li { background: none; display: inline; font-size: 10px; margin: 5px; text-transform: uppercase; }
			#headercontent ul li a { color: #666 }
			#headercontent ul li a:hover { color: #0E355E; }

.separador { border-left: 1px solid #CCC; padding-left: 15px; }
#header h1 a { display: block; float: left; height: 103px; margin-top: 50px; overflow: hidden; text-indent: -999px; visibility: hidden; width: 280px; }
#data { position:absolute; top: 15px; left:0px;}
#bg { margin: 0 auto; width: 1004px; }
#left { float: left; margin-right: 30px; width: 300px; }
#center { float: left; width: 330px; margin-right:15px; }
.category { background-color: #666; color: #fff; display: inline-block; font-size: 10px; margin-bottom: 5px; padding: 3px; text-transform: uppercase; }
	.category a:link { color: fff; }
	.category a:hover { color: #999; }
.date { color: #C00; display: inline; font-size: 10px; }
.author { color: #999; display: inline; font-size: 10px; }
	.author b { font-weight: normal; text-transform: uppercase; }
#content { clear: both; float: left; padding: 20px; width: 714px; }
a.vermais { float: right; }
#breadcrumbs { border-bottom: 1px solid #CCC; color: #999; font-size: 10px; margin-bottom: 15px; padding-bottom: 10px; }
#frontpage { margin-bottom:20px; border-bottom:1px solid #CCC;}
#frontpage img { border:2px solid #CCC; margin-bottom:15px;}
/*** *** *** *** *** *** destaques *** *** *** *** ***  ***/
#capa { background-color: #F7F7F7; border-botton: 1px #CCC solid; border-top: 1px #CCC solid; float: left; margin-bottom: 20px; padding: 20px; width: 290px; }
	#capa h2 { font-size: 22px; margin-top: 10px; }
.destaques { border-bottom: 1px solid #CCC; float: left; margin-bottom: 15px; margin-left: 20px; padding-bottom: 15px; width: 352px; }
.destaques h2 {font-size:2.16em;
font-weight:bold;
letter-spacing:-0.06em;}
.readmore { float: right; }
/*** *** *** *** *** *** mais noticias e enquete *** *** *** *** ***  ***/
#maisnoticias { background-color: #f0f0f0; float: left; padding: 15px; width: 300px; }
#maisnoticias ul li { border-bottom:1px solid #CCC; padding:10px 0;}

#enquete { background-color: #f0f0f0; float: left; height: 230px; margin-top: 20px; padding: 15px; width: 300px; }
#enquete p { padding-bottom:5px;}
.bt { -moz-border-radius-bottomleft: 8px; -moz-border-radius-bottomright: 8px; -moz-border-radius-topleft: 8px; -moz-border-radius-topright: 8px; -webkit-border-bottom-left-radius: 8px; -webkit-border-bottom-right-radius: 8px; -webkit-border-top-left-radius: 8px; -webkit-border-top-right-radius: 8px; background: #DF1D26; color: white; cursor: pointer; font-size: 10px; padding: 7px 7px; text-align: center; }

/* NAV */
#navigationContainer {
height:32px;
margin-left:40px;
margin-right:40px;
margin-top:0;
padding-left:0;
padding-right:0;
position:relative;
z-index:597;
width:960px;
margin:0 auto
}
#navigationContainer a.dirV {
background-image:url("../img/navigation/down.gif");
background-position:94% 50%;
background-repeat:no-repeat;
}
#navigationContainer a.dirH {
background-image:url("../img/navigation/right.gif");
background-position:94% 50%;
background-repeat:no-repeat;
}
#navigationContainer ul {
font:12px/32px "Trebuchet MS",Arial,Helvetica,sans-serif;
list-style:none outside none;
margin:0;
padding:0;
text-align:left;
text-transform:uppercase;
}
#navigationContainer li {
color:#FFFFFF;
display:inline-block;
height:24px;
margin:0 0;
position:relative;
}
* html #navigationContainer li {
display:inline;
}
* + html #navigationContainer li {
display:inline;
}
#navigationContainer li a {
color:#FFFFFF;
display:block;
padding:0 14px;
text-decoration:none;
}
#navigationContainer li:hover a, #navigationContainer li.sfhover a {
background-color:#3399CC;
color:#FFFFFF;
}
#navigationContainer li:hover ul ul, #navigationContainer li:hover ul ul ul, #navigationContainer li.sfhover ul ul, #navigationContainer li.sfhover ul ul ul {
margin-left:-999em;
}
#navigationContainer li:hover ul, #navigationContainer li li:hover ul, #navigationContainer li li li:hover ul, #navigationContainer li.sfhover ul, #navigationContainer li li.sfhover ul, #navigationContainer li li li.sfhover ul {
margin-left:0;
}
#navigationContainer li ul {
border-color:#000000 #000000 -moz-use-text-color;
border-style:solid solid none;
border-width:0 0 0;
left:0;
margin-left:-999em;
position:absolute;
top:32px;
width:170px;
}
#navigationContainer li li {
display:block;
font:11px/24px "Trebuchet MS",Arial,Helvetica,sans-serif;
height:auto;
margin:0;
text-align:left;
}
#navigationContainer li li a {
background-color:#333333;
border-bottom:0 solid #000000;
color:#FFFFFF;
display:block;
font:11px/24px "Trebuchet MS",Arial,Helvetica,sans-serif;
height:24px;
opacity:0.95;
padding:2px 10px 0;
text-transform:none;
width:150px;
}
* html #navigationContainer li li a {
display:inline-block;
}
* + html #navigationContainer li li a {
display:inline-block;
}
#navigationContainer li:hover li a, #navigationContainer li.sfhover li a {
background-color:#333333;
color:#FFFFFF;
}
#navigationContainer li li:hover a, #navigationContainer li li.sfhover a {
background-color:#3399CC;
color:#FFFFFF;
}
#navigationContainer li li:hover ul, #navigationContainer li li.sfhover ul {
margin-left:170px;
top:0;
}
#navigationContainer li:hover li li a, #navigationContainer li.sfhover li li a {
background-color:#333333;
color:#FFFFFF;
}
#navigationContainer li li li:hover a, #navigationContainer li li li.sfhover a {
background-color:#3399CC;
color:#FFFFFF;
}
#navigationContainer li li li:hover ul, #navigationContainer li li li.sfhover ul {
background-color:#333333;
margin-left:170px;
opacity:0.95;
top:0;
}
#navigationContainer li:hover li li li a, #navigationContainer li.sfhover li li li a {
background-color:#333333;
color:#FFFFFF;
}
#navigationContainer li li li li:hover a, #navigationContainer li li li li.sfhover a {
background-color:#3399CC;
color:#FFFFFF;
}

/*** *** *** *** *** *** sidebar *** *** *** *** ***  ***/
#lateral { float: left; position: relative; width: 210px; font-size:12px }
#sejaumautor { padding-top:7px;}
#sidebar { float: left; padding: 20px; position: relative; width: 210px; }
#sidebar h3 { margin-top:20px; clear:both}
	#sidebar ul li { border-bottom: 1px #CCC solid; padding: 5px 0px; }
	#sidebar p img { vertical-align: bottom;}
	#sidebar a:link { color: #BC1D17; display: block; text-decoration: none; }
	#sidebar a:visited { color: #BC1D17; text-decoration: none; }
	#sidebar a:hover { background-color: #f7f7f7; color: #666; text-decoration: none; }
	#sidebar img { border: 0px; }
#video { float: left; margin-bottom: 20px; margin-left: 20px; position: relative; width: 210px; }
	#video h2 { color: #004276; font: 16px "Trebuchet MS", Arial, Helvetica, sans-serif bold; letter-spacing: -0.8px; margin-bottom: 15px; text-transform: uppercase; }
	#video p { margin: 10px 0px; }
#social { float: left; margin-left: 20px; position: relative; width: 210px; }
#banner { margin-bottom:20px; padding-top:7px }
/*** *** *** *** *** *** footer *** *** *** *** ***  ***/
#footerbg { background: #113861 no-repeat center; }
#footer { color: #999; font-size: 10px; margin: 0 auto; padding: 10px 0px; text-align: center; text-transform: uppercase; width: 964px; height:20px }
#footer #copyright { float:right; font-size:0.9em; }
#copyright p { color:#f9f9f9}
	#footer a:link { color: #fff; text-decoration: none; }
	#footer a:hover { color: #f0f0f0; text-decoration: none; }
	#footer ul { float: left; }
		#footer ul li { background: none; display: inline; margin: 5px; text-transform: uppercase; font-size:0.9em;  }

/* Search */
#search{position:relative;width:210px;float:right;margin-top:3px;margin-bottom:20px;}
#s{width:190px;background:url("images/busca.png") left no-repeat;border:0;float:left;color:#333;padding:10px 10px; }
#searchsubmit{float:left;width:20px;height:20px;outline:none;text-indent:-9999em;background:url(images/bt-busca.png) no-repeat center center;display:block;border:0;position:absolute;top:9px;right:7px;cursor:pointer;margin:-2px 0 0 10px;}

/* UTILIDADES  */#utilidades{background:#f5f5f5;clear:both;height:15px;margin:20px 0;padding:10px;}
#enviar{float:left;margin-right:20px;}
#tamanho ul li{list-style:none;}
#voltar img{padding:0 7px;}
#nav li,#imprimir{float:left;}
#recados h3,#cadastrese h3{background:#d42e12;color:#FFF;display:inline-block;margin-bottom:10px;clear:both;padding:3px;}
#subnoticias,#recados,#cadastrese{float:left;width:230px;}
#foilidicequemfez img,.noticia img{float:left;margin-right:10px;}
#sidebar img,#utilidades img{vertical-align:middle;}
#footer p,#footer a{color:#FFF;}
#tamanho,#voltar{float:right;}
.vermais{float:right;background:url(images/seta.png) right center no-repeat;padding:10px 20px; margin-bottom:10px}

/* NEWSLETTER */

#newsletter { position:relative;}
div.gsom_sfi label { display:none}
div.gsom_sfi input { background: url(images/busca.png) left center no-repeat; width: 210px; padding: 10px 10px;color: #333;  border:none;}
.gsom-optin-radiogroup input { background:url(images/ok.png) no-repeat; width:23px; height:20px; border:none; text-indent:-999px; overflow:hidden; position:absolute; right:0px; bottom:3px; cursor:pointer}

#commentform { background: #EAEAEA; border-left: none; border-right: none; color: #222; padding: 10px; }
	#commentform p { padding-bottom: 10px; }
	#commentform input#author,#commentform input#email,#commentform input#url { background-position: 5px 5px; background-repeat: no-repeat; border: 1px solid #CCC; margin: 10px 0 0; padding: 5px 0 5px 5px; width: 300px; }
	#commentform textarea { border: 1px solid #CCC; }
	#commentform label { color: #333; font: 10px/1.1em "Trebuchet MS", Arial, Helvetica, sans-serif; }
	#commentform input#author { background-image: url(img/icon_author.gif); }
	#commentform input#email { background-image: url(img/icon_email.gif); }
	#commentform input#url { background-image: url(img/icon_link.gif); }
	#commentform #comment { font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 5px; width: 98%; }
	#commentform #submit { background-color: #0367B3; border: 3px solid #035CAA; color: #fff; cursor: pointer; font-size: 10px; font-weight: 700; padding: 2px; width: 100%; }
	#commentform .obrigatorio { color: #C00; font-size: 10px; padding: 10px 0; }
	#commentform .logado { color: #495A5E; font-size: 16px; font-weight: 700; }
#comment { margin-top: 20px; }
	#comment h3 { font-size: 18px; margin-bottom: 10px; }
.commentlist { margin: 0; padding: 0; }
	.commentlist .thumb { background: #FFF; border: 1px solid #CCC; float: left; margin: 10px; padding: 5px; }
.comment { background: #F7F7F7; }
.commentlist .alt { background: #EAEAEA; color: #495A5E; list-style: none; }
.commentlist .commentcontent { padding-top: 10px; }
.commentlist cite { color: #495A5E; font-size: 1.1em; font-style: normal; font-weight: 700; text-transform: uppercase; }
.commentlist .date { color: #666; font-size: 10px; }
.commentlist .approved { color: #C00; font-size: 10px; padding: 0 10px 10px; }
