html{
	height:100%;
}
body{
	margin:0 auto 0 auto;
	padding:0px 0 0 0;
	color: #87888A;
	font-family:"Trebuchet MS", Arial, Verdana;
	font-size:90%;
	width:100%;
	height:100%;
	background-color:#e4e4e4;
}

img { behavior: url(iepngfix.htc) }


img{	border:0 }


.alinear_dcha{	text-align:right }

.flotar_dcha{ float:right }

#cabecera{
	height:80px;
	background:#231f20 url(../img/cabecera.jpg) left no-repeat;
}

#contenido_cabecera{
	width:960px;
	margin:0 auto 0 auto;
}

#contenido_cabecera img{
	float:left;
	margin:25px 0 0 17px;
}

#contenido_cabecera ul{
	font-family: 'Molengo', arial, serif;
	margin:0;
	padding:52px 0 0 288px;
	font-size:12px;
}
#contenido_cabecera li{
	float:left;
	padding:0px 7px 8px 7px;
	height:20px;
	margin:0 3px 0 3px;
	list-style:none;
	color:#fff;
}
#contenido_cabecera li a{
	color:#fff;
	text-decoration:none
}

#seccion_activa{
	background-color:#e4e4e4;
	color:#1c1c1c !important;
}
#seccion_activa a{	color:#1c1c1c !important; }

#seccion_activa2{
	background-color:#fff;
	color:#1c1c1c !important;
}
#seccion_activa2 a{	color:#1c1c1c !important; }


#contenido_inicio{
	height:auto !important;
	min-height:370px;
	height:370px;
	width:960px;
	margin:0 auto 0 auto;
}

#bloque_inicio_izq{
	float:left;
	padding:40px 0 0 15px;
	width:430px;
}
#bloque_inicio_izq h1, #bloque_inicio_izq h2{
	font-size:12px;
	line-height:12px;
	margin:0;
	padding:0;
}
#bloque_inicio_izq div{
	font-family: 'Molengo', arial, serif;
	font-size:12px;
	color:#505050;
	margin:18px 0 15px 0px;
}

#bloque_inicio_dcha{
	text-align:right
}

#banner_inicio{
	background-color:#fff;
}

#contenido_banner_inicio{
	width:960px;
	margin:0 auto 0 auto;
	height:150px;
}

.banner{
	float:left;
	width:290px;
	padding:15px 0 0 30px;
	height:120px;
	background:url(../img/ptos_vert.jpg) right top no-repeat;
}

#ult_banner{ background:none !important}

.banner h3{
	font-size:12px;
	line-height:12px;
	margin:0;
	padding:0;
}

.texto_banner{
	width:200px;
	color:#95a8a6;
	font-style:italic;
	margin:10px 0 0 25px;
	font-size:12px;
}
.texto_banner div{
	text-align:right
}
.texto_banner div a{
	color:#fc4f17;
	text-decoration:none
}
.texto_banner div a:hover{
	color:#fc4f17;
	text-decoration:underline;
}

#pie{
	height:30px;
}
#banda_pie{
	height:7px;
	background-color:#231f20;
	font-size:0px;
	line-height:0px;
}

#contenido_pie{
	width:960px;
	margin:0 auto 0 auto;
	font-family: 'Molengo', arial, serif;
	color:#767676;
	font-size:12px;
	padding:7px 0 0 0;	
}

#contenido_pie a{
	color:#767676;
	text-decoration:none
}
#contenido_pie a:hover{
	color:#444;
	text-decoration:underline
}

#enlaces_redes_sociales{
	float:right;
	font-family: 'Yanone Kaffeesatz', arial, serif; 
	color:#1f1f1f;
	font-size:15px;
	font-weight:bold;
}

#enlaces_redes_sociales img{
	float:right;
	margin:0 5px 0 0px;
}



#contenido_seccion{
	height:auto !important;
	min-height:370px;
	height:370px;
	background-color:#fff;
}


#ruta{
	font-family: 'Molengo', arial, serif;
	color:#767676;
	font-size:11px;
}

#centro_seccion{
	width:960px;
	margin:0 auto 0 auto;
	padding:6px 0 0 0;
}

#img_equipo{
	width:352px;
	height:420px;
	float:left;
	background:url(../img/equipo.jpg) top left no-repeat;
	margin:10px 0 0 0;
}

#perfiles{
	width:250px;
	text-align:center;
	padding:130px 0 0 50px;
	line-height:25px;
}

.naranja{ color:#ff9470; }
.naranja a{ color:#ff9470; text-decoration:none }
.verde{ color:#d8cb6d; }
.verde a{ color:#d8cb6d; text-decoration:none }
.violeta{color:#d45e98}
.violeta a{ color:#d45e98; text-decoration:none }
.azul{color:#5eb5e0}
.azul a{ color:#5eb5e0; text-decoration:none }

.marron{color:#9e766c}
.marron a{ color:#9e766c; text-decoration:none }

.amarillo{color:#fac06e}
.amarillo a{ color:#fac06e; text-decoration:none }
.gris_azul{color:#6f92a6;}
.gris_azul a{ color:#6f92a6; text-decoration:none }
.turquesa{color:#69d7b4}
.turquesa a{ color:#69d7b4; text-decoration:none }
.rojo{ color:#ea2129}
.rojo a{ color:#ea2129; text-decoration:none }

#perfiles span{ margin:0 5px 0 0}

.clear{clear:both}

#txt_perfil{
	font-size:12px;
	font-style:italic;
	width:230px;
	margin:85px 0 0 60px;
	text-align:center
}

#contenido_equipo{
	margin:0 0 0 362px;
	padding:60px 0 0 0;
}


.celda_equipo{
	width:143px;
	float:left;
	margin:0 0 0 45px;
}

.pers_equipo{
	width:142px;
	height:133px;
	background-position:left bottom;
	background-repeat:no-repeat;
}
.pers_equipo:hover{	background-position:right bottom; }

#encar{ background-image:url(../img/equipo/encar.jpg);}
#virtu{ background-image:url(../img/equipo/virtu.jpg);}
#ber{ background-image:url(../img/equipo/bernardo.jpg);}

.fila_circulos{
	height:8px;
}
.fila_circulos div{
	width:8px;
	height:8px;
	float:left;
	margin:0 3px 0 0;
}

.tit_nombre{
	font-size:13px;
	margin:3px 0 7px 0;
}

.texto_pers_equipo{
	margin:25px 0 0 0;
	font-size:11px;
	font-style:italic
}

.cir_naranja{ background:url(../img/cir_naranja_peq.jpg) center no-repeat;}
.cir_verde{ background:url(../img/cir_pistacho_peq.jpg) center no-repeat;}
.cir_violeta{ background:url(../img/cir_morado_peq.jpg) center no-repeat;}
.cir_azul{ background:url(../img/cir_azul_peq.jpg) center no-repeat;}
.cir_marron{ background:url(../img/cir_marron_peq.jpg) center no-repeat;}
.cir_amarillo{ background:url(../img/cir_huevo_peq.jpg) center no-repeat;}

.cir_gris_azul{ background:url(../img/cir_azul2_peq.jpg) center no-repeat;}

.cir_turquesa{ background:url(../img/cir_verde_peq.jpg) center no-repeat;}
.cir_rojo{ background:url(../img/cir_rojo_peq.jpg) center no-repeat;}


#texto_izq_servicios, #texto_dcha_servicios{
	color:#fc7848;
	border-right:1px solid #b3b3b3;
	padding:0 20px 0 0;
	width:333px;
	text-align:right;
	float:left;
	font-style:italic;
}
#texto_dcha_servicios{
	border-left:1px solid #b3b3b3;
	border-right:none;
	padding:0 0px 0 20px;
	text-align:left;

}

#tit_servicios{
	margin:15px 0 15px 0;
	height:38px;
}

#tit_servicios img{ float:left; margin:0 15px 0 15px; }

#texto_img_servicios{
	height:100px;
	margin:15px 0 15px 0;
}

.celda_servicios{
	width:170px;
	float:left;
	font-size:12px;
	margin:0 80px 0 0;
}

#prim_servicios{
	margin:0 110px 0 40px;
	padding:0 0 0 ;
	width:150px;	
}

#utl_servicios{
	margin:0;
	width:150px;		
}

.celda_servicios strong{ color:#069ee7 }

#servicios_desarrollo{
	background:#e4e4e4;
}

#contenido_servicios_desarrollo{
	width:960px;
	margin:0 auto 40px auto;
	padding:20px 0 0 45px;
}

.celda_servicios_desarrollo{
	width:220px;
	float:left;
}

.tit_servicios{
	color:#262425;
	margin:0 0 24px 0;	
	font-size:12px;
	font-weight:bold
}
#celda_planificacion{ margin:0 20px 0 0}
#celda_disenyo{ margin:0 30px 0 0}
#celda_seo{ margin:0 20px 0 0}

#celda_planificacion .tit_servicios{
	background:url(../img/ico_planificacion.png) top left no-repeat;
	padding:40px 0 0 13px;
}

#celda_disenyo .tit_servicios{
	background:url(../img/ico_diseno.png) top left no-repeat;
	padding:40px 0 0 26px;
}

#celda_seo .tit_servicios{
	background:url(../img/ico_gestion.png) top left no-repeat;
	padding:40px 0 0 20px;
}

#celda_medicion .tit_servicios{
	background:url(../img/ico_medicion.png) top left no-repeat;
	padding:40px 0 0 28px;
}

.txt_servicio{
	font-size:13px;
	padding:0 0 0 13px;
	color:#484848;
	height:auto !important;
	min-height:72px;
	height:72px;
}

#celda_disenyo .txt_servicio{
	padding:0 0 0 26px;
}
#celda_seo .txt_servicio{
	padding:0 0 0 20px;
}
#celda_medicion .txt_servicio{
	padding:0 0 0 28px;
}



.txt_servicio span{
	color:#ff7248;
}

.texto_gris{	color:#484848 !important; }

.noMostrar{display:none}

#izq_contacto{
	width:525px;
	float:left;
	padding:15px 0 20px 0;
}
#fondo_contacto{
	background:url(../img/img_contacto.jpg) bottom center no-repeat;
	height:425px;
	width:448px;
	margin:10px 0 0 0;
}

#fondo_contacto div{
	color:#fe7c4a;
	text-align:center
}
#fondo_contacto span{
	font-style:italic;
}

#cuenta_twitter, #cuenta_facebook{
	width:145px;
	margin:110px 0 0 270px;
	color:#1e1e1e !important;
	font-family: 'Droid Sans', arial, serif;
	text-align:center;
	line-height:20px;
}

#cuenta_facebook{
	margin:70px 0 0 30px;
	width:220px;
}

#cuenta_twitter strong, #cuenta_facebook strong{
	font-family: 'Yanone Kaffeesatz', arial, serif;
	font-size:22px;
}

#cuenta_twitter strong { color:#45d1f5;} 
#cuenta_facebook strong{ color:#3e5c98; }

#cuenta_twitter strong a{  color:#45d1f5; text-decoration:none } 
#cuenta_facebook strong a{ color:#3e5c98; text-decoration:none } 

#dcha_contacto{
	width:371px;
	height:399px;
	background:url(../img/img_formulario.jpg) top center no-repeat;
	margin:30px 0 0 520px;
	padding:50px 0 0 65px;
}

#intro_contacto{
	color:#fb7a36;
	width:310px;
	font-size:13px
}

.fila_contacto{
	height:auto !important;
	min-height:35px;
	height:35px;
	font-family: 'Molengo', arial, serif;
	color:#212121;
	font-size:12px;
	margin:0 0 5px 0;
}

.inputText, .inputArea{
	width:299px;
	height:21px;
	border:1px solid #d2d2d2;
	line-height:21px;
	margin:3px 0 0 0;
}
.inputArea{
	height:108px;
}

#dcha_contacto form{
	margin:50px 0 0 0;
}

#aviso_legal_t{
	font-size:9px;
	float:left;
	width:200px;
	text-align:left;
}
#aviso_legal_t div{
	width:150px;
	
	background-color:#0099FF
}

#btn_enviar{
	float:right;
	margin:0 70px 0 0;
	width:70px;
	height:22px;
	background-color:#000;
	color:#fff;
	font-family: 'Molengo', arial, serif;
	line-height:22px;
	text-align:center;
	border:none
}


#inicio_portfolio{
	height:250px;
	background-color:#e4e4e4
}

#contenido_inicio_portfolio{
	width:960px;
	margin:0 auto 0 auto;
	padding:20px 0 0 0;
}

#img_inicio_portfolio{
	float:right;
}
#contenido_inicio_portfolio div{
	color:#231f20;
	padding:10px 0 0 0;
	width:360px;
}

#contenido_inicio_portfolio div strong{
	color:#f84910;
	font-weight:normal
}

.fila_portfolio{
	height:230px;
	margin:20px 0 20px 20px
}

.celda_portfolio{
	width:180px;
	float:left;
	margin:0 50px 0 0;
}
#ult_celda_portfolio{ margin:0}

.img_av_portfolio{
	width:180px;
	height:180px;
	border:7px solid #d3d3d3;	
}

.img_av_portfolio:hover{
	border:7px solid #fc4e0f;		
}

.tit_av_proyectos{
	font-family: 'Molengo', arial, serif;
	color:#222021;
	font-size:14px;
	margin:5px 0 0 0;
}
.tit_av_proyectos span{ font-size:13px; }

#datos_contacto{
	margin:40px 0 0 0;
	padding:0 0 5px 0;
	color:#1c1c1c;
	font-size:12px;
}



#datos_contacto span{ color:#fb7a36; font-weight:bold }
