html{
	font-family: Verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	height: 100%;
	color: #333333;
	margin:0px;
	padding:0px;	
}

body {
	color: #333333;
	font-family: Verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	height: 100%;
	margin:0px;
	padding:0px;
}

#login{
	width: 498px;
	border: 1px solid #000000;
}

#login_header{
	height: 50px;
	width: 498px;
	background: url(./images/cabecera_login.png) no-repeat top;
	font-size: 24px;
	color: #000000;
	font-family: Verdana, arial, helvetica, sans-serif;
}

#login_center{
	height: 300px;
	width: 498px;
	background: url(./images/fondo_login.png) no-repeat top;
	font-size: 14px;
	color: #000000;
	font-family: Verdana, arial, helvetica, sans-serif;
}

#listado_menus{
	width: 300px;
	float:left;
	border-left: 1px solid #555555;
	border-right: 1px solid #555555;
	border-bottom: 1px solid #555555;
}



#acciones_menus{
	width: 300px;
	float:right;
	border-left: 1px solid #555555;
	border-right: 1px solid #555555;
	border-bottom: 1px solid #555555;
}


#listado_productos{
	width: 450px;
	float:left;
	border-left: 1px solid #555555;
	border-right: 1px solid #555555;
	border-bottom: 1px solid #555555;
}


.titulo{
	height: 30px;
	line-height: 30px;
	background-color:#555555;
	color: #FFFFFF;
	font-size: 14px;
	text-align:center;
}

.contenido{
	padding: 10px;	
}	

input {
	border: 1px solid #555555;
}


.imagen{
	border: 0px;
}

table.listado{
	border-right:1px solid #ddd;
	border-top:1px solid #ddd;
}

.fondo0{
	background-color: #F5F5F5;
	vertical-align: top;
	padding-top: 5px;
	padding-bottom: 5px;
	border-left:1px solid #ddd;
	border-bottom:1px solid #ddd;		
}

.fondo1{
	background-color: #EEEEFF;
	vertical-align: top;
	padding-top: 5px;
	padding-bottom: 5px;
	border-left:1px solid #ddd;
	border-bottom:1px solid #ddd;	
}

.tabla_header{
	border-top:1px solid #fff;
	border-left:1px solid #ddd;
	border-right:0px solid #fff;
	border-bottom:0px solid #fff;
	background: #FFFFFF url(./images/fondo_tabla.gif) repeat-x scroll center bottom;
	font-weight:bold;
	height: 30px;
}

/* ---------- FORMULARIOS -------------------------------*/

.nombre_formulario {
	background:#F7F7F7 url(./images/formulario.jpg) repeat-y scroll right center;
	border-bottom:1px solid #DEDEDE;
	border-left:1px solid #DEDEDE;
	border-right:1px solid #DEDEDE;
	color:#545454;
	padding-left:10px;
	padding-right:10px;
	white-space:nowrap;
	text-align:right;
	height: 25px;
	line-height: 15px;
}

.campo_formulario {
	padding-left:10px;
	padding-right:10px;
	border-bottom:1px solid #dedede;	
	border-right:1px solid #dedede;
	border-left:1px solid #dedede;	
}

th.titulo {
	border:1px solid #DDDDDD;
	padding:12px;
	background: #dddcdd url(./images/th_titulo.gif) bottom repeat-x; 
	color: #000000;	
	font-weight:bold;
	font-size:12px;
}


a:link {
	text-decoration: none;
	color: #000000;
}

a:visited {
	text-decoration: none;
	color: #000000;
}

a:active {
	text-decoration: none;
	color: #12009a;
}

a:hover {
	text-decoration: underline;
	color: #12009a;
}

#pagina{
	width:900px;
	margin:0px auto;
}

#header_admin{
	background: url(./images/header.png) top left repeat-x;
	width:100%;
	height:57px;
	color:white;
	line-height:56px;
	text-indent:10px;
	font-size:24px;
	margin:0px;
	float:left;
}

#menu_admin{
	background: url(./images/menu.png) top left repeat-x;
	width:100%;
	height:34px;
	margin:0px;
	float:left;
	width:100%;
}

#menu_admin>ul>li{
	float:left;
	list-style:none;
	color:white;
	background: url(./images/split.png) center right no-repeat;
}

#menu_admin ul li a{
	color:white;
}

#footer_admin{
	clear:both;
	width:100%;
	height:128px;
	background: url(./images/footer.png) top repeat-x;
	float:left;
}

#footer_contenido{
	margin: 30px auto;
	width: 400px;
	text-align:center;
}

#centro_admin{
	clear:both;
	width:100%;
	background: url(./images/centro.png) top repeat-x;
	float:left;
}

#contenido_admin{
	margin:20px;
}


/*      CAJAS      */
.box {
	margin-bottom: 15px;
}
.box > .heading {
	height: 38px;
	padding-left: 7px;
	padding-right: 7px;
	border: 1px solid #DBDBDB;
	background: url(./images/box.png) repeat-x;
	-webkit-border-radius: 7px 7px 0px 0px;
	-moz-border-radius: 7px 7px 0px 0px;
	-khtml-border-radius: 7px 7px 0px 0px;
	border-radius: 7px 7px 0px 0px;
}
.box > .heading h1 {
	margin: 0px;
	padding: 11px 0px 0px 0px;
	color: #003A88;
	font-size: 16px;
	float: left;
	width: 500px;
}
.box > .heading h1 img {
	float: left;
	margin-top: -1px;
	margin-left: 3px;
	margin-right: 8px;
}

.box > .heading .buscador_cabecera {
	float: left;
	padding-top: 11px;
}

.box > .heading .buttons {
	float: right;
	padding-top: 11px;
}
.box > .content {
	padding: 10px;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	min-height: 300px;
	overflow: auto;
}

.list {
	border-collapse: collapse;
	width: 100%;
	border-top: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
	margin-bottom: 20px;
}
.list td {
	border-right: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
}
.list thead td {
	background-color: #EFEFEF;
	padding: 0px 5px;
}
.list thead td a, .list thead td {
	text-decoration: none;
	color: #222222;
	font-weight: bold;
}
.list tbody td a {
	text-decoration: underline;
}
.list tbody td {
	vertical-align: middle;
	padding: 0px 5px;
	background: #FFFFFF;
}
.list .left {
	text-align: left;
	padding: 7px;
}
.list .right {
	text-align: right;
	padding: 7px;
}
.list .center {
	text-align: center;
	padding: 7px;
}
.list .asc {
	padding-right: 15px;
	background: url('./images/asc.png') right center no-repeat;
}
.list .desc {
	padding-right: 15px;
	background: url('./images/desc.png') right center no-repeat;
}
.list .filter td {
	padding: 5px;
	background: #E7EFEF;
}

table.form {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 20px;
}
table.form > tbody > tr > td:first-child {
	width: 200px;
}
table.form > tbody > tr > td {
	padding: 10px;
	color: #000000;
	border-bottom: 1px dotted #CCCCCC;
}

table.form_mini {
	border-collapse: collapse;
	margin-bottom: 20px;
}
table.form_mini > tbody > tr > td:first-child {
	width: 200px;
}
table.form_mini > tbody > tr > td {
	padding: 10px;
	color: #000000;
	border-bottom: 1px dotted #CCCCCC;
}

.warning {
	padding: 10px 10px 10px 33px;
	margin-bottom: 15px;
	background: #FFD1D1 url('./images/warning.png') 10px center no-repeat;
	border: 1px solid #F8ACAC;
	color: #555555;
}


/* CALENDARIO */
tr#semana{
	border-left: 1px solid #001894;
}

td.dia{
	vertical-align:top;
	border-right: 1px solid #001894;
	border-bottom: 1px solid #001894;
	width:150px;
	height: 80px;
}

td.dia_1{
	vertical-align:top;
	border-right: 1px solid #001894;
	border-bottom: 1px solid #001894;
	border-left: 1px solid #001894;
	width:150px;
	height: 80px;
}

td#Lunes{
	border-left: 1px solid #001894;
}

td#Domingo{
	background-color: #FFFFFF;
}

td#dia_ina{
	vertical-align:top;
	border-bottom: 1px solid #001894;
	width:150px;
	background-color:#EEEEEE;
}

div#dia_titulo{
	width:150px;
	float:left;
	text-align:center;
	min-height:20px;
}

div#num_dia{
	width:100%;
	height:20px;
	background-color:#001894;
	color:#FFFFFF;
}

div#eventos_dia{
	width:100%;
	height: 100%;
	min-height: 50px;
	height: auto;
}

div#num_dia_ina{
	width:100%;
	height:20px;
	background-color:#EEEEEE;
	color:#FFFFFF;
}

div#eventos_dia_ina{
	width:100%;
	min-height:50px;
	background-color:#EEEEEE;
}

td.evento_dia {
	padding-top:5px;
	padding-bottom:5px;
	padding-left:2px;
	padding-right:2px;
	border-bottom:1px solid #dedede;	
}


/* COLOR CHOOSER */
.simpleColorDisplay {
	font-family: Helvetica;
	margin: 10px 0;
}
.simpleColorChooser {
	background-color: #fff;
}