body {
	font:normal .7em Arial, sans-serif;
	color:#565656;
	background:#fff;
	width:100%;
	padding:0;
	margin:10px 0 0 auto;
}
img {border:none;}
#contenedor{
	width:938px;
	margin:0 auto;
	}
	
#cabecera{
	background:#fff url(../images/misc/fondo_cabecera.gif) repeat-x;
	color:#000;
	height:155px;
	width:938px;
	display:table;
	overflow:hidden;
	}
#logo{
	height:120px;
}
#frase{
	position:absolute;
	left:690px;
	top:105px;
	font-family:Arial;
	color:#3ba2c2;
	font-size:1.3em;
	font-weight:600;

}
*:first-child+html #nav{
	position:relative;
	border-bottom:10px solid #fff;
}

#nav{
	margin:0 0 10px 0;
	color:#fff;
	padding:0;
	height:25px;
	clear:left;
	background:#38A3C1 url(../images/misc/fondo_nav.gif) repeat-x;
	}
	
#nav ul{
	margin:0;
	padding:5px 0 0 0;
	list-style:none;
	}
#nav li{
	margin:0;
	display:inline;
	padding:5px 10px 6px 10px;
	border-right:1px solid #fff;
	font-size:1.2em;
	}

#nav a{
	color:#FEFFFF;
	text-decoration:none;
	}
#nav a:hover{
	text-decoration:underline;
	}

	
#contenido{
	float:left;
	width:710px;
	padding:0 0 0 0;
	background:url(../images/misc/puntitos_vert.gif) repeat-y right;
	}

/******* PANTALLAZOS *******/

#pantallazo1{
	background:#fff url(../images/portada/bg_pantallazo1.jpg) no-repeat;
	width:234px;
	}
#pantallazo2{
	background:#fff url(../images/portada/bg_pantallazo2.jpg) no-repeat;
	width:233px;
	}
#pantallazo3{
	background:#fff url(../images/portada/bg_pantallazo3.jpg) no-repeat;
	width:233px;
	}

#menu{
	float:left;
	width:217px;
	padding:0 0 0 10px;
	background:#fff url(../images/misc/fondo_cubos.gif) no-repeat bottom;
	}

#blog span{
	font:normal 1.1em Arial, sans-serif;
	}
/* ------------- PAGINA PROYECTOS ------------- */

#ficha{
	background:url(../images/misc/fondo_ficha.gif) no-repeat top left;
	width:680px;
	margin:10px 0 0 10px;
	padding:10px;
	}	
div#ficha .cliente, .fecha, .url, .trabajo, .solucion {
	background:url(../images/misc/puntitos_hor_azul.gif) repeat-x bottom;
	padding:5px 0 5px 0;
	width: 660px;
	clear:left;
	font:normal 1.1em Arial, sans-serif;
	}
div#ficha .cliente, .fecha, .url, .trabajo, .solucion div{
	float:left;
	display:block;
	}
div#ficha em{
	font:bold 1em Arial;
	color:#228CB3;
	padding:0 0 0 20px;
	width: 75px;
	display:block;
	float:left;
	}
div#ficha .em_largo{
	width: auto;
	margin:0 5px 0 0;
	}
div#ficha .cliente em{ 
	background:url(../images/misc/icono_cliente.gif) no-repeat left;
	}
div#ficha .fecha em{ 
	background:url(../images/misc/icono_fecha.gif) no-repeat left;
	}
div#ficha .url em{ 
	background:url(../images/misc/icono_web.gif) no-repeat left;
	}
div#ficha .trabajo em{ 
	background:url(../images/misc/icono_desctrabajo.gif) no-repeat left;
	}
div#ficha .solucion em{ 
	background:url(../images/misc/icono_solucion.gif) no-repeat left;
	}

#capturas{
	margin:20px auto 0 auto;
	width:600px;
	}
#capturas div{
	margin:0 0 5px 0;
	}
.boton{
	background:url(../images/misc/fondo_boton.gif) no-repeat top;
	height:28px;
	padding:5px 0 0 0;
	}
#capturas ul{
	display:inline;
	list-style-type:none;
	margin:0;
	padding:0;
	}
#capturas li{
	margin:0;
	padding:0;
	float:left;
	border:0;
	width:200px;
	text-align:center;
	}
#capturas a{
	margin:10px 0 0 0;
	text-decoration:none;
	color:#0D79A1;
	font:bold 1.2em Arial, sans-serif;
	}
#capturas a:hover{
	text-decoration:underline;
	}
.trabajos_cliente{
	width:282px;
	margin:10px 35px 0 10px;
	float:left;
	background:url(../images/misc/fondo_cliente.gif) repeat-y;
	}
.cliente_ideup{
	width:262px;
	padding:0 10px 10px 10px;
	/*background:url(../images/misc/fondo_logo_ideup.gif) no-repeat center center;*/
	}
.caso{
	background:url(../images/misc/puntitos_hor.gif) repeat-x bottom;
	padding:5px 0 5px 0;
	margin:0 5px 0 5px;
	clear:left;
	font:normal 1.1em Arial, sans-serif;
}
.caso span{
	background:url(../images/misc/icono_flechita.gif) no-repeat center left;
	padding:5px 0 5px 11px;
	clear:left;
	font:normal 1em Arial, sans-serif;
}
.caso_estudio{
	margin:10px 0 5px 0;
	background:url(../images/misc/icono_estrellita.gif) no-repeat center left;
	padding:2px 0 0 20px;
	color:#2A92B6;
	font:bold 1.2em Arial, sans-serif;
}

/* ------------- PAGINA PROYECTOS ------------- */

/***************** ENCABEZADOS *****************/
h2{
	color:#2A92B6;
	background:#fff url(../images/misc/puntitos_hor.gif) repeat-x bottom;
	font:bold 1.5em Arial, sans-serif;
	padding:0 0 2px 0;
	margin:0;
	width:700px;
	}
h2 span{
	color:#565656;
	}
h3{
	margin:0;
	padding:12px;
	color:#303030;
	font:bold 1.5em Arial, sans-serif;
	}
h3 span{
	color:#2A92B6;
	margin:0;
	padding:0;
	}
h5{
	color:#2A92B6;
	background:#fff url(../images/misc/puntitos_hor.gif) repeat-x bottom;
	font:bold 1.5em Arial, sans-serif;
	margin:0 0 10px 0;
	padding:0 0 2px 0;
	}
/***************** FIN DE ENCABEZADOS *****************/

br{
	clear:left;
	}
p{
	margin:0;
	padding:0;
	}

/***************** CLASES *****************/
.right{
	float:right;
	}
.left, .pantallazo, .autor, .comentarios, .permalink{
	float:left;
	}
.resumen{
	width:209px;
	font:normal 1.1em Arial, sans-serif;
	margin:0 12px 0 12px;
	}
.modulo{
	float:left;
	height:auto;
	display:table;
	border-bottom:10px solid #fff;
	}
.resumen span{
	margin:0;
	padding:0;
	}
.enlace{
	text-align:right;
	}
.titulo{
	margin:0 0 10px 0;
	}
.texto_seccion{
	padding:10px;
	width:680px;
	font:normal 1.1em Arial, sans-serif;
	}
.texto_seccion p{
	margin:0 0 10px 0;
	}
a{
	color:#42C2E3;
	text-decoration:none;
	}
a:hover{
	text-decoration:underline;
	}
.calendario{
	float:left;
	text-align:center;
	margin:0 6px 0 0;
	width:54px;
	height:54px;
	background:#9FE1F1 url(../images/misc/fondo_calendario.gif) no-repeat;
	}
.diasemana{
	font:bold 1em Arial, sans-serif;
	color:#fff;
	}
.dia{
	font:bold 2em Arial, sans-serif;
	color:#248EB4;
	}
.mes{
	margin:-4px 0 0 0;
	font:bold 1em Arial, sans-serif;
	color:#5DBED6;
	}
.autor{
	background:#fff url(../images/misc/icono_autor.gif) no-repeat left top;
	padding:0 10px 0 20px;
	height:20px;
	}
.autor span{
	color:#42C2E3;
	}
.comentarios{
	background:#fff url(../images/misc/icono_comments.gif) no-repeat left top;
	padding:0 10px 0 20px;
	height:20px;
	}
.comentarios span{
	color:#FF0000;
	}
.permalink{
	background:#fff url(../images/misc/icono_permalink.gif) no-repeat left top;
	padding:0 10px 0 20px;
	height:20px;
	}
.permalink a{
	color:#42C2E3;
	text-decoration:none;
}
.permalink a:hover{
	color:#42C2E3;
	text-decoration:underline;
}
.entrada{
	margin:0 0 20px 0;
	float:left;
	}
.entrada_blog{
	width:640px;
	float:left;
	}
.contenedor_trabajos{
	margin-bottom:5px;
	}
.logos{
	text-align:center;
	margin:0 0 10px 0;
	}
.explicacion{
	
}
.imagen_trabajos{
	text-align:center;
	margin:0 0 10px 0;
	}
.contacta{
	background:#fff url(../images/misc/fondo_contacta.gif) no-repeat;
	padding:20px;
	}
.banner{
	background-color:#fff;
	padding:20px;
	text-align:center;
	}
.telefono{
	color:#46ABD1;
	font:bold 1.5em Arial, sans-serif;
	}
.current{
	background:url(../images/misc/fondo_nav_current.gif) !important;
	}
.thumbnail{
	padding:5px;
	margin:10px;
	border:1px solid #E7FAFF;
	background:url(../images/misc/fondo_imagen.gif);
	}
.botones{
	text-align:left;
	}
.botones img{
	margin:0 5px 5px 0;
	}
#consulta{
	}
#consulta fieldset,form{
	margin:10px 0 0 0;
	padding:0;
	border:0;
	}
#consulta label,input,textarea {
	font:normal 1.1em Arial, sans-serif;
	display:block;
	width:300px;
	float:left;
	margin:0 0 10px 5px;
	padding:2px;
	}
#consulta input,textarea {
	border:1px solid #47A1C0;
	}
#consulta input:focus,textarea:focus {
	border:1px solid #56AECD;
	background:#ECFBFF;
	}
.botonenviar{
	width:100px;
	padding:1px;
	font:bold 1em Arial, sans-serif;
	color:#0B7397;
	background:url(../images/misc/fondo_input.gif) repeat-x top;
	}
#consulta label {
	width: 100px;
	}
#consulta br {
	clear:left;
	}
.copyright_top{
	clear:left;
	text-align:center;
	height:17px;
	color:#fff;
	border-top:10px solid #fff;
	padding:2px 0 0 0;
	background:#9FE1F1 url(../images/misc/copyright_top.gif) no-repeat;
	}
.copyright_bottom{
	clear:left;
	text-align:center;
	padding:2px 0 0 0;
	color:#2691B6;
	background:#9FE1F1 url(../images/misc/copyright_bottom.gif) repeat-x;
	}

/***************** FIN DE CLASES *****************/