/* BASICO */
body { background: #557 url("/_images/bg-shad.png") repeat-y top; color: black; font-size: 75%; font-family: Geneva, Arial, "Luxi Sans", Helvetica, sans-serif; text-align: center; margin: 0; padding: 0; }
html { background: #557 ; }
#mother { background: white; text-align: left; width: 766px; margin: 0 auto; position: relative; }

body li { list-style-type: square; margin-left:10px; }

acronym, abbr { cursor: help; border-bottom: 1px dotted black; }

/* Cabecera */
#header #head-text, #header { font-family: "Trebuchet MS", "Luxi Sans", Arial, sans-serif; margin-top: 0; }
#header { background: #666; color: white; font-size: 15px; float: left; height:80px; width: 100%; margin-bottom: 0em; border-bottom: 7px solid #A0A09A; }
#header #logo { background: #fff; text-align: center; height: 80px;  width: 194px; margin: 0; float: left; border-right: 1px solid white; }
#header #logo img { width:194px; height:80px; background: transparent; margin-top: 0px; padding: 0; border: none; }
#header #head-text { font-size: 160%; font-weight: bold; line-height: 0.75em; margin-bottom: 0; padding: 0.5em 10px 0; float: left; }
#header #head-text span { font-weight: normal; display: block; font-size: 40%; }
#header .spc { padding: 0; height: 80px; border-bottom: 1px solid white; }

/* Buscar */
#busca { color: white; position: absolute; top: 5px; right: 20px; }
#busca label { font-weight: bold; margin-right: 10px; }
#busca #txtBuscar { background: white url("/_images/bg-grad-searchbox.gif") repeat-x; color: black; width: 100px; border: 1px solid black; }
#busca #txtBuscar:focus { background-image: none; }
#busca #btnBuscar{ width:51px; height:17px;}

/* Cajas de cursos */

ul#cajascursos
{
float:left;
width: 543px;
\width: 555px;
w\idth: 553px;
padding: 0px;
margin: 0px;
background: #fff;
}

ul#cajascursos li
{
list-style: none;
display: block;
width: 537px;
\width: 573px;
w\idth: 537px;
margin: 5px 0px 5px 0px;
padding: 4px 8px 4px 8px;
border: 1px solid #ddd;
border-left: 3px solid #828282;
background: #fff;
text-decoration: none;
font-size:13px;
}

ul#cajascursos .destacado1
{
border: 1px solid #bbb;
border-left: 3px solid #036;
}

ul#cajascursos .destacado2
{
border: 1px solid #bbb;
border-left: 3px solid #c63;
}

ul#cajascursos img {
width:75px;
height:14px;
margin: 0px 0 0 8px;
background: url(/_images/btn_masinfo_mini.gif) no-repeat 0 -14px;
}

ul#cajascursos a:hover img
{
background: url(/_images/btn_masinfo_mini.gif) no-repeat 0 0px;
}

ul#cajascursos p
{
margin:0px;
padding:0px;
color:#666;
font-size:11px;
}

ul#cajascursos p a
{
color: #036;
font-weight: normal;
font-size:12px;
}

ul#cajascursos p a:hover
{
color: #f00;
}

ul#cajascursos p .gris
{
color: #666;
font-weight: normal;
font-size:11px;
}

/* Pie */
#footer { bottom:0; background: transparent url("/_images/logo-dimensio-footer.gif") no-repeat 0 20%; padding: 0.5em 0 0 60px; margin: 1em 0; border-top: 7px solid #808078; }
#footer p { min-height: 30px; margin-bottom: 0; margin-left: 5px; padding-left: 5px; float: left; display: inline; border-left: 1px dotted #0D6AA1; }
#footer p.a { width: 200px; }
#footer p.b { width: 270px; }
#footer p.c { width: 170px; float: right; }
#footer span { font-size: 92%; display: block; }

#footerlinks { background: #808078; color: white; font-size: 92%; text-align: right; margin: 0; padding: 0.3em 5px; }
#footerlinks p { margin: 0; }
#footerlinks a { color: white; text-decoration: none;}

#nv { float: left; width: 0px; height: 0px; overflow: hidden; }

.spc { padding: 0 5px 5px; }

/* Nav */
a#nav-jump { background: white; color: #DF4D19; font-size: 12px; font-weight: bold; text-align: center; text-decoration: none; display: block; width: 10em; position: absolute; top: 0; left: -2000px; }
a#nav-jump:focus, a#nav-jump:active { left: 200px; height: 1.2em; }

/* SOLO IE */
/*\*/
* html .br { height: auto; }
* html body { background-image: url("/_images/bg-shad-IE.gif"); }
* html form .box p, * html #main-menu a, * html #main-menu span, * html .box, * html .spc, * html a.dotlink, * html #archive { height: 1px; }
* html #footer p { height: 3.5em; }
* html #content { height: 400px; }
* html #crossroad p.item-annot { height: 3em; }
/**/

/* Miscelanea */
a.dotlink, ul.dotlink li, ul.sitemap ul li, div#links li a, ul.collist li a, ul.sitemap h3 a { background:  url("/_images/ico-dotlink.gif") no-repeat 0 0.25em; line-height: 1.5em; padding-left: 10px; }
a.dotlink, ul.sitemap h3 a { background:  url("/_images/ico-arrow-dotlink.gif") no-repeat 0 0.2em; font-weight: bold; }
a.ext { background: url("/_images/ico-exter.gif") no-repeat right top; padding-right: 10px; }
a.ext:hover { background-image: url("/_images/ico-exter02.gif"); }
.out { position: absolute; top: -2000px; left: -2000px; }
.l { float: left; }
.r { float: right; }
.br { clear: both; height: 1px; }
.clear { clear: both; }
.bold { font-weight: bold; }
.block { display: block; }
.small { font-size: 92%; }
.rojo { color: red; }
.verde { color: green; }
.gris { color: #666; }
img { border:0px; }
h1, h2, h3 { font-weight: bold; color: #000; font-family: Arial, sans-serif; }
h1 { margin-top: 2px; font-size: 18px; border-bottom: 1px solid #C6CACB; line-height:20px; margin-top: 5px; margin-bottom: 5px; }
h2 { margin-top: 2px; font-size: 13px; border: 1px solid #ccc; background:#FDFCEC; line-height:20px; color:#000; margin-bottom:5px; padding-left:5px; }
h2 img { vertical-align:middle; }
h3 { font-size: 14px; margin:0px;}
h4 { font-size: 12px; border-bottom: 1px solid #808078; }
ul, ol, dl, p, table { margin: 0 0 1.5em; }
ul, ol { padding-left: 0; margin-left: 2em; }
hr { display: none; }