#scroll {
	position:relative;
	height:460px;
	overflow:hidden;
	border:1px solid #ddd;
	width:750px;
	padding:15px 15px 0px 15px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	margin-top:20px;
}

#tools {
	width:9999em;
	position:absolute;
	height:420px;
}

.tool2
{
    margin-top:20px;    
	float:left;
	width:800px;
	height:600px;
	background-repeat:no-repeat;
	background-position:0 -40px;
}

.tool3
{
    margin-top:20px;    
	float:left;
	width:800px;
	height:490px;
	background-repeat:no-repeat;
	background-position:0 -40px;
}

.tool5
{
    margin-top:20px;    
	float:left;
	width:800px;
	height:420px;
	background-repeat:no-repeat;
	background-position:0 -40px;
}

.tool
{
    margin-top:20px;    
	float:left;
	width:800px;
	height:400px;
	background-repeat:no-repeat;
	background-position:0 -40px;
}
.details {
	background:url(../img/fnd_details.png) no-repeat;
	color:#333333;
	float:left;
	font-size:14px;
	font-weight:bold;
	margin:10px 0 0 0;
	padding:5px 0px 0px 30px;
	width:350px;
	font-family:Tahoma;
	height:25px;
}

.demos {
	border-left:1px solid #ddd;
	float:right;
	min-height:365px;
	padding:0 15px;
	width:260px;
}

.demos2 {
	border-left:1px solid #ddd;
	float:right;
	min-height:365px;
	padding:0 15px;
	width:310px;
}

.demos4 {
	border-left:1px solid #ddd;
	float:right;
	min-height:460px;
	padding:0 15px;
	width:310px;
}

.demos4 a
{
    background: url(../img/enlace.gif) no-repeat 0px 2px;
    padding-left:25px;
    font-weight:bold;
    height:40px;
    display:block;
    overflow:hidden;
}
.demos4 p 
{
    text-align:justify;
	margin:0 0 4px;
	padding:2px 0 1px 0px;
	width:245px;
	overflow:hidden;
}

.demos3 {
	border-left:1px solid #ddd;
	float:right;
	min-height:600px;
	padding:0 15px;
	width:310px;
}

.demos3 a
{
    background: url(../img/enlace.gif) no-repeat 0px 2px;
    padding-left:25px;
    font-weight:bold;
    height:40px;
    display:block;
    overflow:hidden;
}
.demos3 p 
{
    text-align:justify;
	margin:0 0 4px;
	padding:2px 0 1px 0px;
	width:245px;
	overflow:hidden;
}

.demos2 a
{
    background: url(../img/enlace.gif) no-repeat 0px 2px;
    padding-left:25px;
    font-weight:bold;
    height:40px;
    display:block;
    overflow:hidden;
}
.demos2 p 
{
    text-align:justify;
	margin:0 0 4px;
	padding:2px 0 1px 0px;
	width:245px;
	overflow:hidden;
}

.demos p {
	margin:0 0 4px;
	padding:2px 0 1px 0px;
	width:150px;
	overflow:hidden;
	text-align:left;
}

#thumbs 
{
	height:56px;
	position:absolute;
	bottom:0px;
	width:990px;
	left:-8px;
}

.t a {
	float:left;
	width:152px;
	height:56px;
	cursor:pointer;
}

.t a.active {
	cursor:default !important;
}

.navi {
	margin-left:0px;
	_margin-left:0px;
}

/* CSS sprite for the navigation */
#t0 	   { background:transparent url(../img/1.gif) no-repeat;}
#t0.active { background:transparent url(../img/1s.gif) no-repeat; }
#t0:hover  { background:transparent url(../img/1e.gif) no-repeat scroll; }
#t0:active { background:transparent url(../img/1s.gif) no-repeat scroll;}

#t1			{ background:transparent url(../img/2.gif) no-repeat;}
#t1:hover 	{ background:transparent url(../img/2e.gif) no-repeat; }
#t1:active	{ background:transparent url(../img/2s.gif) no-repeat;}
#t1.active	{ background:transparent url(../img/2s.gif) no-repeat; }

#t2			{ background:transparent url(../img/3.gif) no-repeat; }
#t2:hover 	{ background:transparent url(../img/3e.gif) no-repeat; }
#t2:active	{ background:transparent url(../img/3s.gif) no-repeat; }
#t2.active	{ background:transparent url(../img/3s.gif) no-repeat; }

#t3			{ background:transparent url(../img/4.gif) no-repeat; }
#t3:hover 	{ background:transparent url(../img/4e.gif) no-repeat; }
#t3:active	{ background:transparent url(../img/4s.gif) no-repeat;  }
#t3.active	{ background:transparent url(../img/4s.gif) no-repeat;  }

#t4			{ background:transparent url(../img/5.gif) no-repeat; }
#t4:hover 	{ background:transparent url(../img/5e.gif) no-repeat;  }
#t4:active	{background:transparent url(../img/5s.gif) no-repeat; }
#t4.active	{ background:transparent url(../img/5s.gif) no-repeat; }

#t5			{ background:transparent url(../img/filosofia1.gif) no-repeat;  }
#t5:hover 	{ background:transparent url(../img/filosofiah.gif) no-repeat; }
#t5:active	{background:transparent url(../img/filosofia.gif) no-repeat;  }
#t5.active	{ background:transparent url(../img/filosofia.gif) no-repeat;  }

#t6			{ background:transparent url(../img/origenes.gif) no-repeat;  }
#t6:hover 	{ background:transparent url(../img/origenesh.gif) no-repeat scroll; }
#t6:active	{background:transparent url(../img/origenes1.gif) no-repeat;  }
#t6.active	{ background:transparent url(../img/origenes1.gif) no-repeat scroll;  }

#t7			{ background:transparent url(../img/expansion1.gif) no-repeat;  }
#t7:hover 	{ background:transparent url(../img/expansionh.gif) no-repeat; }
#t7:active	{background:transparent url(../img/expansion.gif) no-repeat;  }
#t7.active	{ background:transparent url(../img/expansion.gif) no-repeat;  }

#t8			{ background:transparent url(../img/crea.gif) no-repeat;  }
#t8:hover 	{ background:transparent url(../img/crea_h.gif) no-repeat; }
#t8:active	{background:transparent url(../img/crea_a.gif) no-repeat;  }
#t8.active	{ background:transparent url(../img/crea_a.gif) no-repeat;  }

#t9			{ background:transparent url(../img/renova.gif) no-repeat;  }
#t9:hover 	{ background:transparent url(../img/renova_h.gif) no-repeat; }
#t9:active	{background:transparent url(../img/renova_a.gif) no-repeat;  }
#t9.active	{ background:transparent url(../img/renova_a.gif) no-repeat;  }

#t10			{ background:transparent url(../img/emprende.gif) no-repeat;  }
#t10:hover 	{ background:transparent url(../img/emprende_h.gif) no-repeat; }
#t10:active	{background:transparent url(../img/emprende_a.gif) no-repeat;  }
#t10.active	{ background:transparent url(../img/emprende_a.gif) no-repeat;  }