/* CSS Document */

/* CARACTERÍSTICAS DE BODY */

body{
    background:#FFFFFF;			/* COLOR DE FONDO DE LA PÁGINA */
    margin-top:0px;             /* MARGEN SUPERIOR*/
}

/* DIV CONTENEDOR DE TODA LA ESTRUCTURA DE TODA LA PÁGINA */

#estructura
{
	background:#FFFFFF;			/* COLOR DE FONDO DEL CONTENIDO */
	margin:auto;				/* ALINEACIÓN CENTRADA DEL CONTENIDO */ 
	width:100%; 				/* ANCHO DEL CONTENIDO */
	background-image:url(../img/fondo_cabecera.gif);
	background-repeat:repeat-x;
}

/* DIV CONTENEDOR DE LA CABECERA */

#cabecera
{
	margin:auto;
	width:957px;
	/*height:187px;*/height:104px;
	/*background-image:url(../img/cabecera.gif);
	background-repeat:no-repeat;*/
}


div.menu_cabecera
{
	float: right; 
	margin-top:40px;
}

.menuPrincipales { width: 957px; height: 30px; margin: auto; position: absolute; top: 74px; }

.menuPrincipales .entradaMenu a { display:block; width: 144px; height: 25px; }
.menuPrincipales .entradaMenu a:hover { background-position: 0 -25px; }
.menuPrincipales .entradaMenu .alt { display:none; }

.menuPrincipales .entradaMenu  a#nosotros { background-image: url("../img/menu_titulo_nosotros.png"); }
.menuPrincipales .entradaMenu  a#informatica { background-image: url("../img/menu_titulo_informatica.png"); }
.menuPrincipales .entradaMenu  a#programacion { background-image: url("../img/menu_titulo_programacion.png"); }
.menuPrincipales .entradaMenu  a#servicios { background-image: url("../img/menu_titulo_servicios.png"); }
.menuPrincipales .entradaMenu  a#desarrollo { background-image: url("../img/menu_titulo_desarrollo.png"); }
.menuPrincipales .entradaMenu  a#productos { background-image: url("../img/menu_titulo_productos.png"); }

/* DIV CONTENEDOR DEL MENÚ */

#menu{
	margin: 1px auto auto;
	width: 957px;
}

ul.menu_1{
	list-style: none;
	margin: 0;
	margin-left: 10px;
	padding: 0;
	width: 148px;
	float: left;
}

ul.menu_2{
	list-style: none;
	margin: 0;
	margin-left: 10px;	
	padding: 0;
	width: 149px;
	float: left;
}

ul.barra_menu{
	list-style: none;
	margin: 0;
	padding: 0;
	width: 1px;
	float: left;	
	min-height: 100px;
	background-color: #C8C8C8;
}

ul.barra_menuPrincipales{
	list-style: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 1px;
	float: left;
	height: 30px;
	background-color: #8F927C;
}

ul.barra_menuPrincipales li.separador{
	width: 1px;
	height: 1px;
}

li.menu{
	height:20px;	
}

li.menu_img{
	height:30px;	
}


/* DIV SEPARADOR DE DIVS */

#separador
{
	clear:both;
	overflow: auto;
	height: 0px;
}

/* DIV CONTENEDOR PESTAÑAS EN HOME */

#contenedor_pestanas
{
	width:957px;
	height:299px;
	overflow:hidden;
	margin:auto;
	background-color: #FFF;
}

#menu_pestanas{
	float:left;
	width: 157px;
}

.contenido_pestanas div {
	display:none;
	margin-left: 157px;	
	height:299px;
	width:800px;
	background-color:#FFF;
}

#bienvenido_pestañas{
	background-image:url(../img/fondo_bienvenido.jpg);
	background-repeat:no-repeat;
	padding-top:230px;
	padding-left:223px;
	width: 580px;
}

#destacados_pestañas{
	background-image:url(../img/fondo_destacados.jpg);
	background-repeat:no-repeat;
	padding-top:220px;
	padding-left:223px;
	padding-right:20px;
	width: 560px;
}

#proyectos_pestañas{
	background-image:url(../img/fondo_proyectos.jpg);
	background-repeat:no-repeat;
	padding-top:220px;
	padding-left:223px;
	padding-right:20px;
	width: 560px;
}

/* DIV CONTENEDOR PRESENTACION */

#presentacion
{
	margin:auto;
	width:957px;
	height:306px;
	background-image:url(../img/fondo_presentacion.gif);
	background-repeat:no-repeat;
}

div.menu_presentacion
{
	float:left;
	margin-left:13px;
	margin-top:135px;
}

/* DIV CONTENEDOR NOTICIAS Y DESTACADOS EN HOME */

#contenedor_noticias_destacados
{
	width:957px;
	min-height:364px;
	overflow:hidden;
	margin:auto;
	background-color: #FFF;
}

#destacados_home{
	width:278px;
	*width:258px;
	height:364px;
}

#trabajos_home{
	float:right;
	width:679px;
	height:364px;	
}

/* PROYECTOS DESTACADOS PEQUEÑO */

div.proyectos_destacados_peq{
	width:249px;
	height:139px;
	background-image:url(../img/fondo_proyec_destac_home.gif);
	background-repeat:no-repeat;
}

div.proyectos_destacados_1_peq{
	float:left;
	padding-top:40px;
	padding-left:13px;
}

div.proyectos_destacados_2_peq{
	padding-top:40px;
	padding-left: 130px;
}

div.ver_mas_proyectos{
	float:right;
	padding-right:31px;
}


/* ***** BANNERs INTERCAMBIABLES ***** */
.bannerMenu a { display:block; width: 240px; height: 22px; }
.bannerMenu a:hover { background-position: 0 -22px; }
.bannerMenu .alt { display:none; }

.bannerMenu a#mantenimientos { background-image: url("../img/menuMantenimiento.jpg"); }
.bannerMenu a#programacion { background-image: url("../img/menuProgramacion.jpg"); }
.bannerMenu a#dominiosYalojamientos { background-image: url("../img/menuDomAlo.jpg"); }
.bannerMenu a#desarrollo { background-image: url("../img/menuDesarrollo.jpg"); }

.bannerPubli a { display:block; width: 249px; height: 99px; }
.bannerPubli a:hover { background-position: 0 -99px; }
.bannerPubli .alt { display:none; }

.bannerPubli a#publiPortada { background-image: url("../img/publiAndroid.jpg"); }

.bannerBtn a { display:block; width: 93px; height: 32px; }
.bannerBtn a:hover { background-position: 0 -32px; }
.bannerBtn .alt { display:none; }

.bannerBtn a#todos { background-image: url("../img/btnTodosTra.jpg"); }
.bannerBtn a#corporativas { background-image: url("../img/btnCorporativasTra.jpg"); }
.bannerBtn a#institucionales { background-image: url("../img/btnInstitucionalesTra.jpg"); }
.bannerBtn a#tiendas { background-image: url("../img/btnTiendasTra.jpg"); }
.bannerBtn a#programacion { background-image: url("../img/btnProgramacionTra.jpg"); }
.bannerBtn a#desarrollo { background-image: url("../img/btnDesarrolloTra.jpg"); }
.bannerBtn a#moviles { background-image: url("../img/btnMovilesTra.jpg"); }

.banner a { display:block; width: 249px; height: 85px; }
.banner a:hover { background-position: 0 -85px; }
.banner .alt { display:none; }

.banner a#mantenimiento { background-image: url("../img/bannerMantenimiento.jpg"); }
.banner a#desarrollo { background-image: url("../img/bannerDesarrollo.jpg"); }
.banner a#programacion { background-image: url("../img/bannerProgramacion.jpg"); }

.bannerTexto a { display:block; width: 110px; height: 15px; }
.bannerTexto a:hover { background-position: 0 -15px; }
.bannerTexto .alt { display:none; }

.bannerTexto a#masNotPortada { background-image: url("../img/masNot.jpg");  }
.bannerTexto a#masTrabajos { background-image: url("../img/masTrab.jpg");  }

/* ***** BOTONES INTERCAMBIABLES ***** */
.boton { width: 109px; margin: 25px 0 0; }
.boton input { display:block; width: 109px; height: 30px; border: none; cursor: pointer; }
.boton input:hover { background-position: 0 -30px; }
.boton .alt { display:none; }

.boton input#enviarContacto { background-image: url("../img/btnEnviar.jpg"); }


/* ***** CONTENEDOR ÚLTIMAS NOTICIAS ***** */
.ContUltNot { margin-bottom: 10px; }
.cabeceraContUltNot { background: url("../img/cabeceraContUltNot.jpg") no-repeat; height: 40px; width: 242px; padding-left: 7px; line-height: 32px; }
.cuerpoContUltNot { background: url("../img/cuerpoContUltNot.jpg") repeat-y; min-height: 40px; width: 225px; padding: 12px; }
.pieContUltNot { background: url("../img/pieContUltNot.jpg") no-repeat; height: 10px; width: 249px; }
.cabeceraNuestrosTrabajos { background: url("../img/marcaLateralGris.jpg") 0 0 no-repeat; height: 37px; padding-left: 9px; }

/* ***** NOTICIAS EN LA HOME ***** */
.noticias_home_detalle { width: 225px; min-height: 40px; }
.noticias_home_detalle a { font-family: Arial, Helvetica, sans-serif; }
.noticias_home_imagen { float:left; margin-right: 10px; width: 80px; height: 64px; border: 1px solid #BDB59E; }
.noticias_home_titular { height: 66px; overflow: hidden; }
.contMasNot { width: 249px; text-align: right; }

.destacados_detalle { width: 225px; }
.destacados_detalle a { font-family: Arial, Helvetica, sans-serif; }
.destacados_imagen { border: 1px solid #BDB59E; }
.contMasTra { width: inherit; text-align: right; }

/* ***** PAGINA NOTICIAS ***** */
#noticias_detalle { width:679px; min-height:140px; background-color:#f3f2ee; text-align:justify; }
#noticias_imagen { float:left; width:122px; height:108px; padding-top:14px; padding-left:14px; }
#noticias_titular { padding-top:14px; padding-left:150px; padding-right:20px; }
#noticias_resumen { padding-left:150px; padding-right:20px; }

div.leer_mas_noticias_home{  float:right;}

/* ***** CONTENEDOR DE ADVERTENCIAS ***** */
.ContAdvert { width: 679px; margin: 0 auto; }
.cabeceraAdvertencia { background: url("../img/cabeceraAdvertencia.jpg") no-repeat; height: 40px; width: 679px; }
.cuerpoAdvertencia { background: url("../img/cuerpoAdvertencia.jpg") repeat-y; min-height: 10px; width: 655px; padding: 8px 12px; }
.pieAdvertencia { background: url("../img/pieAdvertencia.jpg") no-repeat; height: 10px; width: 679px; }

/* ***** CONTENEDOR DE GRACIAS ***** */
.cabeceraGracias { background: url("../img/cabeceraGracias.jpg") no-repeat; height: 40px; width: 679px; }
.cuerpoGracias { background: url("../img/cuerpoGracias.jpg") repeat-y; min-height: 10px; width: 655px; padding: 8px 12px; }
.pieGracias { background: url("../img/pieGracias.jpg") no-repeat; height: 10px; width: 679px; }

/* ***** TITULOS DE LAS PAGINAS POR BLOQUE ***** */
.bloqueNaranja_conBarra { float: right; width: 652px; min-height: 50px; background: url("../img/palotePie.jpg") 0 0 repeat-y; padding: 1px 0 0 17px; }

/* ***** TRABAJOS ***** */
#listado-proyectos0 { width: 661px; min-height: 90px; background-color: #f3f2ee; text-align: justify; border-right: 8px solid #8E927C; }
#listado-proyectos1 { width: 661px; min-height: 90px; background-color: #f3f2ee; text-align: justify; border-right: 8px solid #FA6B00; }
#listado-proyectos2 { width: 661px; min-height: 90px; background-color: #f3f2ee; text-align: justify; border-right: 8px solid #FF31A5; }
#listado-proyectos3 { width: 661px; min-height: 90px; background-color: #f3f2ee; text-align: justify; border-right: 8px solid #9c31ff; }
#listado-proyectos4 { width: 661px; min-height: 90px; background-color: #f3f2ee; text-align: justify; border-right: 8px solid #3139ff; }
#listado-proyectos5 { width: 661px; min-height: 90px; background-color: #f3f2ee; text-align: justify; border-right: 8px solid #C40026; }
#listado-proyectos6 { width: 661px; min-height: 90px; background-color: #f3f2ee; text-align: justify; border-right: 8px solid #93c100; }
.imagenProyecto { float: left; width: 137px; height: 60px; padding-top:14px; padding-left:14px; }
.tituloProyecto { padding-top:14px; padding-left: 165px; padding-right: 20px; line-height: 1.3em; }
.posicionaTitulo { margin-top: -6px; }
#trabajos .img-detalle { margin-right: 15px; }

.fila-impar { width: 667px; background-color: #EFEFEF; line-height: 30px; vertical-align: middle; }
.fila-par { width: 667px; background-color: #EFEFEF; line-height: 30px; vertical-align: middle; border-top: 1px solid #E6C9B3; }

/* ***** ENLACES ***** */
.fila-impar #enlace { background: url("../img/link.png") 18px 0 no-repeat; height: 16px; width: 16px; padding: 0 0 0 40px; }

/* ***** ADJUNTOS ***** */
.cabeceraAdjuntos { background: url("../img/cabeceraAdjuntos.jpg") no-repeat; height: 30px; width: 667px; }
.fila-impar #descarga { background: url("../img/descarga.png") 18px 0 no-repeat; height: 16px; width: 16px; padding: 0 0 0 40px; }
.fila-par #descarga { background: url("../img/descarga.png") 18px 0 no-repeat; height: 16px; width: 16px; padding: 0 0 0 40px; }

/* ***** GALERIA DE IMAGENES ***** */
.cabeceraGalerias { background: url("../img/cabeceraGalerias.jpg") no-repeat; height: 40px; width: 660px; padding-left: 7px; line-height: 32px; }
.cuerpoGalerias { background: url("../img/cuerpoGalerias.jpg") repeat-y; min-height: 10px; width: 643px; padding: 0 12px; }
.pieGalerias { background: url("../img/pieGalerias.jpg") no-repeat; height: 10px; width: 667px; }

.cuerpoGalerias ul#thumbs { list-style: none; padding: 0; }
.cuerpoGalerias #thumbs li { float: left; margin: 4px 0; }
.cuerpoGalerias #thumbs li a { width: 99px; background-color: #e6e4db; z-index: 1; display: block; height: 86px; line-height: 86px; overflow: hidden; position: relative; }
.cuerpoGalerias #thumbs li .separator { height: 1em; width: 8px; }
    

/* DIV CONTENIDOS Y DESTACADOS */
#contenidos_y_destacados { width:957px; overflow:hidden; margin:auto; background-color: #FFF; }
#destacados_general{ width:288px; *width:268px; }
#contenidos_general{ float:right; width:669px; }

.ContTraRel { width: 668px; margin: 30px auto 0; }
.cabeceraTraRel { background: url("../img/cabeceraTraRel.jpg") no-repeat; height: 40px; width: 668px; }
.cuerpoTraRel { background: url("../img/cuerpoTraRel.jpg") repeat-y; min-height: 10px; width: 644px; padding: 8px 12px; }
.pieTraRel { background: url("../img/pieTraRel.jpg") no-repeat; height: 10px; width: 668px; }

/* DIV CONTENEDOR DEL PIE */
.pie { margin: 0 auto; width: 957px; height: 54px; }

.bloqueRedesSociales { float: left; width: 249px; height: 39px; padding: 15px 0 0; }
.bloqueRedesSociales a { float: left; display:block; width: 101px; height: 38px; }
.bloqueRedesSociales a:hover { background-position: 0 -38px; }
.bloqueRedesSociales .alt { display:none; }

.bloqueRedesSociales a#facebook { background-image: url("../img/logoFacebook.jpg"); }
.bloqueRedesSociales a#youtube { background-image: url("../img/logoYoutube.jpg"); }

/*.bloqueRedesSociales { float: left; width: 249px; height: 39px; padding: 15px 0 0; display: block; }
.bloqueRedesSociales .facebook { float: left; width: 101px; height:38px; background: url("../img/logoFacebook.jpg") 0 0 no-repeat; margin-right: 15px; }
.bloqueRedesSociales .facebook:hover { background-position: 0 -38px; }
.bloqueRedesSociales .youtube { float: left; width: 101px; height:38px; background: url("../img/logoYoutube.jpg") 0 0 no-repeat; }
.bloqueRedesSociales .youtube:hover { background-position: 0 -38px; }*/
.bloqueDireccion_estrecho { float: right; width: 652px; background: url("../img/palotePie.jpg") 0 0 no-repeat; padding: 15px 0 0 17px; }
.bloqueDireccion { float: right; width: 662px; background: url("../img/palotePie.jpg") 0 0 no-repeat; padding: 15px 0 0 17px; }