body {
	font-family: Verdana;	
	color: #003366; 
	background-image: url(image.gif); 
	background-color: #EEE;
	margin: 0 auto; 
	padding: 0;	
	font-size: 10px;
	line-height: 1.4em;
}
hr {color: #000000; height:1px}

a {color: #333333; text-decoration: none; font-weight: bold; background-color: transparent}
a:hover {color: #0066CC; text-decoration: none; background-color: transparent}

div.titulo {
   font-size: 12px;
   font-weight: bold;
   color: #06C;
   text-align: center;
   float: left;
   /*margin-bottom: 10px;*/
   background-color: #EEE;
   width: 714px;
   padding: 4px;
   display: block;
   text-align: left;
}
.info {font-family: Verdana;
font-size: 11px;
color: #0066CC;
}
/*
#copyright {
font-size: 10px;
color:  #000000;
text-align:center;
}
*/
label{
font-size: 11px;
color: #003366;
text-align: right;
}
#blanco {
	font-size: 10px;
	color: #FFFFFF;
	text-align:center;
}
#legend {
	font-size: 12px;
	color: #000066;
	text-align:center;
}
#rojo, .rojo{
	font-size: 11px;
	font-weight: none;
	color: #B3051C;
	text-align: center;
	background-color: #FFF;
	/*border: 1px solid #EBE42A;*/
	padding: 10px;
	border: 1px solid #DDD;
}
tr.green{
	background-color: #9BC5E4;
}
tr.green td{
	padding: 4px;
	font-weight: bold;
}
#blanco {font-family: Verdana;
	font-size: 12px;
	font-weight: normal;
	color: #003366;
	text-align:center;
}
#verde, .verde {font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	color: #009933;
	text-align:center;
}

h1{
	margin-left: 246px;
	margin-top: 10px;
	font-size: 13px;
	color: #666;
}
	
h2 {
	font-size: 14px;
	font-weight: bold;
	color:  #ffffff;
	text-align:center;
}
h4 {
	font-size: 16px;
	font-weight: bold;
	color:  #ffffff;
	text-align:center;
}
h5 {
	font-size: 20px;
	font-weight: bold;
	color:  #3399CC;
	text-align:center;
}
ul {
	margin: 0px;
	padding: 0px;
	list-style: square inside;
	text-align: left;
	color: #333333;
	line-height: 18px;
}
li {
	list-style: square url(../imagenes/list.gif) inside;
	color: #66CC33;
}
li a{font-family: Verdana;
	list-style: square url(../imagenes/list.gif) inside;
	font-size: 11px;
}

table { 
	border: 1px solid #DDD;
	background: #FFF;
	font-size: 10px ; 
	color:#003366;
	margin: 0 auto;
}
td {
/*
border-bottom: 1px solid #EEE;
*/
}
td.180px{
	width: 180px;
	background-color: #389;
}
tr {
/*
border-bottom: 1px solid #666666;
border-left: 1px solid #666666;
border-right: 1px solid #666666;
*/
}
caption { 
background-color: #FFF; 
color: #666; 
font-size: 12px; 
font-weight: bold; 
padding: 4px;
}

table.big{ text-align:left; width: 750px; }
table.big tr{}
/*
table.big tr:hover{background-color: #E6F5FC;}
*/

table.include {border: 1px solid #DDD; background: #cccccc; color: #FFFFFF}
table.logo { border-collapse: collapse; border: 0px solid #006699; background: #cccccc; color: #FFFFFF }
table.include {border: 1px solid #DDD; background: #cccccc; color: #FFFFFF}
td.header{ width:408px; height:50px; background-image:url(../imagenes/degrade.png); background-repeat: no-repeat}
/*td.titulo { border-collapse: collapse; background-image: url(../imagenes/hdr_bg.gif); height:25px}*/
td.recuadro { border-collapse: collapse; border: 1px solid #3366CC; background: #FFFFFF; color: #003366}
table.habilitar { border-collapse: collapse; border: 1px solid #3366CC; background: #FFFFFF; color: #003366}
table.seccion { border-collapse: collapse; border: 1px solid #3366CC; background: #FFFFFF; color: #003366}
div.navtext{ width:300px ; border: 1px solid #003366}


input, select {  
	font-size: 11px; 
	color: #333; 
	background-color: #FFF; 
	border: 1px solid #CCC;
	padding: 2px;
	margin: 4px;
}

div.login { 
	width: 380px;
	text-align:center;
}
#boton {
	width: 100%; 
	height: 50px;
	background-color:#999999;
}
#texto {
	width: 100%; 
	height: 0px;
	background-color:#CCCCCC;
	visibility:hidden;
	overflow: hidden;
}
 
#cuerpo {
	width: 100%;
	height: 50px;
	background-color: #9999FF;
}
.titulo_secciones{
   font-family: Verdana;
   font-size: 11px;
   color: #FFFFFF;
   text-align:center;
}
.azul{
   font-family: Verdana;
   font-size: 11px;
   color: #003366;
   text-align:center;
}
.templates a{
font-size:11px;
color:#003366;
}
.templates a:hover{
font-size:11px;
color: #0099CC;
text-decoration:underline overline;
background-color: #FFCC33
}
.alerta{
font-size:11px;
font-weight:bold;
color:#CC3333
}

div#wrapp{
	margin: 0 auto;
	text-align: center;
	width: 300px;
	padding-top: 4px;
}

form#login{
	margin: 0 auto;

}
form#login fieldset{
	width: 280px;
	border: 1px solid #CCC;
	background-color: #FFF;
}

form#login fieldset legend{
	color: #39F;
	font-weight: bold;
	padding: 4px;
}
form#login fieldset label{
	color: #666;
	font-size: 11px;
	font-weight: bold;
	padding: 2px;
	margin: 4px;
	float: left;
	width: 80px;
	text-align: right;
	display: block;
}
form#login fieldset input#usuario, form#login fieldset input#password{
	color: #666;
	font-size: 11px;
	padding: 2px;
	margin: 4px;
	background-color: #FFF;
	border: 1px solid #CCC;
	float: left;
	width: 140px;
}

form#login fieldset input#Enter{
	margin-top : 10px;
	float: left;
	display: block;
	background-color: #FFF;
	border: 1px solid #CCC;
	padding: 2px;
	color: #333;
}

a.items{
	display: block;
	float: left;
	padding: 4px;
	color: #666;
	background-color: #EEE;
	border: solid 1px #CCC;
	width: auto;
	margin: 4px;
}
a.ajax{
	display: block;
	float: left;
	padding: 4px;
	color: #666;
	background-color: #EEE;
	border: solid 1px #CCC;
	width: auto;
	margin: 4px;
}
a.ajax:hover{
	background-color: #69C;
	color: #FFF;
}
a.items:hover{
	background-color: #69C;
	color: #FFF;
}

a.salir{
	background-color: #DDD;
	padding: 4px;
	float: right;
	color: #666;
	display: block;
	color: #FFF;
	background-color: #903;
	border: 1px solid #CCC;
}
a.salir:hover{
	background-color: #FFF;
	color: #903;
}

#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	/*
	opacity: 0.85;
	*/
}
#tooltip h3, #tooltip div { margin: 0; }

fieldset{
	-moz-border-radius: 10px;
	border: 1px solid #DDD;
	padding: 10px;
	width: 700px;
	/*background-color: #F0F6F9;*/
}

fieldset legend{
	color: #666;
	padding: 4px;
	font-size: 10px;
	font-weight: bold;
	margin: 2px;
}
table.contenido{
	border: 1px solid #DDD;
	width: 750px;
	padding: 10px;
	text-align: left;
	margin-bottom: 40px;
}

table.contenido td{
	/*padding: 10px;*/
	text-align: left;
}
label{
	font-weight: bold;
	padding: 10px;
	float: right;
}
input#guardar{
	background-color: #8CB6E3;
	color: #FFF;
	font-weight: bold;
}
table.estilos{
	width: 400px;
	float: left;
	border: 1px solid #DDD;
	padding: 10px;
	background-color: #EEE;
}
table.contenido td.paleta{
	width: 240px;
	text-align: left;
	/*height: 460px;*/
	float: left;
	padding: 40px;
	/*border: 1px solid #DDD;*/
}
table.estilos td{
	
	border: 1px solid #FFF;
	padding: 4px;
	background-color: #EEE;
	
}
div#loading{
	background-color: #FFF;
	margin: 0 auto;
	width: 680px;
	text-align: center;
}
div#loading img{
	border: none;
}
img{
	border: none;
}
/*
img{
	border: 1px solid #CCC;

}
img:hover{
	border: 1px solid #666;
}
*/
p{
	padding-top: 10px;
}
hr{
	margin-top: 4px;
}
textarea#mensaje{
	-moz-border-radius: 10px;
	border: 1px solid #DDD;
	background-color: #f0fbff;
	padding: 10px;
	width: 500px;
	color: #333;
}

select.estado{
	background-color: #B3D1E3;
	color: #333;
	/*padding: 4px;*/
}
select.estado option{
	padding: 1px;
}
/*
select.deshabilitado{
	background-color: #FF8F8F;
	color: #333;
}
*/
div.deshabilitado{
	background-color: #FF8F8F;
	width: 20px;
}
div.habilitado{
	background-color: #D2FFC2;
	width: 20px;
}
.estate{
	width: 40px;
	float: right;
}
img.icono{
	border: 1px solid #FFF;
	padding: 2px;
}
img.icono:hover{
	border-color: #666;
}
div#ajax_estado{
	padding: 4px;
	border: 1px dashed #CCC;
	margin-bottom: 10px;
	background-color: #EEEEEE;
}
h5{
	font-size: 13px;
	margin: 0px;
	padding: 0px;
}
td.w160px{
	width: 160px;
	height: 14px;
	text-align: left;
}
input#link{
	width: 240px;
}
#pro{
	color: #666;
	font-weight: bold;
	background-color: #E5D73B;
	border-color: 1px solid #DDD;
	height: auto;
	width: 100px;
	margin-left: 300px;
	padding: 4px;
	margin-top: 4px;
	-moz-border-radius: 4px;
}