/*
Theme Name: J.M. Projeto
Theme URI: http://www.timingdesenvolvimento.com.br/
Description: Clean XHTML valid, 2-column, fixed-width, widget ready, right sidebar theme with an optional ad block.  Theme options include a color scheme picker that allow you to pick from your choice of orange, red, blue, green, or gray color schemes.  All theme colors are seperate and easily customizable by editing the respective css file in /colorschemes/.  Also included is a layered header PSD file to customize the header graphic if desired. This theme replaces WP-PortalTheme Orange that was only available in one color.
Author: João Machado, J.M. Projeto
Author URL: http://www.jmprojeto.com
Tags: valid XHTML, fixed width, two columns, widgets, gravatars, right sidebar, ad block, customizable
Version: 1.0

The CSS/XHTML is released under GPL:  http://www.opensource.org/licenses/gpl-license.php

*/

* {
	margin: 0; padding: 0;
}
body {
	text-align: center;
	font: 12px Arial;
	color: #666666;
	background: #ffffff url(images/body.jpg) repeat-x 0 0;
	background-color:#f1f1f1;
	padding-top: 0px;
	overflow-x:hidden;
}


.break {
	font-size: 0;
	width: 0; height: 0;
	clear: both;
}

/** BEGIN wrapper **/
.wrapper {
	width: 933px;
	margin: auto auto;
	* margin: auto auto;
	text-align: left;
	background-color:#f1f1f1;
	padding-bottom:8px;
}
/** END wrapper **/

/** BEGIN header **/
#header {
	height: 148px;
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	background-image:url(images/header.jpg);
	z-index:4;
}

	#logo {
		color: #ffffff;
		position: relative;
		top: 0px; left: 0px;
		float: left;
		width:659px;
		height:51px;
	}
	
	#telefone {
		color: #ffffff;
		position: relative;
		top: -55px;
		left:540px;
		width:218px;
		height:38px;
	}
	

	#header h1 {
		font-size: 18px;
		font-weight: normal;
		color: #666;
		padding-top:53px;
		padding-left:115px;
	}	
	
	#header h1 a {
		font-size: 54px;
		font-weight: normal;
		color: #ffffff;
		text-decoration: none;
		position: relative;
		top: 35px; left: 54px;
		float: left;
	}
	#header h3 {
		font-size: 1.4em;
		font-style: italic;
		font-weight: normal;
		position: relative;
		top: 38px; left: 60px;
		float: left;
		clear: both;
	}
	#header form {
		position: relative;
		top: 0; left: 0;
		float: right;
		position: relative;
		top: 50px; left: -10px;
	}
		#header form input {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 1em;
			float: left;
			width: 220px;
			margin-right: 5px;
			border: 1px solid #ffffff;
		}
		#header form button {
			text-indent: -9999px;
			width: 39px; height: 28px;
			border: 0;
			float: left;
			background-image:url(images/bt_ok_busca.jpg);
		}
/** END header **/

/** BEGIN navigation **/
#navigation {
	position: relative;
	top: 0px; left: 0px;
	margin-top: 44px;
	float: left;
	list-style-type: none;
	height: 16px;
	padding:19px 5px;
	width: 933px;

	text-align:center;

	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFF;
	TEXT-TRANSFORM: uppercase;
	font-weight:bold;

}

	#navigation ul { 
		margin:0; 
		* margin:0; 
		padding:0;
		float:left;
		* float:left;
		*line-height:inherit;
        font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
		color:#FFF;
	}

	#navigation li {
		float: left;
		* float: left;
		text-align:center;
		list-style:none;
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
		color:#FFF;
	}

	#navigation li a {
		text-decoration: none;
		color:#FFF;
		padding: 15px;
	}
	
	#navigation li a:hover {
		text-decoration: none;
		color:#FFF;
		padding: 15px;
	}
	
	#navigation li a:visited {
		text-decoration: none;
		color:#FFF;
	}	
	
/** END navigation **/


/**navegaçao rodape**/

#navigation2 {
	list-style-type: none;
	text-align:center;
	z-index:4;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#cf2d13;
	TEXT-TRANSFORM: uppercase;
	font-weight:bold;
}

	#navigation2 ul { 
		margin:0; 
		padding:0;
		float:left;
        font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
		color:#cf2d13;
	}

	#navigation2 li {
		float: left;
		text-align:center;
		list-style:none;
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
		color:#cf2d13;
	}

	#navigation2 li a {
		text-decoration: none;
		color:#cf2d13;
		padding: 10px;
	}
	
	#navigation2 li a:hover {
		text-decoration: none;
		color:#cf2d13;
		padding: 10px;
	}
	
	#navigation2 li a:visited {
		text-decoration: none;
		color:#cf2d13;
	}	

/** BEGIN content **/
#content {
	float: left;
	width: 569px;
	margin-left: 8px;
	padding: 17px;
	border: 1px solid #cccccc;
	background-color:#FFF;
	margin-top: 8px;
}
	.post {
		padding: 0px 0px 0;
		font-family:Arial, Helvetica, sans-serif;
	}
	.first {
		padding-top: 0;
	}
	.post h2 {
		font-size: 23px;
		font-family: Arial, Helvetica, sans-serif;
		font-weight: normal;
		text-align: left;
		color: #343434;
	}
	
	.post h3 {
		font-family:Arial, Helvetica, sans-serif;
		color: #000;
		border-bottom: 1px solid #becbd4;
		font-size: 16px;
		padding-top: 5px;
		padding-bottom:5px;

	}
	
	.post h2 a {
		text-decoration: none;
		color: #343434;
	}
		.first h2 a {
			text-decoration: none;
			color: #343434;

		}
		.first h2 {
			border-top: 0;
		}
	.post p {
		margin-bottom: 10px;
		font-size: 12px;
		line-height: 1.7em;
	}
	.date {
		text-align: left;
		padding-bottom: 10px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 10px;
		border-bottom: 1px solid #adbbc6;
	}

	#postnav {
		padding: 10px;
		font-family: Georgia;
		font-style: italic;
	}
/** END content **/

/** BEGIN sidebar **/
#sidebar {
	float: right;
	width: 262px;
	margin-right: 0px;
	padding: 17px;
	border: 1px solid #cccccc;
	background-color:#FFF;
	margin-right: 8px;
	margin-top: 8px;
}
	#sidebar h2 {
		font-size: 20px;
		font-family: Arial, Helvetica, sans-serif;
		font-weight: normal;
		text-align: left;
		color: #343434;
	}
	
		#sidebar p {
			line-height:20px;
	}
	
	#sponsors {
		padding: 14px;
	}
	#sponsors img {
		border: 0;
		margin: 2px;
	}
	#sidebar ul {
		list-style-type: none;
		padding: 0 10px 15px;
		margin-right: 50px;
	}
		#sidebar ul li {
			padding: 6px 0 6px 10px;
			font-family: Georgia;
			background: url(images/bullet.gif) no-repeat 0 10px;
		}
		#sidebar ul li a {
			text-decoration: none;
		}
		#sidebar ul li a:hover {
			text-decoration: underline;
		}
/** END sidebar **/

/** BEGIN footer **/
#footer {
	padding: 20px 0;
	line-height: 1.6em;
	height: 235px;
	background-image:url(images/fundo_rod.jpg);
	font:Arial, Helvetica, sans-serif;
	color:#252b31;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
}
	#footwrap {
		margin: auto auto;
		width: 933px;
		text-align: left;
	}
	#footer a {
		text-decoration: none;
		
		font:Arial, Helvetica, sans-serif;
		color:#252b31;
		font-family: Arial, Helvetica, sans-serif;
		font-size:13px;
	}
		#footer .first {
			margin-left: 0 !important;
		}
	#footer .left {
		float: left;
	}
	#footer .right {
		float: right;
	}
/** END footer **/

/** BEGIN single **/
img {
	border: 0;
}
.alignleft {
	float: left;
	margin: 5px 10px 5px 0;
}
.alignright {
	float: right;
	margin: 5px 0 5px 10px;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.post ul {
	margin: 0 0 5px 5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	list-style-image: url("/images/seta.gif");
	padding-top:3px;
	padding-bottom:3px;
}

.post ol {
	margin: 0 0 5px 5px;
}
.post li {
	margin: 0 0 5px 5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	list-style-image: url("images/seta.gif");
	padding-top:3px;
	padding-bottom:3px;
}

.post blockquote {
	font-style: italic;
	padding-left: 8px;
	margin-left: 2px;
}

	.notfound {
		padding: 20px;
	}
	.notfound h2 {
		font-family: Georgia;
		font-weight: normal;
		font-size: 2em;
		padding-bottom: 10px;
	}
	#postdetails {
		font-size: 10px;
		font-family: Arial, Helvetica, sans-serif;
	}
		#postdetails p {
			margin-bottom: 5px;
		}
/** END single **/

.wp-caption {
	text-align: center;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption-dd {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}




/**Estilos Home */

#geralHome {
	position: relative;
	width:933px;
	height: 900px;
	left: -26px;
	top: -24px;
	background-color:#FFF;
	padding-bottom:10px;
	margin-bottom:-42px;

}

#geralNoticias{
	position: absolute;
	width:933px;
	height: 270px;
	left: -26px;
	top: -24px;
	background-color:#FFF;
	padding-bottom:0px;
	margin-bottom:-50px;
}


#banner_home {
	position:absolute;
	width:933px;
	height:277px;
	top: -2px;
}

#banner_artigos {
	position:absolute;
	width:933px;
	height:270px;
	top: -2px;
}

#trabalhos_cat {
	position:absolute;
	width:350px;
	height:20px;
	top: 3px;
	border: 1px solid #bf260c;
	padding:5px 0px 0px 5px;
	text-align:center;
	font-weight:bold;
	left: 230px;
	}

#trabalhos_cat a {
	padding:5px;
	color:#666;
	}






#novos_trabalhos {
	position:absolute;
	width:585px;
	height:360px;
	z-index:2;
	top: 300px;
	padding-left: 20px;
	left: 0px;
}
#novos_trabalhos  h2{
	font-family:Arial, Helvetica, sans-serif; font-size:26px; color:#bc5023; font-weight:normal; padding-bottom: 10px;
}

#novos_trabalhos  h1{
	font-family:Arial, Helvetica, sans-serif; font-size:17px; color:#647386; font-weight:bold;
}

#novos_trabalhos  h3{
	font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#647386; font-weight:normal; 
}

#novos_trabalhos a.classe1:link {
	color:#647386;
}

#novos_trabalhos a.classe1:visited {
	color:#647386;
}

#novos_trabalhos a.classe1:hover {
	color:#647386;
}

#novos_trabalhos  h4{
	font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666; font-weight: normal;
}



.fonte_cursos {
	font:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#647386;
}

.fonte_noticias {
	font:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#647386;
}

.fonte_noticias2 {
	font:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#647386;
	font-weight:normal;
}

.fonte_veja_mais {
	font:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#0698d9;
}

.fonte_veja_mais_laranja {
	font:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#bc5023;
	font-weight:bold;
}


#boletim {
	position:absolute;
	width:300px;
	height:360px;
	z-index:2;
	top: 300px;
	padding-left: 20px;
	left:605px;
	padding-right:20px;
}

#boletim  h1{
	font-family:Arial, Helvetica, sans-serif; font-size:26px; color:#bc5023; font-weight:normal; padding-bottom: 10px;
}


#linha {
	position:absolute;
	width:2px;
	height:600px;
	z-index:1;
	left: 610px;
	top: 305px;
	background: url(images/div_pontilhado.jpg) repeat-y top center;
}
#form_news {
	position:absolute;
	width:272px;
	height:109px;
	z-index:2;
	padding-left:10px;
	padding-top:5px;
	padding-right:10px;
}


.foto {
	border: 8px solid #f1f1f1;
	padding:2px;
	width:137px;
	height:137px;
	background-color:#FFF;
}

.botaoForm {
background-color: #fd8901;
border-bottom: 1px solid #ce7711;
font: 10px Arial, sans-serif;
color: #fff;
padding:3px;
}


<!--menu-->

	
#sub_abertos {
	position:absolute;
	width:154px;
	height:100px;
	z-index:999;
	top: 154px;
	background-image: url(images/linha_menu_cursosabertos.jpg);
	background-repeat:repeat-x;
	background-color: #febc21;
	border: 1px solid #dc8e05;
	visibility: hidden;
}

#categorias ul { 
 font-size: 10px; /** metemos a font mais pequena */
 line-height: 25px;
 display:inline;
 list-style-type: none;
 z-index:10;
 top: 100px;
}
#categorias ul li a, #categorias_top ul li a:visited {
 margin: 0px 5px 0 0;
 padding: 0px 9px 0 9px;
 text-align: center;
 font-weight: bold;
 color: #ffffff; /** Cor dos links */
 text-decoration: none;
 float: left;
  top: 100px;
}
#categorias ul li a:hover, #categorias_top ul li a:visited:hover {
 color: #ffffff; /** cor dos links com o cursor por cima */
 font-weight: bold;
 text-decoration: none;
 background: #37BFDF; /** fundo dos links quando está o cursor por cima */
}









/*------------------------------------------------*/
/*-------------------[COMMENTS]-------------------*/
/*------------------------------------------------*/




					
#comment-section { clear: both; float: left; padding: 15px 0px 0px 5px; border-top: 1px solid #e4e4e4; }

					p#comments { color: #333; font-size: 16px; font-weight: bold; letter-spacing: -1px; line-height: 15px; padding-bottom:100px; }
					
					#main #comment-section ol.commentlist { padding: 0px0px 5px 35px; float: left; margin: 5px 0px 5px; list-style-type: none; }
						
					.comment, .comment-body { float: left; }
					
						li.comment { margin-bottom: 10px; }
						
						.comment-author { float: left; margin: -50px 0px 0px -30px; z-index: 1; position: relative; padding-right:5px; }
						
						
							.commentlist li .avatar { 
								 border: 1px solid #dbdbdb; padding: 5px; background: #ededed; float: left; padding-right:5px; margin-right:5px;
								}

							
							.comment-info { float: left; padding: 3px 0px 0px 13px; font-size: 18px; font-family: Arial, Helvetica, sans-serif; }
							
							.comment-info a { font-weight: normal; }
								
							cite.fn, span.says  { color: #bf260c; font-family:Arial, Helvetica, sans-serif; font-size:16px; }
								
							span.says, div.commentmetadata { font-style: normal; padding:8px; margin-top:-30px; margin-left:10px; }
									
							div.commentmetadata {/* margin-top: -5px; */}
								
							div.commentmetadata, div.commentmetadata a { color: #666; font-size:10px}
							
							.comment-top, .comment-bottom, .comment-content { float: left; }
							
							.comment-top { background:url(images/comment-top.png) no-repeat; height: 25px; margin-top: -12px; }
							
							.comment-content { padding-bottom: 10px; clear: both; width: 99%; }
							
							.comment-bottom-main { float: left;  }
							
							.comment-bottom-left { background: url(images/comment-bottom-left.jpg) no-repeat; position: absolute; bottom: 0px; left: -1px; width: 8px; height: 37px; }
							
							.comment-bottom-right { background: url(images/comment-bottom-right.jpg) no-repeat; position: absolute; bottom: 0px; right: -1px; width: 8px; height: 37px; }
					
						.comment-body p { line-height: 28px; }
						
						#main ol.commentlist .children { float: left; clear: both; padding-bottom: 30px; width: 96%; margin: 0px; }
						
						#main ol.commentlist .children .comment-body { padding-top: 10px; width: 99%; }
						
						#main .commentlist .children li { padding:0px 3% 3%; width:97%; margin: 0px; float: left; background: #ffffff url(images/inner-comment-bottom-main.jpg) repeat-x bottom left; border-left: 1px solid #cacaca; border-right: 1px solid #cacaca; position: relative; }
						
						#main .commentlist .children li .comment-top-main { background: url(images/inner-comment-top-main.jpg) repeat-x top left; width: 100%; float: left; height: 6px; }
						#main ul.children li { background: none;  }
						
						#main-area-wrap img.wp-smiley { border: none; padding: 0px; }
						
						.comment-top-left, .comment-top-right, .comment-top-main { height: 24px; }
						
						.comment-top-left { background: url(images/comment-top-left.jpg) no-repeat top left; width: 40px; left: -1px; top: 0px; position: absolute; }
						
						.comment-top-right { background: url(images/comment-top-right.jpg) no-repeat top right; width: 40px; right: -1px; top: 0px; position: absolute; }
						
						.comment-top-main { background: url(images/comment-top-main.jpg) repeat-x top left; width: 100%; float: left; }
						
						.bubble { background: url(images/bubble-top.png) no-repeat; width: 18px; height: 17px; top: -16px; left: 25px; z-index: 10; position: absolute; }
						
						.commentlist li { background:#f7f7f7; border-left:1px solid #dedede; border:1px solid #dedede; position:relative; padding: 0px 30px 50px; margin: 0px 0px 60px; width: 496px; display: block; float: left; }
						
						.reply-container { position: absolute; bottom: 19px; right: 30px; z-index: 20; background: url(images/reply-right-bg.png) no-repeat right bottom; padding-right: 11px; }
						a.comment-reply-link { padding: 3px 15px 5px 14px; background: url(images/reply-bg.png) repeat-x; color: #666; font-style: italic; font-weight: bold; display: block; }
						.children .comment-top-left { background: url(images/inner-comment-top-left.jpg) no-repeat top left; width: 15px; left: -1px; top: 0px; position: absolute; } 
						.children .comment-author { float:left; margin: 0px; width:100%; z-index:1; }
						.children .bubble { display: none; }
						.children .comment-top-right { background: url(images/inner-comment-top-right.jpg) no-repeat top right; width: 15px; right: -1px; top: 0px; position: absolute; }
						.children .comment-bottom-left { background: url(images/inner-comment-bottom-left.jpg) no-repeat scroll 0 0; height:7px;
position:absolute; width:15px; }
						.children .comment-bottom-right { background: url(images/inner-comment-bottom-right.jpg) no-repeat scroll 0 0; height:7px;
position:absolute; width:15px; }
						.children .reply-container { bottom: -10px; right: 30px; }
						
						.nocomments div#respond { margin-top: 2px; }
						
						.nocomments div#respond h3{ font-size:14px; }
						
							div#respond  h3 { font-size: 30px; margin: 5px 0px 7px; color: #000000; font-weight: bold; letter-spacing: -1px; line-height: 30px; }
						div#comment-section div.navigation, div#comment-section div#respond { float: left; width: 595px; }
						div#comment-section div.navigation { padding: 0px 35px 20px 35px; width: 555px; }
						div#comment-section div#respond { padding: 10px 0px 0px 35px; width: 90%; }
						form#commentform { float: left; width: 99%; position: relative; z-index: 10; }
							form#commentform  textarea { width: 96%; border: 1px solid #d1d1d1; padding: 3px; }
						.cancel-comment-reply { padding-bottom: 10px; }
						#comment-section li.comment div#respond { margin-top: 0px; padding: 0px; }
						
						#comment-section div#trackbacks { float:left; padding: 34px 39px 10px 35px; }
						div#trackbacks  h3 { color:#1E1E1E; font-size:14px; margin-bottom: 7px; }
						ol.pinglist li { margin-bottom: 3px; }