/* ----------------------------------------------------------------------------------------------------------

    Output device: screen, projection

    Author:     Nuvio (www.nuvio.cz)
    Update:     2008-07-29, 18:30 GMT+1
    Version:    2.2.6 (2008-07-13, 14:28 GMT+1)

    Structure:
        display; position; z-index; float; clear; width; height; overflow; margin; padding; border; background; align; font;

    Content:
    
        1) HTML tags
        2) HTML styles
        3) Layout
        4-1) Page: Homepage
        5) Others

---------------------------------------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------------------------------------
1) HTML tags
---------------------------------------------------------------------------------------------------------- */

body {background:url("../design/bg.gif") 0 0 repeat-x; font:0.85em/1.5 "arial", "helvetica", "sans-serif", "verdana"; text-decoration: none; /* fuera el subrayado */}

h1, h2, h3, h4, h5, h6, p, address, blockquote, table, dl, fieldset {margin:15px 0;}

/* ----------------------------------------------------------------------------------------------------------
2) HTML styles
---------------------------------------------------------------------------------------------------------- */

ul.ul-01 {margin:15px 0; list-style:none;}
ul.ul-01 li {padding:2px 0 2px 25px; background:url("../design/ul-01.gif") 0 50% no-repeat; font-size:85%;}

ul.ul-list {margin:15px 0; list-style:none;}
ul.ul-list li {padding:1px 0;}
ul.ul-list span.date {padding-right:10px;}

/* ----------------------------------------------------------------------------------------------------------
3) Layout
---------------------------------------------------------------------------------------------------------- */

#main {width:960px; margin:0 auto; overflow:hidden;}

    #header {position:relative; height:90px; padding:30px 20px 15px 20px;}
        
#logo {margin:0;}

    
        #nav {position:absolute; top:80px; right:20px; margin:0; 
	font-family: "Sans-serif"; "Verdana"; "Georgia"; "Arial"; "times new roman";
	font-size: 10pt;
	color: #30B100;}
        #nav span {margin:0 8px;}
        #nav #nav-active {font-weight:bold; text-decoration:none;}
    
    #tray {position:relative; width:960px; height:45px; background:url("../design/tray.gif") 0 0 no-repeat; overflow:hidden; font:bold 90%/1 "tahoma",sans-serif;}
    #tray ul {margin:0 20px; list-style:none;}
    #tray li {display:inline;}
    #tray li a {display:block; float:left; padding:17px 20px 17px 18px; background:url("../design/tray-separator.gif") 100% 0 no-repeat; text-decoration:none;}
    #tray li a:hover {background:url("../design/tray-hover.gif"); text-decoration: none; /* fuera el subrayado */}
    #tray li#tray-active a {background:url("../design/tray-active.gif");}

        #search {position:absolute; top:8px; right:20px;}
        #search div {position:relative; width:185px;}
        
        #search #search-input {position:absolute; top:0; left:0; width:150px; height:30px; background:url("../design/search-input.gif") 0 0 no-repeat; overflow:hidden;}
        #search #search-input input {width:136px; margin:8px; border:0; font:100%/1 "arial",sans-serif;}
        #search #search-submit {position:absolute; top:0; right:0; width:30px;}

    #footer {clear:both; padding:20px 20px 40px 20px; font-size:85%;}
    #footer p {margin:0;}

/* ----------------------------------------------------------------------------------------------------------
4-1) Page: Homepage
---------------------------------------------------------------------------------------------------------- */

#col-top {width:960px; height:5px; margin-top:15px; background:url("../design/col-top.gif") 0 0 no-repeat; font-size:0; line-height:0; overflow:hidden;}
#col-bottom {width:960px; height:5px; margin-bottom:15px; background:url("../design/col-bottom.gif") 0 0 no-repeat; font-size:0; line-height:0; overflow:hidden;}
#col {position:relative; padding:1px 30px 5px 20px; background:url("../design/col.gif") 0 0 repeat-y;}

    #ribbon {position:absolute; top:-5px; left:0; width:100px; height:100px; background:url("../design/ribbon3.gif") 0 0 no-repeat; font-size:0; line-height:0; overflow:hidden; z-index:10;}

    #ribbon4 {position:absolute; top:-5px; left:0; width:100px; height:100px; background:url("../design/ribbon4.gif") 0 0 no-repeat; font-size:0; line-height:0; overflow:hidden; z-index:10;}

    #col-browser {position:relative; float:left; width:280px; height:215px; background:url("../design/browser.gif") 0 0 no-repeat;}
    #col-browser img {position:absolute; top:28px; left:10px;}

    #col-text {float:right; width:600px; padding-top:15px; line-height:1.7;}

    #col-portada {float:right; width:900px; padding-top:15px;}

        #slogan {position:relative; width:550px; height:33px; overflow:hidden; margin:0; padding:0; font-size:160%;}
        #slogan span {display:block; position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; margin:0; padding:0; background:url("../tmp/slogan2.gif") 0 0 no-repeat;}
        #btns {margin-top:25px; margin-bottom:0;}

#slogan3 {position:relative; width:550px; height:33px; overflow:hidden; margin:0; padding:0; font-size:160%;}
        #slogan3 span {display:block; position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; margin:0; padding:0; background:url("../tmp/slogan3.gif") 0 0 no-repeat;}

#slogan4 {position:relative; width:550px; height:33px; overflow:hidden; margin:0; padding:0; font-size:160%;}
        #slogan4 span {display:block; position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; margin:0; padding:0; background:url("../tmp/slogan4.gif") 0 0 no-repeat;}

#slogan5 {position:relative; width:550px; height:33px; overflow:hidden; margin:0; padding:0; font-size:160%;}
        #slogan5 span {display:block; position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; margin:0; padding:0; background:url("../tmp/slogan5.gif") 0 0 no-repeat;}

#slogan6 {position:relative; width:550px; height:33px; overflow:hidden; margin:0; padding:0; font-size:160%;}
        #slogan6 span {display:block; position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; margin:0; padding:0; background:url("../tmp/slogan6.gif") 0 0 no-repeat;}

#slogan7 {position:relative; width:550px; height:33px;
overflow:hidden; margin:0; padding:0; font-size:160%;}
        #slogan7 span {display:block; position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; margin:0; padding:0; background:url("../tmp/slogan7.gif") 0 0 no-repeat;}

#cols2-top {width:960px; height:5px; margin-top:15px; background:url("../design/cols2-top.gif") 0 0 no-repeat; font-size:0; line-height:0; overflow:hidden;}
#cols2-bottom {width:960px; height:5px; margin-bottom:15px; background:url("../design/cols2-bottom.gif") 0 0 no-repeat; font-size:0; line-height:0; overflow:hidden;}
#cols2 {background:url("../design/cols2.gif") 0 0 repeat-y;}

    #cols2 #col-left {float:left; width:595px; padding:0px 20px 20px 20px;}
    #cols2 #col-right {float:right; width:268px; margin-right:1px; padding:0px 20px 20px 20px;}
    
        #cols2 #col-left h4, #cols2 #col-right h4 {margin:0; font-size:100%;}
        #cols2 #col-left .title {background:url("../design/dot.gifX") 0 50% repeat-x;}
        #cols2 #col-left .title h4 {display:inline; padding-right:10px;}
        #cols2 #col-left .title span {padding-left:10px;}

        #cols2 .box {margin-top:15px;}
        #cols2 #col-right h4 {background:url("../design/dot-02.gif") 0 50% repeat-x;}
        #cols2 #col-right h4 span {padding-right:10px;}
        #cols2 .col-right-img {float:left; width:65px;}
        #cols2 .col-right-img2 {float:right; width:65px;}
        #cols2 .col-right-text {float:right; width:190px;}
        #cols2 .col-right-text p {margin-left:12px;}

#cols3-top {width:960px; height:5px; margin-top:15px; background:url("../design/cols3-top.gif") 0 0 no-repeat; font-size:0; line-height:0; overflow:hidden;}
#cols3-bottom {width:960px; height:5px; margin-bottom:15px; background:url("../design/cols3-bottom.gif") 0 0 no-repeat; font-size:0; line-height:0; overflow:hidden;}
#cols3 {background:url("../design/cols3.gif") 0 0 repeat-y;}

#cols4-top {width:960px; height:5px; margin-top:15px; background:url("../design/cols2-top.gif") 0 0 no-repeat; font-size:0; line-height:0; overflow:hidden;}
#cols4-bottom {width:960px; height:5px; margin-bottom:15px; background:url("../design/cols2-bottom.gif") 0 0 no-repeat; font-size:0; line-height:0; overflow:hidden;}
#cols4 {background:url("../design/cols2.gif") 0 0 repeat-y;}

    #cols4 #col-left {float:left; width:960px; padding:20px;}
    
        #cols4 #col-left h4, #cols2 #col-right h4 {margin:0; font-size:100%;}
        #cols4 #col-left .title {background:url("../design/dot.gif") 0 100% repeat-x;}
        #cols4 #col-left .title h4 {display:inline; padding-right:10px;}
        #cols4 #col-left .title span {padding-left:10px;}

        #cols4 .box {margin-top:15px;}


    .col {float:left; width:308px; padding:0 1px; margin-right:15px;}
    .col.last {margin-right:0;}
    .col h3 {margin:0; padding:7px 15px 12px 50px; background:url("../design/cols3-title.gif") 20px 40% no-repeat; font-size:120%;}

        .col-text {padding:20px; border-top:1px solid #DFDFDF;}
        .col-text p {margin:0;}
        .col-text ul {margin-bottom:0;}
        .col-more {padding:10px 10px 1px 0; text-align:right;}

/* ----------------------------------------------------------------------------------------------------------
5) Others
---------------------------------------------------------------------------------------------------------- */

.ico-comment {padding-left:18px; background:url("../design/ico-comment.gif") 0 50% no-repeat;}
.ico-rss {padding-left:18px; background:url("../design/ico-rss.gif") 0 50% no-repeat;}

.smaller {font-size:85%;}

div.feedBurnerFeedBlock p.feedTitle { color: red; }

a {text-decoration: none; }
/* Eliminar subrayado */
a:link { color: #5A90CF; }
a:visited {color: #965FBF; }
a:hover, a:focus { text-decoration: underline; }
a:active {color: white; background-color: #d90000; }

#buscador_geo {float:right; }

# gallery
.galleria{list-style:none;width:200px}
.galleria li{display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0 10px 10px 0}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:400px} /* MSIE bug */

#eslogan 
{float:right; 
 margin: 3px; 
 padding: 13px;
 font-family: "Sans-serif"; "Verdana"; "Georgia"; "Arial"; "times new roman";
 font-size: 11pt;
 color: #30B100;

}

/**************************************************************
	Slide
**************************************************************/

* {margin:0; padding:0}
.sm {list-style:none; width:550px; height:200px; display:block; overflow:hidden}
.sm li {float:left; display:inline; overflow:hidden; cursor:pointer;}

.slideshow { height: 200px; width: 300px; margin-left:0px; margin-right:10px; }
.slideshow img { padding: 0px; border: 0px solid #ccc; background-color: #eee; }


/*************************************************************/

#col-slide {float:right; margin-left:45px; margin-right:10px; padding:5px 0px 5px 0px;}

#descripcion {
	padding:0px 0px 5px 10px;
	color: #949494;
	font: 1.5em/1.3 Helvetica, Arial, sans-serif;
}

#frases {
float:right;
position:relative;
}

#noticias
{width:200px; height:200px; float:right;}

#noticias2
{width:200px; height:200px; float:right; margin: 3px; 
 padding: 0px;}

#twitter_update_list
{margin-left:75px; margin-right:0px; padding:10px 10px 10px 10px;}

#describe-inicio
{margin-left:0px; margin-right:0px; padding:0px 0px 0px 0px;
text-align:justify;
}

#imagen-noticia
{ float:left; margin-left:0px; margin-right:0px; padding:0px 15px 0px 20px; }


/**
{ float:left height: 250px; width: 350px; padding: 50px; border: 100 px 30px solid #ccc; background-color: #eee; }


<img style="height: 250px; width: 350px; border: 20px solid #F5F5F5;" alt="Curso de Agricultura Urbana"
src="http://farm6.static.flickr.com/5046/5314504731_a5c3dc955b.jpg"
align="left">
**/

#listas
{margin-left:75px; margin-right:0px; padding:0px 10px 10px 10px;}

#imagen_pie_galeria
{float:left; margin-left:0px; margin-right:0px; padding:0px 10px 10px 10px;}

#siguenos_div


/* Rollover */

/*********** Rollover Enlaces *************************/

		ul.hover_block { display: block; overflow: hidden; height: 1%; padding-bottom: 1px; }
			
		ul.hover_block li, ul.hover_block2 li {
			list-style:none;
			float:left;
			background: #f5f5f5;
			padding: 0px 0slpx 10px 2px;
			width:225px; position: relative;
			margin-right: 0px; }

		ul.hover_block li a, ul.hover_block2 li a {
			display: block;
			position: relative;
			overflow: hidden;
			height: 150px;
			width: 200px;
			padding: 1px;
			color: #949494;
			font: 2.3em/1.3 Helvetica, Arial, sans-serif;
		}

		ul.hover_block li a, ul.hover_block2 li a {
		text-decoration: none;
		text-align:center;
		text-shadow: 1px 1px white, -1px -1px #333
		}

		ul.hover_block li img, ul.hover_block2 li img {
			position: absolute;
			top: 0;
			left: 0;
			border: 0;
		}
		
		.parentesis {
		font: 0.5em/1.3 Helvetica, Arial, sans-serif;
		}
/*********** Fin Rollover Enlaces *************************/

.imagenes-siguenos
{ float:left; margin-left:12px; margin-right:0px; padding:0px 15px 10px 0px; }