@charset "ISO-8859-1";
/* CSS Document */

/* Tipografias */

body {
	background-color: #FEF4EB;
}

.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;
}

.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;
}


/* 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;
}

