/* ALL */

html, body {
	padding: 0;
	margin: 0 auto;
	height: 100%;
	/*background-color: #CCDABF;*/
	background-color: #CCDABF;
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	width:780px;
	height:auto;
	
}


.texto_normal {  
	font-size: 14px !important; 
	color: #666666; 
	line-height: 1.5
}
.texto_chico {  
	font-size: 12px !important; 
	color: #666666; 
	line-height: 1.5
	
}

.texto_tabs   {
	font-size: 10px;
	color: #666666;
	line-height: 1.5;
	left: 15px;
	top: 15px;
	right: 15px;
	bottom: 15px;
	position: absolute;
	text-align: justify;
}

.texto_chico a:link {  font-size: 12px; color: #76B900; text-decoration: none}
.texto_chico a:hover {  font-size: 12px; color: #76B900; text-decoration: underline}
.texto_chico a:visited {  font-size: 12px; color: #76B900; text-decoration: none}
.texto_chico a:active {  text-decoration: none; color: #76B900}

a:link {  font-size: 14px !important; color: #76B900; text-decoration: none}
a:hover {  font-size: 14px !important; color: #76B900; text-decoration: underline}
a:visited {  font-size: 14px !important; color: #76B900; text-decoration: none}
a:active {  text-decoration: none; color: #76B900}



.subtitulo {  font-size: 18px !important;  font-weight: normal; color: #76B900 }
.texto_blanco {  font-size: 12px; color: #FFFFFF}
.titulo_blanco {  font-size: 20px; color: #FFFFFF}
.titulo_negro {  font-size: 18px; color: #000000}
.texto_blanco_peque {  font-size: 12px; color: #FFFFFF}
.texto_peque {  font-size: 12px; font-weight: normal; color: #333333}
.texto_forma {  font-size: 14px; color: #48884A; background-color: #CCDED1}

.representaciones {  
	
	font-size: 14px; 
	color: #666666
}

.content {
	background-color:#FFFFFF;
	width:700px;
	border: thin solid #76B900;	
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 14px;
	text-align: justify;
	margin: 10px;
	padding: 15px;
	line-height: 1.5;
}	

.carro{
	background-color:#FFFFFF;
	width:470;
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 14px;
	text-align: justify;
	margin: 0px;
	padding: 15px;
	line-height: 1.5;
	}

.floatright {
	float: right;
	margin: 0 0 5px 10px;
	clear: right;
	height:100%;
	vertical-align:middle;
}

.containingbox p { margin-top: 0;}

.floatleft	{
	float: left;
	margin: 0 10px 5px 0;
	clear: left;
}

.piefotoder 
{  

font-size: 14px; 
color: #990000; 
line-height: 1.5; 
font-style:italic; 
text-align:right;
}

.piefotoizq 
{  

font-size: 14px; 
color: #990000; 
line-height: 1.5; 
font-style:italic; 
text-align:left;
}

.piefotocen
{  

font-size: 14px; 
color: #990000; 
line-height: 1.5; 
font-style:italic; 
text-align:center;
margin: 0px 0px 0px 0px; 
}



#columnas {
    float:left;
    width:500px;
}

#col1 {
    background:white;
}

#col2 {
    background:white;
}	


.container{
display: table; 
#position: relative; 
overflow: hidden;
border:0px solid #FFFFFF;
}

.block{
#position: absolute;
#top: 50%;
display: table-cell; 
vertical-align: middle;	
}

.vertical{
#position: relative; 
#top: -50%; 
margin: 1px 1px 1px 1px;
padding:0px;
border:0px solid #FFFFFF;
font-size: 14px; color: #666666; line-height: 1.5
}

.headerForms {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #555555;
	text-align: left;
	margin: 0px;
	height: 45px;
	width: 530px;
/*	padding:2px 6px 4px;*/
	padding: 0px 0px 0px 10px;
	color: #555555;
	background-color: #eeeeee;
/*	border: #dddddd 2px solid; 	
	border: thin solid #76B900;*/
	border-bottom: 1px solid;
	border-bottom-color: #CCCCCC;
	vertical-align: middle;
	line-height: 45px;
}

.headerForms a:link{
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #555555;
	text-decoration:none;
	cursor:pointer;
	
}





/* NEW DROP DOWN MENU CSS */


.mainNav {
 margin-top: -132px;
 margin-left: 20px;
 font-family: Swis721 Md BT, Helvetica Neue, Helvetica, Arial, sans-serif;
 font-size: 14px;
 color: #333333;
 width: 760px;
 text-align: left;
 border-bottom: #CCDABF solid 3px;
 height: 129px;
}

.mainNav .logo {
 margin-bottom: 0px;
 margin-right: 3px;
}

.mainNav .logo a.rollover {
	display: block;
	width: 200px;
	height: 85px;
	text-decoration: none;
	background: url("imagenes/logo-header.png");
	background-repeat: no-repeat;
	}

.mainNav .logo a.rollover:hover {
	background-position: -226px 0;
	}

.mainNav .logo .displace {
	position: absolute;
	left: -5000px;
	}


.mainNav .linebreak {
 width: 747px;
 margin-left: 0px;
}

.mainNav .linebreak .black {
 border-top: 1px solid black;
}

.mainNav .linebreak .white {
 border-top: 1px solid white;
}

.mainNav a {
 font-family: Swis721 Md BT, Helvetica Neue, Helvetica, Arial, sans-serif;
 color: #333333;
  font-size: 14px;
}


.mainNav ul.dropdown li.arrow hover,
.mainNav ul.dropdown li.arrow:hover {
 background-image: url(imagenes/flechita.gif);
 background-repeat: no-repeat;
 background-position: 0px 11px;
}

.mainNav li.arrow {
 background-image: url(imagenes/flechita.gif);
 background-repeat: no-repeat;
 background-position: 0px 11px;
}


.mainNav .seperator {
 border-right: 2px solid #333333;
 margin-top: -18px;
 margin-bottom: 7px;
 height: 10px;
}

.mainNav ul.dropdown a:hover {
 color: white;
 text-decoration: none;
 text-shadow: 0px 1px 1px #333333;
}

.mainNav ul.dropdown a {
  color: #333333;
}

.mainNav ul.dropdown,
.mainNav ul.dropdown li,
.mainNav ul.dropdown ul {
 list-style: none;
 margin: 0;
 padding: 0;
 color: #333333;
}


.mainNav ul.dropdown {
 position: relative;
 z-index: 597;
 float: left;
}

.mainNav ul.dropdown li {
 float: left;
 min-height: 1px;
 line-height: 1.3em;
 vertical-align: middle;
}

.mainNav ul.dropdown li.hover,
.mainNav ul.dropdown li:hover {
 position: relative;
 z-index: 599;
 cursor: pointer;
}

.mainNav ul.dropdown ul {
 visibility: hidden;
 position: absolute;
 top: 100%;
 left: 0;
 z-index: 598;
 width: 100%;
 
}

.mainNav ul.dropdown ul li {
 float: none;
 margin-left: 5px;
}

.mainNav ul.dropdown ul ul {
 top: 1px;
 left: 99%;
}

.mainNav ul.dropdown li:hover > ul {
 visibility: visible;
}



.mainNav ul.dropdown-vertical-rtl {
 float: right;
}

.mainNav ul.dropdown-vertical-rtl ul,
.mainNav ul.dropdown-horizontal > li.dropdown-vertical-rtl ul ul {
 left: auto !important;
 right: 99%;
}

.mainNav ul.dropdown-horizontal li.dropdown-vertical-rtl ul {
 left: auto;
 right: 0;
}

.mainNav ul.dropdown-vertical-rtl li,
.mainNav li.dropdown-vertical-rtl li {
 text-align: right;
}


/* -- Base style extension -- */

.mainNav ul.dropdown a,
.mainNav ul.dropdown span {
 display: block;
 padding-bottom: 7px;
 padding-left: 12px;
 padding-right: 12px;
 padding-top: 7px;
}

.mainNav .bar {
 margin-left: -10px;
}


/* -- Base style override -- */

.mainNav ul.dropdown li {
 padding: 0;
}

.mainNav ul.dropdown ul a,
.mainNav ul.dropdown ul span {
 padding: 8px;
}


/* -- Base style reinitiate: post-override activities -- */




/* -- Custom styles -- */

.mainNav ul.dropdown li.hover,
.mainNav ul.dropdown li:hover {
 background: url(../../../../images/default/grad2.png) repeat-x;
 color: #000; 
}


 

.mainNav ul.dropdown li a:active {
 background: url(../../../../images/default/grad1.png) repeat-x;
 width: 90%;
}

	ul.dropdown ul {
	 margin-top: 20px;
	 background-color: #999;
	 margin-bottom: 20px;
	}


/* -- Mixed -- */

.mainNav ul.dropdown li a,
.mainNav ul.dropdown *.dir {
 margin-bottom: 0px;
	 
}


/* -- Drop-down open -- */

.mainNav ul.dropdown li.on > *.dir,
.mainNav ul.dropdown li:hover > *.dir,
.mainNav ul.dropdown-horizontal li.dropdown-vertical-rtl li:hover > *.dir {
 border-style: solid;
 border-width: 0px 0px 0px 0; 
 color: #fff;
 text-shadow: 0px 1px 1px #333333;
}

.mainNav ul.dropdown ul li.on > *.dir,
.mainNav ul.dropdown-vertical li.on > *.dir,
.mainNav ul.dropdown ul li:hover > *.dir,
.mainNav ul.dropdown-vertical li:hover > *.dir {
 padding-left: 8px;
 border-top-color: #fff;
}

.mainNav ul.dropdown-vertical.dropdown-vertical-rtl li.on > *.dir,
.mainNav ul.dropdown-vertical.dropdown-vertical-rtl li:hover > *.dir,
.mainNav ul.dropdown-horizontal li.dropdown-vertical-rtl li:hover > *.dir {
 padding-right: 0px;
 background-position: 0px 0%;
}


.mainNav ul.dropdown-upward li.on > *.dir,
.mainNav ul.dropdown-upward li:hover > *.dir {
 border-top-color: #fff;
}

.mainNav ul.dropdown-upward ul li.on > *.dir,
.mainNav ul.dropdown-upward ul li:hover > *.dir {
 border-bottom-color: none;
}



/* ECOFORESTAL HOMEPAGE */


.ecoforestalHomepage #wrap  {
	background-image: url(ecoforestal/ecoforestal_homepage/imagenes/back.png); 
	width: 780px;
	height: 740px;
	background-repeat: no-repeat;
	background-position:center top; 
	
	padding: 0%;
	margin: 0%;
}
.ecoforestalHomepage #header {
	width: 780px;
	height: 146px; 
}
.ecoforestalHomepage #flashbanner {
	background-color: #CCDABF;
}

.ecoforestalHomepage #schematic {
	background-image: url(ecoforestal/ecoforestal_homepage/imagenes/schematic.png); 
	width: 780px;
	height: 200px; 
	background-repeat: no-repeat;
	background-position:center top; 
	background-position-y: 0px;
	margin-top: 7px;
}


.ecoforestalHomepage #restauracion { 
	float: left;
	width: 281px;
	height: 48px;
	margin-top: -13px;
	margin-left: -80px;
	padding:0;
	list-style:none;
	overflow:hidden; 
}

.ecoforestalHomepage #restauracion li { 
	float: left;
	margin:0;
	padding:0;
	width: 281px;
	height: 48px;
	overflow:hidden;
} 

.ecoforestalHomepage #restauracionLink { left:0;top:0; }

.ecoforestalHomepage #restauracion li a {
	float:left;
	display:inline;
	width:100%;
	height:100%;
}

.ecoforestalHomepage #restauracion li#restauracionLink a:link, #restauracion li#restauracionLink a:visited {
	background:url('ecoforestal/homepage/imagenes/restauracion.png') no-repeat;
	background-position:0px 0px;
}

.ecoforestalHomepage #restauracion li#restauracionLink a:hover, #restauracion li#restauracionLink a:active {
	background:url('ecoforestal/homepage/imagenes/restauracion-link.png') no-repeat;
	background-position:0px 0px;
}

.ecoforestalHomepage #restauracion li a * {display:none;}



.ecoforestalHomepage #sidebar {
	float: left;
	width: 210px;
	background-color: transparent;
	text-align: left;
	font-size: 14px; 
	line-height: 1.5;
	margin-left: -3px;
	margin-top: -70px;
	margin-right: -20px;
	font-size: bold;
	color: #000;
	height: 500px;
	
}

.ecoforestalHomepage #intro {
	text-align: left;
	float: left;
	width: 400px;
	background-color: #;
	margin-top: 13px;
	border-bottom-right-radius: 100px 50px;
	border-top-right-radius: 100px 0px;
	line-height: 1.5;
	margin-left: 3px; 
}

.ecoforestalHomepage #intro_text {
	float: left;
	margin-left: 10px;
	margin-top: 10px;
	margin-right: 12px; 
}

.ecoforestalHomepage .intro_title {  
	
	font-size: 14px; 
	line-height: 1.4; 
	margin-bottom: 10px;
}




.ecoforestalHomepage #intro p {
	margin-top: -3px;
}

.ecoforestalHomepage #line {
	margin-top: 0px;
	margin-bottom: 10px;
	margin-left: 7px;
}

.ecoforestalHomepage #line img {
	width: 190px;
}


.ecoforestalHomepage #links {
	text-align: left;
	float: left;
	width: 210px; 
	line-height: 1.5;
	margin-top: -5px;
	margin-bottom: 0px;
	margin-left: 15px;
}


.ecoforestalHomepage #button { 
	float: left;
	width: 128px;
	height: 161px;
	margin-top: 0px;
	margin-left: 10px;
	padding:0;
	list-style:none;
	overflow:hidden; 
}

.ecoforestalHomepage #button li { 
	float: left;
	margin:0;
	padding:0;
	width: 128px;
	height: 161px;
	overflow:hidden;
} 

.ecoforestalHomepage #buttonLink { left:0;top:0; }

.ecoforestalHomepage #button li a {
	float:left;
	display:inline;
	width:100%;
	height:100%;
}

.ecoforestalHomepage .tree {
	opacity:0.0; 
	filter:alpha(opacity=0); /* For IE8 and earlier */
	position: absolute; 
	left: 10px; 
	top: 0px;
}

.ecoforestalHomepage #button li#buttonLink a:link, #button li#buttonLink a:visited {
	background:url('ecoforestal/ecoforestal_homepage/imagenes/treebutton.png') no-repeat;
	background-position:0px 0px;
}

.ecoforestalHomepage #button li#buttonLink a:hover, #button li#buttonLink a:active {
	background:url('ecoforestal/ecoforestal_homepage/imagenes/treebutton-link.png') no-repeat;
	background-position:0px 0px;
}

.ecoforestalHomepage #button a {  font-size: 14px; color: #76B900; text-decoration: none;}

.ecoforestalHomepage #button ul {
	float: left;
	list-style: none;
	margin-left: -39px;
	margin-top: 15px;
}
.ecoforestalHomepage #button ul.words {
	color: black;
	font-family: Futura LT Book, Helvetica Neue, Helvetica, Arial, sans-serif;
}
.ecoforestalHomepage #button li.first {
	height: 35px;
	font-size: 14px;
	margin-left: 15px;
}
.ecoforestalHomepage #button li.second {
	margin-left: 30px;
	margin-top: -5px;
	height: 40px;
	font-size: 14px;

}
.ecoforestalHomepage #button li.third {
	height: 50px;
	margin-left: 15px;
	margin-top: -10px;
	font-size: 14px;

}

.ecoforestalHomepage #main {
	float: right;
	width: 582px;
	height: 540px;
	background-color: transparent;
}
.ecoforestalHomepage #topleaf {
	float: left;
	background-image: url(ecoforestal/ecoforestal_homepage/imagenes/topleaf.png); 
	width: 606px;
	height: 740px;
	margin-top: -200px;
	margin-left: -20px;
	background-repeat: no-repeat;
	
}


.ecoforestalHomepage #fadeshow1 {
	position: absolute;
	top: -200px;
	left: -190px;	
	z-index: 0;
		
}

.ecoforestalHomepage #fadeshow2 {
	position: absolute;
	top: -650px;
	left: -113px;	
	z-index: 0;
	
}

.ecoforestalHomepage #fadeshow3 {
	position: absolute;
	top: -1070px;
	left: 20px;	
	z-index: 0;
}

.ecoforestalHomepage #fadeshow4 {
	position: absolute;
	top: -1225px;
	left: 164px;	
	z-index: 0;
}

.ecoforestalHomepage #fadeshow5 {
	position: absolute;
	top: -1225px;
	left: 87px;	
	margin-bottom: -3000px;
	z-index: 0;
	
}




.ecoforestalHomepage .leafdrops  {
	position: relative;
	top: 105px;
	left: 8px;
	z-index: 1100;
}

.ecoforestalHomepage .map  {
	z-index: 1100;
}

.ecoforestalHomepage .maps  {
	z-index: 1100;
}


.ecoforestalHomepage #photos {
	position: relative;
	top: 40px;
	left: 0px;
}



.ecoforestalHomepage #toplayerLeaves {
	position: absolute;
	margin-top: -380px;
	margin-left: -5px;
	
}

.ecoforestalHomepage .footer {
	position: relative;
	top: -10px;
	left: -0px;
}


/* ECOFORESTAL CATALOGO ARBOLES PAGE */

.catalogoPage #header  {
      width: 780px;
	  height: 457px; 
	  background-color: white;   
	  background-image: url(ecoforestal/catalogo_arboles/imagenes/sunset.gif);
	  background-repeat: no-repeat;
	  background-position: -0px 140px;  
	  padding: 0px;
      margin: 0px; 
}

.catalogoPage #wrap  {
    background-image: none;
    width: 780px;
    padding: 0px;
      margin: 0px; 
      height: 600px;
}

.catalogoPage #main  {
    height: 540px;
    width: 582px;
    padding: 0px;
    margin: 0px; 
  position: relative;
  left: 0px;
}

.catalogoPage #sidebar {
    height: 540px;
    padding: 0px;
    margin: 0px; 
    text-align: left;
}

   
/* roundabout */

.roundabout {
      list-style: none;
      padding: 0px;
      margin: 0px;                 
}

      
.roundabout a:link {
      text-decoration: none;   
      opacity: 1;   
      
}


.roundabout-holder {
      list-style: none;
      padding: 0;
      height: 280px;
      width: 550px;
      margin-top: 15px;
      margin-left: 43px;
      margin-bottom: 0px;
      
   }
.roundabout-moveable-item {
      height: 159px;
      width: 230px;
      margin-top: -15px;
      cursor: pointer;
      background-color: transparent;
      border: none;
   }
.roundabout-in-focus {
      	cursor: auto;  
   }
    
.roundabout ul  {
	list-style: none;
	padding: 0;
	margin: 0 auto;
}
.roundabout li {
	text-align: center;
	cursor: pointer;
	padding-top: 10px;
	padding-left: 10px;
	
}
.roundabout li img {

	
}
.roundabout li.roundabout-in-focus {
	cursor: default;
	
}
.roundabout li span {
	display: block;
	padding-top: 6em;
}


.roundabout .monolith {
	text-align: center;
	width: 781px;
	height: 326px;
	bottom: 35px;
	left: -130px;
	position: relative;
	z-index: 110;
	background-image: url(ecoforestal/catalogo_arboles/imagenes/tree.gif);
	background-repeat: no-repeat;
	background-position-x: 30px;
	background-position-y: 0px;
	opacity: 0.95;
	color: white;
	margin-top: 4px;
	cursor:default;
}



.roundabout .mover  {
	cursor:pointer;
}

.roundabout .text {
	cursor:pointer;	
}

.roundabout .text .circle {
	cursor:pointer;
	
}

.roundabout .text .circleBack {
	cursor:pointer;
}


.roundabout-in-focus .mover  {
	cursor:default;
}

.roundabout-in-focus .text {
	cursor:default;	
}

.roundabout-in-focus .text .circle {
	cursor:default;
}

.roundabout-in-focus .text .circleBack {
	cursor:default;
}




.roundabout-in-focus .circle {
	display: none;	
}
.roundabout .circleBack img {
	margin: -4px -15px;	
	opacity: 0.9;
	
}

.roundabout .circleBack img:hover {
	margin: -4px -15px;	
	opacity: 1;
	
}


.roundabout-in-focus .circleBack {
	height: 60px;
	width: 170px;
	background-color: #335b13;
	opacity: 0.6;
	filter:alpha(opacity=60); /* For IE8 and earlier */
	border-radius:5px;
	position: relative;
	top: 105px;
	left: 30px;
	display: block;	
}


.roundabout-in-focus .greencircle1 {
	opacity: 1;
	background-image: url(ecoforestal/catalogo_arboles/imagenes/circle1.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 180px;
	width: 230px;
}


.roundabout-in-focus .greencircle2 {
	opacity: 1;
	background-image: url(ecoforestal/catalogo_arboles/imagenes/circle2.png);
	background-repeat: no-repeat;
	background-position: -5px -10px;
	height: 180px;
	width: 230px;
}

.roundabout-in-focus .greencircle3 {
	background-image: url(ecoforestal/catalogo_arboles/imagenes/circle3.png);
	background-repeat: no-repeat;
	background-position: -2px -10px;
	height: 180px;
	width: 230px;
}

.roundabout-in-focus .greencircle4 {
	background-image: url(ecoforestal/catalogo_arboles/imagenes/circle4.png);
	background-repeat: no-repeat;
	background-position: -9px -5px;
	height: 180px;
	width: 230px;
}

.roundabout-in-focus .greencircle5 {
	background-image: url(ecoforestal/catalogo_arboles/imagenes/circle5.png);
	background-repeat: no-repeat;
	background-position: 0px -20px;
	height: 180px;
	width: 230px;
}

.roundabout-in-focus .greencircle6 {
	background-image: url(ecoforestal/catalogo_arboles/imagenes/circle6.png);
	background-repeat: no-repeat;
	background-position: 0px -20px;
	height: 180px;
	width: 230px;
}

.roundabout-in-focus .greencircle7 {
	background-image: url(ecoforestal/catalogo_arboles/imagenes/circle7.png);
	background-repeat: no-repeat;
	background-position: 0px -5px;
	height: 180px;
	width: 230px;
}

.roundabout h3 {
	display: none;
	opacity: 1;
	
}



.roundabout p {
	display: none;
	line-height: 20px;
	opacity: 1;
	
	
	
}

.roundabout a {
	display: block;
	
	
}

.roundabout-in-focus a {
	display: block;
	
}


.roundabout-in-focus h3 {
	display: block;
	opacity: 1;
	
	color: white;
	letter-spacing: 1.5px;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	text-shadow: 
	0 0 1px #fff, 
	0 1px 2px rgba(0,0,0,0.3);
	font-size: 14px;
	background-color: transparent;
}




.roundabout-in-focus .text p {
	display: block;
	color: #fff;
	padding: 5px 5px;
	font-style: sans-serif;
	font-size: 14px;
	border-top: 1px solid rgba(255,255,255,0.5);
	position: absolute;
	width: 129px;
	top: 90px;
	left: 55px;
	opacity: 100;
	background-color: transparent;
	line-height: 19px;
}




.roundabout .text h3 {
	letter-spacing: 1.5px;
	font-size: 22px;
	position: absolute;
	top: 108px;
	left: 73px;
	opacity: 100;
	background-color: transparent;
	
	
}

.roundabout .text h3.two {
	letter-spacing: 1.5px;
	font-size: 20px;
	left: 58px;
	top: 110px;
	height: 40px;

}

.roundabout .text h3.three {
	letter-spacing: 1.5px;
	font-size: 20px;
	left: 60px;
	top: 110px;
	height: 40px;

}

.roundabout .text h3.four {
	letter-spacing: 1.5px;
	font-size: 16px;
	left: 60px;
	top: 98px;
	margin-bottom: 10px;
	width: 120px;
	line-height: 19px;

}

.roundabout .text h3.five {
	letter-spacing: 1.5px;
	font-size: 17px;
	left: 60px;
	top: 95px;
	line-height: 20px;
	height: 40px;
	width: 120px;

}

.roundabout .text h3.six {
	letter-spacing: 1.5px;
	font-size: 17px;
	left: 60px;
	top: 95px;
	line-height: 20px;
	height: 40px;
	width: 120px;

}

.roundabout .text h3.seven {
	letter-spacing: 1.5px;
	font-size: 18px;
	left: 50px;
	top: 114px;
	height: 40px;

}


/* sidebar catalogoMenu */

#sidebar #emptyCatalogomenu {
	
}


#sidebar #catalogoMenu ul {
	float: left;	
	width: 180px;
	text-align: left;
	margin-top: 10px;
	margin-left: 0px;
	height: 100%;
}

#sidebar #catalogoMenu li {
	background-image: url(ecoforestal/homepage/catalogo_arboles/frutales/imagenes/flechita.gif);
	background-repeat: no-repeat;
	background-position: -0px 7px;
	padding-left: 10px;
	
}

#sidebar #catalogoMenu li.selected  {
	background-image: url(ecoforestal/homepage/catalogo_arboles/imagenes/flechita-square.gif);
	background-repeat: no-repeat;
	background-position: 2px 7px;
	padding-left: 10px;
	
}

#sidebar #catalogoMenu li.selected a {
	color:#6B4118;
}

#sidebar #catalogoMenu #line {
	float: left;	
	width: 200px;
	margin-top: 5px;
	margin-left: 5px;
	background-image: url(ecoforestal/homepage/catalogo_arboles/frutales/imagenes/linea_gris.gif);
	background-repeat: no-repeat;
	padding-left: 10px;
	height: 2px;
	
}






			
#outerdivCircle {
	display: none;
}
			
.greencircle1 #outerdivCircle {
	display: none;
}
			
.roundabout-in-focus .greencircle1  #outerdivCircle {
	display: block;
}
		

.greencircle2 #outerdiv {
	display: none;
}
			
.roundabout-in-focus .greencircle2  #outerdivCircle {
	display: block;
}


.greencircle3 #outerdivCircle {
	display: none;
}
			
.roundabout-in-focus .greencircle3  #outerdivCircle {
	display: block;
}


.greencircle4 #outerdivCircle {
	display: none;
}
			
.roundabout-in-focus .greencircle4  #outerdivCircle {
	display: block;
}


.greencircle5 #outerdivCircle {
	display: none;
}
			
.roundabout-in-focus .greencircle5  #outerdivCircle {
	display: block;
}

.greencircle6 #outerdivCircle {
	display: none;
}
			
.roundabout-in-focus .greencircle6  #outerdivCircle {
	display: block;
}

.greencircle7 #outerdivCircle {
	display: none;
}
			
.roundabout-in-focus .greencircle7  #outerdivCircle {
	display: block;
}


.circleContent {
	position: relative;
	top: 20px;
	left: 0px;
}
	
	
/* hide show tab content navigation */		




div#container { 
	margin: 0px auto 0; 
	width:540px;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	color: #6B4118;
}

ul.tabNav { 
	float: left; 
	list-style: none; 
	width: 100%;
	height: 100%;
	border-top: solid 1px #B1D888;
	border-left: solid 1px #B1D888;
	border-right: solid 1px #B1D888;
	padding-bottom: 15px;
}

ul.tabNav li { 
	float: left;  

}

ul.tabNav li.current { 
	 
}

ul.tabNav a { 
	border: 1px solid #6B4118; 
	color: #6B4118;
	display: block; 
	padding-bottom: 3px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 3px; 
	text-decoration: none;
}

ul.tabNav li.current a { 
	background: #6B4118; 
	border: none;  
	padding-bottom: 4px;
	padding-left: 7px;
	padding-right: 7px;
	padding-top: 4px;
	color: white;
}

div.tabContainer { 
	clear: both; 
	float: left; 
	width: 100%; 
}

div.tabContainer div.tab { 
	
	color: #000; 
	display: none;  
	height: 400px;
}

div.tabContainer div.current { 
	display: block; 
}

div.tab p:last-child { 
	margin-bottom: 0; 
}

ul.tabNav a:hover {
	background: #6B4118;
    color: #FFFFFF;
}
		

/* main content - barousel thslide gallery iframe positioning */



#outerdivCircle
{
width: 580px;
height:530px;
position: absolute;
left: -95px;
top: 190px;
margin: 0px;
padding: 0px;
overflow: hidden;
}

#inneriframeCircle
{
width: 780px;
height:750px;
position: absolute;
left: -200px;
top: -15px;

}


#outerdiv {
	position: relative;
	top: 0px;
	left: -0px;
	width: 700px;
	height:500px;
	overflow: hidden;
	
}

#inneriframe
{
width: 780px;
height:480px;
position: absolute;
left: -218px;
top: 0px;
}



/* barousel thslide gallery */

.barousel {
	width: 540px;
    padding-bottom: 20px;
    background-color: #fff;
    border-top: 1px solid #B1D888;
    border-bottom: 1px solid #B1D888;
    border-left: 1px solid #B1D888;
    border-right: 1px solid #B1D888;
}
.barousel_image {
    width: 350px;
    height: 283px;
    float: left;
    position: relative;
    z-index: 0;
    left: 5px;
    top: 5px;
}
.barousel_image img {
    position: absolute;
    display: none;
    left: 0px;
    top: 0px;
    width: 95%;
    height: 95%;
}
.barousel_image img.default {
    display: block;
    left: 0px;
}
.barousel_image img.current {
    z-index: 10;
    left: 0px;
}
.barousel_image img.previous {
    z-index: 5;
}
.barousel_content {
    position: relative;
    float: right;
    right: 15px;
    top: 15px;
    width: 173px;
    height: 200px;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    letter-spacing: 1px;
    color: #000;
    text-align: left;
    line-height: 18px;
    
}
.barousel_content div {
    display: none;
    height: 260px;
}
.barousel_content div.default {
    display: block;
    height: 260px;
}
.barousel_content p {
    font-weight: normal;
	font-size: 14px;
	display: block;
	margin-top: 10px;
}
.barousel_content p.header {
    font-weight: normal;
	font-size: 14px;
	margin-bottom: 5px;
	line-height: 22px;
	top: 0px;
	margin-top: 0px;
}
.barousel_content p.header span {
    color: gray;
	font-style: sans-serif;
    font-weight: normal;
	line-height: 14px;
}

.catalogoPage .barousel_content p img {
    float: left;
	position: relative;
	margin-top: 30px;
	float: right;
}


.barousel_content p a {
    font-weight: normal;
    font-size: 14px;
    color: red;
    opacity: 0.7;
    filter:alpha(opacity=70); /* For IE8 and earlier */
    margin-top: -20px;
}

.catalogoPage .barousel_content p a {
    font-weight: normal;
    font-size: 14px;
    color: red;
    opacity: 0.7;
    filter:alpha(opacity=70); /* For IE8 and earlier */
    margin-top: -30px;
    margin-left: 10px;
}

.catalogoPage .barousel_content p a:hover {
    opacity: 1;
    filter:alpha(opacity=100); /* For IE8 and earlier */
    text-decoration: underline;
}
.barousel_content a:hover {
   opacity: 1;
   filter:alpha(opacity=100); /* For IE8 and earlier */
}

.barousel_nav {
    background: none repeat scroll 0 0 #000000;
    height: 20px;
    padding: 3px 3px 0 0;
    float: left;
    left: 20px;
    width: 430px;
    z-index: 20;
}


.barousel_nav .counter {
    color: #FFFFFF;
    float: right;
    font-size: 14px;
    margin: 3px 5px 0 0;
}
.barousel_nav ul {
    float: right;
    margin: 0;
    padding: 0;
}
.barousel_nav li {
    float: left;
    font-size: 0;
    line-height: 0;
    list-style: none outside none;
    padding-left: 3px;
}
.barousel_nav li a {
    background-color: #4D4D4D;
    display: block;
    font-size: 0;
    height: 20px;
    line-height: 0;
    text-decoration: none;
    width: 25px;
}
.barousel_nav li a:hover {
    background-color: #6E6E6E;
}
.barousel_nav li a.current {
    background-color: #FFF55B;
}
.barousel_nav li.prev a {
    background-image: url(ecoforestal/homepage/catalogo_arboles/imagenes/barousel_link_previous.gif);
    background-position: 0 0;
    background-repeat: no-repeat;
}
.barousel_nav li.next a {
    background-image: url(ecoforestal/homepage/catalogo_arboles/imagenes/barousel_link_next.gif);
    background-position: 0 0;
    background-repeat: no-repeat;
}
.barousel img.ajax_loader {
    display: none;
    left: 135px;
    position: absolute;
    top: 70px;
    z-index: 99;
}
.thslide {
    background: none repeat scroll 0 0 transparent;
    
    height: 67px;
    width: 540px;
}
.thslide_nav_previous {
    float: left;
}
.thslide_nav_next {
    float: right;
}
.thslide_nav_previous a, .thslide_nav_next a {
    background-color: #6AC90E;
    background-repeat: no-repeat;
    display: block;
    height: 65px;
    text-decoration: none;
    width: 19px;
}
.thslide_nav_previous a {
    background-image: url("ecoforestal/homepage/catalogo_arboles/imagenes/thslide_link_previous.gif");
    background-position: 0 0;
    height: 64px;
}
.thslide_nav_next a {
    background-image: url("ecoforestal/homepage/catalogo_arboles/imagenes/thslide_link_next.gif");
    background-position: 100% 0;
    height: 64px;
}
.thslide_nav_previous a:hover, .thslide_nav_next a:hover {
    background-color: #99F442;
}






.thslide_list {
    float: left;
    position: relative;
    width: 530px;
    padding: 0px;
    margin: 0px;
    height: 130px;
    overflow-y:hidden;
    overflow-x:scroll;
}

.thslide_list .name {
    position: absolute;
    text-align: left;
    padding-left: 5px;
    padding-top: 2px;
    top: 65px;
    font-size: 14px;
    left: 0px;
    color: black;
}

.thslide_list .name .latin {
    color:gray; 
    font-style: sans-serif;
    line-height: 10px; 
    font-size: 14px;
}

.thslide_list ul {
    float: left;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    width: 1000px;
}


.thslide_list ul.noScroll {
    float: left;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    width: 530px;
}

.thslide_list ul.seven {
    float: left;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    width: 620px;
}



.thslide_list ul.eight {
   float: left;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    width: 710px;
}

.thslide_list ul.nine {
   float: left;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    width: 800px;
}

.thslide_list ul.ten {
   float: left;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    width: 880px;
}

.thslide_list ul.twelve {
   float: left;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    width: 1060px;
}

.thslide_list ul.thirteen {
   float: left;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    width: 1150px;
}

.thslide_list ul.fourteen {
   float: left;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    width: 1240px;
}

.thslide_list ul.seventeen {
   float: left;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    width: 1500px;
}

.thslide_list ul.eighteen {
   float: left;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    width: 1680px;
}

.thslide_list ul.twentyfour {
   float: left;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    width: 2150px;
}


.thslide_list li {
    float: left;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 3px;
    padding-top: 0px;
    height: 100px;
    margin: 0px;
    cursor: default;
}
.thslide_list li a {
    display: block;
    width: 85px;
    height: 100px;
    position: relative;
    text-decoration: none;
    padding: 0px;
    margin: 0px;
    
}
.thslide_list li a img {
    position: absolute;
    left: 0px;
    padding: 0px;
    margin: 0px;
}
.thslide_list li a span {
    display: block;
    position: absolute;
    width: 85px;
    height: 0px;
    padding: 0px;
    margin: 0px;
}
.thslide_list li a:hover span, .thslide_list li a.current span {

}

.thslide_list li a.current span {
  
}

.thslide_list li a:hover img {
	opacity: 0.4;
	filter:alpha(opacity=40); /* For IE8 and earlier */
    
}

.thslide_list li a:hover span {
    margin: -3px;
}

.thslide_list li a img, .thslide_list li a {
    border: none; overflow: hidden; float: left;
}



#barousel_thslide {
    height: 394px;
}
#barousel_thslide .barousel_content {
    bottom: 81px;
}
#thslide_barousel_nav {
    bottom: 4px;
    position: relative;
    float: left;
    left: 5px;
}





/* NEW GENERIC PAGE LAYOUT REPLACING TABLES */


#wrap  {
	background-image: url(ecoforestal/homepage/imagenes/back.png); 
	width: 780px;
	height: 800px;
	background-repeat: no-repeat;
	background-position:center top; 
	
	padding: 0%;
	margin: 0%;
}
#header {
	width: 780px;
	height: 146px; 
}
#flashbanner {
	background-color: #CCDABF;
	height: 146px;
	width: 780px;
	padding-bottom: 5px;
}

#banner {
	float: left;
}


#sidebar {
	float: left;
	width: 198px;
	background-color: transparent;
	
	font-size: 0.8em; 
	line-height: 1.5;
	font-size: bold;
	color: #000;
	height: 100%;
	background-color: #EFEFEF;
}


#main {
	float: right;
	width: 582px;
	background-color: white;
	height: 100%;
}


/* --------------------------------- TOOLTIP --------------------------------- */

		.tooltip {
			border-bottom: 1px dotted #000000;
			color: #000000;
			outline: none;
			cursor: help;
			text-decoration: none;
			position: relative;
		}
		.tooltip span {
			margin-left: -999em;
			position: absolute;
		}
		.tooltip:hover span {
			border-radius: 5px 5px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px; 
			box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
			-webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); 
			-moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
			font-family: Calibri, Tahoma, Geneva, sans-serif;
			position: absolute;
			left: 1em;
			top: 2em;
			z-index: 99;
			margin-left: 0; 
			width: 250px;
		}
		.tooltip:hover img {
			border: 0;
			margin: -10px 0 0 -55px;
			float: left;
			position: absolute;
		}
		.tooltip:hover em {
			font-family: Candara, Tahoma, Geneva, sans-serif;
			font-size: 14px;
			font-weight: normal;
			display: block;
			padding: 0.2em 0 0.6em 0;
		}
		.classic { padding: 0.8em 1em; }
		.custom { padding: 0.5em 0.8em 0.8em 2em; }
		* html a:hover { background: transparent; }
		.classic {background: #F9F7CA; border: 1px solid #76B900;			color: #333333; }