/*------------------------------- generales ---------------------------------*/
body{background-color:#005e8c;font:12px Arial, Helvetica, sans-serif;margin:0px}
h1,h2,h3{margin:0px;padding:0px}
p{clear:both}
img{border:0}
/*------------------------------- texts ---------------------------------*/
.blanco{color:#fff}
.negroCCC{color:#ccc}
.azul{color:#09f}
.amarillo{color:#fc0}
.none{text-decoration:none}
.b{font-weight:bold}
.b0{color:#000}
/*------------------------------- img ---------------------------------*/
.lista_noticias_img{float:right;margin:0 0 0 20px}
.noticias_img{float:right;margin:0 0 20px 30px}
.img_no_border{border-style:none}
#google_map{width:780px;height:460px;text-align:center;margin:20px 0 20px 0}
/*------------------------------- contenedor ---------------------------------*/
#web{width:780px;margin:0 auto;background-color:#fff}
/*------------------------------- head ---------------------------------*/
h1.cabecera a{float:left;width:780px;height:258px;overflow:hidden;text-indent:-9999px;background-image:url(images/cabecera.jpg)}
h2.empresa a{float:left;width:225px;height:34px;overflow:hidden;text-indent:-9999px;background-image:url(images/titulo_empresa.gif);margin:.5em 0 .5em 0}
h2.soluciones a{float:left;width:160px;height:34px;overflow:hidden;text-indent:-9999px;background-image:url(images/titulo_soluciones.gif);margin:.5em 0 2em 0}
h2.contacto a{float:left;width:287px;height:34px;overflow:hidden;text-indent:-9999px;background-image:url(images/titulo_contacto.gif);margin:.5em 0 2em 0}
/*------------------------------- menu OLD ---------------------------------
#menu{float:left;width:780px;background-color:#000}
#menu ul{margin:7px 0 7px 0;padding:0;list-style:none}
#menu li{display:inline;background-image: url(images/arrow.gif);background-repeat: no-repeat;background-position: 0 .2em;padding-left: 1.4em;margin:0 0 0 40px}
#menu a{color:#fff;text-decoration:none}
#menu a:hover{color:#FFCC00}*/
/*------------------------------- menu NEW ---------------------------------*/
/* remove the bullets, padding and margins from the lists */
.menu{float:left;width:780px;background-color:#000}
.menu ul{list-style-type:none;padding:0;margin:0}
/* make the top level links horizontal and position relative so that we can position the sub level */
.menu li{float:left;position:relative;z-index:100}
/* use the table to position the dropdown list */
.menu table{position:absolute;border-collapse:collapse;z-index:80;left:-1px;top:25px}
/* style all the links */
.menu .uno, .menu .uno:visited{display:block;width:100px;padding:7px 0;color:#fff;background:#000;text-decoration:none;margin-right:0px;text-align:center;background-image:url(images/arrow.gif);background-repeat:no-repeat;background-position:0 .8em}
.menu .uno:hover{color:#fff;background:#09f}
.menu .sub, .menu .sub:visited{display:block;width:205px;padding:7px 0;color:#fff;background:#444;text-decoration:none;margin-right:0px;text-align:center;border-top:1px solid #000;border-bottom:1px solid #666}
/* style the links hover */
.menu .sub:hover{color:#fff;background:#09f;font-weight:bold}
/* hide the sub level links */
.menu ul ul {visibility:hidden;position:absolute;width:149px;height:0}
/* make the sub level visible on hover list or link */
.menu ul li:hover ul,
.menu ul .sub:hover ul{visibility:visible}
.menu ul .uno:hover ul{visibility:visible}
.menu .normal{background-image:url(images/arrow.gif);background-repeat: no-repeat;background-position:0 .8em;display:block;padding:7px 0 7px 15px;margin:0 4em 0 4em;color:#fff;text-decoration:none}
.menu .normal:hover{color:#fc0}
/*------------------------------- cuerpo ---------------------------------*/
#cuerpo{float:left;width:780px;line-height:20px;background-color:#fff;padding:0 0 30px 0}
#texto{width:500px;float:left}
#texto2{margin:20px 0 0 40px}
#texto2 p{margin:0;padding:20px 0 0 0;text-align:justify}
#texto3{margin:20px 40px 0 40px}
#texto3 p{margin:0 0 0 40px;padding:20px 0 0 0;text-align:justify}
#texto3 h3{margin:40px 0 0 0;padding:0px;font-size:1.5em;clear:both}
#texto3 h4{margin:20px 0 0 0;padding:0px;font-size:1.3em;color:#f60}
#texto3 ul{margin:20px 0 0 20px;padding:0px}
#texto3 ul ul{margin:0 0 0 50px;padding:0px;font-size:11px}
#right{width:280px;float:left}
#texto3 table h3{font-size:1.2em}
#texto3 table a{color:#000}
#texto3 table a:hover{color:#666}
#texto3 table{width:700px}
#texto3 td{vertical-align:top}
#texto3 .td4{width:25%;text-align:center}
#texto3 .td3{width:33%;text-align:center}
#texto3 .td1{width:100%;text-align:center}
.borde{border:2px solid #333}
#texto3 .td4 h3{font-size:1em}
.gal{width:200px;float:right;margin:0 0 1em 3em}
/*------------------------------- pie ---------------------------------*/
#pie{width:780px;float:left;padding:20px 0 10px 0;background-color:#005e8c;color:#fff;text-align:center;line-height:20px}
#pie p{margin:0}
/*------------------------------- google map ---------------------------------*/
#map{width:698px;height:485px;margin:20px 0 20px 0;padding:0px;line-height:15px}