body
{
   margin:0.4em auto;
   font-family:verdana, sans-serif;   letter-spacing:1px; font-size:9pt;
   background-color:#fff; width: 770px ;
}

/********************** Logo and Upper Section **************************/

.os
{
   color:#fff; margin:0em 3em 10px 1em; padding:0em;
    height: 75px ; vertical-align: middle; 
}
.osTitle
{
   text-align:left;    padding:1em;    font-size:14pt;
}
.container
{
   background-color:#eee;    margin:0em 1px 0em 1px;
   padding:0em;    height:100%;
}

/********************** Rounded Corners **************************/

div#nifty
{
   background:#993300; 
}
b.rtop, b.rbottom
{
   display:block;   background:#FFF;
}
b.rtop b, b.rbottom b
{
   display:block;   height:1px;
   overflow:hidden;   background:#993300; 
}
b.r1 {    margin:0 4px; }
b.r2 {    margin:0 3px; }
b.r3 {    margin:0 2px; }
b.rtop b.r4, b.rbottom b.r4
{
   margin:0 1px;    height:2px;
}

/********************** Pictures Images **************************/

.logoTextCell
{
   font-weight:bold;  font-size:1.5em; text-align:left;
}
.logoImageCell { }
.imgLogo
{
   margin:0px 5px 5px 5px;  padding:1px 10px 1px 1px;  vertical-align: middle;
   float: left ; clear: left ;
   border: none;
}
.imgLeft
{
   margin:5px; padding:5px 15px 5px 3px; 
   vertical-align:middle;  float:left;  height:140px;
}
.imgRight
{
   float:right;    margin:5px;  padding:5px 3px 5px 15px;
}
.pictLower { }

/********************** p Contents **************************/
.derecha { text-align: right; }
.centrado { text-align: center; }
.justificado { text-align: justify; }

.imgderecha {
	float: right;
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
}
.imgizquierda {
	float: left;
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

/********************** Main Contents **************************/

.contents
{
   margin:0px 2px 0em 11em;    padding:0.9em 1em 1em 1em;
   color:#000;    letter-spacing:1.5px;
   font-size:10pt;   background-color:#fff;
}
.contents img
{
   padding:3px 6px 3px 6px;   margin:3px 8px 3px 8px;
}
.contents p,.contents dl
{
   line-height:18px;
}
.contents TABLE
{
   padding:0.1em;   margin:0.1em;
   width:96%;
}
.contents a
{
   color:#f00;   font-weight:bold;   text-decoration:none;
   border-bottom: 1px dotted #eee;
}
.contents A:hover
{
   color:#000;   border-bottom: 1px solid #000;
}
.contents ul li
{
   margin:0 0 0 2em;
}
.contents H1
{
   font-size:15pt;   font-family:courier, sans-serif;
   padding:2px;   color:#993300;
   border-bottom:1px solid #aaa;
}

/********************** Footer **************************/
.footer
{
   clear:both;   margin:0em 0px 0px 0px;   padding:10px 0 0px 0;
   text-align:center;   color:#ccc;
   border-top:1px solid #ccc;   background-color:#993300;
}
.footer a {
	color: #ccc;
	text-decoration: none;
}

/********************** Left Menu **************************/
.leftmenu
{
   text-align: center;
   float:left;
   width:12em;   
   margin:2em 5px 3px 1px;   padding:10px 0px 3px 0px;
}
#leftnavcontainer ul
{
   display:block;   margin:0;
   padding-left:1px;   line-height:25px;
}
#leftnavlist li
{
   list-style:none;   display:block;   border-bottom:1px dotted #bbb;
   padding-right: 3px;
}
#leftnavlist li a
{
   color:#000;   margin:10px 0px 0px 0px;
   padding-left:2px;   display:block;
   width:12em;   text-decoration:none;
   font-weight:bold;   font-size:8pt;   line-height:20px;
}
#leftnavlist a:link#leftcurrent, #leftnavlist a:visited#leftcurrent, #leftnavlist a:hover
{
   color:#800;
}

#leftnavcontainer input {
	margin-bottom: 10px;
}
#leftnavcontainer h3 {
	border-top: 4px solid #930;
	padding-top: 4px;
}
.color {
	background: #993300;
	color: #fff;
}
.botonazul {
	background-color: #688CB9;
	color: #fff;
	border: 1px solid #fff;
	padding: 2px 4px;
	cursor: pointer;
	font-weight: bold;
}
.botonazul:hover { background-color: #000; }
.botonazul:focus { background-color: #f00; }

/********************** Top Menu **************************/

.topmenu
{
   margin:1px 0px 0.2em 0px;   padding:0.4em 1em 0.5em 1em;
   text-align:left;   background-color:#993300;
   background-image: url(../images/topbgn2.jpg); background-repeat: repeat-x;
   border-top: 1px solid #fff ; line-height: 19px ;
}
#topnavlist
{
   margin:0;   padding:0px 0px 0px 5px;
}
#topnavlist ul
{
   margin:0;   display:inline;   list-style-type:none;
}
#topnavlist li
{
   margin:0;   display:inline;   list-style-type:none;
   border-right: 1px solid #fff ;
}
#topnavlist a
{
   padding:8px 6px 4px 7px;    font-size:9pt;   font-weight:bold;   text-decoration:none;
   color:#000;
}
#topnavlist a:link#topcurrent, #topnavlist a:visited#topcurrent, #topnavlist a:hover
{
   padding:8px 6px 4px 7px; color: #993300 ;
   background-image: url(../images/ind_trans4.gif) ; background-position: top center; 
   background-repeat: no-repeat ;
}

/* estilos para lo de las clases de la semana */
/*#content {
	background-color: #fff;
	font-size: 1.2em;
}*/
.post {
	background-color: #fff;
	text-align: justify;
	width: 100%;
	padding: 10px 0;
}
.prueba{
	background-color: #fff;
	line-height: 1.5em;
}
* html .prueba {
	background-color: #fff;
	padding: 0 0 0 20px;
}
/* descatado */
/* Inset 3D Curved */
.inset {background: transparent; margin:0 auto; margin-bottom: 10px;}
.inset h2, .inset h4, .insetb h4, .insetd h4, .inset p {margin:0 10px;}
.inset h2 {font-size:1.3em; letter-spacing:1px;}
.inset h4, .insetb h4, .insetd h4 {
	color: #600000;
	padding: 4px 0px 2px 0;
	border-bottom: 1px dotted #72838B;
	margin-bottom: 4px;
}
.inset p {padding-bottom:0.5em;}

.inset .top, .inset .bottom {display:block; background:transparent; font-size:1px;}
.inset .b1, .inset .b2, .inset .b3, .inset .b4, .inset .b1b, .inset .b2b, .inset .b3b, .inset .b4b {display:block; overflow:hidden;}
.inset .b1, .inset .b2, .inset .b3, .inset .b1b, .inset .b2b, .inset .b3b {height:1px;}
.inset .b2 {background:#ededed; border-left:1px solid #72838B; border-right:1px solid #72838B;}
.inset .b3 {background:#ededed; border-left:1px solid #72838B; border-right:1px solid #72838B;}
.inset .b4 {background:#ededed; border-left:1px solid #72838B; border-right:1px solid #72838B;}
.inset .b4b {background:#ededed; border-left:1px solid #72838B; border-right:1px solid #72838B;}
.inset .b3b {background:#ededed; border-left:1px solid #72838B; border-right:1px solid #72838B;}
.inset .b2b {background:#ededed; border-left:1px solid #72838B; border-right:1px solid #72838B;}


.inset .b1 {margin:0 5px; background:#72838B;}
.inset .b2, .inset .b2b {margin:0 3px; border-width:0 2px;}
.inset .b3, .inset .b3b {margin:0 2px;}
.inset .b4, .inset .b4b {height:2px; margin:0 1px;}
.inset .b1b {margin:0 5px; background:#72838B;}

.inset .boxcontent {display:block; background:#ededed; border-left:1px solid #72838B; border-right:1px solid #72838B;}

/* Inset 3D Curved - Destacado amarillo */
.insetd {background: transparent; margin:0 auto;margin-bottom: 10px;}
.insetd h2, .insetd p {margin:0 10px;}
.insetd h2 {font-size:1.3em; letter-spacing:1px;}
.insetd p {padding-bottom:0.5em;}

.insetd .top, .insetd .bottom {display:block; background:transparent; font-size:1px;}
.insetd .b1, .insetd .b2, .insetd .b3, .insetd .b4, .insetd .b1b, .insetd .b2b, .insetd .b3b, .insetd .b4b {display:block; overflow:hidden;}
.insetd .b1, .insetd .b2, .insetd .b3, .insetd .b1b, .insetd .b2b, .insetd .b3b {height:1px;}
.insetd .b2 {background:#ffffe0; border-left:1px solid #800000; border-right:1px solid #800000;}
.insetd .b3 {background:#ffffe0; border-left:1px solid #800000; border-right:1px solid #800000;}
.insetd .b4 {background:#ffffe0; border-left:1px solid #800000; border-right:1px solid #800000;}
.insetd .b4b {background:#ffffe0; border-left:1px solid #800000; border-right:1px solid #800000;}
.insetd .b3b {background:#ffffe0; border-left:1px solid #800000; border-right:1px solid #800000;}
.insetd .b2b {background:#ffffe0; border-left:1px solid #800000; border-right:1px solid #800000;}


.insetd .b1 {margin:0 5px; background:#800000;}
.insetd .b2, .insetd .b2b {margin:0 3px; border-width:0 2px;}
.insetd .b3, .insetd .b3b {margin:0 2px;}
.insetd .b4, .insetd .b4b {height:2px; margin:0 1px;}
.insetd .b1b {margin:0 5px; background:#800000;}

.insetd .boxcontent {display:block; background:#ffffe0; border-left:1px solid #800000; border-right:1px solid #800000;}
/* --------------------------- */

/* Inset 3D Curved - Destacado blanco */
.insetb {background: transparent; margin:0 auto;margin-bottom: 10px;}
.insetb h2, .insetb p {margin:0 10px;}
.insetb h2 {font-size:1.3em; letter-spacing:1px;}
.insetb p {padding-bottom:0.5em;}

.insetb .top, .insetb .bottom {display:block; background:transparent; font-size:1px;}
.insetb .b1, .insetb .b2, .insetb .b3, .insetb .b4, .insetb .b1b, .insetb .b2b, .insetb .b3b, .insetb .b4b {display:block; overflow:hidden;}
.insetb .b1, .insetb .b2, .insetb .b3, .insetb .b1b, .insetb .b2b, .insetb .b3b {height:1px;}
.insetb .b2 {background:#ffffff; border-left:1px solid #6AA1BC; border-right:1px solid #6AA1BC;}
.insetb .b3 {background:#ffffff; border-left:1px solid #6AA1BC; border-right:1px solid #6AA1BC;}
.insetb .b4 {background:#ffffff; border-left:1px solid #6AA1BC; border-right:1px solid #6AA1BC;}
.insetb .b4b {background:#ffffff; border-left:1px solid #6AA1BC; border-right:1px solid #6AA1BC;}
.insetb .b3b {background:#ffffff; border-left:1px solid #6AA1BC; border-right:1px solid #6AA1BC;}
.insetb .b2b {background:#ffffff; border-left:1px solid #6AA1BC; border-right:1px solid #6AA1BC;}


.insetb .b1 {margin:0 5px; background:#6AA1BC;}
.insetb .b2, .insetb .b2b {margin:0 3px; border-width:0 2px;}
.insetb .b3, .insetb .b3b {margin:0 2px;}
.insetb .b4, .insetb .b4b {height:2px; margin:0 1px;}
.insetb .b1b {margin:0 5px; background:#6AA1BC;}

.insetb .boxcontent {display:block; background:#ffffff; border-left:1px solid #6AA1BC; border-right:1px solid #6AA1BC;}
/* --------------------------- */
.boxcontent ul {
	list-style-type: none;
	padding: 0 15px;
}
* html .boxcontent ul {
	padding: 0 15px 0 0;
	margin-left: 15px;
}
.boxcontent li a {
	display: block;
	padding: 4px;
	border-bottom: 1px dotted #72838B;
}
.boxcontent li a:hover {
	background-color: #fff;
	color: #06c;
	border-bottom: 1px solid #72838B;
	text-decoration: none;
}

.boxcontent li span {
	display: block;
	padding: 4px;
	border-bottom: 1px dotted #72838B;
}
.boxcontent li span:hover {
	background-color: #fff;
	color: #06c;
	border-bottom: 1px solid #72838B;
	text-decoration: none;
}

/* para izquierda y derecha */
.contleft {
	float: left;
	/*width: 225px;*/
	width: 46%;
	padding: 10px 8px;
    text-align:left;
}

.contright {
	float: right;
	/*width: 225px;*/
	width: 46%;
	padding: 10px 8px;
    text-align:left;
}

.contlink {
	float: left;
	/*width: 225px;*/
	width: 30%;
	padding: 0 8px;
    text-align:center;
}
* html .contlink {width:29%;}
.nover {
	display: none;
}
.tachado { text-decoration: line-through; }
.mas {
	background: url(../images/icono-mas.gif) no-repeat 0;
	padding-left: 15px;
}
.mas a:hover { color: #c00; }
.separar {clear: both;}
.derecha {text-align: right;padding-right:10px;}
.izquierda {text-align: left;}
.centrado {text-align: center;}
.comentario {
	font-size: 0.8em;
	padding: 6px 2px;
}

/* para tabla actividades en universpain */
.activities {
	width: 100%;
}
.activities th {
	background-color: #72838B;
	color: #fff;
	text-align: center;
	/*width: 40px;*/
	font-size: 0.8em;
}
.activities td {
	background-color: #efefef;
	border: 1px solid #72838B;
	font-size: 0.8em;
}
.activities td.dia {
	background-color: #fff;
	border: 1px solid #72838B;
	text-align: right;
	font-size: 0.8em;
	margin: 0;
	padding: 0 4px 0 0;
	width: 1px;
}
.activities td.separacion {
	background-color: #DCE0E2;
	border: none;
}
.activities td.fiesta {
	background-color: #C08080;
	border: 1px solid #72838B;
}

/* para corrector */
.activities td.bien {
	background-color: #C0E0C0;
	border: 1px solid #008000;
}
.activities td.mal {
	background-color: #FFC0C0;
	border: 1px solid #ff0000;
}
.ko {color:#F00;}
/* Tabla formulario */
.textoderecha {
	text-align: right;
	font-family: Arial, Verdana, sans-serif;
font-size: 11px;
font-weight: normal;
}
.nombre {color:#F26A34;}

/* estilos para los verbos */
#navi_search {
background-color: #efefef;
margin-left: 15px;
padding: 4px;
border: 1px solid #000;
text-align: center;
}
#navi_search a:link, #navi_search a:visited{
font-weight: bold;
padding: 2px;
}
.verbos h4 {
background-color: #E6D7D4;
padding-left: 10px;
text-transform: uppercase;
}
.verbos h5 {
background-color: #efefef;
padding-left: 10px;
margin-bottom: 0;
}
.verbos blockquote {
	margin: 0 0 0 10px;
	border-left: 2px solid #efefef;
	padding-left: 10px;
}