/* - - - - - - - - - - - - - - - - - - - - -

Theme Name: <RAVI>
Theme URI: www.ravipropaganda.com.br
Description: Original Theme
Version: 0.1
Author: Ken Adams

- - - - - - - - - - - - - - - - - - - - - */


/* ----- ALL ----- */

* {
    margin:0;
    padding:0;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}

body, html{
    margin:0;
    padding:0;
    background:#fff;
}

body {min-width:850px;}

a {
    color:#87B220;
    text-decoration:none;
}



a:hover{
    color:#717171;
    text-decoration:underline;
}

/* ----- TITULOS ----- */
h1 {
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing:-1px;
	font-weight:normal;
	font-size:28px;
    color: #020000;
	line-height: 28px;
	margin-top:16px;
}
h1 a {
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing:-1px;
	font-weight:normal;
    color: #020000;
    text-decoration:none;
}
h1 a:hover{
    color:white;
	background-color:black;
    text-decoration:none;
}



h2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size:18px;
    letter-spacing:0;
	display: block;
    margin:15px 0 5px 0;
	padding:0;
    font-weight: normal;
    color:#718e3e;
	line-height: 20px;
}

h3 {
    font-size:15px;
    font-weight:bold;
    color:#666;
    margin:15px 0 0 0;
}

p {
	margin: 8px 0;
	padding: 0;
}

/* ----- HEADER ----- */



#header {
    text-align:left;
    margin:0;
    padding:0;
    height:170px;
}



#logo {
	background-image: url(images/header-logo.gif);
	background-position:top;
    margin:0;
    padding:0;
	width:380px;
	height:130px;
}

#logo:hover {background-position: bottom;}

#logo a {
	display:block;
	width:380px;
	height:130px;
}



#header-menu {
	background-image: url(images/header-menu-bg.jpg);
	background-repeat: repeat-x;
	background-position: top;
    margin:0;
	width:100%;
	height:40px;
}

#tel {
	float:right; 
	background-image: url(images/header-tel.jpg);
	width:146px;
	height:40px;
}



/* ----- MENU ----- */

#nav {
    list-style: none;
	margin: 0 0 0 16px;
	padding: 0;
	float: left;
}

#nav a {
	color: black;
}

#nav li {
    list-style:none;
    clear:none;
	float: left;
	height: 40px;
	background: url(images/header-menu-bg.jpg) top repeat-x;
	margin: 0 12px 0 0;
	white-space: nowrap;
}

#nav .page_item a {
	color: black;
	display: block;
	background: url(images/header-menu-bg.jpg) top repeat-x;
	text-decoration: none;
	padding: 0 10px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 40px;
}

#nav li:hover {
	background-position: bottom;
	background-repeat: repeat-x;
}

#nav .page_item a:hover {
	background-position: bottom;
	background-repeat: repeat-x;
	border: none;
}

#nav li.current_page_item {
	text-decoration: none;
	background: url(images/header-menu-bg.jpg) bottom repeat-x;
}



#nav .current_page_item a, #nav .current_page_item a:visited {
	text-decoration: none;
	background: url(images/header-menu-bg.jpg) bottom repeat-x;

}



/* ----- PARAGRAFOS ----- */



#content ul {

    color:#737373;

    font-size:11px;

    margin:10px 0;

    list-style:none;

}



#content li {

    padding-left:25px;

    margin:8px 0;

    list-style: inside;

}



/* ----- FORMS ----- */



form#formulario {

	padding:10px 0 20px 0;

}

form#formulario input {

    background-color: #fff;

    color: #999;

    border: 1px solid #ccc;

    font-size: 11px;

    padding: 3px;

	margin:4px 0 0 0;

    width:375px;

	clear:both;

}

textarea {

    background-color: #fff;

    color: #999;

	margin:4px 0 0 0;

    border: 1px solid #ccc;

    font-size: 11px;

    padding: 3px;   

    width:375px;

	height: 100px;

	clear:both;

}



button {

    background-color:#efefef;

    line-height:11px;

    color: #000;

    border: 1px solid #ccc;

    font-size: 11px;

    height:20px;

    margin: 0;

    padding: 0 5px;

}



#botao-enviar {
	width: auto;
	padding: 3px 6px;
	margin: 10px 0 20px 0;
}
#botao-enviar:hover {
	background-color: #ccc;
	color:#fff;
	padding: 3px 6px;
	cursor:pointer;
}



form .label {

	width: 640px;

	display:block;

	margin:10px 0 0 0;

	font-size:11px;

}



form .dica {

	width: 375px;

	display:block;

	margin:2px 0 0 0;

	font-size:10px;

	color:#656565;

}



form p {

    padding:2px 0;

	margin:0;

}



/* ----- IMAGES ----- */



img {border:0;}



img a {

    border:0;

    text-decoration:none;

}



img a:hover {border:none;}



/* ----- CONTAINER ----- */



#container {

    margin:0 25px;

    background:#fff scroll 100% 0pt;

    text-align:left;

	overflow:hidden;

	padding:0 206px 0 0;

	line-height:20px;

	color:black;

	font-size:12px;

}



/* ----- CONTENT ----- */

#posts {
	width:100%;
    padding:0;
	margin:0;
    float:left;
	overflow:hidden;
}

#content-destaque {
    padding:0;
	margin:0 20px 30px 0;
    font-size:12px;
    clear:both;
	
/*	color:#737373;
	background-color:#92aac3;
    padding:0;
	margin:15px 20px 15px 0;
    font-size:11px;
    clear:both;  */
}

#content {
    padding:4px 15px 20px 15px;
	margin:16px 20px 15px 0;
    border:3px solid #e9e9e9;
    font-size:12px;
    clear:both;
}

#content2 {
    padding:20px 15px;
	margin:16px 20px 15px 0;
    border:3px solid #e9e9e9;
    font-size:12px;
    clear:both;
}



#content:hover {

  border:3px solid #f7f7f7;

}



#content img, #content2 img  {

    clear:both;

	display: block;

    margin: 15px auto;

}



.data {

	font-size:10px;

	padding: 0 0 2px 0;

	display: block;

	color:#c7c7c7;

}



#content input {

	width: 200px;

	margin: 0;

}



#content input[type="submit"] {

	width: auto;

	padding: 3px 6px;

	cursor:pointer;

	margin: 6px 0 0 0;

}



#content input[type="submit"]:hover {

	background-color: #ccc;

	color:#fff;

	width: auto;

	padding: 3px 6px;

	cursor:pointer;

}



.more-link {

	color: #999;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	display:block;

	text-align: right;

}



/* ----- SIDEBAR ----- */



#sidebar {

    width:206px;

	margin:0 -206px 0 0 ;

	display:inline;

    padding:0;

    float:right;

}



#sidebar h1 {

    background:url('images/sidebar-top.gif') no-repeat;

	padding:18px 0 0 18px;

    font-family:'Georgia';

    font-size:20px;

    letter-spacing:0;

	margin:14px 0 0 0;

    color:orange;

    font-weight:normal;

}



#sidebar img {

	padding:0;

	margin:0;

}



#sidebar ul {

	padding: 6px 0 0 0;

    font-size:12px;

    background:url('images/sidebar-bg.gif') repeat-y;

    list-style:none;

}



#sidebar li {

	border-top: 1px solid #e9e9e9;

	width: 172px;

    list-style:none;

    padding: 5px 10px 5px 20px;

    margin:0;

	line-height:18px;

}



#sidebar li a {

    color:#575757;

    text-decoration:none;

    padding: 0 2px;

    display:block;

}



#sidebar li a:hover {

    color:black;

    background: url('images/hover-dgd.jpg') repeat-y;

/*	background-color: #e9e9e9; */

}



/* ----- FOOTER ----- */



#footer {

    margin: 10px 0 0 0;

	background-image: url(images/footer-bg.jpg);

	background-repeat:repeat-x;

    height:60px;

    padding:0;

    clear:both;

    width:100%;

    text-align:left;

    font-size:10px;

    color:white;

}



#footer-texto {

	margin:0 0 0 25px;

	padding:12px 0 0 0;

	float:left;

}



#footer a {

    color:#fefefe;

    text-decoration:none;

}



#footer a:hover{

    color:#cacaca;

    text-decoration:underline;

}



#validator {

	float: right;

	margin:0 25px 0 0;

}



#validator p {

	float: left;

}



#validator p a img {

	margin-left: 10px;

	border: none;

}



/* ----- CLASSES ----- */



.clear {clear:both;}

.bold {font-weight:bold;}

.hide {display:none;}

.left {text-align:left;}

.block {display:block;}

.margin0 {margin:0;}

/* .compact {display:compact;} */

.top10 {padding-top: 10px;}