* {margin: 0; padding: 0;} 
html{font-size: 100%;}
 
body {
font-size: 12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: black; 
background-color: rgb(149,197,88);
background-image:url('/_images/fondo.jpg');
margin-top:10px;
}
 
/*color de base*/
.separacion  {background-color: rgb(183,150,81);; line-height: 400%;  } 
a:link, a:active, a:visited { text-decoration: none; color: #8E0909; }
a:hover, a:focus { text-decoration: underline;  color: white; background-color: #8E0909; }
 
.containerbase {
background-color: white;
width:795px;
text-align: center;
margin:auto;
}
.linea {  clear:both;}
 
/*arriba logo*/
.logo {
background: rgb(196,162,100) url('/_images/logoCR.gif') no-repeat top left;
height: 95px;
color:white;
text-align: left;
font-weight: bold;
font-size: 170%;
padding-top: 30px;
padding-left: 260px;
} 
.f20  {
font-size: 70%;
}
 
/*iconos menu*/
#menutab  {
/*color de iconos*/
background-color:rgb(205,169,92);
position:relative;
float:left;
height: 29px;
width: 541px;
margin-top:24px;
margin-left: -11px;
padding-left: 5px;
}
 
#menutab li {
list-style:none;
float:left;
width: 41px;
height: 29px;
font-size: 6px;
padding-right:8px;
}
 
#menutab li a {
display:block;
width:41px;
height:29px;
background:top left no-repeat;
text-decoration:none;
border-right: rgb(196,162,100) 1px solid;
border-left:  rgb(196,162,100) 1px solid;
}
 
#menutab li a.mhome { background-image:url(/_images/ihome.gif); }
#menutab li a.masistir { background-image:url(/_images/iasistir.gif); }
#menutab li a.mprogram { background-image:url(/_images/iprogram.gif); }
#menutab li a.minfo { background-image:url(/_images/iinfo.gif); }
#menutab li a.mregistro { background-image:url(/_images/iregistro.gif); }
#menutab li a.mfaculty { background-image:url(/_images/ifaculty.gif); }
#menutab li a.mgallery { background-image:url(/_images/igallery.gif); }
#menutab li a.mcostarica { background-image:url(/_images/icostarica.gif); }
#menutab li a.mboulder { background-image:url(/_images/iboulder.gif); }
#menutab li a.mcontact { background-image:url(/_images/icontact.gif); }
#menutab li a.mbiblio2 { background-image:url(/_images/ibiblio.gif); }
#menutab li a.maniversario { background-image:url(/_images/ipaniverE.gif); }
 
#menutab li a:hover { background-position:bottom left; }
#menutab li a span { visibility:hidden; }
 
/*frases menu*/
#menutab2  {width: 180px; float:left; margin-right: 40px; background-color: rgb(183,150,81);  padding-top:10px;}
#menutab2 ul {list-style: none; text-align: right;}
#menutab2 li a {line-height: 150%; padding-right: 10px;}
 
.fotosmedia {padding-top:30px;}
.fotosmedia img {
border : 12px solid rgb(183,150,81);
width: 156px;
margin-top:-12px;}
.fotosmedia p {padding-bottom: 0px;
color: white;
text-align: center;}
 
.img_grande  {
border : 12px solid rgb(213,198,140);
width: 522px;
height: 185px;
margin-left:20px;
margin-right: -10px;
}
 
/*caja textos*/
.ctextos {
line-height: 18px;
text-align: justify;
padding: 30px 50px 18px 50px;
}
.ctextos p  {
padding-top:0px; 
margin-top:18px;
}
.ctextos h1  { 
font-size: 20px;
padding-right: 5px;
text-align: left;
margin-top: 0px;
color:rgb(102,51,0);
}
.ctextos h2 {
padding-top: 14px;
font-size: 14px;
color: rgb(102,51,0);
}
.ctextos h3 {
font-size: 14px;
padding-top: 20px;
padding-bottom: 20px;
color: black;
}
 
.ctextos ul {list-style-position:outside}
.ctextos ol {list-style-position:outside}
.ctextos li {margin-left:200px;}
 
 
/*caja videos, galeria y biblio*/
.cvideos {
background-color: rgb(213,198,140);
float: right;
text-align: center;
width: 240px;
height: 230px;
margin: 0px -40px 30px 30px;
padding-top: 6px;
text-align:center;
color:  white;
}
.cvideos embed { 
margin-top:-10px;
margin-bottom:0px;
margin-left:0px;
width: 212px;
height: 189px;
} 
 
 
 
.cvideos a  {text-decoration: none;  }
.cvideos img {
border: 0px;
height: 80px;
width: 60px;
margin: 20px 5px 20px 5px ;
}
img.ichica {
width: 45px;
height: 34px;
margin: 0px 1px 20px 1px ;
}
/*profesores y cursos*/
.cursos {
float:left;
width: 285px;
height: 800px;
background-color: #8E0909;
padding-left:10px;
padding-right:10px;
margin-right:-10px;
color: white;
} 
.cursos li {margin-left: 20px; }
.cursos h1, .cursos h2  { color: white; }

.cursos .outline {
display: none;
}
 
.profesores {
float:left;
width: 380px;
padding-right: 20px;
}
.profesores .cvideos {
margin: 30px 0px 30px 30px;
height: 210px;
}
.profesores .cvideos embed {margin-top:10px;} 
.profesores h1, .cursos h1 {margin-bottom:5px; line-height: 120%;}
.profesores h2, .cursos h2 {margin-bottom:20px; font-size: 130%;}
.profesores h3 {
padding: 0px;
margin-bottom:10px;
}
.profesores h4  { display:none; }
 
.profesores a { 
display:none;
float: right;
text-align: right;
}
.profesores .photo { 
margin-top: 10px;
width: 140px;
height: 158px;
border: 12px #8E0909 solid;
}
 
table.perfil {
	margin-left:180px;
}
table.perfil th {
	padding: 3px;
	border-style: inset;
	background-color: rgb(142,9,9);
	border: 1px rgb(142,9,9) solid;
	color:white;
}
table.perfil td {
	padding: 3px;
	border-style: outset;
	border: 1px rgb(142,9,9) solid;
}
table.perfil td.tcR {
	text-align:right;
}

table.formulario {
width:100%;
background-color: rgb(213,198,140);
padding-bottom:20px;
}
table.formulario td {
padding-left: 6px;
}
table.formulario td.tit {
font-size: 110%;
font-weight: bold;
padding-top:20px;
padding-bottom:3px;
}

table.formulario .altomin {
height: 100px;
}

table.inscripcion {
width:70%;
background-color: rgb(213,198,140);
padding-bottom:20px;
border: thin red dotted;
margin-top:10px;
}
table.inscripcion td {
padding: 10px;
width: 30%;
}


table.grid  { 
width: 100%;
text-align:center;
font-size: 90%;
font-weight: bold;
}

table.grid td {
background-color: #EFE3D1;
padding:10px; 
border: #BF9553 thin solid;
}

table.grid .bloque { 
background-color: rgb(153,48,1);
text-align:left;
font-size: 130%;
color:white;
}

table.grid .curso { 
background-color: rgb(153,48,1);
color: white;
}

table.grid .titulo { 
background-color: #FFF3BD;
font-size: 130%;
color: rgb(153,48,1);
}

table.grid .break { 
background-color: #FFF3BD;
text-align:left;
font-size: 120%;
color: rgb(153,48,1);
}

.nomprof { 
color: #BF9553;
}