@import url('reset.css');

/* ESTRUCTURA ***********************/
body{
	color:#666;
}
#contenido{
	width:868px;
	margin:auto;
	background:url(../img/img_reel.gif) right top no-repeat;
}
/************************************/

/* LINKS ****************************/
a, a:visited{
	color:#17799b;
}
a:hover{
	color:#fff;
}
#columna_derecha a, #columna_derecha a:visited{
	color:#666;
	font-weight:bold;
}
#columna_derecha a:hover{
	color:#333;
}
/************************************/

/* TITULOS **************************/
h2{
	font-family:Arial99;
	font-size:1.9em;
	color:#FFFFFF;
	line-height:20px;
}
h2 span{
	/*display:none;*/
}
h3{
	width:100%;
	height:15px;
}
h3 span{
	/*display:none;*/
}
h4{
	font-weight:bold;
	font-size:1.2em;
	color:#690;
}

#sitio_destacado  h2, #trabajos_recientes  h2, #reel  h2, #trabajamos_con  h2{
	font-family:Arial99;
	font-size:1.85em;
	color:#346604;
}
#sitio_destacado h2 span, #trabajos_recientes h2 span, #reel h2 span, #trabajamos_con h2 span{
	/*display:none; */
}


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

/* FORMULARIOS **********************/
#formulario_de_contacto{
	margin-top:10px;
}
label{
	font-size:1.1em;
	color:#9c0;
	font-weight:bold;
	float:left;
	width:70px;
	line-height:32px;
}
.bloque{
	margin-bottom:5px;
}
.bloque.ultimo{
	margin:0;
}
.bloque.ultimo label{
	line-height:22px;
}
.text, .textarea{
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
	color:#333;
	width:146px;
	padding:8px;
	border:1px solid #cdff9b;
}
.text.activo, .textarea.activo{
	border:1px solid #9c0;
}
.textarea{
	height:107px;
	min-height:107px;
	max-height:107px;
}

a.boton{
	background:#80d5f3;
	text-decoration:none;
	line-height:22px;
	float:left;
	padding:0 10px;
	font-size:1.1em;
	font-weight:bold;
}
a.boton input{
	width:0;
	height:0;
	border:0;
	background:none;
	overflow:hidden;
	position:absolute;
	left:0;
	top:0;
}
a.boton img{
	position:relative;
	top:-20px;
	left:0;
}
/************************************/

/* CABECERA *************************/
#cabecera{
	height:215px;
	background:url(../img/linea_punteada.gif) bottom repeat-x;
	margin-bottom:28px;
}
#logo{
	background:url(../img/logo.gif) no-repeat;
	width:370px;
	height:128px;
	float:left;
	margin-top:50px;
}
#logo h1, #logo h2{
	display:none;
}

#acceso_clientes{
	float:right;
	margin-top:50px;
}
#acceso_clientes p{
	font-size:1.1em;
	color:#666;
	margin:10px 0;
}
#acceso_clientes label{
	width:115px;
}
#acceso_clientes h3{
	font-family:Arial99;
	font-size:1.85em;
	color:#346604;
	/*background:url(../img/titulo_clientes.gif) no-repeat;*/
}
#acceso_clientes h3 span{
	/*display:none;*/
}
/************************************/

/* CAJAS PRINCIPALES ****************/
#cajas_principales{
	background:url(../img/linea_punteada.gif) bottom repeat-x;
	padding-bottom:10px;
	margin-bottom:28px;
}
.caja{
	float:left;
	margin-right:20px;
	background:#aad855 url(../img/bg_cajas_principales.gif) top repeat-x;
	width:238px;
	min-height:98px;
	height:auto !important;
	height:98px;
	border:1px solid #a8e152;
	border-bottom:0;
	color:#fff;
	position:relative;
	font-size:1.2em;
	padding:12px 18px;
	padding-bottom:23px;
}
.caja.ultima{
	margin:0;
}
.caja h2{
	margin-bottom:10px;
	height:19px;
}
.sombra{
	position:absolute;
	bottom:-1px;
	left:-1px;
	width:276px;
	height:23px;
	background:url(../img/sombra_cajas_principales.gif) center no-repeat;
	border-top:1px solid #a8e152;
}
/************************************/

/* CUERPO ***************************/
#cuerpo p{
	font-size:1.1em;
}
/************************************/

/* COLUMNA IZQUIERDA ****************/
#columna_izquierda{
	float:left;
	width:276px;
}
#columna_izquierda .modulo{
	background:url(../img/bg_modulo.gif) bottom repeat-x;
	margin-bottom:20px;
	padding:20px;
	padding-bottom:30px;
	padding-top:0;
	min-height:228px;
}
#columna_izquierda h3{
	height:13px;
	margin-bottom:10px;
}

#noticias h3{
	font-family:Arial99;
	font-size:1.6em;
	color:#ACD10F;
	/*background:url(../img/titulo_noticias.gif) no-repeat;*/
}
#noticias li{
	font-size:1.1em;
	color:#333;
	margin-bottom:10px;
}
#noticias li img{
	float:left;
	border:2px solid #ccc;
	margin-right:5px;
	width:32px;
	height:32px;
}
#noticias li .noticia{
	float:right;
	width:195px;
}
#noticias small{
	display:block;
	font-size:1em;
	color:#999;
}
#noticias strong{
	color:#80D5F3;
}
#noticias a, #noticias a:visited{
	color:#9c0;
	font-weight:bold;
}
#noticias a:hover{
	color:#690;
}

#comunidad_geekbox h3{
	font-family:Arial99;
	font-size:1.6em;
	color:#ACD10F;
	/*background:url(../img/titulo_comunidad_geekbox.gif) no-repeat;*/
}
#proyectos{
	margin-top:20px;
	margin-bottom:10px;
}
#proyectos li{
	float:left;
}
.proyecto{
	float:left;
	margin-right:10px;
	border:2px solid #ccc;
	cursor:pointer;
}
.proyecto:hover, .proyecto.seleccionado{
	border:2px solid #55bfe4;
}
.proyecto.ultimo{
	margin:0;
}
#guia{
	position:relative;
	width:100%;
	height:5px;
	overflow:hidden;
}
#guia img{
	position:absolute;
	left:20px;
	top:0;
}
#detalleComunidad{
	background:#80d5f3;
	padding:5px;
	position:relative;
}
#titulo{
	color:#fff;
	font-weight:bold;
}
#descripcion{
	color:#17799b;
	margin-bottom:5px;
}
a#url, a#url:visited{
	color:#17799b;
}
a#url:hover{
	color:#fff;
}


#contactanos h3{
	font-family:Arial99;
	font-size:1.6em;
	color:#ACD10F;
	/*background:url(../img/titulo_contactanos.gif) no-repeat;*/
}
#preloader{
	text-align:center;
	padding-top:20px;
}

#twitter_updates h3{
	background:url(../img/titulo_twitter_updates.gif) no-repeat;
	height:30px !important;
}
#twitter_updates strong{
	color:#80D5F3;
}
#cabecera_twitter img{
	float:left;
}
#cabecera_twitter p{
	float:right;
	width:170px;
}
#tweet{
	width:217px;
	padding:8px;
	border:1px solid #94e4e8;
	border-bottom:0;
	background:#fff;
	font-size:1.1em;
	color:#333;
	margin-top:10px;
}
#pie_tweet{
	background:url(../img/bg_tweet.gif) bottom no-repeat;
	height:12px;
	width:100%;
	float:left;
	margin-bottom:5px;
}
#metadata_twitter{
	font-size:1.1em;
	line-height:34px;
	padding-bottom:15px;
	margin-bottom:15px;
	background:url(../img/linea_punteada.gif) bottom repeat-x;
}
#metadata_twitter img{
	float:left;
	display:inline;
	border:1px solid #9c0;
	margin-left:16px;
	margin-right:5px;
}
#metadata_twitter a, #metadata_twitter a:visited{
	color:#9c0;
}
#metadata_twitter a:hover{
	color:#690;
}

#siguenos h3{
	background:url(../img/titulo_siguenos.gif) no-repeat;
}
#redes_sociales{
	margin-top:10px;
}
#redes_sociales li{
	display:inline;
	padding-right:20px;
	margin-right:19px;
	background:url(../img/linea_punteada_vertical.gif) right repeat-y;
	float:left;
}
#redes_sociales li.ultimo{
	margin:0;
	padding:0;
	background:none;
}
.red{
	width:50px;
	height:40px;
	text-align:center;
	padding-top:10px;
	border:1px solid #ccff66;
	float:left;
	background:#fff;
}
.red:hover{
	border:1px solid #9c0;
}
/************************************/

/* COLUMNA DERECHA ******************/
#columna_derecha{
	float:right;
	width:572px;
}
#columna_derecha h2{
	margin-bottom:10px;
}
#columna_derecha .modulo{
	margin-bottom:40px;
}

#sitio_destacado h2{
	/*background:url(../img/titulo_sitio_destacado.gif) no-repeat;*/
	margin-bottom:5px !important;
}
#sitio_destacado h3{
	font-family:Arial99;
	font-size:1.6em;
	color:#ACD10F;
	/*background:url(../img/subtitulo_sitio_destacado_ceduc.gif) no-repeat;*/
	margin-bottom:10px;
}
#sitio_destacado a{
	border:5px solid #ccc;
	width:562px;
	height:187px;
	overflow:hidden;
	display:block;
}
#sitio_destacado a:hover{
	border:5px solid #80D5F3;
}

#reel h2{
	/*background:url(../img/titulo_reel_2009.gif) no-repeat;*/
	margin-bottom:5px !important;
}
#reel h3{
	font-family:Arial99;
	font-size:1.6em;
	color:#ACD10F;
	/*background:url(../img/titulo_3d_y_aplicaciones_interactivas.gif) no-repeat;*/
	margin-bottom:10px;
}
#player{
	border:5px solid #ccc;
	margin:10px 0;
}
#descarga_reel{
	background:url(../img/linea_punteada.gif) bottom repeat-x;
	padding-bottom:15px;
}
#contenedor_votos{
	background:url(../img/linea_punteada.gif) bottom repeat-x;
	padding-bottom:15px;
	min-height:45px;
	height:auto !important;
	height:45px;
}

#votacion{
	margin-top:10px;
}
#votacion .separado{
	padding-right:12px;
	margin-right:13px;
	background:url(../img/linea_punteada_vertical.gif) right repeat-y;
}
#explicacion{
	float:left;
	width:320px;
}
#votos{
	float:right;
}
#votos a{
	border:1px solid #cfff9f;
	text-decoration:none;
	color:#999;
	float:right;
	line-height:25px;
	padding-right:14px;
	padding-left:30px;
}
#votos a:hover{
	color:#690;
	background-color:#cf9;
	border:1px solid #6c0;
}
#votos a strong{
	color:#690;
}
#votar_no{
	background:url(../img/flecha_votar_no.gif) 8px 2px no-repeat;
	float:left;
	margin-right:10px;
}
#votar_si{
	background:url(../img/flecha_votar_si.gif) 8px 2px no-repeat;
}
#preloader_votacion img, #resultado_votacion img{
	float:left;
	margin-right:10px;
}
#preloader_votacion p{
	float:left;
	line-height:32px;
}
#resultado_votacion p{
	line-height:16px;
}

#trabajos_recientes h2{
	/*background:url(../img/titulo_trabajos_recientes.gif) no-repeat;*/
	margin-bottom:5px !important;
}
#descripcion_carrusel{
	height:32px;
	margin-bottom:8px;
}
#tooltip{
	width:269px;
	overflow:hidden;
	height:27px;
	background:url(../img/tooltip_carrusel.gif) no-repeat;
	color:#fff;
	font-size:1.1em;
	line-height:27px;
	padding:0 5px;
	padding-bottom:5px;
}
#carrusel a{
	float:left;
	border:5px solid #ccc;
	margin-right:15px;
	text-decoration:none;
}
#carrusel a.ultimo{
	margin:0;
}
#carrusel a:hover, #carrusel a.seleccionado{
	border:5px solid #80d5f3;
}
#navegacion_carrusel{
	margin-top:10px;
	margin-bottom:10px;
}
#retroceder,#avanzar{
	display:block;
	width:17px;
	height:17px;
	cursor:pointer;
	background:url(../img/btn_retroceder.gif) no-repeat;
}
#retroceder{
	float:left;
}
#retroceder.over{
	background:url(../img/btn_retroceder_over.gif) no-repeat;
}
#avanzar{
	float:right;
	background:url(../img/btn_avanzar.gif) no-repeat;
}
#avanzar.over{
	background:url(../img/btn_avanzar_over.gif) no-repeat;
}

#otros_trabajos a{
	margin:0 10px;
}
#otros_trabajos a.primero{
	margin-left:0;
}

#trabajamos_con h2{
	/*background:url(../img/titulo_trabajamos_con.gif) no-repeat;*/
	margin-bottom:5px !important;
}
#clientes li{
	float:left;
	display:inline;
	margin-right:21px;
	margin-bottom:14px;
	border:none;
}
#clientes li.ultimo{
	margin:0;
}
#clientes span{
	display:block;
	border:5px solid #ccc;
	cursor:pointer;
}
#clientes span.over, #clientes li.seleccionado span{
	border:5px solid #80d5f3;
}
#url_cliente{
	margin-bottom:10px;
	font-weight:bold;
}
/************************************/

/* PIE ******************************/
#pie{
	margin-top:25px;
	background:url(../img/linea_punteada.gif) top repeat-x;
	padding-top:3px;
}
#pie a, #pie a:visited{
	color:#690;
}
#pie a:hover{
	color:#360;
}
#info_empresa{
	min-height:85px;
	height:auto !important;
	height:85px;
	background:#ebf5cc;
	text-align:center;
	padding-top:8px;
	font-size:1.1em;
	color:#9c0;
}
#info_empresa strong{
	color:#690;
}
#info_adicional{
	width:588px;
	min-height:115px;
	height:auto !important;
	height:115px;
	float:right;
	background:#f5fae5;
}
/************************************/

/* TITULO ***************************/
#titulo{
font-family:ArialRounded, sans-serif; 
font-size:18.4px; 
font-weight:500; 
color:#336604;
}
/************************************/