/* ESTILOS GENERALES */
*{
	margin:0;
	padding:0;
}
html {
	background-color: #000000;
	width: 100%;
	min-width: 910px;
	height: 100%;
	min-height: 654px;
	margin: 0px;
	padding: 0px;
	overflow: auto;
}

body {
	position: relative;
	width: 100%;
	min-width: 910px;
	height: 100%;
	min-height: 654px;
	background-color: #000000;
	padding: 0px;
	overflow: hidden;
}

div {
	margin: 0px;
	padding: 0px;
}

#flashHolder {
	
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	overflow: hidden;
	z-index: 2;
}
a{
	outline:none;
}
a img{
	border:none;
}
h2{
	font-size:14px;
	font-weight:normal;
	color:#989898;
	padding-top:30px;
	padding-left:18px;
	width:460px;
	text-align:justify;
	position:absolute;
	bottom:24px;
	right:100px;
}
h3{
	font-size:18px;
	font-weight:normal;
	color:#f6a800;
	font-family:"Trebuchet MS", Arial, sans-serif;
}
#wrap{
	width:100%;
	height:100%;
	background:url(/images/fondoWrap.gif) repeat left top;
}
#cont{
	background:url(/images/fondoCabecera.jpg) repeat-x left top;
	background-color:#FFFFFF;
/*	height:100%;*/
	width:623px;
	margin:0 auto;
	position:relative;
	border-left:1px solid #a8a8a8;
	border-right:1px solid #a8a8a8;
/*	position:absolute;
	left:50%;
	margin-left:-312px;*/
}
#info {
	position:relative;
	padding-bottom:150px;
}
#info .noticias {
	width:510px;
}
#info .noticias li {
	background-image:url(../images/flecha-derecha.png);
	background-position:right 5px;
	background-repeat:no-repeat;
	font-family:Tahoma;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	text-align:right;
	list-style:none;
	position:relative;
	margin-bottom:20px;
	margin-right:5px;
	padding-right:15px;
}
#info .noticias li p {
	font-size:12px;
	color:#b7b7b7;
	font-weight:normal;
	text-transform:none;
	position:relative;
	text-align:right;
	width:450px;
	margin-left:46px;
	left:0;
}
#info .noticias li a {
	color:#000;
	text-decoration:none;
}
#info .noticias li a:hover {
	text-decoration:underline;
}
#info #news {
	background-image:url(../images/logo-news.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	text-indent:-4000px;
	width:66px;
	height:68px;
	position:absolute;
	right:34px;
	top:-32px;
}
#sidebar{
	float:left;
	position:relative;
	left:0;
	width:210px;
	border-right:1px solid #939393;
	min-height:100%;
	height:auto!important;
	height:100%;
	overflow: auto;
	padding-bottom:60px;
	overflow:visible;
		
}
#sidebar h3{
	position:relative;
	top:-36px;
	padding-bottom:5px;
	height:45px;
	/*HE AMPLIADO EL WIDTH PARA PODER MOVER LA IMAGEN DE LA FLECHA EN EXPLORER*/
	width:172px;
	background:url(/images/sidebar_bg_notiicas.gif) no-repeat left bottom;
}
#noticiasId{
	text-decoration:none;
	color:#f6a800;
	font-family:"Trebuchet MS", Arial, sans-serif;
	
}
h4.blog a{
	display:block;
	width:136px;
	height:43px;
	text-indent:-3000px;
}
.blog {
	font-size:10px;
	position:absolute;
	top:-44px;
	border-left:1px solid #f6a800;
	right:-14px;
	font-size:22px;
	background:url(/images/99comentarios.gif) no-repeat left top;	
	/*Para cuando no es link hay que anyadirle estas lineas*/
	display:block;
	width:136px;
	height:43px;
	text-indent:-3000px;
}
#CapaComentarios
{
	position:absolute;
	visibility: hidden;
	left:0px;
	top:0px;
	z-index:1;
	

}

#CapaNoticias
{
	position:absolute;
	left:0px;
	top:0px;
	z-index:3;
	visibility: visible;
}

#contenido{
	padding-top:1px;
	/*border-left:1px solid #939393;*/
	margin-left:-1px;
	padding-bottom:40px;
}

#cabeza a{
	font-weight:normal;
	color:#f6a800;
	font-family:"Trebuchet MS", Arial, sans-serif;
	font-size:30px;
	text-decoration:none;
}

/* CABECERA*/

#cabecera h1{
	background:url(/images/header_logo.gif) no-repeat left top;
	text-indent:-3000px;
	width:70px;
	height:40px;
}
#cabecera ul{
	margin-top:20px;
	width:340px;
}
#cabecera li{
	list-style-type:none;
	display:block;
	height:21px;
	position:relative;
	overflow:hidden;
	line-height:100%;
}
#cabecera li#activo img{
	margin-top:-21px;
}

#cabecera li a{
	display:block;
	height:21px;
	position:absolute;
	top:0;
}
#cabecera li a:hover img, #cabecera li a:active img, #cabecera li a:focus img{
	position:absolute;
	top:-21px;
}
#cabecera li  img{
	display:block;
}
#cabecera{
	position:relative;
	height:272px;
	padding-top:36px;
	margin-left:18px;
	/*background:url(/images/bg-header.jpg) no-repeat 220px top;*/
	color:#fff;
}
#cabecera h1 {
	position:relative;
	background:url(/images/agencia-interactiva-grupo-enfoca.gif) no-repeat left top;
	text-indent:-4000px;
	margin:52px 0 0 0;
	padding:0;
	right:0;
	bottom:0;
	width:426px;
	height:29px;
}
#cabecera h1.descubre {
	background:url(/images/presentacion/descubre-grupo-enfoca.gif) no-repeat left top;
	width:321px
}
#cabecera h1.contacta {
	background:url(/images/contacta/contacta-con-nosotros.gif) no-repeat left top;
	width:302px;
}
#cabecera h1.interactua {
	background:url(/images/interactua/nuestros-trabajos.gif) no-repeat left top;
	width:237px
}
#cabecera h1.siente {
	background:url(/images/actualidad/siente-la-actualidad.gif) no-repeat left top;
	width:258px
}
#cabecera h1.errors {
	background:url(/images/error404/pagina-no-encontrada.gif) no-repeat left top;
	width:274px
}
#cabecera h2 {
	padding-left:14px;
	padding-top:23px;
	margin-left:0px;
	position:relative;
	right:0px;
}

#cabecera .opciones {
	margin:0 0 0 13px;
	float:left;
}
#cabecera .opciones li {
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#929292;
	padding-left:2px;
}
#cabecera .opciones li a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#929292;
	position:relative;
	text-decoration:none;
}
#cabecera .opciones li a:hover {
	color:#fff;
}
.inicio h2{
	background:url(/images/inicio_h2_bg.gif) no-repeat left top;

}
.ficha h2{
	background:url(/images/trabajos_h2_bg.gif) no-repeat left top;

}
.presentacion h2{
	background:url(/images/conocenos_h2_bg.gif) no-repeat left top;
}
.contacto h2{
	background:url(/images/contacto_h2_bg.gif) no-repeat left top;
}
.proyectos h2{
	background:url(/images/trabajos_h2_bg.gif) no-repeat left top;
}




#sidebar div{
	padding-left:5px;
}
.listadoNoticias{
	font-size:11px;
	background:url(/images/noticia_bg.gif) no-repeat left bottom;
	display:block;
	float:left;

}
.listadoNoticias div{
	background:url(/images/sidebar_noticia_bullet.gif) no-repeat left 5px;
	padding-left:10px;
	margin-bottom:18px;
	width:180px;
}
.listadoNoticias h4{
	font-size:11px;
	
}
.listadoNoticias p{
	font-size:10px;
	color:#5e9ed9;
	text-align:justify;
}
.listadoNoticias a{
	font-size:11px;
	text-decoration:none;
	color:#000;
}
.listadoNoticias a:hover{
	text-decoration:underline;
}


#newsletter, #localizacion{
	display:block;
	float:left;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	position:relative;
	background:url(/images/noticia_bg.gif) no-repeat left bottom;
	padding-bottom:20px;
	top:450px;
	
}
#newsletter p{
	padding-left:10px;
	color:#5f5f5f;
	padding-top:5px;
	padding-bottom:10px;	
	width:180px;
}

#newsletter input{
	border:1px solid #bcbcbc;
	height:20px;
	width:155px;
	padding-left:5px;
	padding-top:4px;
	font-size:11px;
	color:#CC6600;

}
#newsletter h4, #localizacion h4{
	color:#f6a800;
	font-size:24px;
	font-weight:normal;
	font-family:"Trebuchet MS", Arial;
	margin-top:10px;
}
#newsletter a{
	display:block;
	position:absolute;
	top:104px;
	left:150px;
}
#localizacion {
	padding-top:5px;
}
#localizacion a{
	color:#f6a800;
	text-decoration:none;
}
#localizacion a:hover{
	text-decoration:underline;
	color:#9c6b02;
}
#localizacion li{
	padding:0;
	color:#5f5f5f;
	list-style-type:none;
	padding-left:5px;
	margin:0;
}

/* CONTENIDO*/
#contenido {
	width:604px;
	padding-left:20px;
	padding-top:30px;
	position:relative;
}
#contenido h3 {
	color:#F6A800;
	font-size:20px;
	font-weight:normal;
	margin-bottom:6px;
}
#contenido p#volver, #contenido p#ordenar{
	position:absolute;
	top:36px;
	left:340px;
	background:url(/images/sidebar_noticia_bullet.gif) no-repeat left 6px;
	padding-left:15px;
	font-size:14px;
}
#contenido p#volver{
	background:url(/images/volver_bullet.gif) no-repeat left 6px;
	left:486px;
}
#contenido p#todos a, #contenido p#volver a, #contenido p#ordenar a { 
	color:#929292;
	font-weight:normal;
	display:block;
	width:140px;
	border-bottom:1px solid #f6a800;
}
#contenido p#ordenar{
	left:320px;
}
#contenido p#ordenar a{
	width:160px;
	text-decoration:none;
}
#contenido p#todos a:hover, #contenido p#volver a:hover, #contenido p#ordenar a:hover { 
	text-decoration:none;
	border-bottom:1px solid #a67202;
	color:#333;
}
#contenido p#volver a {
	width:40px;
	text-decoration:none;
}
#listadoProyectos {
	position:relative;
	width:100%;
}
#listadoProyectos h3 {
	background-image:url(../images/ultimos-trabajos.gif);
	background-repeat:no-repeat;
	background-position:left top;
	text-indent:-4000px;
	width:210px;
	height:30px;
}
#listadoProyectos p.todos {
	background:url(/images/sidebar_noticia_bullet.gif) no-repeat left 6px;
	position:absolute;
	padding-left:15px;
	top:8px;
	right:108px;	
	width:140px;
}
#listadoProyectos p.todos a {	
	color:#929292;
	font-weight:normal;
	font-size:14px;	
	border-bottom:1px solid #f6a800;
	padding-bottom:1px;
}
#listadoProyectos p.todos a:hover {
	text-decoration:none;
	border-bottom:none;
}
#listadoProyectos div{
	position:relative;
	font-size:11px;
	background:url(/images/punto.gif) repeat-x left bottom;
	margin-top:12px;
	padding-bottom:10px;
	margin-bottom:5px;	
	margin-right:15px;
}
#listadoProyectos div.ultimo {
	background:none;
}
#listadoProyectos div .entradilla {
	position:absolute;
	width:295px;
	color:#929292;
	right:0;
	top:0;
}
#listadoProyectos h4{
	font-size:14px;
	margin-top:5px;
	/*HE TOCADO ESTE ANCHO POR SI TIENE UNA NOTICIA EL TITULO MUY LARGO*/
	width:350px;
}

/* ============================  */
/* ESTILOS DE FICHA PROYECTO  */
#fichaProyecto{
	position:relative;
}
#fichaProyecto p{
	color:#929292;
	position:relative;
	top:0;
	width:220px;
	padding-left:300px;
	margin-top:-90px;
	text-align:justify;
	float:left;
}
#fichaProyecto img{
	padding:1px;
	border:1px solid #ccc;
	display:block;
	margin-top:5px;
	float:left;
}
#fichaProyecto a{
	position:absolute;
	top:156px;
	left:0;
}
#fichaProyecto h4{
	font-size:22px;
	margin-bottom:5px;	
}
#fichaProyecto p#enlace{
	clear:both;
	
}
#listadoProyectos h5, #listadoProyectos h6, #fichaProyecto h5, #fichaProyecto h6{
	font-size:11px;
	font-weight:normal;
}
#listadoProyectos a, #fichaProyecto a{
	color:#f6a800;
	font-weight:bold;
	text-decoration:none;
}
#listadoProyectos a:hover , #fichaProyecto a:hover{
	text-decoration:underline;
	color:#9c6b02;
}
#listadoProyectos span{
	display:block;
	width: 276px;
	height: 84px;
	overflow: hidden;	
}
.imgIndex {
	width: 278px;
	height: 84px;
	overflow: hidden;	
	display:block;
	border:1px solid #b6b6b6;
}
#contProyecto{
	font-size:11px;
}
#contProyecto p{
	text-align:justify;
	color:#929292;
	margin-bottom:10px;
	width:520px;
}
#contProyecto p#cita{
	background:url(/images/blockQuote_bg1.gif) no-repeat left top;
	margin-top:15px;
	clear:both;
}
#contProyecto span{
	padding-left:40px;
	padding-right:60px;
	overflow:visible;
	background:url(/images/blockQuote_bg2.gif) no-repeat right bottom;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color:#777;
	font-size:18px;
}
#contProyecto h4{
	font-family:"Trebuchet MS", Arial, sans-serif;
	font-size:18px;
	font-weight:normal;
	color:#f6a800;
	margin-bottom:10px;
}
#contProyecto li{
	list-style-type:none;
	margin-bottom:10px;
}
#contProyecto img{
	padding:1px;
	border:1px solid #ccc;
}
#validacion{
	position:absolute;
	color:#fff;
	right:-90px;
	top:0;
}
#validacion li{
	list-style-type:none;
	float:left;
	text-indent:-3000px;
}
#validacion a{
	display:block;
	height:22px;
}
#validacion #xhtml a {
	background:url(/images/validxhtml.gif) no-repeat left top;
	width:84px;
}
#validacion #css a{
	background:url(/images/validxcss.gif) no-repeat left top;
	width:64px;
}
/* --------------- */
/* PRESENTACIÓN */
.presentacion #contenido p, .presentacion #contenido li{
	font-size:11px;
	margin-bottom:10px;
}
.presentacion #contenido ul li{
	list-style-type:none;
	margin-bottom:2px;
}
.presentacion #contenido div{
	background:url(/images/listadoProyectos_bg.gif) no-repeat left bottom;
	padding-bottom:12px;
	padding-left:8px;
}
.presentacion #contenido h3{
	margin-bottom:20px;
}
.presentacion #contenido h4{
	padding-top:10px;
	padding-bottom:5px;
	color:#f6a800;
}
.presentacion #contenido a{
	text-decoration:none;
	color:#f6a800;
	padding-left:10px;
	background:url(/images/sidebar_noticia_bullet.gif) no-repeat 3px 4px;
}
.presentacion #contenido a:hover{
	text-decoration:underline;
	color:#ca8d0a;
}
.presentacion #premios ul, .presentacion #clientes ul{
	margin-left:30px;
}
/* --------------- */
/* CONTACTO */

#formulario {
	padding-top:20px;

	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#5f5f5f;
}
#formulario h3{
	padding-bottom:10px;
}
#formulario p{
	display:block;
	padding-top:10px;
}
#formulario li{
	display:block;
	float:left;
	font-size:14px;
	margin-right:20px;	
}
#formulario li#formActivo{
	color:#f6a800;
	font-weight:bold;
	padding-left: 15px;
	background:url(/images/sidebar_noticia_bullet.gif) no-repeat left 5px;
}
#formulario li a{
	text-decoration:none;
	padding-left: 15px;
	background:url(/images/sidebar_noticia_bullet.gif) no-repeat left 5px;
	color:#929292;
	padding-bottom:2px;
	border-bottom:1px solid #f6a800;
	}
#formulario li a:hover{	
	color:#444;
}
#formulario p, #formulario form{
	margin-left:15px;
}
#formulario p{
	width:350px;
	clear:left;
	padding-bottom:20px;
}
#formulario label, #formulario input{
	display:block;
}
#formulario input, #formulario textarea{
	height:18px;
	padding-top:3px;
	padding-left:6px;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	width:300px;
	border:none;
	background:#f0f0f0;
	margin-top:5px;
	margin-bottom:12px;
}
#formulario textarea{
	height:120px;
}
#formulario #check{
	width:20px;
	background:none;
	margin-top:20px;
	/*float:left;	*/
}
#formulario #labelCheck{
	float:left;
	padding-top:20px;
}
#formulario #botEnviar{
	margin-left:0;
	margin-top:10px;
}
#contactoForm label.error{
	color:#990000;
}
#formulario #errorContacto{
	color:#990000;
	font-size:12px;
	font-weight:bold;
}
#formulario #gracias{
	padding-top:70px;
	color:#000000;
	font-size:13px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}
#pie {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
}
#pie .enlaces {
	position:relative;
}
#pie .enlaces {
	background-color:#f6a800;
}
#pie .enlaces ul {
	margin-left:18px;
	padding-top:10px;
	padding-bottom:18px;
}
#pie .enlaces li {
	background-image:url(../images/flecha-pie.gif);
	background-position:left 8px;
	display:block;
	background-repeat:no-repeat;
	padding-left:12px;
	list-style:none;
	height:17px;
}
#pie .enlaces li a {
	text-transform:uppercase;
	font-size:11px;
	color:#333333;
	text-decoration:none;
}
#pie .enlaces li a:hover {
	text-decoration:underline;
}
#pie .enlaces p {
	background-image:url(../images/flecha-localizacion.gif);
	background-position:left top;
	background-repeat:no-repeat;
	color:#595959;
	position:absolute;
	right:0;
	top:0;
	width:211px;
	margin:0;
	padding-left:24px;
	padding-right:14px;
}
#pie .enlaces p span {
	color:#fff;
	display:block;
	font-weight:bold;
}
#pie .enlaces p a {
	color:#595959;
	display:block;
}
#pie p {
	color:#767676;
	font-size:11px;
	margin-left:18px;
	margin-top:7px;
	padding-bottom:7px;
}
#pie p a {
	color:#767676;
	text-decoration:none;
}
#pie p a:hover {
	text-decoration:underline;
}