/*
Theme Name: Webtopia.com.br
Author: WP Webtopia
Author URI: http://www.webtopia.com.br/
*/

* {
	margin: 0; padding: 0;
}

body.img1 {
	text-align: center;
	font: 13px Geneva, Arial, Helvetica, sans-serif;
	color: #333333; 
background-image:url(images/bgtop.jpg);
background-repeat: repeat-x;
background-position: top;
background-color:#fff;
}
body.img2 { 
	text-align: center;
	font: 13px Geneva, Arial, Helvetica, sans-serif;
	color: #333333;
background-image:url(images/bgtop2.jpg);
background-repeat: repeat-x;
background-position: top;
background-color:#fff;
}
body.img3 { 
	text-align: center;
	font: 13px Geneva, Arial, Helvetica, sans-serif;
	color: #333333;
background-image:url(images/bgtop3.jpg);
background-repeat: repeat-x;
background-position: top;
background-color:#fff;
}
body.img4 { 
	text-align: center;
	font: 13px Geneva, Arial, Helvetica, sans-serif;
	color: #333333;
background-image:url(images/bgtop4.jpg);
background-repeat: repeat-x;
background-position: top;
background-color:#fff;
}

p { padding: 10px 0 5px; }

a {
	text-decoration: none;
	color: #FF6600;
}

a:hover {
	text-decoration: none;
	color: #FFCC00;
}
img {
	border: 0;
}


.break {
	font-size: 0;
	width: 0; height: 0;
	clear: both;
}
.alignleft {
	float: left;
	margin: 4px 10px 5px 0;
}
.alignright {
	float: right;
	margin: 4px 0 5px 10px;
}
.hidden {
	display: none;
}
.noimage img {
	display: none;
}

#wrapper {
	text-align: left;
	width: 980px;
	margin: auto auto;
}

/** BEGIN header **/
#header {
	
}
	#header ol {
		list-style-type: none;

	}
		#header ol li {
			font-size: 0.9em;
			text-transform: uppercase;
			float: right;
			background: url(images/divider.gif) no-repeat 0 11px;
			padding: 7px;
			padding-bottom:13px;
		}
		#header ol li.f {
			background: none;
			padding-left: 0;
		}
		
		#paginas a {
		color: #333;
		font-weight:bold;
		padding:5px;
		padding-right:10px;
		padding-left:10px;
		}
		
		#paginas a:hover{
		color: #FFf;
		background: #999 url(images/bgmp.jpg);
				padding:5px;		padding-right:10px;
		padding-left:10px;}
		
	#header h1 {
		clear: both;
		font-size: 0;
	}
		#header h1 a {
			display: block;
			text-indent: -9999px;
			outline: none;
			background: url(images/logo10anos.png) no-repeat 0 0;
			width: 500px; height: 129px;
			float: left;
		}
	#header form {
		border: 1px solid #CCCCCC;
		height: 30px;

		width: 272px;
		margin-top:70px;
		
	}
		#header form p {
			float: left;
			border-right: 1px solid #cccccc;
			height: 30px;
			font-size: 0.9em;
			color: #666;
			
		}
		#header form .date {
			padding: 8px 10px 12px;
			height: 10px;
		}
		#header form input {

			width: 225px;
			border: 1px solid #ffffff;
			font-size: 16px;
			font-family: Verdana;
			color: #FF3300;
			padding:5px;
			float: left;
		}
		#header form button {
			width: 16px; height: 16px;
			border: 0;
			background: url(images/search.jpg) no-repeat 0 0;
			margin: 7px;
			text-indent: -9999px;
			float: left;
			
		}
	#header ul {
		list-style-type: none;
		clear: both;
		height: 25px;
		margin: 0 0 10px;
	}
		#menu ul li {
			float: left;
			font-size: 0.9em;
			text-transform: uppercase;
			font-weight:bold;


		}
		#menu ul li a {
			color: #ffffff;
			display: block;
			padding-bottom:13px;
			padding-left:10px;
			padding-right:10px;
			padding-top:10px;
			
		}
		#menu ul li a:hover {
			background-color:  #2a5726;
					background-image:url(images/hover.jpg);
			color: #FF9900;
		}
		#menu .current-cat a {
			background-color: #a75513;
					background-image:url(images/hover.jpg);
			color: #ffffff;
		}
		
		
		
/** END header **/

/** BEGIN content **/
#content {
	clear: both;
	float: left;
	background:url(images/bg.jpg) repeat-y;

	width: 620px;
	padding: 25px 10px 10px 0;
	
}
#contentbanner {
	clear: both;
	float: left;
	background:url(images/bg.jpg) repeat-y;
	width: 620px;	border-bottom: 1px solid #EEEEEE;
	padding: 25px 10px 10px 0;
	
}
#content h2 {
		font-size: 28px;
		font-weight: bold;

	
}
#content3 {
padding:20px;

width:560px;
 
		background:url(images/bgside2.jpg) repeat-x  ;
	
}


#content2 {
	clear: both;
	float: left;
	width: 919px;
	padding: 40px 10px 10px 0;
	margin-left:20px;
	
}

#content2 h2{
		font-size: 30px;
		font-weight: bold;
		color:  #FF6600;
	}
	
}

	#content .latest {
		padding: 0 20px 10px 0;
		margin-bottom: 10px;
	}
		#content .latest img {
		
					float: left;
			margin: 0 10px 5px 0;
			width: 200px;
			height:200px;
		}
		#content .latest h2 {
			font-size: 1.5em;
			padding-right: 90px;
			padding-bottom: 15px;
		}
		#content .latest p {
			font-size: 0.9em;
			margin-bottom: 12px;
			line-height: 1.4em;
		}
	#content .l {
		width: 300px;
			height:175px;
		float: left;
		padding: 0 10px 10px 0;
		border-right: 1px solid #FFFFFF;
	}
		#content .l .post {
			font-size: 0.9em;
			padding-top: 10px;
		}
		#content .l .post h2 {
			font-size: 12px;
			color: #720B0C;
			text-transform: uppercase;
			background-image: url(images/bgsub.jpg);
			width:290px;
			height:15px;
			border-bottom: 1px solid #999;

				padding: 7px 10px;
			float: left;
		}
		
			#content .l .post h2 a {
			color: #720B0C;
		}
		#content .l .post h2 a:hover {
			color: #fff;
		}
		#content .l .post h3 {
			clear: both;
			font-size: 1.1em;
			width: 100%;
			padding: 10px 0;
		}
		#content .l .post img {
			float: left;
			margin: 0 10px 5px 0;
			width: 100px;
		}
		#content .l .post p {
			margin-bottom: 10px;
			line-height: 1.4em;
		}
	#content .r {
		width: 280px;
		height:175px;
		float: right;
		padding-left: 10px;
		border-left: 1px solid #ffffff;
		margin-left: -1px;
	}
		#content .r .post {
			font-size: 0.9em;
			padding-top: 10px;
		}
		#content .r .post h2 {
			font-size: 12px;
			color: #ffffff;
			text-transform: uppercase;
						border-bottom: 1px solid #999;
			background-image: url(images/bgsub.jpg);
			width:270px;
			height:15px;
			padding: 7px 10px;
			float: left;
		}
		#content .r .post h2 a {
			color: color: #720B0C;;
		}
		#content .r .post h2 a:hover {
			color: #fff;
		}
		#content .r .post h3 {
			clear: both;
			font-size: 1.1em;
			width: 100%;
			padding: 10px 0;
		}
		#content .r .post img {
			float: left;
			margin: 0 10px 5px 0;
			width: 100px;
		}
		#content .r .post p {
			margin-bottom: 10px;
			line-height: 1.4em;
		}
	#content .postnav {
		padding: 20px 0;
		padding-left:20px;
		padding-right:20px;
		clear: both;
	}
	#content .postnav ul {
		list-style-type: none;
		border: 0; border-top: 1px solid #E4E4E4;
	}
		#content .postnav ul li {
			float: left;
			
			margin: 2px;
			font-size: 0.9em;
		}
		#content .postnav ul li a {
			display: block;
			border: 0 !important;
			padding: 5px;padding-left:8px;
			padding-right:8px;
		}
		#content .postnav ul li a:hover {
			background: #FF6600;;
			color: #ffffff;
		}
		#content li.page_info {
			padding: 5px !important;
		}
/** END content **/

/** BEGIN sidebar **/
#sidebar {
	float: right;
	width: 340px;
	margin-top:25px;
}
	#sidebar div.head {
		background-color: #fef9eb;
		border-bottom: 1px solid #CDCCCA;
		padding: 10px 5px;
	}
		#sidebar div.head h2 {
			font-size: 0.9em;
			text-transform: uppercase;
			margin-bottom: 10px;
		}
		#sidebar div.head .rss {
			font-size: 0.9em;
			padding: 2px 0 2px 24px;
			background: url(images/rss.gif) no-repeat 0 0;
		}
	#sidebar form {
	
		border-top: 0;
		margin-bottom: 10px;
		background: url(images/subscribe.jpg) no-repeat center;
		height: 50px;
	}
		#sidebar form input {
			margin: 15px 12px 15px 40px;
			width: 180px;
			float: left;
			border: 1px solid #ffffff;
		}
		#sidebar form button {
			float: left;
			width: 72px; height: 25px;
			margin-top: 12px;
			text-indent: -9999px;
			border: 0;
			background-color: transparent;
		}
	#sidebar div.body {
		border: 1px solid #cccccc;
		padding: 10px;
		margin-bottom: 10px;
	}
		#sidebar div.body img {
			
		}
		#sidebar div.body a {
			color: #333333;
		}
		#sidebar div.body a:hover {
			color: #d3891f;
		}
	#sidebar ul.head {
		list-style-type: none;
		border: 1px solid #cccccc;
		border-width: 1px 1px 0 0;
		height: 30px;
	}
		#sidebar ul.head li {
			float: left;
			text-transform: uppercase;
			font-weight: bold;
			border-left: 1px solid #cccccc;
			
		}
		#sidebar ul.head li a {
			color: #343434;
			display: block;
			padding: 8px 10px;
		
		}
		#sidebar ul.head li a:hover {
			background-color:#FEF9E9;
			
		}
			#sidebar ul.head li a:active {
			background-color:#FEF9E9;
		}
		
	#sidebar ul.body {
		clear: both;
		list-style-type: none;
		border: 1px solid #cccccc;
		padding: 10px;
		margin-bottom: 10px;
	}
		#sidebar ul.body li {
			font-size: 0.9em;
			border-bottom: 1px dotted #313131;
			padding: 6px 0;
		}
		#sidebar ul.body li a {
			color: #323232;
		}
		#sidebar ul.body li a:hover {
			font-weight: bold;
			color: #d3891f;
		}
	#sidebar .l {
		width: 165px;
		float: left;
	}
		#sidebar .l h2 {
			border-top: 4px solid #1F1F15;
			font-size: 0.9em;
			text-transform: uppercase;
			padding: 5px 0;
		}
		#sidebar .l ul {
			list-style-type: none;
			margin-bottom: 20px;
		}
		#sidebar .l ul li {
			font-size: 0.9em;
			border-bottom: 1px dotted #353535;
			padding: 6px 0;
		}
		#sidebar .l ul li a {
			color: #363636;
		}
		#sidebar .l ul li a:hover {
			
		}
	#sidebar .r {
		width: 165px;
		float: right;
	}
		#sidebar .r h2 {
			border-top: 4px solid #1F1F15;
			font-size: 0.9em;
			text-transform: uppercase;
			padding: 5px 0;
		}
		#sidebar .r ul {
			list-style-type: none;
			margin-bottom: 20px;
		}
		#sidebar .r ul li {
			font-size: 0.9em;
			border-bottom: 1px dotted #353535;
			padding: 6px 0;
		}
		#sidebar .r ul li a {
			color: #363636;
		}
		#sidebar .r ul li a:hover {
			
		}
		
		
		#titulo {
		background-image:url(images/bgtit.jpg);
		font-size:15px;
		color:#FFFFFF;
		padding:9px;
		
		}
		
					
	#sidebars{
	background: #fff;
	border: 1px solid #EFEFEF;
	

	}
	
		#sidebarsm{
		margin-left:8px;
		margin-right:8px;
		margin-bottom:10px;

	}
			#sidebarsm2{
			padding-top:15px;
			padding-bottom:3px;
			padding-left:3px;
			padding-right:3px;					
			margin-left:5px;
		margin-right:5px;
		background:url(images/bgside2.jpg) repeat-x  ;
	}


	#sidebars h4 {
	margin:15px;
		padding:15px;
	}

	#sidebars h2  {	
	background: #fff url(images/bgtit.jpg) repeat-x;
	font: 20px Geneva, Arial, Helvetica, sans-serif;
	color:#fff;
	padding:9px;
	border: 0;
	text-transform:lowercase;}
			
			
/** END 
/** END sidebar **/

/** BEGIN footer **/
#footer {
	clear: both;
	width: 100%;
	text-align: left;
	font-size: 0.9em;
	padding: 0;
	background:   #bbb url(images/bgfoot.jpg);
	border-top:1px solid #cccccc;;
}

#footer h2 {

color:#569350;
font:24px Geneva, Arial, Helvetica, sans-serif;
text-align:left;font-weight:bold;
text-transform:lowercase;}
/** END footer **/

/** BEGIN miscellaneous **/
#content .single ul {
	margin: 0 0 10px 18px;
}
#content .single ol {
	margin: 0 0 10px 20px;
}
	#content .single li {
		padding: 2px 0;
		line-height: 1.4em;
	}
	#content .single h3 {
		margin-bottom: 5px;
		font-size: 1em;

		font-weight: normal;
	}
	#content .single blockquote {
		padding: 20px 20px 10px;
		margin: 10px 0;
		background-color: #f3f3f3;
		border-width: 1px 0;
		border-color: #dddddd;
		border-style: solid;
		color: #9e9e9e;
		line-height: 1.4em;
	}
	.single .details {
		padding: 20px 0;
	}
	.single .details p {
		margin-bottom: 5px !important;
	}
#comments {
	padding: 0 10px 20px;
	font-size: 0.9em;
}
	#comments h2 {
		margin: 10px 0;
		font-size: 1.5em;
	}
	#comments p {
		margin-bottom: 10px;
		line-height: 1.5em;
	}
	#comments form {
		padding-top: 20px;
	}
	#comments form p {
		margin-bottom: 5px;
	}
	.commentauthor {
		margin-bottom: 5px !important;
		color: #9e9e9e;
		font-weight: bold;
	}
	.commentdate {
		font-size: 0.8em;
		margin-bottom: 5px;
		color: #909090;
	}
	.required {
		color: #ff0000;
	}
	#respond {
		padding-top: 20px;
	}
	.comment1 {
		border: 1px solid #cccccc;
		padding: 10px;
		margin-bottom: 10px;
	}
	.commentdetails {
		float: left;
	}
	.gravatar {
		float: right;
	}
	h2.title {
		padding: 20px 10px 20px;
		font-size: 0.8em;
		font-weight: normal;
		text-transform: uppercase;
		color: #909090;
	}
		h2.title2 {
		width:490px;
		padding: 20px 35px 20px;
		font-size: 24px;
		font-weight: normal;
		text-transform: uppercase;
		color: #bc5e11;
			background-image:url(images/bgside.jpg);

	}
	
			h2.title3 {
		padding: 20px 135px 20px;
		margin-bottom:10px;
		font-size: 24px;
		font-weight: normal;
		text-transform: uppercase;
		color: #bc5e11;
		background-image:url(images/bgecon.png);

	}
	
			h2.title4 {
		padding: 20px 135px 20px;
		margin-bottom:10px;
		font-size: 24px;
		font-weight: normal;
		text-transform: uppercase;
		color: #bc5e11;
		background-image:url(images/bgacamp.png);

	}
	
	#programa {
width:560px;
	clear: both;
	font-size: 0.9em;
	padding: 10px;
	margin: 0 0 10px 10px;

}
	#programa h2 {
	font-size: 30px;
		font-weight: bold;
		color:	#720B0C;
}

.archive {
width:560px;
	clear: both;
	font-size: 0.9em;
	padding: 10px;
	border: 1px solid #cccccc;
	margin: 0 0 10px 10px;
	height:180px;
}
	.archive h2 {
		font-size: 1.6em;
		font-weight: normal;
		padding-bottom: 10px;
	}
	.archive h2 a {
		
		
	}
	.archive img {
		float: left;
		height: 100px;
		margin: 5px 10px 5px 0;
	}
	.archive p {
		margin-bottom: 10px;
		line-height: 1.5em;
	}
/** END miscellaneous **/

.breadcrumb {

font-size:14px; margin-right:15px;}


.breadcrumb a {
color: #999;

}

.breadcrumb a:hover {
color:#720B0C;
}


#qtrans_language_chooser {
list-style-type:none;   float:right;  }

.qtrans_language_chooser li { float:left; margin-right:5px }

.qtrans_flag { }


#corpo {
width:560px; text-align:justify; margin-top:15px; float:left; }

#esquerda {
width:120px; float:left; }

#direita {
width:435px; float:right; }



#corpof {
width:900px; text-align:justify; margin-top:25px;  }

#direitaf {
width:270px; float:right; }

#esquerdaf {
width:270px; float:left; }

#conteudof {
width:300px; margin-left:300px; } 


#idiomas {
text-transform:lowercase;
padding-top:1px;
float:right;
margin-left:10px;
margin-right:10px; 
}

#idiomas select {
font-size:14px;
background-color: #d5d4d1;
border:0;
padding-top:5px;
padding-bottom:5px;
text-align:right;

width:115px;
color: #000;
border: 0;
}

.flickr a img{
width:72px;
height:72px;

margin: 2px;
}