* { padding: 0; margin:0px; }
html {
height:100%;
}
body {height:100%;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;font-size: 14px;margin:0px; background-image:url(../img/fondo_header.gif); background-repeat:repeat-x; text-align:left;}
* html #wrapper {height:100%;}
#espacio5{width:960px;height:5px; float:left; clear:both;}
#espacio10{width:960px;height:10px;float:left;clear:both;}
#espacio20{width:960px;height:20px;float:left;clear:both;}
#espacio30{width:924px;height:30px;float:left;clear:both;}
#wrapper {width:960px;height:auto;/*min-height:600px;*/min-height: 100%;height: auto !important;margin:0px auto;padding: 0 0 0 0px;border:0px solid black;}
#header{float:left;width:960px;height:90px;background-image:url(../img/mapa.png); background-repeat:no-repeat;}
#header #logotipo{float:left; margin-top:15px;}
#header #idiomas{float:right; margin-top:15px; height:23px;}
#header #contacto{ clear:right;float:right;margin-top:15px; text-align:right; color:#FFFFFF;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;font-size: 12px;}
a.fondo_contacto{/*background-color:#858585;*/ color:#FFFFFF;text-decoration:none;padding:3px 3px 3px 3px;}
a:hover.fondo_contacto{/*background-color:#858585;*/ color:#ffffff;text-decoration:underline;padding:3px 3px 3px 3px;}
.fondo_telefono{/*background-color:#858585;*/ color:#FFFFFF; padding:3px 3px 3px 3px; height:25px;}
/* --menu idiomas */
#idiomas_ul {position:relative;width:92px;height:23px;}
#idiomas_ul li {position:absolute;top:0;height:23px;background:url(../img/idiomas.png) 0px 0px no-repeat;display:block;list-style:none;}
#idiomas_ul a{display:block;height:23px;}
/* --espanol */
#texto_idiomasesp {width:56px;}
#idiomas_ul #texto_idiomasesp {left:0px;background:url(../img/idiomas.png) 0px 0px no-repeat;width:56px;}
#idiomasesp {width:13px;}
#idiomas_ul #idiomasesp {left:56px;background:url(../img/idiomas.png) -56px 0px no-repeat;width:13px;}
#idiomaseng {width:13px;}
#idiomas_ul #idiomaseng{left:79px; background:url(../img/idiomas.png) -79px 0px no-repeat;}
#idiomas_ul #idiomaseng a:hover{left:79px; background:url(../img/idiomas.png) -79px -23px no-repeat;width:13px;}
/* --ingles */
#texto_idiomaseng {width:56px;}
#idiomas_ul #texto_idiomaseng {left:0px;background:url(../img/idiomas.png) 0px -23px no-repeat;width:56px;}
#idiomasesp2 {width:13px;}
#idiomas_ul #idiomasesp2 {left:56px;background:url(../img/idiomas.png) -56px -23px no-repeat;width:13px;}
#idiomas_ul #idiomasesp2 a:hover{left:56px; background:url(../img/idiomas.png) -56px -23px no-repeat;width:13px;}
#idiomaseng2 {width:13px;}
#idiomas_ul #idiomaseng2{left:79px; background:url(../img/idiomas.png) -79px -23px no-repeat;width:13px;}
#idiomas_ul #idiomaseng2 a:hover{left:79px; background:url(../img/idiomas.png) -79px -23px no-repeat;width:13px;}
/* -- fin menu idiomas */
#banner{float:left;width:960px;margin-left:18px;}
#contenido{float:left;width:960px;margin-top:0px; background-image:url(../img/fondo_contenido.png); background-repeat:no-repeat; min-height:744px;}
#contenido_legal{float:left;width:960px;margin-top:0px; background-image:url(../img/fondo_contenido.png); background-repeat:no-repeat; min-height:450px;}
#menuhoriz{ float:left;margin-top:9px; height:37px; margin-left:18px; width:942px;}
#menuhoriz ul li {display: inline;}
span.img-rollover{ /*width: 22px;*/ height: 37px; overflow: hidden; display: block; position: relative; }
span.img-rollover a:hover{ top: -37px; position: relative;}
span.img-rollover-estoy{ top: -37px; overflow: hidden; display: block; position: relative; height: 37px; }
#flash_home{float:left; margin-left:18px; width:612px; height:350px; background-color:#CCCCCC;}
#motivos{float:left; background-color:#0078aa; margin-left:10px;height:350px;width:302px;}
#motivos ul.listado {text-align:left;color:#FFFFFF; list-style-type:decimal; font-size:12px; margin-left:45px; margin-top:15px;}
#motivos ul.listado li{padding-top:5px;}
#trama_separacion_flash{height:5px; float:left;}
#pastilla_texto{float:left; margin-left:18px; width:612px; height:254px; background-color:#e5e5e5;}
#pastilla_texto #titular{ text-align:left; margin-left:15px; margin-right:15px; margin-top:15px;}
#pastilla_texto #texto{ text-align:justify; font-size:14px; color:#000000; padding:15px;}
#pastilla_bookincenter{float:left; background-color:#cccccc; margin-left:10px;height:122px;width:302px; background-image:url(../img/bookincenter_home.jpg);}
#pastilla_bookinweb{float:left; background-color:#cccccc; margin-left:10px;height:122px;width:302px; margin-top:10px; background-image:url(../img/bookinweb_home.jpg);}
#pastilla_bookincenter #link_bookincenter{ float:left; margin-left:170px;margin-top:90px;}
#pastilla_bookinweb #link_bookinweb{float:left;margin-left:30px;margin-top:90px;}
#trama_separacion{height:5px; float:left;}
#conectividades_home{float:left; width:318px;/*margin-left:18px;*/ text-align:left; position:relative;}
#clientes_home{float:left; width:312px; /*margin-left:12px;*/text-align:left;position:relative;}
#novedades_home{float:left; width:312px;/*margin-left:12px;*/text-align:left;position:relative;}
#pastilla_azul{height:50px; background-color:#0078aa;margin-left:18px;}
#tit_pastilla_azul{font-size:22px; font-weight:bold; color:#FFFFFF; padding:10px;margin-left:18px;}
#flash_logos{height:292px; background-color:#ffffff; width:300px;margin-left:18px;}
#pastilla_gris_home{height:50px; background-color:#323232; text-align:center;margin-left:18px;}
#txt_pastilla{font-size:12px; color:#FFFFFF; padding:15px;}
#txt_pastilla_novedades{font-size:12px; color:#FFFFFF; padding:12px; text-align:center;}
#footer{float:left;width:100%; background-image:url(../img/fondo_footer.gif); background-repeat:repeat-x;text-align:center; min-height:184px;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;font-size: 11px;}
#contenido_footer{width:960px;min-height:184px;height: auto !important;margin:0px auto;padding: 0 0 0 0px; background-image:url(../img/mapa_footer.jpg); background-repeat:no-repeat; text-align:left;}
#columna_izquierda_footer{width:450px; float:left;}
#columna_izquierda_footer #logo_footer{margin-left:20px; padding-top:20px; }
#columna_izquierda_footer #texto_footer{margin-top:25px; margin-left:20px; color:#ffffff; font-family:"Trebuchet MS",Arial,Verdana; size: 11px; line-height:16px;}
#columna_izquierda_footer #iconos_footer{margin-left:20px; padding-top:10px;}
#menu_footer{ float:right;padding-top:20px;}
/*Definimos una clase para */
ul.columnas {
text-align:left;
float: left;
width: 440px; /*Este ancho será el total que ocupen muestras columnas */
list-style-type: none; /*Eliminamos las viñetas */
color:#FFFFFF;
}
/*Definimos las propiedades para - a partir de las otorgadas a
*/
ul.columnas li{
padding-top:5px;
display:inline; /*Se declara que las propiedades serán otorgadas a cada linea*/
float: left;
width:25%;} /*Al definir el ancho definimos también el número de columnas, siendo 25% para 4 columnas, 33% para 3, 50% para 2 y asi para la cantidad de columnas que deseemos */
ul.columnas li a{color:#FFFFFF; text-decoration:none;}
ul.columnas li a:hover{color:#FFFFFF; text-decoration:underline;}
a.link_cursiva{ font-style:italic; text-decoration:underline; color:#FFFFFF;}
a:hover.link_cursiva{ font-style:italic;text-decoration:underline; color:#0078aa;}
a.link_cursiva_negro{ font-style:italic; text-decoration:underline; color:#000000;}
a:hover.link_cursiva_negro{ font-style:italic;text-decoration:underline; color:#0078aa;}
#columna_izquierda_conectividades{float:left; margin-left:18px; width:612px;text-align:left; height:auto; min-height:1000px;}
#columna_izquierda_partners{float:left; margin-left:18px; width:914px;text-align:left; height:auto; min-height:600px;}
#columna_izquierda_empresa{float:left; margin-left:18px; width:500px;text-align:left; height:370px; min-height:370px;}
#columna_derecha_empresa{float:left;margin-left:10px;width:414px; text-align:left;height:370px;}
#columna_derecha{float:left;margin-left:10px;width:302px; text-align:left;height:auto;}
#tit_seccion{font-size:24px; font-weight:bold; color:#0078aa;text-transform:uppercase; margin-top:5px;}
#pastilla_gris{height:50px; background-color:#323232; text-align:left;}
#tit_pastilla{font-size:14px; font-weight:bold; color:#ffffff;text-transform:uppercase; padding-top:25px; padding-left:10px;}
#contenido_pastilla{height:50px; background-color:#e5e5e5; text-align:left;}
#novedad{background-color:#e5e5e5; padding:10px;}
#novedad #fecha{ color:#666666; font-size:12px; font-weight:bold;}
#novedad #tit_novedad{ color:#262525;font-size:18px; font-weight:bold;}
#novedad #txt_novedad{ color:#262525;font-size:12px; text-align:justify;}
#novedad #fecha_ptit{ color:#666666; font-size:12px; font-weight:bold; text-align:right;}
#novedad #tit_novedad_ptit{ color:#262525;font-size:14px; font-weight:bold;text-align:right;}
#contenido_izquierda{ float:left;}
/*#menu_conectividades{margin-left: 0px;padding-left: 0px; list-style-position: inside;list-style-image:url(../img/flecha_listas.gif);}*/
#menu_conectividades li{font-size:12px;list-style: none; display:inline;background: url(../img/flecha_listas.gif) left center no-repeat;padding-left: 15px; margin-top:15px; margin-right:15px;}
#menu_conectividades li a {width:150px;padding:4px 0;text-decoration:underline;text-align:left;font-size:12px;color:#0078aa;}
#menu_conectividades li a:hover {color:#f99d0d;}
#minimenu{ float:left;width:612px; }
#minimenu_partners{ float:left;width:914px; }
#tits_conectividades{float:left;background-image:url(../img/fondo_tits_conectividades.gif); background-repeat:repeat-x; width:612px; height:39px;}
#tits_partners{float:left;background-image:url(../img/fondo_tits_conectividades.gif); background-repeat:repeat-x; width:914px; height:39px;}
#tit_interior{padding:8px; font-size:18px;}
#texto_interior{float:left;width:612px; margin-top:10px; margin-bottom:10px; font-size:14px;}
#texto_interior_partners{float:left;width:914px; margin-top:10px; margin-bottom:10px; font-size:14px;text-align:justify;}
#texto_interior_empresa{float:left;width:480px; margin-top:10px; margin-bottom:10px; font-size:14px; text-align:justify;}
#menu_desarrollo li{font-size:13px;list-style: none;list-style-position: inside;background: url(../img/flecha_listas.gif) left center no-repeat;padding-left: 10px; margin-top:10px; margin-right:13px;width:25%;font-weight:bold; white-space:nowrap;}
#menu_desarrollo li a{color:#0078aa; text-decoration:none;}
#menu_desarrollo li a:hover{color:#0078aa; text-decoration:underline;}
#franja_azul{ float:left;width:924px;height:10px; background-color:#0078aa; margin-left:18px; margin-bottom:15px;}
#texto{float:left;margin-top:10px; margin-bottom:10px; font-size:14px; margin-right:20px;}
#contenido_completo{float:left;width:924px;margin-left:18px; text-align:justify;}
/*SLIDESHOW SERVICIOS*/
#container { width:960px; margin-left:18px;margin:0px auto 0px;padding:0px; font-size:12px; margin-top:50px;}
#slideshow {width:924px; height:300px;margin-left:18px;margin:0px auto 0px;padding:0px; border:1px solid white;}
#intro_servicios{float:left; margin-left:18px; margin-top:10px; width:924px; float:left; text-align:left;}
#txt_intro_servicios{float:left; margin-left:18px; margin-top:10px; text-align:left; font-size:14px; margin-right:18px;}
#pastilla_center{float:left;width:300px; margin-left:18px; text-align:left;}
#pastilla_web{float:left;width:300px; text-align:left;}
#pastilla_consultoria{float:left;width:300px; text-align:justify;}
#separacion_pastillas{width:12px;float:left;}
#opciones li{font-size:12px;list-style: none;background: url(../img/flecha_listas.gif) left center no-repeat;padding-left: 15px; margin-top:10px;}
#opciones li a {width:290px;padding:4px 0;text-decoration:underline;text-align:left;font-size:12px;color:#000000;}
#opciones li a:hover {color:#0078aa;}
#opciones li .estoy{ font-weight:bold; color:#0078aa;}
/*CLIENTES*/
#flash_clientes{ float:left;width:924px; height:469px;margin-left:18px;}
#flash_clientes2{ float:left;width:924px; height:126px;margin-left:18px;}
#columna_izquierda_clientes{float:left; margin-left:18px; width:612px;text-align:left; height:auto; min-height:800px;}
#paginacion{ float:left; font-size:12px;}
#linea{width:612px; border-top: 1px dotted #666666; border-bottom:1px solid white; height:1px; float:left; margin-top:10px; margin-bottom:10px;}
#caso_exito{ float:left;width:612px;}
/*SERVICIOS*/
#izquierda_servicios{float:left;width:210px; margin-left:18px; text-align:left; margin-right:1px;}
#separacion_servicios_center{ float:left;background-image:url(../img/trama_separacion_servicios.gif); background-repeat:repeat-y; height:1370px; width:1px; margin-top:10px;}
#separacion_servicios_web{ float:left;background-image:url(../img/trama_separacion_servicios.gif); background-repeat:repeat-y; height:1150px; width:1px; margin-top:10px;}
#derecha_servicios{float:left;width:685px; margin-left:0px; text-align:justify; margin-left:20px; border:0px solid black; font-size:14px;margin-top:10px;}
#opciones_14 li{font-size:14px;list-style: none;background: url(../img/visto.gif) left top no-repeat;padding-left: 24px; margin-top:10px;}
#estas{width:910px;margin-left:15px; position:absolute; margin-top:50px; color:#FFFFFF; font-size:11px; float:left; z-index:2;}
/*PRENSA*/
#minimenu_prensa{ float:left;width:924px; }
#menu_prensa li{font-size:12px;list-style: none; display:inline;background: url(../img/flecha_listas.gif) left center no-repeat;padding-left: 15px; margin-top:15px; margin-right:15px;}
#menu_prensa li a {width:150px;padding:4px 0;text-decoration:underline;text-align:left;font-size:14px;color:#0078aa;}
#menu_prensa li a:hover {color:#f99d0d;}
#tits_prensa{float:left;background-image:url(../img/fondo_tits_conectividades.gif); background-repeat:repeat-x; width:924px; height:39px;}
#subir a{float:left; width:924px; font-size:12px; text-align:right; margin-top:10px; margin-bottom:10px;color:#0078aa;}
#subir a:hover{color:#000000;}
#contenido_prensa{ float:left; width:924px;}
a.descarga{color:#666666;}
a:hover.descarga{color:#0078aa;}
#menu_documentos li{font-size:14px;list-style: none;list-style-position: inside;background: url(../img/flecha_listas.gif) left center no-repeat;padding-left: 15px; margin-top:15px; margin-right:15px;}
#menu_documentos li a{color:#000000;}
#menu_documentos li a:hover{color:#0078aa;}
/*MAPA WEB*/
#contenido_mapa{float:left; width:900px; margin-left:24px;}
#menu_mapa li{font-size:14px;background: url(../img/flecha_listas.gif) left center no-repeat;padding-left: 15px; margin-top:15px; margin-right:15px;}
#menu_mapa li a{color:#000000;}
#menu_mapa li a:hover{color:#0078aa;}
#menu_mapa2 li{font-size:14px;background: url(../img/flecha_listas.gif) left center no-repeat;padding-left: 15px; margin-top:15px; margin-right:15px; margin-left:25px;}
#menu_mapa2 li a{color:#000000;}
#menu_mapa2 li a:hover{color:#0078aa;}