/* 



Theme Name: Ecosano

Theme URL: http://ecosano.org

Description: Ecosano

Author: Jorge Montoya

Author URI: http://fabricadecosas.com/

Version: 1.0



*/

body{

	background: #82BFDB url(images/bg.jpg) repeat-x fixed top center;

	font-family:Arial, Sans Serif;

	font-size: 13px;

}

p{

	padding-top:5px;

	padding-bottom:5px;

}

a:link, a:visited{

	color:#444444;

}

a:hover, a:active{

	color:#888888;

}

.ul li {

	padding-left:10px;

	line-height:16px;

}

.title_li {

	padding-left:10px;

	line-height:16px;

}

h2{

	font-family:Calibri, Helvetica, Arial, Sans Serif;

	font-size: 30px;

	margin-bottom:10px;

}

h3{

	padding-top:5px;

	margin-bottom:5px;

}

h4{

	padding-top:5px;

	margin-bottom:5px;

}

#cabezote{

	width:920px;

	margin:0px auto;

	padding-top:20px;

}

.logo{

	float:left;

	width: 240px;

}

.buscad{

	float:right;

	width: 300px;

	margin-top:-150px;

	text-align:right;

}

#container{

	background: #FFFFFF url(images/foot.jpg) no-repeat bottom center;

	width:920px;

	margin:0px auto;

	margin-bottom:0px;

	padding:0px 10px 0px 10px;

	min-height:450px;

}

.post{

	width:920px;

	margin-top:0px;

	padding-bottom:100px;

	padding-left:10px;

	min-height:250px;

	text-align:justify;

}

.page{

	width:900px;

	margin-top:-25px;

	padding-btop:0px;

	text-align:justify;

        background:#FFFFFF;

}



.bloque{

	width:580px;

	padding-right:20px;

	float:right;

	margin-bottom:0px;

}

.secc{

	background: url(images/secc.png) no-repeat top center;


	padding:10px;
}

.seccb{

	background: url(images/seccb.png) no-repeat top center;
	height:20px;

}

.secc2{

	background: url(images/secc2.png) repeat-y top center;

}


.bloquelateral{

	width:270px;

	float:left;

	margin-left:0px;

}

.izq{

	width:250px;

	float:left;

	margin-left:30px;

	padding-left:20px;

	padding-right:20px;

	font-size:12px;

	line-heigh:16px;

	padding-top: 20px;

	margin-top:20px;

	background: url(images/rec.png) no-repeat top right;

}

.der{

	width:260px;

	float:left;

	padding-right:10px;

	margin-left:30px;

	font-size:12px;

	line-heigh:16px;

	padding-top: 20px;
	margin-top:20px;

	background: url(images/enque.png) no-repeat top right;


}

#sidebar{


	float:left;

}


.consejo{

	background: url(images/consejo.png) no-repeat top right;

	padding-top:20px;

	margin-top: 20px;

	border-bottom:2px solid #D6DF22;
}

.reflex{

	background: url(images/reflex.png) no-repeat top right;

	padding-top:20px;

	margin-top: 20px;

	border-bottom:2px solid #D6DF22;
}


#searchform{

width:275px;

}

#searchsubmit{

width:80px;

}

#comments

.comments_navigation{}

.comments_navigation{}

.comments_reply{}

.comments_text{}

.comments_meta{}

#menu {
	width:610px;

	height:20px;

	position:relative; 

	z-index:125;

	font-family:arial, sans-serif;

	float:right;

	margin:-35px 10px 0 0;

}

* html #menu {width:510px; w\idth:510px;}

#menu a, #menu a:visited {
	display:block;
	font-size:12px;
	text-decoration:none;
	color:#000;
	width:120px;
	height:20px;
	background:url(images/menut.png) no-repeat top center;
	line-height:20px;
	padding-bottom:4px;
	float:left;
	text-align:center;

}

* html #menu a, * html #menu a:visited {width:125px; w\idth:125px;

}

#menu ul ul a.drop, #menu ul ul a.drop:visited {

	background:url(images/menut.png) no-repeat;

}

.menu ul ul a.drop:hover{

	background:url(images/menubgb.png) repeat;

}

.menu ul ul :hover > a.drop {

	background:url(images/menubgb.png) repeat;

}

.menu ul ul ul a, .menu ul ul ul a:visited {

	background:#e2dfa8;

}

.menu ul ul ul a:hover {

	background:url(images/menubga.png) repeat;

}

.menu ul ul {visibility:hidden;position:absolute;height:0;top:21px;left:-20px; width:120px;

}

* html .menu ul ul {top:30px;t\op:30px;}

.menu ul ul ul{left:120px; top:-1px; width:120px;

}

.menu ul ul ul.left {left:-120px;

}

.menu table {position:absolute; top:0; left:0;

}

.menu ul ul a, .menu ul ul a:visited {

	color:#000;

	height:20px;

	line-height:1em;

	padding:2px 10px;

	width:120px;

	background:url(images/menut.png) no-repeat top center;

	font-size:11px;

}

.menu ul ul a:hover, .menu ul ul a:active {

	background:url(images/menuv.png) no-repeat top center;

}

* html .menu ul ul a, * html .menu ul ul a:visited {width:125px;w\idth:120px;}

#menu a:hover{

	color:#000;

	background:url(images/menuv.png) no-repeat top center;

}

.menu ul ul a:hover{

	color:#ffffff;

}

#menu :hover > a, .menu ul ul :hover > a {color:#000;

	background:url(images/menuv.png) no-repeat top center;

}

.menu ul a:hover ul{visibility:visible;

}

.menu ul :hover ul ul{visibility:hidden;

}

.menu ul :hover ul :hover ul{ visibility:visible;

}

.menu ul ul .current_page_item a {

	color: red;

	background: white;

}

.menu .current_page_item a {

	color: red;

	background: white;

}

.menu ul .current_page_item ul a {

	color: white;

	font-weight: normal;

	background: black;

}

.menu ul .current_page_item ul a:hover {

	background: gray;	

}

.menu .current_page_item a:hover {

	background: white;

}

#footer{

	clear:both;

	padding-top:60px;
	padding-bottom:0px;

	font-size: 11px;

	font-weight:bold;

	color:#FFFFFF;

}

#enlaces{

	clear:both;

	padding:10px;

}

.gob{

	width:300px;

	float:right;

}

.gobt{
	padding-left:10px;
	padding-top:10px;
	background: url(images/bga.png) no-repeat top center;
	padding-bottom:10px;
	margin-left:10px;

}

.gobb{
	width:300px;
	float:right;
	padding-left:10px;
	background: url(images/bgab.png) no-repeat top right;
	padding-bottom:10px;
	height:15px;
}

.ent{
	width:300px;
	float:left;
}

.entt{
	padding-left:10px;
	padding-top:10px;
	margin-left:10px;
	padding-bottom:10px;
	background: url(images/bga.png) no-repeat top center;
}

.entb{
	width:300px;

	float:left;

	padding-left:10px;

	background: url(images/bgab.png) no-repeat top center;


	height:15px;

	padding-bottom:10px;
}

.pub{

	width:300px;

	float:left;

}

.pubt{

	padding-left:10px;

	padding-top:10px;

	background: url(images/bgv.png) no-repeat top center;

	padding-bottom:10px;

	margin-left:10px;

}

.pubb{

	width:300px;

	float:left;

	padding-left:10px;

	background: url(images/bgvb.png) no-repeat top center;

	padding-bottom:10px;

		height:15px;

}

.links ul {

	padding-top:0px;

	margin-top:0px;

}

.links ul li {

	padding-left:10px;

	line-height:16px;

}

#jFlowSlide{
	font-family: verdana;
	width:580px;
	float:left;
	margin-bottom:10px;
	padding-top:10px;
	
}
#myController {
	font-family: verdana;
	font-size:11px;
	padding:2px 2px 4px 2px;
	width:576px;
	color:#004b96;
	text-align:right;
	background:none;


}
#myController span.jFlowSelected {
	margin-right:0px;
	color:#000000;
	height:18px;
	width:18px;
}

.slide-wrapper {
	width:500px; 
	height:100px;
	float:left;
	overflow: hidden;
	position: relative;
	margin:0px 40px 10px 40px
}
.slide-thumbnail { width:580px;}
.slide-thumbnail img { position: absolute; top: 0; left: 0; border: 0;   }
.slide-details { 
font-size:10px;
	width:150px;
	float: left;  
    position: absolute;  
	top: 170px;  
	left: 0;
    background: #ffffff;  
    height: 83px;  
    width: 100%;  
    opacity: .8;  
    /* For IE 5-7 */  
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);  
    /* For IE 8 */  
    -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";  } 
	
.slide-details h3 { margin-bottom:0px; margin-top:-20px;background:#FFFFFF;}
.slide-details .description { margin-top:-3px;padding:0px 2px 2px 2px }

.jFlowControl, .jFlowPrev, .jFlowNext { cursor:pointer; color:#FFFFFF; padding-left:5px; padding-right:5px;  padding-top:2px; padding-bottom:2px; margin-top:3px; }
.jFlowControl:hover, .jFlowPrev:hover, .jFlowNext:hover { color: #222222; background:url(images/nava.png) no-repeat top center; }