html{
	height:100%; margin:0px
}
* {
	padding: 0px;
	margin: 0px;
}

body {
	background-image: url(../images/fondo-gen.jpg); background-attachment: fixed; margin:0px; padding:0px; font-family:SohoGothicProLight; font-weight: lighter; height:100%
}

.lineaDeco{
	background-image:url(../images/linea-deco.png); height:146px
}
.lineaDeco2{
	background-image:url(../images/linea-deco-2.png); height:27px; margin-bottom:18px
}
.cabecera{
	width:975px; height:146px; display:block; overflow:hidden; margin:0px auto; margin-top:-146px;
}
.contenedorMenu{
	background-image:url(../images/fondo-cabecera.png); width:486px; height:140px; float:right; margin-right:111px
}

.contenedorPresentacion{
	background-image:url(../images/fondo-presentacion.png); height:482px; margin-bottom:18px
}
.contenidoPresentacion{
	width:975px; display:block; overflow:hidden; margin:0px auto; height:460px; background-image:url(../images/fondo-presentacion2.png); background-position:center; padding-top:11px; background-repeat:no-repeat
}

.contenedorSoluciones{
	background-image:url(../images/fondo-soluciones.png); height:585px;
}

.contenedorSoluciones2{
	margin-top:15px;background-image:url(../images/fondo-soluciones.png);
}

.contenidoSoluciones{
	width:975px; margin:0px auto; padding-top:26px; display:table
}

.contenedorFormacion{
	background-image:url(../images/fondo-formacion.png); height:585px;
}
.contenedorFormacion2{
	margin-top:15px; background-image:url(../images/fondo-formacion.png)
}
.contenidoFormacion{
	width:975px; margin:0px auto; padding-top:26px; display:block; overflow:hidden; 
}

.contenedorProductos{
	background-image:url(../images/fondo-productos.png); height:585px;
}
.contenedorProductos2{
	margin-top:15px; background-image:url(../images/fondo-productos.png)
}
.contenidoProductos{
	width:975px; margin:0px auto; padding-top:26px; display:block; overflow:hidden;
}

.contenedorActualidad{
	width:975px; display:block; overflow:hidden; margin:0px auto; height:419px; background-image:url(../images/fondo-actualidad.png); background-repeat:no-repeat; background-position:center
}

.contenedorFormulario{
	width:975px; display:block; overflow:hidden; margin:0px auto; height:419px; background-image:url(../images/fondo-formulario.png); background-repeat:no-repeat; background-position:center
}

.contenidoNoticiaIndex{
 	width:286px; height: 300px; float:left; display:block; overflow:hidden
}



.contenedorIdeasSinLimite{
	width:975px; display:block; overflow:hidden; margin:0px auto;
}
.contenidoIdeasSinLimite{
	width:307px; display:block; overflow:hidden; margin:0px auto; height:394px; float:left; margin-top:23px
}

.pie{
	margin-top:20px; padding-top:0px; background-image:url(../images/fondo-pie.gif); min-height:220px; display:block; overflow:hidden
}
.pie2{
	height:100%; background-image:url(../images/fondo-pie.gif); position:fixed; width:100%
}
.contenedorPie{
	width:945px; margin:0px auto; margin-top:25px; background-color: #000000; color:#FFFFFF; padding:15px
}
.contenedorTrabajos{
	width:975px; height:445px; background-image:url(../images/fondo-trabajos.png); background-repeat:no-repeat; margin-top:11px
}
.contenedorTrabajosSoluciones{
	width:975px; height:445px; background-image:url(../images/fondo-trabajos-soluciones.png); background-repeat:no-repeat; margin-top:11px
}
.divDeco{
	background-image:url(../images/barras.png); background-repeat:no-repeat; height:88px; width:62px; float:left; display:block; overflow:hidden
}
.divDeco2{
	background-image:url(../images/barras-2.png); background-repeat:no-repeat; height:88px; width:62px; float:left; margin-left:-10px; display:block; overflow:hidden; margin-right:15px
}
h1{
	margin-left:13px; font-size:40px; font-weight: lighter; line-height:54px; padding-top:0px; margin-top:-11px; float:left; margin-right:15px
}
h2{
	font-weight: lighter
}
h2.azul{
	font-size:17px; font-weight: lighter; line-height:19px; padding-top:0px; color:#08a9d7
}
h2.magenta{
	font-size:17px; font-weight: lighter; line-height:19px; padding-top:0px; color:#de0364
}

h2.verde{
	font-size:17px; font-weight: lighter; line-height:19px; padding-top:0px; color:#f44029
}
h2.naranja{
	font-size:17px; font-weight: lighter; line-height:19px; padding-top:0px; color:#cc6f14
}


h3{
	font-size:25px; font-weight: lighter; line-height:27px; padding:0px; margin:0px
}

p{
	font-size:14px; line-height:20px; margin-top:5px; display:block; overflow:hidden; font-weight: lighter
}
p.info{
	font-size:13px; line-height:18px; margin-top:15px; display:block; overflow:hidden; font-weight: lighter
}



.paginacion {
 width:975px; margin:0px auto; display:table; text-align:right; margin-top:8px
}

.paginacion ul{
 list-style-type: none;
}
.paginacion li{
 display: inline;
}
.paginacion li a{
 font-family:SohoGothicProLight;
 font-size: 14px;
 line-height: 10px;
 color: White;
 text-decoration: none;
 margin: 2px; background-color:#f44029;
 padding: 4px 10px 4px 10px;
}

.paginacion li a:hover{
 color: #FFFFFF;
 background-color: #666666;
}

.paginacion li.selected{
 color: #FFFFFF;
 background-color: #d7d9cb;
 font-family:SohoGothicProLight;
 font-size: 14px;
 line-height: 10px;
 text-decoration: none;
 margin: 2px;
 padding: 4px 10px 4px 10px;
}




a.linkBlanco:link,a.linkBlanco:visited
{
	color: #FFFFFF;
	text-decoration: underline;
	font-family:SohoGothicProLight; font-size:13px;
}
a.linkBlanco:hover
{
	color: Black;
	text-decoration:none;
}




a.linkAzul:link,a.linkAzul:visited
{
	color: #0199c5;
	text-decoration: underline;
	font-family:SohoGothicProLight; font-size:15px;
}
a.linkAzul:hover
{
	color: #000000;
	text-decoration:none;	
}

a.linkMagenta:link,a.linkMagenta:visited
{
	color: #de0364;
	text-decoration: underline;
	font-family:SohoGothicProLight; font-size:15px;
}
a.linkMagenta:hover
{
	color: #000000;
	text-decoration:none;
}

a.linkVerde:link,a.linkVerde:visited
{
	color: #f44029;
	text-decoration: underline;
	font-family:SohoGothicProLight; font-size:15px;
}
a.linkVerde:hover
{
	color: #000000;
	text-decoration:none;
}


a.linkNegro:link,a.linkNegro:visited
{
	color: Black;
	text-decoration: underline;
	font-family:SohoGothicProLight; font-size:15px;
}
a.linkNegro:hover
{
	color: Grey;
	text-decoration:none;
}



a.linkPieGris2:link,a.linkPieGris2:visited
{
	color: #565656;
	text-decoration: underline;
	font-family:SohoGothicProLight; font-size:15px; margin-right:13px
}
a.linkPieGris2:hover
{
	color: White;
	text-decoration:none;	
}


a.linkPieGris:link,a.linkPieGris:visited
{
	color: #c7c7c7;
	text-decoration: underline;
	font-family:SohoGothicProLight; font-size:15px; margin-right:13px
}
a.linkPieGris:hover
{
	color: #565656;
	text-decoration:none;	
}

a.linkPieAzul:link,a.linkPieAzul:visited
{
	color: #0199c5;
	text-decoration: underline;
	font-family:SohoGothicProLight; font-size:15px; margin-right:15px
}
a.linkPieAzul:hover
{
	color: #565656;
	text-decoration:none;	
}

a.linkPieMagenta:link,a.linkPieMagenta:visited
{
	color: #de0364;
	text-decoration: underline;
	font-family:SohoGothicProLight; font-size:15px; margin-right:15px
}
a.linkPieMagenta:hover
{
	color: #565656;
	text-decoration:none;
}

a.linkPieVerde:link,a.linkPieVerde:visited
{
	color: #f44029;
	text-decoration: underline;
	font-family:SohoGothicProLight; font-size:15px; margin-right:15px
}
a.linkPieVerde:hover
{
	color: #565656;
	text-decoration:none;
}

a.linkPieNaranja:link,a.linkPieNaranja:visited
{
	color: #cc6f14;
	text-decoration: underline;
	font-family:SohoGothicProLight; font-size:15px; margin-right:15px
}
a.linkPieNaranja:hover
{
	color: #565656;
	text-decoration:none;
}

a.linkPieMorado:link,a.linkPieMorado:visited
{
	color: #a936eb;
	text-decoration: underline;
	font-family:SohoGothicProLight; font-size:15px; margin-right:15px
}
a.linkPieMorado:hover
{
	color: #565656;
	text-decoration:none;
}



@font-face {
    font-family: 'SohoGothicProLight';
    src: url('sohogothicpro-light-webfont.eot');
    src: local('Soho Gothic Pro'), local('SohoGothicPro-Light'), url('sohogothicpro-light-webfont.woff') format('woff'), url('sohogothicpro-light-webfont.ttf') format('truetype'), url('sohogothicpro-light-webfont.svg#webfontveO7sQPG') format('svg');
    font-weight: normal;
    font-style: normal;
}

.divSombra{
	width:483px; height:387px; background-image:url(../images/trabajos/sombra.png); background-repeat:no-repeat; position:absolute; z-index:10; right:0
}





/*MENU SUPERIOR*/
#navigation {
    width: 150px;
    font-size: 16px; z-index:10; position:absolute; margin-left:77px; margin-top:28px
}
	#navigation ul {
	    margin: 0px;
	    padding: 0px;
	}
	ul.top-level { }
		
		#navigation li { list-style: none; color:#FFFFFF}
        ul.top-level li {color:#FFFFFF

        }
			#navigation a {
				color: #FFF;
				cursor: pointer;
				display:block;
				text-indent: 10px;					
				text-decoration:none;
				width:100%;
			}
			#navigation a:hover{ text-decoration:underline; color:#060605	}
	        #navigation li:hover {
	           	color:#00CCFF;
	            position: relative;
	        }
        ul.sub-level { display: none; color:#FFFFFF;}
        li:hover .sub-level {
            background-color: #f2f3e8;
			font-size:14px;
            display: block;
            position: absolute;
            left: 115px;
            top: -5px;
			color:#FFFFFF
        }
        ul.sub-level li {
			border: none;
			float:left;
			width:190px;
			padding:1px
        }
		#navigation .sub-level { background: #666666; color:#FFFFFF; padding:10px}
		#navigation .sub-level .sub-level { background: #09C; }
						
	/*IE RESET HELPER*/
	li:hover .sub-level .sub-level { display:none; }
	.sub-level li:hover .sub-level { display:block;  color:#FFFFFF}
	
	
	
	
	
/*NAVEGACIÓN TRABAJOS*/

#slides {

	z-index:100; display:block; overflow:hidden;
}

#slides1 {

	z-index:100; display:block; overflow:hidden;
}
#slides2 {

	z-index:100; display:block; overflow:hidden;
}
#slides3 {

	z-index:100; display:block; overflow:hidden;
}
#slides4 {

	z-index:100; display:block; overflow:hidden;
}

#slides5 {

	z-index:100; display:block; overflow:hidden;
}
#slides6 {

	z-index:100; display:block; overflow:hidden;
}
#slides7 {

	z-index:100; display:block; overflow:hidden;
}
#slides8 {

	z-index:100; display:block; overflow:hidden;
}
#slides9 {

	z-index:100; display:block; overflow:hidden;
}
#slides10 {

	z-index:100; display:block; overflow:hidden;
}
/*
	Slides container
	Important:
	Set the width of your slides container
	If height not specified height will be set by the slide content
	Set to display none, prevents content flash
*/

.slides_container {
	width:694px;
	height:387px;
	overflow:hidden;
	position:relative;
	display:none; float:right; margin-top:29px; margin-right:25px; margin-bottom:15px;
}


/*
	Each slide
	Important:
	Set the width of your slides
	Offeset for the 20px of padding
	If height not specified height will be set by the slide content
	Set to display block
*/

#slides .slide {
	
	width:694px;
	height:387px;
	display:block;
}
#slides1 .slide {
	
	width:694px;
	height:387px;
	display:block;
}
#slides2 .slide {
	
	width:694px;
	height:387px;
	display:block;
}

#slides3 .slide {
	
	width:694px;
	height:387px;
	display:block;
}
#slides4 .slide {
	
	width:694px;
	height:387px;
	display:block;
}
#slides5 .slide {
	
	width:694px;
	height:387px;
	display:block;
}
#slides6 .slide {
	
	width:694px;
	height:387px;
	display:block;
}

#slides7 .slide {
	
	width:694px;
	height:387px;
	display:block;
}
#slides8 .slide {
	
	width:694px;
	height:387px;
	display:block;
}
#slides9 .slide {
	
	width:694px;
	height:387px;
	display:block;
}

#slides10 .slide {
	
	width:694px;
	height:387px;
	display:block;
}


.contenedorTextoGaleria{
	float:left; display:block; overflow:hidden; width:175px; text-align:right; margin-top:23px
}
.contenedorTextoGaleria2{
	float:left; display:block; overflow:hidden; width:195px; text-align:right; margin-top:43px; margin-left:235px; margin-right:10px;
}

.contenedorImageGaleria{
	float:right; display:block; overflow:hidden; width:483px; height:387px
}
.contenedorDecoGaleria{
	height:388px; width:27px; float:right
}
/*
	Next/prev buttons
*/
#slides .next,#slides .prev {
	position:absolute;
	top:107px;
	left:-39px;
	width:24px;
	height:43px;
	display:block;
	z-index:101; display:none
}

#slides2 .next,#slides2 .prev {
	position:absolute;
	top:107px;
	left:-39px;
	width:24px;
	height:43px;
	display:block;
	z-index:101; display:none
}
#slides3 .next,#slides3 .prev {
	position:absolute;
	top:107px;
	left:-39px;
	width:24px;
	height:43px;
	display:block;
	z-index:101; display:none
}

#slides .next {
	left:585px; display:none
}

/*
	Pagination
*/

.pagination {
	margin:26px auto 0;
	width:100px;
}

.pagination li {
	float:left;
	margin:0 1px;
	list-style:none;
}

.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url(../images/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}

.pagination li.current a {
	background-position:0 -12px;
}









/*BANNERS*/
#banner ul {
padding: 0px;
margin: 0px;
list-style: none;
float: left;
border:0px;
line-height:12px; font-size:18px
}

#banner ul li {
display: inline;
}
#banner img {
 border:0px
}
#banner ul li a.banner:link, #banner ul li a.banner:visited {
display:block; overflow:hidden;
color: #FFFFFF;
padding: 0px 0px 0px 0px;
float: left;
text-decoration: none;
margin:0px 0px 0px 2px; background-image:url(../images/rana-soluciones.jpg); width:209px; height:317px;
}


#banner ul li a.banner:hover, #banner ul li a.banner:active{
text-decoration:underline;
color: #000000; background-image:url(../images/rana-soluciones-hover.jpg); width:209px; height:317px;
}




#banner2 ul {
padding: 0px;
margin: 0px;
list-style: none;
float: left;
border:0px;
line-height:12px; font-size:18px
}

#banner2 ul li {
display: inline;
}
#banner2 img {
 border:0px
}
#banner2 ul li a.banner2:link, #banner2 ul li a.banner2:visited {
display:block; overflow:hidden;
color: #FFFFFF;
padding: 0px 0px 0px 0px;
float: left;
text-decoration: none;
margin:0px 0px 0px 2px; background-image:url(../images/rana-formacion.jpg); width:209px; height:317px;
}


#banner2 ul li a.banner2:hover, #banner2 ul li a.banner2:active{
text-decoration:underline;
color: #000000; background-image:url(../images/rana-formacion-hover.jpg); width:209px; height:317px;
}




#banner3 ul {
padding: 0px;
margin: 0px;
list-style: none;
float: left;
border:0px;
line-height:12px; font-size:18px
}

#banner3 ul li {
display: inline;
}
#banner3 img {
 border:0px
}
#banner3 ul li a.banner3:link, #banner3 ul li a.banner3:visited {
display:block; overflow:hidden;
color: #FFFFFF;
padding: 0px 0px 0px 0px;
float: left;
text-decoration: none;
margin:0px 0px 0px 2px; background-image:url(../images/rana-productos.jpg); width:209px; height:317px;
}


#banner3 ul li a.banner3:hover, #banner3 ul li a.banner3:active{
text-decoration:underline;
color: #000000; background-image:url(../images/rana-productos-hover.jpg); width:209px; height:317px;
}