/*azul-enlaces=  #8bd1f1*/
/*azulclaro-enlaces=  #77ccff*/
/*naranja-enlaces=  #f39a2c*/
/*gris-oscuro= #323031*/
/*gris-claro= #8a8176*/

/* GoogleMaps */
v\:* { behavior:url(#default#VML); } 

body {
	font: 12px Arial, Helvetica, sans-serif; 
	margin: 0; padding: 0 0 2em 0; 
	background: url(Images/bg_in.gif) #8A837E; 
	text-align: center;
	color: #76797c;
	}
acronym {border-bottom: dotted 1px #ccc;}
img {border: 0;}
li {list-style: none;}
h1, h2, h3, h4, p {margin: 0; padding: 0;}
p {line-height: 1.7em; padding-bottom: 2em;}

a {}
a:link {color:  #0088c6; text-decoration: underline;}
a:visited {color: #0088c6;}
a:hover {text-decoration: none;}

.flota_image {float: left; margin: 0 10px 10px 0;}

.desflotar {clear: both; color: #fff; border: solid 0; }
.separa-secc {clear: both; color: #e6e6e6; border: solid 1px; margin: 0 0 2em 0;}
.rss {padding-left: 2em; background: url(Images/rss.gif) no-repeat;}

#contenedor {width: 911px; margin: 2px auto;  padding: 0; text-align: left; }
#cabecera {height: 74px; background: url(Images/cabecera.gif) no-repeat;}
#cabecera img {position: relative; top: 12px; left: 25px;}

#cuerpo {text-align: left;}

#menu {font-family: Arial; font-size: 80%; text-transform:uppercase; margin:0px; padding-left: 2em; height: 35px;background: url(Images/detalle-menu2.gif) no-repeat left top;}
#menu li {list-style: none; display: block; float: left;}
#menu a {display: block; float: left; padding:10px 10px 8px 10px; text-align: center; text-decoration: none; background: url(Images/menu-separa.gif) no-repeat top right; color: #a6a4a2;}
/*Commented Blackslash Hack hide from IE5-Mac \*/
#menu a {float: none; text-decoration: none}   /* End IE5-Mac Hack*/
#menu li.contac a{color: #55BEE9;}
#menu li.seleccion a{background: url(Images/over-menu.gif) no-repeat left top; font-weight: bold; color:#D6D3D6;}
#menu a:hover {background: url(Images/over-menu.gif) no-repeat left top; color:#9bdbff; text-decoration: none}
#menu .enlace2 {font-size: 11px; padding: 4px 0 0 210px; text-transform:none; color:#999; border:0;}
#menu .contac {color: #fff;}
#menu .privada { text-transform: none; font-size: 11px;margin-left: 17em;}
#menu .privada a{ color: #43a1cc; background: url(Images/bg_acce_priv.gif) no-repeat 0px 6px;}
#menu .privada a:hover {color:#999; background: url(Images/bg_acce_priv.gif) no-repeat 0px 6px; text-decoration: none;}
#menu .privada_salir a{ color: #777; background: none; font-size: 12px; text-transform: none;}
#menu .privada_salir a:hover {color:#777; background: none; text-decoration: underline; }
#menu .fecha { text-transform: lowercase;}


#principal {clear: left; margin:0; padding: 30px 10px 44px 44px; background: #fff url(Images/bg_seccion.gif) repeat-x;}

#principal.fondo {background: #fff url(Images/fondo_home.jpg) no-repeat; background-position: top right;}


#principal h1 {margin: 0; padding: 0; font-size: 120%;}
#principal p {font-size:13px;line-height: 1.5em;}

#contenido_izq {float: left; width: 520px; padding-right: 2em;}
#contenido_izq  span .resalta {display: block; font-weight: bold; font-size: 120%;}
#contenido_izq  h2 {font-size: 16px; color: #e08e2a;}
#contenido_izq  h2 a {font-size: 16px; color: #333; text-decoration: none;}
#contenido_izq  h2 a:hover {text-decoration: underline;}

#contenido_izq .imagen_izq {float: left; margin: 0 1em 0 0;}
#contenido_izq .imagen_dch {float: right; margin: 0 0 0 1em;}

#contenido_izq #banner_home { text-transform:none; margin: 0 0 1em 0; padding: 0 0 1em 0;  height: 201px; border-bottom: solid 1px #eee;}
#contenido_izq #banner_home  h1 { visibility: hidden;}
#contenido_izq .home_serv_tit {display: inline; color: #444; font-weight: normal;}
#contenido_izq .home_serv_tit span{display: inline;}


#contenido_izq .routing {margin: 0 0 1em 0; padding: 0;}
#contenido_izq .routing a {color: #a0a09e}
#contenido_izq .imagen-izq img {float: left; margin: 0 10px 10px 0;}
#contenido_izq .servicios-izq {width: 270px; float: left; font-size:13px;line-height:18px; padding-right: 2em; border-right: solid 1px #e9e7bf;} 
#contenido_izq .servicios-dch {width: 250px; float: left; padding-left: 2em;}

#contenido_izq .muestras {width: 130px; float: left; font-size:13px;padding-right: 1em; border-right: solid 1px #e9e7bf;} 
#contenido_izq .objetivos {margin: 0 0 1.5em 0; padding: 0; font-size: 11px; color: #777; border-top: solid 1px #f8eab6;}
#contenido_izq .objetivos li {padding: 0.3em 0 0.3em 1.4em;  background: url(Images/lista_flecha.gif) no-repeat 0px 7px; border-bottom: solid 1px #f8eab6; list-style: none;}

#contenido_izq .tit_seccion {font-size: 180%; color: #000; margin:0;}
#contenido_izq .subtit_seccion {color: #777; margin:0;}
#contenido_izq .características {width: 400px; float: left; padding-left: 2em;}
#contenido_izq .características h4 {font-size: 120%;}
#contenido_izq .im_seccion {padding: 2em 0;}
#contenido_izq .im_sector {margin: 0 0 1em 0; border: solid 2px #fff;}
#contenido_izq .gancho {color: #009cd6; font-weight: bold; margin: 1em 0em; line-height: 1.3em; }

#contenido_izq .menu-portafolio {margin:0; padding:0; }
#contenido_izq .menu-portafolio li {display: inline; margin-right: 2px; padding: 0.3em 0.5em 0.3em 1em; background: #fff; border-top: solid 1px  #eae8bf; border-right: solid 1px  #eae8bf; border-left: solid 1px  #eae8bf;}
#contenido_izq .menu-portafolio a {color: #8f8f8d; text-decoration: underline; font-family: Trebuchet MS; font-size:11px; font-weight: normal}
#contenido_izq .menu-portafolio a:hover {text-decoration: none;}
#contenido_izq .menu-portafolio .seleccion_porta a {text-decoration: none;}

#contenido_izq .carpeta-portafolio {background: #fff; padding: 0.5em; border: solid 1px  #eae8bf;}
#contenido_izq .carpeta-portafolio .porta_cliente {background: #eee; padding: 1.5em;}
#contenido_izq .carpeta-portafolio .porta_cliente h2 {color: #333}
#contenido_izq .carpeta-portafolio .porta_cliente .fecha {color: #999; font-family:Georgia;}
#contenido_izq .carpeta-portafolio .porta_cliente .direccion {display: block; font-size: 11px; font-weight: normal;}
#contenido_izq .carpeta-portafolio .cliente_img  {float: right; width:250px; margin: 0 0 10px 10px;}
#contenido_izq .carpeta-portafolio .cliente_serv {margin: 0; padding: 0;}
#contenido_izq .carpeta-portafolio .cliente_serv li {list-style: circle; margin-left: 2em;}
#contenido_izq .carpeta-portafolio .enlace_image {font-size: 11px; display: block;}


#contenido_izq .articulos span .resalta {font-size: 90%; color: #005179 ; margin-top: 3px;}
#contenido_izq .articulos h2 {display: inline}
#contenido_izq .articulos p {font-size: 110%;}
#contenido_izq .articulos h1 {font-size: 18px; display: inline}
#contenido_izq .articulos a {text-decoration: none; border-bottom: dotted 1px #20abdf}
#contenido_izq .articulos a:hover {text-decoration: none; border-bottom: dotted 1px #005179; background: #fff}
#contenido_izq .articulos ul li { list-style-type:disc;}
#contenido_izq .parraf-corto {width: 400px;}

#contenido_izq2 {padding-right: 2em;}
#contenido_izq2 .tit_seccion {font-size: 22px; color: #000; margin:0;}
#contenido_izq2 .imagen_izq{float: left; margin: 0 1em 0 0;}
#contenido_izq2 .parraf {width: 650px;}
#contenido_izq2 .contacto-izq {width: 210px; float: left; font-size:13px;line-height:18px;  padding-right: 2em;} 
#contenido_izq2 .contacto-izq ul{margin: 0; padding: 0;}
#contenido_izq2 .contacto-izq li{margin: 0; padding: 0; font-size: 11px}
#contenido_izq2 .contacto-dch {padding-left: 2em;}
fieldset {width: 450px; background: #fff url(Images/bg_fieldset.gif); padding: 1em 2em; border: solid 1px #ccc}
label {display: block; color: #666;}
input, #hojaContacto select, #hojaContacto text-area {color: #666; margin-bottom: 1em; font-family: Arial; font-size: 12px; color: #666;}
/*#hojaContacto .text {width: 220px; color: #666;}*/
#hojaContacto .coments {width: 300px; height: 100px; display: block; font-family: Arial; font-size: 12px; color: #666;}
.contact_multi {
    margin-bottom: 2em;
    }
.contact_multi span {
    }
.contact_multi span a {
    border-top: solid 1px #CCC;
    border-right: solid 1px #CCC;
    border-left: solid 1px #CCC;
    text-decoration: none;
    font-weight: bold;
    color: #333;
    padding: 0.5em 0.5em;
    }



#contenido_izq .imprime-envia {background: #fff; border: solid 1px #ccc; padding: 0.5em;}
#contenido_izq .imprime-envia span {padding-left: 2em; background: url(Images/sobre.gif) no-repeat 0px 5px;}
#contenido_izq .envio {background: #fff; margin-bottom: 2em; border: solid 1px #ccc; padding: 0.5em;}

#barra_dch {float: left; width: 250px; padding: 0; margin: 0 0 0 4em;}
#barra_dch blockquote {margin:0; line-height: 1.3em;}
#barra_dch .imagen_izq {float: left; margin: 0 0.5em 1em 1em; border: solid 1px #999;}

#barra_dch .soluciones_barra {background: url(Images/barra_ini.gif) no-repeat top left; padding: 1em 0 1em 1em; font-size: 140%;}
#barra_dch .soluciones_barra_blanco {background: url(Images/barra_ini_blanco.gif) no-repeat top left; padding: 1em 0 1em 1em; font-size: 140%;}
#barra_dch .soluciones_barra_azul {background: url(Images/barra_ini_azul.gif) no-repeat top left; padding: 1em 0 1em 1em; font-size: 140%;}
#barra_dch #soluciones {background: url(Images/barra_larg.gif) no-repeat bottom left;}
#barra_dch #soluciones h3 {padding: 0 1em 0 1.3em; margin: 0; font-size: 110%;}
#barra_dch #soluciones h3 a {text-decoration: none;}
#barra_dch #soluciones h3 a:hover {border-bottom: solid 2px #0088c6;}
#barra_dch #soluciones p {padding: 0 1em 0.5em 1.3em; margin: 0 0 1em 0 ;border-bottom: solid 1px #fff; line-height: 1.4em;}
#barra_dch #soluciones ul {margin: 0 0 0 1em;}

#barra_dch .articulos_barra {color: #999; padding: 0.3em 0 0.2em 1em; font-size: 110%; font-weight: normal; background: #f0f0f0; border-top: solid 1px #ccc; border-bottom: solid 3px #ebebeb; border-right: solid 1px #ccc; border-left: solid 1px #ccc;}
#barra_dch #articulos {background: #fff; border-bottom: solid 1px #ccc; border-right: solid 1px #ccc; border-left: solid 1px #ccc; margin-bottom: 1em; padding-right: 1em;}
#barra_dch #articulos h3 {padding: 0 1em 0 1.3em; margin: 0; font-size: 110%;}
#barra_dch #articulos h3 a {text-decoration: none; color: #666;}
#barra_dch #articulos h3 a:hover {border-bottom: solid 2px #666;}
#barra_dch #articulos p {padding: 0 1em 0.3em 1.3em; margin: 0 0 1em 0 ;border-bottom: solid 1px #fff;}
#barra_dch #articulos ul {margin: 0 0 0 1.3em; padding: 1em 0 0 0;}
#barra_dch #articulos li {margin-bottom: 0.7em; line-height: 1.2em; padding: 0.3em 0; border-bottom: solid 1px #eee;}
#barra_dch #articulos li a {text-decoration: none;}
#barra_dch #articulos li a:hover {text-decoration: underline;}


#barra_dch #portafolio_destacado {
    background: #eee url(Images/barra_ini_azul_larga.gif) no-repeat top left;
    padding: 22px 10px 21px 16px;
    }
#barra_dch #portafolio_destacado img {float: left; margin-right: 9px; margin-bottom: 5px;}
#barra_dch #portafolio_destacado h2 {margin: 0; padding: 0; font-size: 14px;}
#barra_dch #portafolio_destacado h3 {margin: 0; padding: 0; font-size: 12px;}
#barra_dch #portafolio_destacado a {text-decoration: none;}
#barra_dch #portafolio_destacado a:hover {text-decoration: underline;}
#barra_dch #portafolio_destacado hr {clear: both; color: #fff; border: dotted 1px #fff; margin: 0 0 5px 0; padding: 0;}
#barra_dch #portafolio_destacado p {margin: 0; padding: 0; font-size: 11px;}

#pie {color: #CCC; clear: both; border-top: 2px solid #ebebeb; background: #f4f4f4; padding-bottom: 1em; margin: 0}
#pie ul li {display: inline; margin-right: 0.2em;}
#pie a {color: #777; font-weight: bold;}

#findepie {margin-top: 1em; color: #333;}
#findepie a {color: #333; font-weight: bold;}

.servicios_despliega {background: #fff url(Images/bg_fieldset.gif); padding: 0.5em 0.5em 0.5em 0; cursor: pointer; border: solid 1px #dfdfdf;}
.servicios_despliega span {padding-left: 0.5em; font-weight: bold; color: #333;}
.servicios_despliega img {padding-left: 0.5em;}
.collapsePanel {background: #fff; color: #009cd6;}
.collapsePanel ul li{margin-bottom: 0.6em; list-style-type:circle;}

#mapa_sitio .sub_enlace { text-decoration:none;}
#mapa_sitio .sub_enlace:hover { text-decoration:underline;}

/***** INPUTS **********/

._resaltado{background-color: #DBF6F4; color: #000080;}

.input_texto{width: 220px; color: #333333;}
.input_texto_resaltado{width: 220px; background-color: #DBF6F4; color: #333333;}

.input_textomulti{width: 260px; color: #333333;}
.input_textomulti_resaltado{width: 260px; background-color: #DBF6F4; color: #333333;}

.input_select{width: 220px; color: #333333;}
.input_select_resaltado{width: 220px; background-color: #DBF6F4; color: #333333;}

.input_email{width: 230px; color: #333333;}
.input_email_resaltado{width: 230px; background-color: #DBF6F4; color: #333333;}

.input_password{width: 230px; color: #333333;}
.input_password_resaltado{width: 230px; background-color: #DBF6F4; color: #333333;}

.checkbox {clear:both;}
.checkbox input {float:left}
.checkbox_resaltado {clear:both;}
.checkbox_resaltado input {float:left;background-color: #DBF6F4; color: #333333; }

.nota {font-size: 8px;}
.texto_ok { color: Red;}
.texto_ko { color: Red;}


.modal{
    padding: 20px;
    background-color: #eeeeee;
    width:600;
    height:400px;
    
    }
.modal_drag{
    cursor: move;
    margin-bottom: 20px;
    }
.modalbg {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}