/* =============================================================================

	STYLE.CSS
	version: 1.6
	updated: 2009-03-06, 13:00 GMT+1

============================================================================= */

/* =============================================================================
HTML - styles
============================================================================= */

#ui-overlay{
	position:fixed;
	height:100%;
	width:100%;
	background: url('../design/ui-bg_flat_0_aaaaaa_40x100.png');
	z-index:10000;
	display:none
}

#ui-overlay .ui-load-bg{
	position:absolute;
	width:70px;
	height:70px;
	background: url('../design/ui-bg_flat_0_aaaaaa_40x100.png');
	border-radius:20px;
	padding:7px;
	margin-left: -35px;
	margin-top: -35px;
	
	top:50%;
	left:50%;
}

#ui-overlay .ui-loadd{
	width:50px;
	height:50px;
	font-weight:bold;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size:14px;
	text-align:center;
	background-color:#FFF;
	border-radius:20px;
	padding:10px;
}

#ui-overlay .ui-loadd img{
	margin-top:10px;
	
}

body {background-color:#eaeaea; color:#303030;}
a {color:#0085cc;}
a:hover, a:active, a:focus {color:#df0000;}
#content h2 {color:#0085cc;}
#content table {border:2px solid #cfcfcf;}
#content table th {border-right:1px solid #0074B3; background-color:#0085cc; color:#fff;}
#content table td {border:1px solid #cfcfcf;}
#content table tr.bg td {background-color:#e8f6ff;}
#content table tr.bg2 td {background-color: #cedff4;}
#content dl dt {color:#df0000;}
#content fieldset {border:1px solid #ccc;}
#content legend {background:#FFF; color:#0085cc;}
#content acronym, #content abbr, #content .help {border-bottom:1px dotted #cfcfcf;}

#content table.sinborde {border:0;}
#content table tr.sinborde {border:0;}
#content table td.sinborde {border:0;}

table.content {border:2px solid #cfcfcf;}
table.content th {border-right:1px solid #0074B3; background-color:#0085cc; color:#fff;}
table.content td {border:1px solid #cfcfcf;}
table.content tr.bg td {background-color:#e8f6ff;}
table.content  {margin:0; border-collapse:collapse;}
table.width100 {width:100%;}
table.content  th, #content table td {padding:5px 5px;}
table.content  th {text-align:left; vertical-align:middle; font-weight:bold;}
table.content  tr.middle {text-align:left; vertical-align:middle;}

table tr.eliminado{
	background-color: #faa !important;
}

table tr.deshabilitado{
	background-color: #666666;
}
table tr.prioridad{
	background-color: #FFFF00;
}

/* =============================================================================
HTML - without styles
============================================================================= */

table.nostyle th, dl.nostyle dt {color:#303030 !important;}

/* =============================================================================
LAYOUT
============================================================================= */

#tray {background-color:#303030; color:#999;}
#tray a, #tray strong {color:#333;}
#tray a:hover, #tray a:active, #tray a:focus {color:#333;}
#menu {background-color:#0085cc;}
#menu ul li a {background-color:#fff; color:#303030;}
#menu ul li a span {background-color:#FFF;}
#menu ul li a:hover, #menu ul li a:active, #menu ul li a:focus, #menu ul li#menu-active a {background-color:#FFF; color:#df0000;}
#menu ul li a:hover span, #menu ul li#menu-active a span {background-color:#FFF;}
#menu ul li#menu-active a {color:#0085cc;}
#menu ul.f-right a {color:#df0000;}
#content {border:1px solid #afafaf; background:#fff;}
#footer {color:#707070;}
#footer a {color:#707070;}
#footer a:hover, #footer a:active, #footer a:focus {color:#303030;}

/* =============================================================================
OTHERS
============================================================================= */

#aside #logo img {border:1px solid #bfbfbf;}
#aside #search fieldset a {color:#303030;}
#aside #search fieldset {border:1px solid #bfbfbf;}
#aside #search fieldset a:hover, #aside #search fieldset a:active, #aside #search fieldset a:focus {color:#df0000;}
#aside #btn-create a {background-color:#fff; color:#303030;}
#aside #btn-create a span {background-color:#fff;}
#aside ul li a {border-bottom:1px solid #cfcfcf; color:#303030;}
#aside ul li#submenu-active a {background-color:#df0000; color:#fff;}

#aside ul.box li.active a {background-color:#df0000; color:#fff;}
#aside ul.box li a.active {background-color:#df0000; color:#fff;}
#aside ul.box li a:hover {background-color:#e3e3e3; color:#303030;}
#aside ul.box li a:hover {background-color:#df0000; color:#fff;}

#aside ul.box li ul li a:hover {background-color:#fff; color:#303030;}

#aside ul.box li.active ul li a {border-bottom:1px solid #cfcfcf; background-color:#e3e3e3; color:#303030;}
#aside ul.box li.active ul li.active a {background-color:#fff !important; color:#000;}
#aside ul.box li ul li a.active {background-color:#fff !important; color:#000;}

/*#aside ul li a:hover {background-color:#df0000; color:#fff;}

#aside ul ul li.active a {background-color:#fff; color:#df0000 !important;}
#aside ul ul li a:hover {background-color:#e3e3e3; color:#df0000;}*/

#aside ul ul#sub{ display:none;}
#aside ul li#submenu-active ul{ display:block;}
#aside ul li#submenu-active ul li.active a{ color:#df0000; font-weight:bold;}

/*#aside ul li a:hover, #aside ul li a:active, #aside ul li a:focus {color:#df0000;}*/
#aside ul ul li a, #aside ul li#submenu-active ul li a {border-bottom:1px solid #cfcfcf; background-color:#f5f5f5; color:#303030;}
#aside ul li ul li a {background-color:#e3e3e3;}
#aside ul ul li a:hover, #aside ul ul li a:active, #aside ul ul li a:focus, #aside ul li#submenu-active ul li a:hover, #aside ul li#submenu-active ul li a:active, #aside ul li#submenu-active ul li a:focus {color:#df0000;}
#content h1 {background-color:#303030; color:#fff;}
#content .tabs {border-bottom:1px solid #cfcfcf;}
#content .tabs a {color:#303030;}
#content .tabs a span {color:#303030;}
#content .tabs .ui-tabs-selected a {color:#fff;}
#content .tabs .ui-tabs-selected a span {color:#fff;}
.high {color:#df0000;}
.high-bg {background:#FFB;}
.low {color:#707070;}

/* =============================================================================
MESSAGES
============================================================================= */

.msg.warning {border:2px solid #F2DD8C; background-color:#FFF5CC;}
.msg.warning a {color:#df0000;} .msg.warning a:hover, .msg.warning a:active, .msg.warning a:focus {color:#303030;}
.msg.info {border:2px solid #B8E2FB; background-color:#E8F6FF;}
.msg.done {border:2px solid #BBDF8D; background-color:#EAF7D9;}
.msg.error {border:2px solid #FFAEAE; background-color:#FEEBEB;}

.formulario
{
	background-color: #fff; 
	box-shadow: 0 0 5px 0 #555;
	left: calc(50% - 200px);
	padding: 10px;
	position: fixed;
	top: 30px;
	z-index:100;
}
.formulario>div{
	margin: 5px 0;
}
.formulario>div.botones{
	text-align: center;
}
.formulario h3, .formulario h4{
	border-bottom: 1px solid #888;
}
.formulario label, .modal label{
	display: inline-block;
	vertical-align: top;
	width: 100px;
}
.formularioLlam
{
	background-color: #fff; 
	box-shadow: 0 0 5px 0 #555;
	left: calc(50% - 300px);
	padding: 10px;
	position: fixed;
	top: 20px;
	z-index:100;
}
.formularioLlam>div{
	margin: 5px 0;
}
.formularioLlam>div.botones{
	text-align: center;
}
.formularioLlam h3, .formularioLlam h4{
	border-bottom: 1px solid #888;
}
.formularioLlam label{
	display: inline-block;
	vertical-align: top;
	width: 100px;
}
.formularioComprar
{
	background-color: #fff; 
	box-shadow: 0 0 5px 0 #555;
	left: calc(50% - 500px);
	padding: 10px;
	position: fixed;
	top: 5px;
	z-index:100;
}
.formularioComprar>div{
	margin: 5px 0;
}
.formularioComprar>div.botones{
	text-align: center;
}
.formularioComprarh3, .formularioComprarh4{
	border-bottom: 1px solid #888;
}
.formularioComprarlabel{
	display: inline-block;
	vertical-align: top;
	width: 100px;
}
.velo{
	background-color: #555;
	bottom: 0;
	left: 0;
	opacity: 0.5;
	position: fixed;
	right: 0;
	top: 0;
}

.clickeable:hover{
	cursor: pointer;
	box-shadow: 0 0 2px #888;
}
select.multiple{
	width: 140px;
}
div.btn_move_select{
	display: inline-block;
}
div.btn_move_select button{
	display: block;
}
div.paginador span{
	color: #fb5;
	cursor: pointer;
	font-weight: bolder;
}
div.paginador span.seleccionado{
	box-shadow: 0 0 5px 0 #575;
	color: #a50;
	padding: 2px;
}
input#filtro_deshabilitados{
	border: 1px solid #55a;
	border-radius: 5px;
	box-shadow: 0 0 3px 0 #555 inset;
	box-sizing: border-box;
	padding: 3px;
	width: 100%;
}

/* NAVEGACIÓN */
.navegacion{
	float: right;
	margin: 16px 0;
}
.navegacion > article{	
	display: inline-block;
	margin: 0 0 0 8px;
}
.navegacion > article a{
	border: 1px solid #DEDEDE;
	color: #888888;
	cursor: pointer;
	padding: 8px 6px;
	text-decoration: none;
}
.navegacion > article.pag-actual a{
	background-color: #0074B3;
	color: #FFFFFF;
	font-weight: bold;
}