/*

Pagina de estilos
Advanced Microsystems. AG/08/08
www.admics.com

*/

* { padding:0; margin:0;}
body { background-color:#369; }
#bgtop { 
	width:850px; 
	margin:0 auto; 
	background-image:url(../imagenes/bground_top.gif);
	height:25px;
	}
#shadow { 
	width:850px; 
	margin:0 auto; 
	background-image:url(../imagenes/bground_cen.gif); 
	background-repeat:repeat-y;
	}
#bgbot { 
	width:850px; 
	margin:0 auto; 
	background-image:url(../imagenes/bground_bot.gif);
	height:25px;
	}

#page { width:784px; margin:0 auto; padding:8px 0;}
#banner {
	margin:0 auto;
	background-color:#800;
	height:101px;
	color:#bcd;
	background-image:url(../imagenes/banner.gif);
	margin-bottom:2px;
	border-top:1px solid #600;
}
#content {
	padding:50px 25px;
	background-color:#FFF;
	clear:both;
}

#content h1 {
	/*color:#000;*/
	color:#500;

	font-family:"Times New Roman", Times, serif;
	/*font-size:170%;*/
	font-size:150%;
	/*letter-spacing:0.02em;*/
	font-weight:normal;

	background-repeat: no-repeat;
	padding:5px 0 7px 0 /*30px*/;
	margin-bottom: 10px;
}

#content h2 {
	color:#000;
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:80%;
	font-weight:bold;

}

#content p { 
	font-family:Verdana, Arial, Helvetica, sans-serif; 	
	font-size: small;
	line-height: 20px;
	display: block;
	padding-bottom:16px;
}

* html #content p {
	f\ont-size: small; /* for other IE versions */
}

/*#navcenter { margin:0 auto; } CENTER TABLE*/

#navcontainer {background-image: url(../imagenes/navigation_bg.gif);border-bottom: 2px solid #800; height:36px;}
/*#navcontainer table { margin: 0 auto}*/
#navcontainer ul {
	list-style-type: none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:65%;
	font-weight:bold;
	}

#navcontainer ul li { float: left; display:inline; }

#navcontainer ul li a, #navcontainer ul li span
{
text-decoration: none;
color:#369;
float: left;
height:30px;
line-height:12px;
padding:3px 11px;
display:inline;
}

#navcontainer li a:hover, #navcontainer ul li span
{
color: #EEE;
background-image:url(../imagenes/navigation_bg_hover.gif);
background-repeat:repeat-x;
}

#footer {
	clear: both;
	color:#CCC;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding:6px 6px 11px 6px;
	width: 772px;
	text-align:center;
	border-bottom:1px solid #600;
	background-color:#994241;

	background-image:url(../imagenes/footer.gif);

	background-repeat:repeat-x;
	background-position:bottom;
	border-top: 3px solid #B77;
}

#footer #comacaf {
	font-weight:bold;
	font-size:70%;
	text-align: center;
	line-height:240%;
	padding-top: 10px;
}

#footer .tnl {
	float:left;
	letter-spacing: normal;
	font-size: 60%;
	text-align:left;
}
#footer .tnr {
	float:right;
	text-align: right;
	font-size: 60%;
}

#footer .tnr img { margin-top:6px;}
#footer .tnr ul { list-style:none;}
#footer .tnr li {	display:inline; padding-left:14px; }
#footer .tnr a { /*text-decoration:none;*/}
#footer .tnr a, #footer .tnr span { padding:7px 0;}
#footer .tnr span { color:#000; }
#footer a:link { color:#36F;}
#footer a:visited { color:#39F;}
#footer .tnl a:link { text-decoration:underline;}


#footer ul.menu {
list-style-type: none;
font-family:Arial, Helvetica, sans-serif; 
/*font-size:50%;*/
font-size:9px;
font-weight:bold;
padding:6px 0;
width:100%;
}

#footer ul.menu li {border-right:1px solid #999; display:inline;}

#footer ul.menu li a:link,
#footer ul.menu li a:visited,
#footer ul.menu li a:hover,
#footer ul.menu li a:active { /*color:#CCC;*/ color:#DDD;}
#footer ul.menu li span { /*color:#EEE;*/ color:#FFF;}

#footer ul.menu li a, #footer ul li span { padding:0 6px;}

#footer ul.menu li a:hover, #footer ul.menu li span { color: #FFF; }



#acreditacion {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	list-style-type: upper-alpha;
	margin:10px 50px;
	list-style-position: outside;
	font-weight: bold;
	}
#acreditacion ul { font-weight:bold }
#acreditacion li {
	font-size: 70%;
	margin-bottom: 0.5em;
	line-height: 130%;
}
#acreditacion li span {	font-weight:normal;}

#content .box {
	padding:8px;
	clear:both;
}


.yellow {
	background-color:/*#FFD*/#FE9;
	border-bottom: 2px solid /*#FF3*/#FC6;
	}

#content .box p {
	font-size:70%;
	line-height:14px;
	padding: 0;
}

.readericon {
	float:right;
	margin-left: 15px;
}


#documentos {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin:10px 30px;
	list-style-position: outside;
	}

#documentos li {
	font-size: 70%;
	padding:4px 0;
	list-style-type: none;
}

#documentos li a{	/*vertical-align:middle;*//* margin-left:8px;*/ }
#documentos li img {	vertical-align:middle; /*padding:4px 0;*/ margin-right:8px;}

#documentos li li{
	font-size: 100%;
	list-style-type: none;
	line-height: 180%;
	margin: 0/* 0 0 10px*/;
}



#acreditados {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin:10px 30px;
	list-style-position: outside;
	}

#acreditados li {
	font-size: 70%;
	/*margin-bottom: 0.5em;*/
	line-height:130%;
	list-style-type: none;
	margin-bottom: 20px;
}

#acreditados li a{	/*vertical-align:middle;*//* margin-left:8px;*/ }
#acreditados li img {	vertical-align:middle; /*padding:4px 0;*/ margin-right:8px;}

#acreditados li li{
	font-size: 100%;
	list-style-type: none;
	line-height: 140%;
	margin: 0/* 0 0 10px*/;
}



/* ROUNDED BOX */
.rbroundbox { background-color:#EEE; /*background: url(../imagenes/nt.gif) repeat;*/ }
.rbtop div { background: url(../imagenes/tl.gif) no-repeat top left; }
.rbtop { background: url(../imagenes/tr.gif) no-repeat top right; }
.rbbot div { background: url(../imagenes/bl.gif) no-repeat bottom left; }
.rbbot { background: url(../imagenes/br.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 100%;
height: 7px;
font-size: 1px;
}

.rbcontent { margin: 0 7px; }
.rbroundbox { width: 100%; margin: 1em auto; } 

h3 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	text-align:center;
	}
.subhead {
	width:50%;
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:80%;
	font-weight: bold;
}


.periods {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	border-collapse:collapse;
	border:1px solid #DDD;
	width:88%;
	margin:50px auto 0 auto;
	font-size: 80%;
	font-weight: bold;
}
.periods th { line-height:200%; 	border:1px solid #DDD;}

.periods td { width:50%; padding:7px; font-size:85%;	border:1px solid #DDD;}


.ejercicio { font-family:Verdana, Arial, Helvetica, sans-serif;	border-collapse:collapse; border:1px solid #DDD; width:88%; margin:50px auto 0 auto;}
.ejercicio th {
	background-color:#FE7;
	text-align:center;
	margin-top: 30px;
	padding-bottom: 0px;
	line-height: 32px;
	font-size:80%;
	background-image:url(../imagenes/bg_steps.gif);
	background-repeat:repeat-x;
}

.ejercicio td {
	vertical-align:top;
	font-size:70%;
	border:1px solid #DDD;
	padding:7px;
}

#footer .tnl a { color:#EEE}



.acredpicture {
	background-image:url(../imagenes/comacaf.jpg);
	background-repeat: no-repeat;
	border: 1px solid #CCC;
	width:100%;
	margin-bottom:20px;
}

.acredframe {
	border: 4px solid #FFF;
	height:256px;
	position:relative;
}


.somospicture {
	background-image:url(../imagenes/comacaf5.jpg);
	background-repeat: no-repeat;
	border: 1px solid #CCC;
	width:100%;
	margin-bottom:20px;
}

.somosframe {
	border: 4px solid #FFF;
	height:292px;
	position:relative;
}