/* CSS Document */

/* GENERALES */

*, html {
	padding:0px;
	margin:0px;
	border:0px;
	outline:none;
	}
a	{
	color:#000000;
	text-decoration:none;
	}
body	{
	background-image:url(../styles/images/bg.jpg);
	background-repeat:repeat-x;
	background-position:top;
	background-color:#93c03d;
	font-family:"trebuchet MS";
	font-size:11px;
	line-height:14px;
	color:#FFFFFF;
	}
h3	{
	color:#aac94f;
	border:0px;
	border-top:1px solid #aac94f;
	height:20px;
	xbackground-color:#FF0000;
	display:block;
	margin-top:0px;
/*	background:url(../images/portafolio.gif) no-repeat;
	background-position:0px 5px;
	margin-bottom:5px;*/
	text-indent:-9999px;
	}	
#h3_proyecto{
	background-image:url(../images/h3_proyectos.gif);
	}
#h3_destacados{
	background-image:url(../images/h3_destacados.gif);
	}
h2 {
	text-indent:-9999px;
	margin:0px;
	padding:0px;
	margin-top:0px;
	float:left;
	height:82px;
	}

	
hr{
	color:none;
	border:none;
	background-color:none;
	}
	
.clear	{
	clear:both;
	}
.center	{
	margin-left:auto;
	margin-right:auto;
	width:600px;
	}

/* HEADER */
	
#header_contenedor	{
	background-color:#FFFFFF;
	height:160px;
	}
#header{
	margin-left:auto;
	margin-right:auto;
	background-color:#FFFFFF;
	width:600px;
	height:120px;
	}
#logo	{
	float:left;
	padding-top:20px;
	}
#contacto	{
	position:absolute;
	top: 10px;
	right: 10px;
	margin:5px 5px 0px 0px;
	}
.chat{
	height:40px;
	position:absolute;
	top: 60px;
	right: 10px;
	margin:5px 5px 0px 0px;
	float:left;
	height:28px;
	width:129px;
}

.chaton a, .chatoff a{
	height:28px;
	width:129px;
	float:left;
	text-indent:-9000px;
}
#cross	{
	background-image:url(../images/cross.png);
	background-repeat:repeat-x;
	height:40px;
	text-align:right;
	width:100%;
	}

#cross	a img{
	margin-top:5px;
	margin-right:5px;
	}
#menu	{
	height:47px;
	width:380px;
	float:right;
	margin-top:73px;
	xbackground-color:#999900;
	text-align:right;
	list-style:none;
	text-indent:-9999px;
	
	}

#menu a{	
	height:27px;	
	float:right;
	background-image:url(/images/menu.png);
	xtext-indent:-9999px;
	text-indent:-9999px;
	margin-left:10px;
	list-style:none;
	}
#menu_desarrollo{width:126px;}
#menu_desarrollo:hover{ background-position:0px 27px ;}

#menu_posicionamiento{width:119px; background-position:-126px 0px;}
#menu_posicionamiento:hover{ background-position:-126px 27px ;}

#menu_outsourcing{width:101px; background-position:-245px 0px;}
#menu_outsourcing:hover{ background-position:-245px 27px ;}
	
#menu_portafolio{width:89px; background-position:-346px 0px;}
#menu_portafolio:hover{ background-position:-346px 27px ;}

#menu_inicio{width:57px; background-position:-618px 0px;}
#menu_inicio:hover{ background-position:-618px 27px ;}





/* PIE */ 

#final {
	background-color:#93c03d;
	xheight:600px;
	border-top:#FFFFFF 2px solid;
	background-image:url(/images/bg_opcion.jpg);
	background-repeat:repeat-x;
	background-position:top;
	margin-top:0px;
	padding-top:50px;
	padding-bottom:20px;
	height:180px;
	xclear:both;
	}

/* HOME */

/* PORTAFOLIO */

/* LISTADO */ 

/* DESTACADOS */

/* FICHA */
.cubo_fila	{
	width:128px;
	height:82px;
	padding:9px 9px;
	margin-left:0px;
	margin-right:4px;
	margin-bottom:6px;
	float:left;
	background:url(/images/thumnail_bg.png);
	xbackground-position:0px 0px;
	}
/* PAGINA */	

.contenedor_seccion {
	xdisplay: block;
	xheight: 450px;
	width:100%;
	border-top:#FFFFFF 2px solid;
	background-image:url(/images/bg_opcion.jpg);
	background-repeat:repeat-x;
	background-position:top;
	background-color:#93c03d;
}
.descripcion_apartado	{
	font-family:"trebuchet MS";
	font-size:11px;
	line-height:14px;
	color:#FFFFFF;
	float:right;
	margin-top:15px;
	width:230px;
	
	}
#titulo_desarrollo{
	background-image:url(../images/menu_desarrollo_web.gif);
	background-repeat:no-repeat;
	width:355px;
	}
#titulo_posicionamiento{
	background-image:url(../images/menu_posicionamiento.gif);
	background-repeat:no-repeat;
	width:355px;
	}
#titulo_outsourcing{
	background-image:url(../images/menu_outsourcing.gif);
	background-repeat:no-repeat;
	width:355px;
	}
#titulo_portafolio{
	background-image:url(../images/menu_portafolio.gif);
	background-repeat:no-repeat;
	width:355px;
	}
	
#titulo_asp{
	background-image:url(../images/menu_aplicaciones_saas.gif);
	background-repeat:no-repeat;
	width:355px;
	}

#titulo_investigacion{
	background-image:url(../images/menu_investigacion_y_desarrollo.gif);
	background-repeat:no-repeat;
	width:355px;
	}

#titulo_programacion{
	background-image:url(../images/menu_programacion.gif);
	background-repeat:no-repeat;
	width:355px;
	}
#titulo_ecomercio{
	background-image:url(../images/menu_ecomercio.gif);
	background-repeat:no-repeat;
	width:355px;
	}
	
#titulo_diseno{
	background-image:url(../images/menu_diseno_grafico.gif);
	background-repeat:no-repeat;
	width:355px;
	}

#titulo_movil{
	background-image:url(../images/menu_movil.gif);
	background-repeat:no-repeat;
	width:355px;
	}

.paypal{
	background-image:url(../images/paypal.jpg);
	background-repeat:no-repeat;
	width:430px;
	padding-left:170px;
	height:125px;
	padding-top:15px;
	margin-top:10px;
}
.paypal p{
	width:410px;	
}
.titulosubseccion{
	font-size:20px;	
	margin-bottom:10px;
}

.subseccion{
	padding:15px;
	background-position:top;
	background-image:url(/images/subseccion.jpg);
	background-repeat:no-repeat;
	width:559px;
	height:82px;
	margin-bottom:20px;
	}
.texto_subseccion{
	float:left;
	width:423px;
	}

.subseccion_imagen{
	width:128px;
	height:81px;
	float:left;
	}
.subseccion p{
	margin-left:28px;
	}
	
.subseccion_sin_imagen{
	padding:15px;
	background-position:top;
	background-image:url(/images/subseccionsinimagen.jpg);
	background-repeat:no-repeat;
	width:559px;
	height:82px;
	margin-bottom:20px;
	}
.subseccion_sin_imagen .texto_subseccion{ 
	width:560px;
	}

/* PANEL DESTACADO */
	
#panel{list-style:none;}
#panel li, .cubo{ 
	width:128px; height:82px; padding:9px 9px;
	margin-left:0px; margin-right:4px; 	margin-bottom:4px;
	float:left;};	
#cubo_01{
	width:128px; height:82px; padding:9px 9px;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/thumnail_bg.png",sizingMethod="fit");
}
ul>#cubo_01 , a>#cubo_01{
background: url(../images/thumnail_bg.png) no-repeat;
}

/* PORTAFOLIO LISTA */

#portafoliolista{ 
	list-style:none;
	}
#portafoliolista li{
	float:none;
	clear:both; 
	border-bottom:1px solid #aac94f;
	xbackground-color:#996633; 
	height:100px; 
	width:100%;
	padding:9px 0px;
	xpadding-left:9px;
	}
#portafoliolista li:hover{
	background-color:#8ebb3b;
	cursor:pointer;
	}
#portafoliolista a{
	position:relative;
	
	} 
#portafoliolista p{
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	}

h4	{
	font-family:inherit;
	font-weight:bold;
	font-size:14px;
	color:#56514e;
	}


.cubo	{
	
	}
.cubo a{
	position:absolute;
	}
	
	

.botonportafolio{
	display:block;
	width:154px;
	height:34px;
	float:left;
	margin-top:9px;

	}
.botonportafolio:hover{
	background-image:url(../images/portafolio_boton.gif);
	cursor:pointer;
	}
.botonportafolio img{
	margin:4px 10px 0px 4px;
	float:left;
	}	
.botonportafolio p{
	float:left;
	line-height:34px;
	color:#FFFFFF;
}

	
	
	
hr	{
	height:1px;
	width:100%;
	clear:both;
	margin:9px auto;
	border:none;
	}


#capa_thumbs	{
	height:350px;
	}
	
	
/* PAGINADOR */

#paginador li{
	list-style:none;
	float:left;
	

} 

#paginador{ 
	list-style:none;
	float:right;
	margin-top:15px;
	margin-bottom:15px;
	}
#paginador a{

	width:17px;
	height:17px;
	xbackground-color:#FF0000;
	float:left;
	text-align:center;
	margin-left:5px;
	line-height:17px;
	border:solid 1px #7daa27;
	color:#FFFFFF;
	}
#paginador a.selected{
	background-color:#7daa27;
	color:ffffff;
	}
	

#capa_thumbs	{
	height:350px;
	}

#url	{
	margin-bottom:10px;
	}
	
/* PAGINA BLANCA */

#pagina_blanca	{
	
	height:200px;
	background:url(../images/minisombra.png) repeat-x;
	margin-top:30px;
	padding-top:10px;
	color:#000000;
	background-color:#ffffff;
	}
	
/* PORTAFOLIO */

#pantalla	{
	width: 430px;
	height: 313px;
	padding:9px 9px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:0px;
	float:left;
	background: url(/images/panel.png) no-repeat;
	background-position:-146px 0px;
	}	
	
/* Metidos por Asier para Gestor */
input,select,textarea {
	border:#CCCCCC 1px solid;
	font-family:"trebuchet MS";
	font-size:11px;
	color:#666666;
}

.gs_tabla_datos {
	border:#CCCCCC 1px solid;
	padding:2px;
}

.gs_tabla_cabecera {
	border:#93C03D 1px solid;
	background:#93C03D;
	color:#FFFFFF;
	padding:2px;
}