@charset "ISO-8859-1";
/* CSS Document */

/* Tipografias */

body {
	background-color: #FEF4EB;
	margin-top: 3px;
	margin-bottom: 3px;
	font-family: Verdana;
	width: auto;
}

#wrapper {
/*	margin: 0px auto 0px auto; */
	width: 880px;
	padding: 0px;
	border: 0px;
/*	background: url("background_cols.gif") repeat; */
}

#side-a {
	float: left;
	width: 410px;
}

#side-b {
	margin: 0;
	float: left;
	width: 410px;
	height: 1% /* Holly hack for Peekaboo Bug */
}

.Estilo1 {
	font-family: Verdana;
	font-size: 10px;
	text-align: left;
	color: #808000;
}

.Estilo2{
	font-family: Verdana;
	font-size: 12px;
	text-align: center;
	color: #000000;
}

.Estilo3 {
	font-family: Verdana;
	font-size: 10px;
	text-align: left;
	color: #000000;
	padding: 3px;
}

.Estilo4 {
	font-family: Verdana;
	font-size: 10px;
	text-align: left;
	font-weight:bold;
	color: #000000;
}

.Estilo5 {
	font-family: Verdana;
	font-size: 12px;
	text-align: center;
	font-weight:bold;
	color: #000000;
}

.Estilo6 {
	font-family: Verdana;
	font-size: 10px;
	text-align: center;
	color: #000000;
}

.Estilo7 {
	font-family: Verdana;
	font-size: 10px;
	text-align: center;
	font-weight:bold;
	color: #000000;
}

.Estilo8{
	font-family: Verdana;
	font-size: 12px;
	text-align: Left;
	color: #000000;
}

.Estilo9 {
	font-family: Verdana;
	font-size: 12px;
	text-align: Left;
	font-weight:bold;
	color: #000000;
}

.Estilo10 {
	font-family: Verdana;
	font-size: 10px;
	text-align: center;
	font-weight:bold;
	color: #FF6600;
}

.Estilo11 {
	font-family: Verdana;
	font-size: 12px;
	text-align: center;
	font-weight:bold;
	color: #FF6600;
}

.Estilo12 {
	font-family: Verdana;
	font-size: 10px;
	text-align: center;
	color: #808000;
}

.Estilo13 {
	font-family: Verdana;
	font-size: 12px;
	font-weight:bold;
	color: #FF0000
}

.Estilo14 {
	font-family: Verdana;
	font-size: 12px;
	font-weight:bold;
	color: #FF0000;
	text-align: right;
}

.Estilo15 {
	font-family: Verdana;
	font-size: 12px;
	text-align: center;
	font-weight:bold;
	color: #000000;
}

.Estilo16 {
	font-family: Verdana;
	font-size: 12px;
	text-align: center;
	font-weight:bold;
	color: #009900;
}

.Estilo17 {
	font-family: Verdana;
	font-size: 10px;
	text-align: left;
	font-weight:bold;
	color: #009900;
}

.Estilo18 {
	font-family: Verdana;
	font-size: 10px;
	text-align: left;
	font-weight:bold;
	color: #FF9900;
}

.Estilo19{
	font-family: Verdana;
	font-size: 12px;
	text-align: left;
	color: #000000;
	padding: 10px;
}

.Estilo20 {
	font-family: Verdana;
	font-size: 10px;
	text-align: right;
	font-weight:bold;
	color: #000000;
}
/* Efectos en las fotos */

.marco1 {
   padding:8px;
   background-color: #f5f5f5;
   width: 200px;
   border: 1px solid #999999;
}
.marco1 IMG{
   border: 1px solid #000000;
}

.marco2 {
   padding:8px;
   background-color: #f5f5f5;
   width: 200px;
   border-bottom: 1px solid #999999;
   border-right: 1px solid #999999;
}

.marco3 {
   padding:8px 8px 20px 8px;
   background-color: #ffffff;
   width: 200px;
   border: 1px solid #999999;
}

.blur{
   background-color: #ccc; /*shadow color*/
   color: inherit;
   margin-left: 4px;
   margin-top: 4px;
   width: 224px;
}
.shadow, .content{
   position: relative;
   bottom: 2px;
   right: 2px;
}
.shadow{
   background-color: #666; /*shadow color*/
   color: inherit;
}
.content{
   background-color: #fff; /*background color of content*/
   color: #000; /*text color of content*/
   border: 1px solid #000; /*border color*/
   padding: .5em 2ex;
}
.content IMG{
   border: 1px solid #000000;
}


/* Link y resaltados */

a:link {
	text-decoration:none;
	color: #000000;
	} 
a:visited {
	text-decoration:none;
	color: #000000;
	} 
a:hover {
	text-decoration:underline;
	color: #FF0000;
	} 
a:active {
	text-decoration:none
	}

/* ESTADOS DE TAREAS */

.e_pendiente {
	font-family: Verdana;
	font-size: 10px;
	font-weight:bold;
	text-align: center;
	color: #FF0000;
}

.e_enespera {
	font-family: Verdana;
	font-size: 10px;
	font-weight:bold;
	text-align: center;
	color: #0000FF;
}

.e_terminada {
	font-family: Verdana;
	font-size: 10px;
	font-weight:bold;
	text-align: center;
	color: #009900;
}

.p_pendiente {
	font-family: Verdana;
	font-size: 10px;
	font-weight:bold;
	color: #FF0000;
	text-align: center;
}

/* BOTONES */

.boton{
	font-size:10px;
	font-family:Verdana;
	font-weight:bold;
	color:#000000;
	background:#638cb5;
	border:0px;
	height:20px;
       }

.boton2{
	font-size:12px;
	font-family:Verdana;
	font-weight:bold;
	color:#FFFFFF;
	background:#638cb5;
	border:0px;
	height:22px;
       }

/* IMAGENES */

img.pequeña{width: 200px; BORDER=2}
img.mediana{width: 300px; BORDER=2}
img.grande {width: 400px; BORDER=2}

/* CELDAS */

.celda1{
	border:1px solid red;
}

H1.SaltoDePagina
{
PAGE-BREAK-AFTER: always
}


input {
	border: 1px solid;
	margin-right: 5px;
	background-color: #CCCCCC;
	border-top-color: #333333;
}

textarea {
	border: 1px solid;
	margin-right: 5px;
	background-color: #CCCCCC;
	border-top-color: #333333;
}

select {
	border: 1px solid;
	margin-right: 5px;
	background-color: #CCCCCC;
	border-top-color: #333333;
}