.ok {padding: 5px; color: #fff; background-color: #6c6; font-weight: bold;}
.error {padding: 5px; color: #fff; background-color: red; font-weight: bold;}
.centrar{text-align:center;}
.derecha{text-align:right;}
.marginr {margin-right: 10px;}
.alert {background: transparent url("images/alert.gif") 0 1px no-repeat; height: 35px; padding-left: 35px;}
.cprim { color: #6699CC;}
.csec { color: #c8d5e4;}
.titulo_dere { display:block; font: italic small-caps 900 12px arial; color: #666;}
.enlace { color: #C00;}

BODY {background-color: #9dbad9; font: 11px verdana; }
A {text-decoration:none; color: blue;}
B {color: brown;}
H1{  border-bottom:1px dashed #6699CC; color: #6699CC; font-size: 1.8em; text-align: left; padding: 2px 15px 2px 0px;}
H2 {}
H3  {border-bottom:3px dashed #cc0000; padding: 5px;}
H4 {color: brown; text-align: center;}

LI { padding-left: 15px; list-style-type: none; background: transparent url("images/flecha.gif") 0 2px no-repeat; margin: 3px 0px 3px 0px;}

UL LI { display : block; float : left; position : static; width : 100%;}

IMG { margin: 5px; }

#t2{background-color: white; width: 760px; margin:auto;}
#b{width: 760px; margin: auto;}
#banner {background-color: #c7d8f9;}
#cuerpo{background: url("images/online.gif") no-repeat;}
#menu{width: 18%;}
#menu a{text-decoration: none; color:black;}
#menu a:hover{color: white;}


.menu { font: bold 9px verdana; padding: 4px 2px 4px 5px; border: 1px solid white;}
.t{ background: #6699CC; color: white}
.s { background:#c8d5e4;}
.ptitulo {text-align: center; color: #000; font-weight: bold;font-size: 12px;}
.boton{font-size:10px;font-family:Verdana;font-weight:bold;color:white;background:#9dbad9;border:0px;width:80px;height:19px;}
a.cursos {color: blue; text-decoration: none; font-size: 1.1em;}
a.cursos:hover {text-decoration: underline;}
a.info {color: #fff; text-decoration: none; font-size: .8em;}
a.info:hover {text-decoration: underline;}

a.white {color: #fff; text-decoration: none;}

.footer{background: url("images/foot.gif"); height: 20px;text-align: center;}

.inputgrande{width:210px;}
.imputmedio{width:90px;}
.imputpeque{width:20px;}
.portada{text-align: center;margin: 0px 0px 0px 0px; background-color: #6699CC; font-size: 1.3em; color: white; padding: 0px 5px 2px 5px;}
.abajo{background-image:url(images/b.jpg); width: 100px;}
.eportada {color: #6699CC; text-decoration: none;}
.av{padding: 5px 2px 5px 2px; font-size: 1.1em; font-weight: bold;}
.boton2{font-size:10px;font-family:Verdana;font-weight:bold;color:#000;background:#eee;height:19px;}
.medalla{border: 1px solid #666; padding: 15px 2px 15px 2px;}
.footer{background-image: url(images/foot.gif); height: 20px;text-align: center; color: #fff; padding: 5px 0px 2px 0px;}
.footer a{color:#222; text-decoration: none;}
.footer a:hover{font-weight: bold;}
.li { padding: 5px;}

.blur{
   background-color: #ccc; /*shadow color*/
   color: inherit;
   margin-left: 4px;
   margin-top: 4px;
}
.shadow,
.content{
   position: relative;
   bottom: 2px;
   right: 2px;
}
.shadow{
   background-color: #666; /*shadow color*/
   color: inherit;
   height: 100%;
}
.content{
   /* background-color: #6699CC; */ /*background color of content*/
   color: white; /*text color of content*/
   border: 1px solid #666; /*border color*/
   padding: .5em 2ex;
   font-size: 1.1em;
   
}

.content p  {font-weight: bold;}

.fl { width: 23%; float: left; }
.alto200{height: 250px;}
.brown{color: brown;}
.peque {font-size: 10px;}
.sub {padding-bottom: .6em;}
.sub:hover { color: #fff; font-weight: bold; }
.caja { margin: 5px 0px 15px 30%; border-bottom: 3px solid #ccc; border-right: 3px solid #ccc;  border-top: 1px solid #ccc;  border-left: 1px solid #ccc; padding: 5px; height: 1%; width: 1%;}

/* Esquinas redondas*/

.bl {background: url(images/bl.gif) 0 100% no-repeat #6699CC; color: white; margin: 5px; }
.br {background: url(images/br.gif) 100% 100% no-repeat}
.tl {background: url(images/tl.gif) 0 0 no-repeat}
.tr {background: url(images/tr.gif) 100% 0 no-repeat; padding: 8px;}
.clear {font-size: 1px; height: 1px;}

.tabpage p:first-letter { font:bold 1.5em Trebuchet Ms; color: #cc0000;}

#modalidad { clear: both; line-height: 150%; margin: 15px; }
#modalidad P:first-letter { color: #cc0000; font:1.5em Trebuchet MS;}

#certificacion {width: 56%; float:left; margin: 15px 0; line-height: 150%; }
#certificacion_lat { padding: 3px; float: left; width: 40%; height: 1% /* Holly hack for Peekaboo Bug */} 
#certificacion_lat A{ font-size: .7em} 
#certificacion P:first-letter { color: #cc0000; font:1.5em Trebuchet MS;}


/* Show only to IE PC \*/
* html .boxhead h2 {height: 1%;} /* For IE 5 PC */

.sidebox {
	margin: 0 auto; /* center for now */
	/* width: 17em; */ /* ems so it will grow */
	background: url(images/sbbody-r.gif) no-repeat bottom right;
	font-size: 100%;

}
.boxhead {
	background: url(images/sbhead-r.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
	
}
.boxhead h2 {
	background: url(images/sbhead-l.gif) no-repeat top left;
	margin: 0;
	padding: 22px 30px 5px;
	color: white; 
	font-weight: bold; 
	font-size: 1.2em; 
	line-height: 1em;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
	
}
.boxbody {
	background: url(images/sbbody-l.gif) no-repeat bottom left;
	margin: 0;
	padding: 5px 30px 31px;
	
}

.boxbody dt { color: #069; font: 1.8em Tahoma; margin: .5em 0;}
.boxbody dd { color: #333; font: 1.2em Tahoma; margin: .5em 0; padding-left: 2.5em; background: transparent url("images/flecha.gif") 1.5em .3em no-repeat;}


#form {text-align: center; }
#form p { margin: 2px 0px 2px 0px;}
#form input { height: 20px;}
#form select { height: 20px;}

#fbonif {text-align: center; margin: auto;}

		
	#leftbox {
		width: 24%;
		border: none;
		background: #c8d5e4;
		float: left;
		padding: 8px;
		margin: 0;
		}
		
	#leftbox2 {
		width: 28%;
		border: none;
		background: #c8d5e4;
		float: left;
		padding: 8px;
		margin-left: 7px;
		
		}

		
	#rightbox2 {
		width: 24%;
		border: none;
		background: #c8d5e4;
		float: right;
		padding: 8px;
		margin: 0;
	}
	
/*
.menu {
border-bottom:1px solid #999;
border-left:4px solid #c8d5e4;
height:100%;
text-align:right;
margin-bottom:2px;
font: 12px Trebuchet MS, Verdana;
color: #000;
text-decoration:none;
padding: 3px;
color: #fff;
}
	
.menui {
border-bottom:1px solid #999;
border-left:4px solid #6699CC;

text-align:right;
margin-bottom:2px;
font: 12px Trebuchet MS, Verdana;
color: #000;
text-decoration:none;
}
.menui a{
padding:2px 5px 2px 2px;
display:block;

text-decoration:none;
color: #333;
}
.menui a:hover{
/* background-color:#cc0000; */
}
*/

#pago form {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  font:100% verdana,arial,sans-serif;
  margin: 0;
  padding: 0;
  min-width: 500px;
  max-width: 600px;
  width: 100%; 
}

#pago form fieldset {
  clear: both; /*note that this clear causes inputs to break to left in ie5.x mac, commented out */
  border-color: #6699CC;
  border-width: 2px;
  border-style: solid;
  padding: 10px;        /* padding in fieldset support spotty in IE */
  margin: 0;
  
}

#pago form fieldset legend {
	font: bold 1.1em Trebuchet MS; /* bump up legend font size, not too large or it'll overwrite border on left */
                       /* be careful with padding, it'll shift the nice offset on top of border  */
	color: #cc0000;
	padding: 5px;
}

#pago form label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 70px; 
	padding: 0; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 

}

#pago form fieldset label:first-letter { /* use first-letter pseudo-class to underline accesskey, note that */
							/* Firefox 1.07 WIN and Explorer 5.2 Mac don't support first-letter */
	color: brown;          /* pseudo-class on legend elements, but do support it on label elements */
	font: bold 1.4em Trebuchet MS; /* we instead underline first letter on each label element and accesskey */
	padding: 1px;					/* each input. doing only legends would  lessens cognitive load */
                                   /* opera breaks after first letter underlined legends but not labels */
}

#pago form input, form textarea, form select {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin: 5px 0 0 15px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
	background-color: #c8d5e4;
	color: #333;
	
}

#pago .radio { background: #fff; }

#pago form input#reset {
	margin-left:0px; /* set margin-left back to zero on reset button (set above) */
}

#pago textarea { overflow: auto; }

#pago form small {
	display: block;
	margin: 0 0 5px 160px; /* instructions/comments left margin set to align w/ right column inputs */
	padding: 1px 3px;
	font-size: 88%;
}

#pago form .required{font-weight:bold;} /* uses class instead of div, more efficient */

#pago form br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}

#mytable {
	width: 100%;
	padding: 0;
	margin: 0;
}

#mytable caption {
	padding: 0 0 5px 0;
	width: 100%;	 
	font: italic 1.3em  "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
}

#mytable th {
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #4f6b72;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #CAE8EA url(images/bg_header.jpg) no-repeat;
}

#mytable th  a{
font-size: .9em;

}

#mytable th.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #C1DAD7;
	background: none;
}

#mytable td {
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #fff;
	padding: 6px 6px 6px 12px;
	/* color: #4f6b72; Color original*/
	color: #333;
}

#mytable td a {
background: transparent url(images/links.gif)  0 2px no-repeat;
padding-left: 20px;
}

#mytable td.alt {
	background: #F5FAFA;
	color: #797268;
}

#mytable th.spec {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #fff url(images/bullet1.gif) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

#mytable th.specalt {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #f5fafa url(images/bullet2.gif) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #797268;
}



/* table shadow */
#bonita {
	background: url(images/bonita.png) no-repeat bottom right;
	padding: 7px;
	width: 100%;
}

#bonita table { 
	font: 80% Verdana, Geneva, Arial, Helvetica, sans-serif;
	border-collapse: collapse;
}

/* table caption, image replace */
#bonita caption {
	background: url(images/ttitle.png) no-repeat 125px;
	/* kick the text */
	text-indent: -50000px;
	height: 33px;
}

#bonita thead th {
	background: url(images/thead_bg.png);
	height: 26px;
	color: White;
	padding: 0 5px 0 5px;
}
#bonita table {
	background: url(images/tbody.png);
}

#bonita tbody td {
	border-right: 1px solid #6699CC;
	padding: 10px;
	padding-bottom: 20px;
	border-bottom: 1px solid #c8d5e4;
}
#bonita tbody .odd td {
	background: url(images/odd.png);
}
#bonita tbody th {
	background: url(images/th.png) repeat-y top right;
	padding: 15px;
	padding-right: 25px;
	border-bottom: 1px solid #c8d5e4;
}

#bonita a {
	color: #cc0000;
}



#bonita tfoot {
	background: url(images/tfoot.png);
	height: 25px;
	color: White;
}

/* center table headers */
#bonita th {
	text-align: center;
}

/* row effect */ 
#bonita tbody tr:hover td,#bonita tbody tr:hover th ,#bonita tbody tr:hover a{
	background: url(images/tr_hover.png) repeat-x left bottom;
	border-bottom: none;
	color: #fff;
}

.clearer {clear: both;}

.out {
  display:block; 
  background:#999; 
  border:1px solid #ddd; 
  position:relative;
  margin:0 0;
  
  }
.in {
  text-align:center; 
  border:1px solid #555; 
  position:relative; 
  padding:5px;
  font-weight:normal;
  font-size: 1.1em;
  min-height:3.5em;
  height:auto;
  }
 /* for Internet Explorer */
/*\*/
* html .in {
height: 3.5em;
}
/**/
.ltin {
  left:-3px;
  }
.tpin {
  top:-3px;
  }
.narrow {width:8em;}
.normal {width:180px;}
.wide {width:18em;}
.image {width:412px; padding:0;}