/*  



Theme Name: Nature

Theme URI: http://3oneseven.com/

Description: Another approach on a magazine like three col fixed theme with custom painting.

Version: 3.17

Tags: 3 column widgetready white fixed 

Author: miloIIIIVII

Author URI: http://3oneseven.com/



*/



body{
	font:12px Verdana, Geneva, sans-serif;
	color:#333;
	text-align:left;
	margin:0;
	padding:0;
	background:#f9f9f9 url(http://opcioncolombia.org/wp-content/themes/Nature/images/bg.jpg) repeat-y center;
}



#page{
	background:transparent;
	text-align:left;
	width:990px;
	margin:10px auto 0;
	padding:0;
}

#header{background:transparent;height:250px;width:990px;margin:0 auto;padding:0;}



h1,h1 a,h1 a:hover{color:#fafafa;margin:0;padding:0;float:right;font-variant:small-caps;font:25px century gothic,arial,verdana,serif;width:220px;overflow:hidden;

text-align:right;background:transparent;}



.row{
	width:990px;
	margin:0px auto;
	clear: both;
	background: #FFF url(http://opcioncolombia.org/wp-content/themes/Nature/images/cabezote-web.jpg) no-repeat top;
	height: 100px;
	padding: 0px;
}



#home{
	width:990px;
	height:270px;
	margin:0 auto 10px;
	list-style:none;
	display: block;
}



.right-col{width:240px;float:right;padding-right:5px;padding-left:5px;padding-top:30px;color:#fafafa;}

.right-col a{color:#fafafa;}



#flow{
	background-color:transparent;
	width:970px;
	margin:0 auto 20px;
	padding-left: 10px;
	padding-right: 10px;
}

.col1{
	width:255px;
	float:left;
	margin-right:0px;
	margin-bottom:20px;
	/* height: 230px; */
	overflow: hidden;
}

.col2{width:240px;float:right;}



#single{
	background:transparent url(images/head.gif) no-repeat;
	width:990px;
	height:70px;
	margin:0 auto;
	display: none;
}

.alt{background-color:#fafafa;border-left:3px dotted #84B204;}

small{font:9px arial,verdana,Sans-Serif;font-size:9px;line-height:1.5em;text-transform:uppercase;}



#nav{
	display:block;
	padding:0;
	margin:0px;
	z-index:5;
	position:relative;
	height: 30px;
	background-color: #212b69;
}

#nav ul{
	width:990px;
	list-style-type:none;
	padding:0;
	margin:0;
	z-index:500;
}

#nav li{
	display:inline;
	float:left;
	min-height:30px;
	position:relative;
	text-align:left;
	padding:0px;
	margin:0;
}

#nav h2{padding:0;margin:0;text-decoration:none;border:0;font:15px century gothic,arial,verdana,serif;}

#nav li ul{width:200px;height:auto;top:100%;left:0;line-height:1.9em;}

#nav li ul{width:200px;height:auto;top:100%;left:0;line-height:1.9em;}

#nav li.Largenav ul{width:200px;height:auto;top:100%;left:0;}

#nav li ul li{text-align:left;width:200px;height:auto;display:block;border-bottom:1px solid #ccc;}

#nav li.Largenav ul li{text-align:left;width:200px;height:auto;display:block;}

#nav a{text-decoration:none;}

#nav li li ul{top:0;left:0;}

#nav li li:hover ul{left:200px;}

#nav ul ul,#nav ul li:hover ul ul,#nav ul ul li:hover ul ul,#nav ul ul ul li:hover ul ul,

#nav ul ul ul ul li:hover ul ul{position:absolute;display:none;}

#nav li:hover ul,#nav ul li:hover ul,#nav ul ul li:hover ul,#nav ul ul ul li:hover ul,#nav ul ul ul ul li:hover ul,#nav ul ul ul ul ul li:hover ul{display:block;width:200px;}

#nav #PhpWebcontent{display:none;}#nav{
	color:#ccc;
	margin: 0px auto;
	width: 990px;
}#nav ul{background:transparent;}

#nav ul ul{
	background-color: #212B69;
}#nav ul li{background:transparent;display:block;}#nav h2,#nav h2 a{color:#fff;text-decoration:none;border:0;}#nav a{
	color:#fff;
	display:block;
	padding: 5px 20px;
	height: 20px;
	font-size: 12px;
	font-weight: normal;
	border-right: 1px solid #000;
}#nav ul li:hover{
	color:#000;
	display:block;
	background:#212B69;
	cursor:pointer;
}#nav ul li ul li{
	background:#212B69;
	display:block;
}

#nav ul li ul li:hover{display:block;background:#FFCC00;width:200px;}

#nav ul li ul ul li{
	background:#212B69;
	display:block;
}

#nav ul li ul ul li:hover{
	background:#C92C3F;
	display:block;
}



h2,h2.pagetitle,h3{font-size:1.5em;font-weight:normal;border-bottom:1px solid #ccc;}

h2,h2 a,h2 a:hover,h2 a:visited,h3,h3 a,h3 a:hover,h3 a:visited{font-variant:none;}



.commentlist li{font-weight:normal;color:#333;}

.commentlist li,#commentform input,#commentform textarea{font-size:0.9em;color:#333;}

.commentlist cite,.commentlist cite a{font-weight:bold;font-style:normal;font-size:1.1em;

color:#84B204;}

.commentlist p{font-weight:normal;line-height:1.5em;text-transform:none;color:#333;}

#commentform p{font-family:'Arial',Geneva,Sans-Serif;color:#333;}

.commentmetadata{font-weight:normal;color:#333;}code{font:1.1em 'Courier New', Courier, Fixed;}

.commentlist{padding:0;text-align:justify;}

.commentlist li{margin:15px 0 3px;padding:5px 10px 3px;list-style:none;}

.commentlist p{margin:10px 5px 10px 0;}

#commentform p{margin:5px 0;}

.nocomments{text-align:center;margin:0;padding:0;}

.commentmetadata{margin: 0;display: block;}

#commentform input{width:170px;padding:2px;margin:5px 5px 1px 0;background-color:#fff;border:1px solid #84B204;}

#commentform textarea{width:99%;padding:2px;background-color:#fff;border:1px solid #84B204;color:#333;}

#commentform #submit{margin:0;float:right;}



acronym,abbr,span.caps{font-size:0.9em;letter-spacing:.07em;}

a{color:#000;text-decoration:none;}a:hover,h2 a:hover,h3 a:hover{
	color:#212B69;
	text-decoration:underline;
}



.narrowcolumn{
	float:left;
	padding:0;
	margin:10px;
	width:500px;
	overflow:hidden;
	border-right: 1px solid #CCC;
}

.widecolumn{padding:0;margin:0 0 0 80px;width:500px;}

.post{
	margin:0px;
	text-align:left;
}

.widecolumn .post{margin:0;}

.narrowcolumn .postmetadata{padding-top:5px;}

.widecolumn .postmetadata{margin:30px 0;}

.description{text-align:left;padding-left:20px;font-size:12px;font-weight:bold;color:#ccc;}



h2{
	margin:15px 0 5;
}

h2.pagetitle{margin-top:30px;text-align:center;}

h3{padding:0;margin:15px 0 0;}

h3.comments{padding:0;margin:40px auto 20px;}



#mainleft p img{display:block;border:none;margin:0 auto;padding:10px;max-width:80%;text-align:center;}



.entry ol{padding:0 0 0 10px;margin:0;}

.entry ol li{margin:0;padding:0;}



.postmetadata ul,.postmetadata li{display:inline;list-style-type:none;list-style-image:none;}

#leftsidebar{
	padding:0;
	font:1em Arial,Sans-Serif;
	color:#333;
	width:224px;
	float:left;
	overflow:hidden;
	margin: 0 5px 60px;
}

#leftsidebar form{margin:0;}

#rightsidebar{margin-right:10px;float:right;font:1em Arial, Sans-Serif;

color:#333;width:200px;padding:0;overflow:hidden;}

#rightsidebar form{margin:0;}



#page ul,#page ul ol{margin:0;padding:0;list-style:none;}

#page ul li,#page ul select{
	list-style-type:none;
	margin-bottom:0px;
}

#page ul p,#page ul select{margin:5px 0 0 5px;}

#page ul ul ul,#page ul ol{margin:0 0 0 5px;}

#page ul ol li{list-style:square;}

#page ul ul li,#page ul ol li{margin:3px 0 0;padding:0;list-style:none;}

#page ul ul,#page ul ol{margin: 5px 0 0 5px;}



#leftsidebar li a,#rightsidebar li a{display:block;}

#leftsidebar li a,#rightsidebar li a,#footer li a{
	color:#C82A41;
	padding: 3px;
}

#leftsidebar li a:hover,#rightsidebar li a:hover,#footer li a:hover{
	background:#C82A41;
	color:#FFF;
}



#searchform{margin:5px auto;padding:5px 3px;/* text-align: center; */}

#searchform #s{
	width:75%;
	padding:2px;
	background-color:#FFF;
	border:1px solid #333;
	font-size:10px;
	margin-right:4px;
}

#searchsubmit{
	padding:1px;
	background-color:#FC0;
	border:1px solid #333;
	font-size:10px;
	color:#333;
}



#footer{
	padding:10px;
	margin:0 auto;
	width:970px;
	background-color:#212B69;
	clear:both;
}

#footer p{
	margin:0;
	padding:4px;
	text-align:center;
	font-size: 10px;
	color: #FFF;
}



.entry form{/* This is mainly for password protected posts, makes them look better. */text-align:center;}

select{width:130px;}

.alt{margin:0;padding:10px;}

acronym,abbr,span.caps{cursor:help;}

acronym,abbr{border-bottom:1px dashed #900;}



blockquote{margin:15px 30px 0 10px;padding-left:25px;font-family:Arial,Helvetica,sans-serif;

border-left:7px solid #84B204;}

blockquote cite{margin:5px 0 0;display:block;}



hr{display:none;}

a img{border:none;}



.navigation{clear:both;display:block;text-align:center;margin-top:10px;margin-bottom:60px;}



#wp-calendar{text-align:center;margin:0;width:70%;}#wp-calendar td{line-height:10px;font-size:10px;color:#333;}#wp-calendar td a{display:block;color:#84B204;text-decoration:none;line-height:10px;border:1px solid #84B204;}

#wp-calendar #prev a{width:30px;}#wp-calendar #next a{width:30px;margin:0 0 0 30px;}

#wp-calendar #today{background:#84B204;color:#333;}#wp-calendar #today a{color:#333;font-weight:700;}

#wp-calendar caption{text-align:center;width:100%;margin:0 0 5px 0;text-transform:lowercase;}



html>body .entry ul{margin-left:0;}

html>body .entry li{margin:7px 0 8px 10px;list-style-type: square;padding:0;}

.spacer{clear:both;}

.pagenumber{text-align:right;clear:both;font-weight:bold;padding-top:6px;margin-top:10px;}



.nav{list-style:none;margin:0 auto;font-family:century gothic,Verdana, Serif;font-weight:bold;letter-spacing:1px;display:block;clear:both;

padding:6px;text-align:center;width:80%;background:#fff;}

.nav li{list-style:none;margin:0;padding:0 5px 0 0;display:inline;}

.nav li a{color:#333;padding:6px;text-decoration:none;}

.nav li.current_page_item a{color:#333;text-decoration:none;background:transparent;border:2px solid #84B204;}

.nav li a:hover{color:#000;text-decoration:none;background:#84B204;}



.aligncenter{display: block;margin:0 auto;}

.alignright {float: right;padding: 4px;margin: 0 0 2px 7px;display: inline;}

.alignleft {float: left;padding: 4px;margin: 0 7px 2px 0;display: inline;}



body div#toolTip{position:absolute;z-index:1000;width:180px;background:#fafafa;border:0;text-align:left;

padding:10px;min-height:1em;}

body div#toolTip p{margin:0;padding:0;color:#333;font:14px/19px arial,sans-serif;line-height:13px;}

body div#toolTip p em,body div#toolTip p em span{display:none;}
.row #nav #mycategoryorder h2 {
	display: none;
}
.row #logo {
	margin-left: 20px;
}
.row #searchform {
	width: 240px;
	position: relative;
	top: 40px;
	right: 10px;
	float: right;
}
#nav #mycategoryorder h2 {
	display: none;
}
.row #searchform div #s {
	width: 160px;
}
.row #searchform div #searchsubmit {
	width: 40px;
}
#nav ul .rss {
	float: right;
}
#flow #enlaces {
	width: 200px;
}

#page #content .post h2 {
	border-style: none;
	font-size: 14px;
	font-weight: bold;
	color: #C72B40;
}
#flow #noticia .post small {
	background: #FC0;
}
#flow #proyecto .post small {
	background: #212B69;
}
#flow #contacto .post small {
	background: #C33;

}
#flow #enlaces .post small {
	background: #f60;
}
#flow .post small {
	display: block;
	margin-bottom: 5px;
	padding: 5px;
	height: 20px;
}
#page #content .post h6 {
	font-size: 22px;
	color: #212B69;
	font-weight: normal;
	margin: 0px;
	border-bottom: 3px solid #C72B40;
}
#page #content .post .entrytext h3 {
	font-size: 12px;
	font-weight: bold;
	border-style: none;
}
#page #content .post .entrytext p {
	font-size: 12px;
}
#flow #footer p a, #flow #footer p a:visited {
	color: #FFF;
	text-decoration: underline;
}
#flow #proyecto .post small a {
	color: #CCC;
}
#flow .post p {
	padding: 0px 5px 5px;
}
#flow .post h2 {
	padding-right: 5px;
	padding-left: 5px;
}
#page #content .post h3 {
	font-size: 14px;
	font-weight: normal;
}
#page #content .pagetitle {
	font-size: 16px;
	color: #212B69;
}
#page #content .post p {
	margin-right: 10px;
}
#page #content .tabla {
	font-size: 9px;
	text-align: left;
	padding: 0px;
	width: 500px;
	margin: 0px;
}
#page #content .tabla th {
	color: #FFF;
	background: #212B69;
	padding: 3px;
}
#page #content .tabla td {
	vertical-align: top;
	text-align: left;
	padding: 3px;
	margin: 0px;
}
#page #content .tabla tbody tr td p {
	font-size: 9px;
	text-align: left;
}