/* HTML definitions */
body {margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:0.8em;}
a {color: navy;}
a:visited {color:navy;}
a:hover {color: #F00}
table td {vertical-align:top}
h2, h3 {color:#333;}
ul li {padding-bottom:4px;}

/* Layout */
#page {margin:0; padding:0;}
#header_wrap {width:100%; background:#fff url(imgs/header_wrap.png) repeat-x top;}
#header {width:782px;position:relative; height:130px; background:#fff url(imgs/header.png) no-repeat; margin:0 auto; padding:0; font-size:.98em;font-weight:bold}
#header h1 {display:none}
#header #logo {position:absolute; top:5px; left:4px;width:273px; height:80px;}
#header #search {position:absolute; right:10px; top:40px;}
#content {width:782px; margin:0 auto; clear:both; display:block; background:#fff;}
#leftrail {width:582px; float:left; overflow:hidden;}
#rightrail {width:200px; float:right;}
#footer_wrap {clear:both; display:block;width:100%;background:#01004a url(imgs/footer_bg.gif) repeat-x top;border-top:1px solid #e2d5fd; border-bottom:1px solid #e2d5fd;color:#fff;margin:25px 0 0 0;}
#footer {width:762px;clear:both; margin:0 auto; padding: 3px 10px; font-size:11px;}
#footer a {color:#fff; text-decoration:none;font-weight:bold;}
#footer a:hover {color:#fff; text-decoration:underline}
#footer .left {float:left;}
#footer .right {float:right; text-align:right;}


/* Nav styles */
#header #main_nav {background:#010190 url(imgs/nav_blue.gif) repeat-x top; position:absolute;top:92px; border-top:1px solid #e2d5fd; border-bottom:1px solid #e2d5fd;padding:3px 0; width:100%;}
#main_nav ul {margin:0; padding:0 0 0 6px; list-style:none;}
#main_nav li {float:left; margin:0 4px 0 0; padding:0; position:relative; cursor:default;}
#main_nav li a {display:block;color:#009; text-decoration:none; padding:3px;}
#main_nav li.active a,
#main_nav li:hover a,
#main_nav li.over a {background:#e0e1ed url(imgs/nav_hover.png) repeat-x top; color:#009;}
#main_nav li ul {display:none; position:absolute; top:100%; left:0; background:#fff; border:1px solid #fc0; margin:0; padding:0;}
#main_nav li > ul {top:auto; left:auto;}
#main_nav li:hover ul,
#main_nav li.over ul {display: block;}
#main_nav li li {display:block; clear:left; width:11em; font-size:0.9em; font-weight:normal;}
#main_nav #nav_drop li ul li a {background:none; border-bottom:1px solid #ccc; border-left:4px solid #fff;/* display:block; width:95%;*/ padding:3px;}
#main_nav #nav_drop li ul li a:hover {border-left:4px solid #f60;background:#eee;}

/* Nav conditional styles */
body#inicio .id_inicio a, 
body#servicios .id_servicios a,
body#noticias .id_noticias a,
body#recursos .id_recursos a,
body#clientes .id_clientes a,
body#nosotros .id_nosotros a,
body#contacto .id_contacto a {background:#e0e1ed url(imgs/nav_hover.png) repeat-x top; color:#009;}

/* Content and articles */
#fullrail #article_details {margin:10px 0 0 0;}
#fullrail #texto {margin:0 2px 10px 10px;}
#texto {margin:0 10px 10px 10px;}
h1,h2,h3,h4 {margin:10px 0 0 0;letter-spacing: -0.01em; color:#444;}
#texto h1 {font-size:22px;margin:1px 0 0 0;letter-spacing: -0.01em;border-bottom:1px solid #ccc; border-left:8px solid red; padding:0 0 0 4px;}
#texto h2 {font-size:17px;margin:25px 0 4px 0;letter-spacing: -0.01em;border-bottom:1px solid #ccc;border-left:8px solid orange; padding:0 0 0 4px;}
#texto h3 {font-size:14px;margin:25px 0 4px 0;letter-spacing: -0.01em;border-bottom:1px solid #ccc;border-left:8px solid orange; padding:0 0 0 4px;}
#texto h4 {font-size:12px;margin:25px 0 4px 0;letter-spacing: -0.01em;border-bottom:1px solid #ccc;border-left:8px solid orange; padding:0 0 0 3px;}
p.categories {margin:0; padding:0;color:#999; font-size:0.85em; clear:both;}
p.categories a {text-decoration:none;}
p.categories a:hover {text-decoration:underline;}
#article_details {display:block;clear:both }
#article_details p {margin:4px 0;}
#article_details ul {margin-top:0; margin-bottom:16px;}
.table_layout {margin:10px 0 0 0;}

/* Search Styles */
.search-results a {font-weight:bold;}
.search-results b {color:#FF6600;}


/* Boxes */
.divclear {clear:both;font-size:1px;height:1px; display:block;}
.box_50 {width:50%; float:left;}
.box_100 {width:100%; }
.box_titled {margin:0 5px 5px 0; border:1px solid #ccc;}
.box_titled a {text-decoration:none;}
.box_titled a:hover {text-decoration:underline;}
.box_titled h2 {margin:0; padding:2px; font-size:1.1em;background:#fff url('imgs/box_title.gif') repeat-x bottom; border-bottom:1px solid #ccc;}
.box_titled h3 {margin:0; padding:2px 0 1px 3px; font-size:1.07em;}
#rightrail .box_titled h3 {border-bottom:2px solid #ddd;color:#F60; font-size:1em}
#rightrail .box_titled h3 a{color:#F60}
.box_titled .details {padding:3px 4px;}
.box_titled .details table td {padding-bottom:5px;}
.box_titled p {margin:0 0 0 3px; padding:0;}
.box_titled ul {margin:0 0 1px 0; padding-left:15px; list-style-type:square;}
.box_titled ul li {padding:1px 0 1px 0; line-height:normal; color:#666; font-size:0.95em; }
.bg_orange h2 {background:#f90 url('imgs/bg_orange.gif') repeat-x top; color:#fff;}
.bg_yellow h2 {background:#febf00 url('imgs/bg_yellow.gif') repeat-x top; color:#fff;}
.bg_orange h2 a,
.bg_yellow h2 a {color:#fff;}

/* Generic styles */
.image_left {float:left; margin:0 10px 0 0; border:1px solid #777;}
.image_right {float:right; margin:0 0 0 7px;border:1px solid #777; padding:7px; background:#e6e6e6 url(imgs/gradient1.jpg) repeat-x;}
.image_border {border:1px solid #777;}