body {
	color: #000;
	background: #fff url('img/bgbody.gif') top left repeat-x;
	margin: 0px;
	padding: 8px 0px 0px 0px;
	font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
}
a img, img { border: none; }
a.mini { font: menu; }
.center { text-align: center; }
.right { text-align: right; }
h1, h2, h3, h4, h5, h6 { color: #369; }
h1 {
	position: absolute;
	left: 0px;
	top: 8px;
	width: 360px;
	margin: 0px;
	padding: 0px;
}

div#logos {
	margin: 0px 0px 0px 360px;
	padding: 0px;
	text-align: center;
	background-color: #DFE0DF;
	height: 80px;
	overflow: auto;
	border-top: 1px solid #fff;

}

h2 {
	margin: 1px 0px;
	padding: 4px 0px 2px 0px;
	text-align: center;
	color: #006;
	background-color: #fff;
	font-size: 1em;
	border-top: 1px solid #069;
	border-bottom: 1px solid #069;
}

h3 span { font-weight: normal; }

h4 { margin-top: 1.5em; }

div#main {
	background: #69c url('img/main.gif') top left repeat-y;
	color: #000;
	margin: 0px;
	padding: 0px;
	border-top: 1px solid #fff;
}

div#nav {
	margin: 0px;
	padding: 0px;
	width: 15%;
	float: left;
}
ul#navbar {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
ul#navbar li {
	display: inline;
	margin: 0px;
	padding: 0px;
}
ul#navbar li a {
	display: block;
	padding-left: 1em;
	text-decoration: none;
	color: #fff;
	border-bottom: 1px solid #479;
	font-size: 0.9em;
	line-height: 2em;
	width: 99.99%;
}
#nav>ul#navbar li a  { width: auto; }
ul#navbar li a:hover {
	background-color: #474675;
	border-bottom: 1px solid #def;
}

/* Formulario navbar */
div#nav form {
	color: #fff;
	font-size: 0.8em;
	margin: 2em 4px 0em 4px;
	padding: 10px 0em;
	border: 2px outset #69c;
}
div#nav form div { font-size: 0.9em; margin-top: 0.2em; }
div#nav form p {
	margin: 0em 0em 0.5em 0.5em;
	font-weight: bold;
	text-align: center;
}
div#nav form fieldset { border: 1px solid #fff; margin: 4px; padding: 4px; }
div#nav form legend { margin-bottom: 0.5em; }
div#nav form input { width: 100%; border: 1px solid #479; }
div#nav form div.button {
	text-align: center;
	margin-top: 0.5em;
}
div#nav form div.button input {
	background-color: #479;
	color: #fff;
	border: 1px solid #000;
	width: 90%;
}

/* BANNER (quitar) */
div.banner {
	text-align: center;
	margin: 1em 4px 0em 4px;
	padding: 10px 2px;
	border: 2px outset #69c;
	font-size: 0.9em;
}
div.banner a {
	display: inline;
	padding-left: 0em;
	line-height: 1em;
	color: #fff;
	text-decoration: none;
}
div.banner a:hover {
	background-color: transparent;
	border-bottom: none;
}
/* FIN BANNER */

div#page {
	background-color: #fff;
	color: #000;
	margin: 0px 0px 0px 15%;
	padding: 2em 10%;
	border-left: 1px solid #069;
}

address {
	font-size: 0.8em;
	font-style: normal;
	text-align: center;
	padding: 1em;
	border-top: 1px solid #069;
	background-color: #DFE0DF;
	color: #000;
	clear: both;
}

/* Video FENASCOL */
div#video {
	width: 200px;
	font-size: 0.8em;
	font-weight: bold;
	text-align: center;
	padding: 0.5em;
	margin: 0px -5% 1em 1em;
	background-color: #efe;
	/*border: 2px solid #696;*/
	border: 2px solid #900;
	float: right;
}
div#video em {
	font-style: normal;
	font-weight: normal;
	font-size: 0.9em;
}

dl.biblio {
	font-size: 0.9em;
	margin-left: 2em;
	padding-left: 2em;
	border-left: 2px dotted #69c;
}
dl.biblio dt { margin-top: 1em; font-weight: bold; }
dl.biblio dd.fileinfo { font-size: 0.9em; color: #008000; }

/* NOVEDADES */
div.news {
	border: 2px solid #ccc;
	padding: 0em 5px 1em 5px;
	font-size: 0.8em;
	text-align: center;
	margin-bottom: 2em;
	margin-left: 1em;
	margin-right: -5%;
	width: 250px;
	float: right;
}
div.news h3 {
	background: #69c;
	color: #fff;
	font-size: 1.1em;
	text-align: center;
	margin: 4px 0em 1.5em 0em;
	padding: 0.2em 0.5em;
}

/* CALENDARIO */
#calendario li { margin-bottom: 2em; list-style-type: none; }
#calendario li.flot { float: left; margin-right: 3em; }
#calendario table {
	border: 1px solid #000;
	font-size: 0.9em;
}
#calendario table caption { font-weight: bold; }
#calendario table th {
	background-color: #000;
	color: #fff;
	padding: 0.2em 0.8em;
}
#calendario table td {
	padding: 0em;
	background-color: #69c;
	color: #fff;
	line-height: 1.8em;
	text-align: center;
}
#calendario table td a {
	display: block;
	background-color: #eee;
	color: #000;
	text-decoration: none;
}
#calendario table td a:hover {
	text-decoration: underline;
	background-color: #fff;
}

/* REGISTRO */

form#fregistro { margin-bottom: 5em; }
form#fregistro fieldset { padding: 2em 1em 1em 1em; }
form#fregistro label { font-weight: bold; }
form#fregistro div { margin-top: 1em; text-align: center; }
form#fregistro div.enviar input { width: 25%; }
form#fregistro input { width: 50%; }
form#fregistro div.ferror {
	color: #c00;
	margin-bottom: -0.5em;
	text-align: left;
}
div.regconf { text-align: center; margin-bottom: 4em; margin-top: 2em; }
div.regconf fieldset { padding: 2em; }

/* GLOSARIO */

div#glosario {
	border: 1px solid #369;
	padding: 0em;
	margin: 2em 0em;
}
div#glosario h4 {
	background-color: #369;
	color: #fff;
	margin: 0em 0em 1em 0em;
	padding: 0.2em 1em;
}
div#glosario p {
	margin: 1em;
}
div#glosario p.fuente {
	font-size: 0.8em;
	padding-top: 1em;
	border-top: 1px solid #eee;
}
div#glosario p.rels {
	font-size: 0.9em;
	padding-top: 1em;
	border-top: 1px solid #eee;
	text-align: right;
}

/* Novedades*/

div.newspage dt {
	margin-top: 2em;
	padding-top: 2em;
	border-top: 1px solid #ccc;
	color: #369;
	font-weight: bold;
}

/* Actividades */

div.actividades {
	margin-top: 2em;
	border-top: 1px solid #eee;
}

div.actividades dt {
	color: #900;
}
div.actividades dd strong {
	color: #900;
}

div.actividades h3 {
	margin-top: 1em;
	padding-top: 1em;
	border-top: 1px solid #ccc;
}

.presenta {
	font-size: 0.9em;
	font-style: italic;
}
.presenta img {
	border: 1px solid #888;
}

div#telework {
	position: absolute;
	margin-top: 10px;
	margin-left: 4px;
}

/* Prensa */

ul.prensalist a { text-decoration: none; font-size: 0.9em; }

/* Galeria de imagenes */

.album, .album2 {
	position:relative;
	width:490px; 
	height:480px; 
	background:#69c; 
	/*border:1px solid #000; */
	border: 2px outset #333;
	margin: 2em auto 4em auto;
}
.album2 { height: 420px; }
.album em, .album2 em {
	font-weight:normal;
	font-style: normal;
	width:490px; 
	text-align:center; 
	position:absolute; 
	bottom:250px; 
	left:0; 
	color:#eee; 
	line-height:1.7em; 
	z-index:1;
}
.album strong, .album2 strong {
	display: block; 
	font-size: 1.3em; 
	margin-bottom: 0.5em;
}
.album em a, .album2 em a { color: #fff; }

a.gallery, a.gallery:visited {
	display:inline; 
	color:#000; 
	text-decoration:none; 
	border:1px solid #000; 
	width:75px; 
	height:50px; 
	float:left; 
	margin:5px 10px; 
	position:relative; 
	cursor:default;
}

* html a.gallery, * html a.gallery:visited {
	margin:5px 10px; 
}

a.slidea {background:url(fotos/novedades/dominicana.gif);}
a.slideb {background:url(fotos/novedades/es.gif);}
a.slidec {background:url(fotos/novedades/col-rozo.gif);}
a.slided {background:url(fotos/novedades/mx-uanl.gif);}
a.slidee {background:url(fotos/novedades/mx-df.gif);}
a.slidef {background:url(fotos/novedades/colombia.gif);}
a.slideg {background:url(fotos/novedades/sofofa.gif);}
a.slideh {background:url(fotos/novedades/es-grupo.gif);}
a.slidei {background:url(fotos/novedades/peru_01.gif);}
a.slidej {background:url(fotos/novedades/peru_02.gif);}

a.gallery span {
	visibility:hidden; 
	display:block; 
	position:absolute; 
	width:465px; 
	height:340px; 
	top:189px; 
	left:9px; 
	color:#000; 
	background:#ddd; 
	text-align:center; 
	/*border:1px solid #fff;*/
	border: 1px inset #fff; 
	font:menu; 
	cursor:default;
	margin:0px; 
}

a.slidea span {left:-2px; top:123px;}
a.slideb span {left:-99px; top:123px;}
a.slidec span {left:-196px; top:123px;}
a.slided span {left:-293px; top:123px;}
a.slidee span {left:-390px; top:123px;}
a.slidef span {left:-2px; top:60px;}
a.slideg span {left:-99px; top:60px;}
a.slideh span {left:-196px; top:60px;}
a.slidei span {left:-293px; top:60px;}
a.slidej span {left:-390px; top:60px;}

a.slide1 span {left:-1px; top:123px;}
a.slide2 span {left:-98px; top:123px;}
a.slide3 span {left:-195px; top:123px;}
a.slide4 span {left:-292px; top:123px;}
a.slide5 span {left:-389px; top:123px;}
a.slide6 span {left:-1px; top:60px;}
a.slide7 span {left:-98px; top:60px;}
a.slide8 span {left:-195px; top:60px;}
a.slide9 span {left:-292px; top:60px;}
a.slide10 span {left:-389px; top:60px;}

/* Album pequeño */
.album2 a.slide1 span {left:-1px; top:63px;}
.album2 a.slide2 span {left:-98px; top:63px;}
.album2 a.slide3 span {left:-195px; top:63px;}
.album2 a.slide4 span {left:-292px; top:63px;}
.album2 a.slide5 span {left:-389px; top:63px;}

a.gallery:hover {white-space:normal; border:1px solid #fff; z-index:100;}

a.gallery:hover span {visibility:visible; z-index:100;}

a.gallery:hover span img {margin:10px; border:1px solid #000; position:relative; z-index:100;}

a.gallery:active, a.gallery:focus {border:1px solid #c00; z-index:10;}

a.gallery:active span, a.gallery:focus span {visibility:visible; z-index:10;}

a.gallery:active span img, a.gallery:focus span img {border:1px solid #000; position:relative; margin:10px; z-index:10;}

.galeria {
	font: menu;
	text-align: center;
	background-color: #def;
	margin: 0.5em 20%;
	padding: 4px;
}

/* videos */

div.videos {
	position:relative;
	width:490px; 
	text-align: center;
	background:#69c; 
	border: 2px outset #333;
	margin: 0em auto 1em auto;
	color: #fff;
	font-size: 0.9em;
}
div.videos a { color: #fff; }

/* Presentacion libro */

div#pres-libro {
	font-size: 0.8em;
	border: 3px double #ccc;
	padding: 1em;
	background-color: #fed;
	margin-bottom: 2em;
	margin-right: 210px;
}
div#pres-libro caption {
	font-weight: bold;
	font-size: 1.2em;
}
div#pres-libro table { border-collapse: collapse; }
div#pres-libro tr {
	background-color: #fff;
}
div#pres-libro th {
	font-weight: normal;
	width: 7em;
	vertical-align: top;
	text-align: right;
	border-bottom: 1px solid #069;
	padding: 0.3em 1em 0.3em 0em;
}
div#pres-libro td {
	vertical-align: top;
	border-bottom: 1px solid #069;
	padding: 0.3em;
}