body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left;}
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal;}
q:before,q:after { content:'';}
abbr,acronym { border:0;}
strong {font-style:normal;font-weight:bold;}

/* general */
body {font-family:arial,sans-serif;color:#999;font-size:11px;background:#ccc;}
a {color:#22225A;text-decoration:none;}
a:hover {text-decoration:underline;color:#22225A !important;}

#pagina {width:950px;margin:auto;background:#fff;}

/* cabecera */
#cabecera {width:100%;height:99px;background:url('img/bg_cabecera.gif') 0px bottom;overflow:hidden;position:relative;border-bottom:2px solid #fff;}
#cabecera h1 {float:left;font-size:20px;position:absolute;bottom:12px;left:29px;}
#cabecera h1 a {color:#fff;width:158px;height:68px;background:url('img/logo.gif') 0px 0px no-repeat;text-indent:-10000em;float:left;}
#cabecera #idiomas {float:right;margin:10px 10px 0px 0px;}
#cabecera #idiomas li {float:left;padding:0px 5px 0px 5px;border-left:1px solid #999;text-transform:lowercase;}
#cabecera #idiomas li.primero {border:none;}
#cabecera #idiomas li a {color:#999;}
#cabecera #idiomas li a.on {color:#22225A;}
#cabecera #soporte {float:right;color:#999;text-transform:lowercase;padding:10px 5px 0px 5px;}
#cabecera #soporte.on {color:#22225A;}
#cabecera #menu {position:absolute;bottom:4px;right:5px;}
#cabecera #menu li {display:inline;float:left;padding:0px 10px 20px 12px;border-right:1px solid #999;}
#cabecera #menu li.ultimo {border:none;}
#cabecera #menu li a:hover {text-decoration:underline;}
#cabecera #menu li.on a{font-weight:bold;}

/* contenido */
#contenido #cabeceraseccion {width:950px;height:132px;margin-bottom:2px;text-indent:-10000em;background:0px 0px no-repeat;}
#contenidoseccion {clear:both;line-height:17px;position:relative;background:url('img/bg_contenido.gif') 0px 0px repeat-x;padding:20px;color:#333;overflow:hidden;}
#contenidoseccion p {margin:0px 0px 10px 0px;}
#contenidoseccion h2,
#contenidoseccion h3,
#contenidoseccion h4 {color:#22225A;font-size:24px;margin:0px 0px 30px 0px;}
#contenidoseccion h3 {margin:30px 0px 15px 0px;font-size:20px;}
#contenidoseccion h4 {margin:10px 0px 5px 0px;font-size:16px;}
#contenidoseccion #menuinterior {width:317px;float:left;clear:left;}
#contenidoseccion #menuinterior li {border-bottom:2px solid #E5E5E5;float:left;clear:both;}
#contenidoseccion #menuinterior li a {float:left;clear:both;width:299px;padding:4px 0px 2px 18px;}
#contenidoseccion #menuinterior li a:hover,
#contenidoseccion #menuinterior .on a {background:url('img/bl_menu_interior.gif') 5px 10px no-repeat;font-weight:bold;text-decoration:none;}
#contenidoseccion #menuinterior li ul li.ultimo {border-bottom:0px;}
#contenidoseccion #menuinterior li ul {margin-left:20px;}
#contenidoseccion #menuinterior li ul li {width:299px;}
#contenidoseccion.interiorconmenu {padding:0px;overflow:hidden;}
#contenidoseccion.interiorconmenu h2 {background:#E5E5E5;float:left;width:302px;padding:25px 0px 15px 15px;margin:0px;}
#contenidoseccion.interiorconmenu #contenidosubseccion {padding:20px 20px 0px 20px;width:589px;float:left;margin-top:-80px;}
#index-area-clientes #contenidoseccion ul li,
#index-productos #contenidoseccion ul li,
#index-quienes-somos #contenidoseccion ul li,
#contenidoseccion.interiorconmenu #contenidosubseccion ul li {background:url('img/bl_menu_interior.gif') 5px 5px no-repeat;padding:0px 0px 0px 18px;}
#index-quienes-somos #contenidoseccion ul {margin-bottom:10px;}
#index-quienes-somos #contenidoseccion ul li ul {margin-bottom:0px;}
#contenidoseccion blockquote {font-style:italic;padding:0px 20px 10px 20px;}

/* home */
#index-index #contenidoseccion {background:url('img/bg_noticias.gif') 0px 0px repeat-x;overflow:hidden;padding:25px 0px 20px 0px;}
#index-index #contenidoseccion ul {margin:0px;list-style:none;}
#index-index #contenidoseccion ul li {width:286px;float:left;margin:0px 15px 0px 15px;padding:0px;}
#index-index #cabeceraseccion {background-image:url('img/portada.jpg');height:329px;}
#index-index h2,
#index-index h3 {display:none;}
#index-index #contenidoseccion h4 {font-size:18px;margin:0px 0px 10px 0px;color:#22225A;line-height:20px;margin-bottom:-20px;}
#index-index #contenidoseccion .first h4 {margin-bottom:20px;}
#index-index #contenidoseccion .pdf {color:#333;font-weight:bold;background:url('img/pdf.gif') 0px 0px no-repeat;padding-left:35px;float:left;}
#index-index #contenidoseccion .pdf .metadatospdf {color:#333;font-weight:normal !important;}
#index-index #contenidoseccion h5 {font-weight:bold;margin-top:40px;}
#index-index #contenidoseccion h5 a {color:#333;}
#index-index #contenidoseccion ul li img {margin:10px 0px 10px 0px;}

/* quienes somos */
#index-quienes-somos #cabeceraseccion {background-image:url('img/quienes_somos.jpg');}

/* noticias */
#index-noticias #cabeceraseccion,
#index-noticia #cabeceraseccion {background-image:url('img/quienes_somos.jpg');}
#index-noticias #contenidoseccion ul li {margin:0px 0px 30px 0px;float:left;clear:both;}
#index-noticias #contenidoseccion img,
#index-noticia #contenidoseccion img{float:left;margin:0px 10px 0px 0px;width:284px;}
#index-noticias #contenidoseccion .resumen_noticia,
#index-noticia #contenidoseccion .resumen_noticia{float:left;width:900px;}
#index-noticias #contenidoseccion .foto {float:left;}
#index-noticias #contenidoseccion .con_foto .resumen_noticia,
#index-noticia #contenidoseccion .con_foto .resumen_noticia{width:605px;padding:0px 0px 0px 10px;border-left:1px solid #22225A;}
#index-noticias #contenidoseccion .resumen_noticia h3,
#index-noticia #contenidoseccion .resumen_noticia h3{margin-top:0px;}
#index-noticia #contenidoseccion {margin-bottom:30px;float:left;}
.volver {background:url('img/bl_volver.gif') 0px 3px no-repeat;padding-left:10px;}

/* areas especializacion */
#index-servicios #cabeceraseccion {background-image:url('img/quienes_somos.jpg');}
#index-area-clientes #cabeceraseccion {background-image:url('img/quienes_somos.jpg');}
#index-productos #cabeceraseccion {background-image:url('img/quienes_somos.jpg');}
#index-areas-especializacion #cabeceraseccion {background-image:url('img/quienes_somos.jpg');}
#index-infraestructuras #cabeceraseccion {background-image:url('img/infrastructuras.jpg');}
#index-comunicaciones #cabeceraseccion {background-image:url('img/comunicaciones.jpg');}
#index-seguridad #cabeceraseccion {background-image:url('img/seguridad.jpg');}
#index-sistemas #cabeceraseccion {background-image:url('img/sistemas.jpg');}
#index-investigacion-desarrollo #cabeceraseccion {background-image:url('img/imasd.jpg');}
#index-indigobox #cabeceraseccion {background-image:url('img/quienes_somos.jpg');}
#index-indigocall #cabeceraseccion {background-image:url('img/quienes_somos.jpg');}
#index-indigosecurity #cabeceraseccion {background-image:url('img/quienes_somos.jpg');}
#index-soporte #cabeceraseccion {background-image:url('img/quienes_somos.jpg');}

/* herramientas */
#index-aviso-legal #cabeceraseccion {background-image:url('img/quienes_somos.jpg');}
#index-mapa-web #cabeceraseccion {background-image:url('img/quienes_somos.jpg');}
#index-mapa-web #menuinterior {width:950px;}
#index-mapa-web #menuinterior li {width:950px;border-bottom:0px;}
#index-mapa-web #menuinterior li a {float:left;width:150px;border-bottom:1px solid #22225A;font-weight:bold;background:none;padding:6px 0px 6px 0px;}
#index-mapa-web #menuinterior li a:hover {background:none;text-decoration:underline;}
#index-mapa-web #menuinterior li ul {margin-left:5px;float:left;margin-top:-1px;}
#index-mapa-web #menuinterior li ul li {float:left;clear:none;width:auto;border-bottom:0px;}
#index-mapa-web #menuinterior li ul li a {font-weight:normal;color:#666;border-bottom:1px solid #ccc;border-top:1px solid #ccc;width:auto;background:url('img/bl_mapaweb.gif') right 8px no-repeat;padding:6px 10px 6px 10px;}
#index-mapa-web #menuinterior li ul li a:hover {background:url('img/bl_mapaweb.gif') right 7px no-repeat;font-weight:normal;text-decoration:underline;}
#index-mapa-web #menuinterior li ul li.ultimo a {background:none;}
#index-contactar #cabeceraseccion {background-image:url('img/quienes_somos.jpg');}

form {width:402px;}
form label {width:100px;float:left;}
form input,
form textarea {width:300px;border:1px solid #22225A;}
form textarea {height:150px;}
form p {margin:0px 0px 5px 0px;}
form #btnEnviar {width:100px;float:right;border:1px solid #666;}

/* contactar */
#index-contactar #formulario {float:left;}
#mapa {height:150px;width:475px;float:right;}
#direccion {float:left;clear:right;margin:0px 0px 5px 35px;}

/* pie */
#pie {clear:both;overflow:hidden;width:100%;background:#F3F2F8;line-height:25px;margin:20px 0px 0px 0px;}
#pie #copy {float:left;padding:0px 0px 0px 20px;}
#pie #copy a {margin-left:30px;color:#999;}
#pie ul {float:right;padding:0px 20px 0px 0px;}
#pie ul li {display:inline;padding:0px 5px 0px 5px;border-left:1px solid #999;}
#pie ul li.primero {border:none;}
#pie ul li a {color:#999;}
#pie ul li.on a {color:#22225A;}