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

	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, table.tbl_estilo {border:2px solid #cfcfcf;}
#content table th, table.tbl_estilo th {border-right:1px solid #0074B3; background-color:#0085cc; color:#fff;}
#content table td, table.tbl_estilo td {border:1px solid #cfcfcf;}
#content table tr.bg td, table.tbl_estilo tr.bg td {background-color:#e8f6ff;}
#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;}


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

/* =============================================================================
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;}
.btn_hora{cursor: pointer; display: inline-block; margin: 0 1px; text-align: center; width: 18px; }
.btn_hora:hover{border: 1px solid #79b7e7;}

/* =============================================================================
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;}

/*Reparto*/
.acciones_tabla{
	position: relative;
}
.acciones_tabla>button{
	position:absolute;
	right: 0;
}
.input_calculadora{
	display: inline-block;
	vertical-align: top;
}
.acciones_reparto{
	display: inline-block;
	margin-left: 30px;
	vertical-align: top;
	width: 50%;
}
#listaRepartosGuardados{
	margin-top: 4px;
}
#listaRepartosGuardados>span{
	border: solid 1px #bbb;
	border-radius: 5px;
	color: #55a;
	cursor: pointer;
	display: inline-block;
	margin: 2px;
	padding: 8px;
}

#listaRepartosGuardados>span.on{
	box-shadow: 0 0 5px 0 #888 inset;
}

#listaRepartosGuardados>span:hover{
	box-shadow: 0 0 5px 0 #888;
}

/* Estimacion */
#seleccionar_comparativa,
#seleccionar_comparativa_detalle,
.cuadro_pestana{
    border-bottom: solid 1px #aaa;
    color: #888;
    margin-bottom: 10px;
    position: relative;
}
#seleccionar_comparativa>div,
#seleccionar_comparativa_detalle>div,
.cuadro_pestana>div{
    background-color: #ddd;
    border: solid 1px #aaa;
    border-bottom: 0;
    border-radius: 5px 5px 0 0;
    cursor: pointer;
    display: inline-block;
    padding: 3px 5px;
    position: relative;
}
#seleccionar_comparativa>div.activo, 
#seleccionar_comparativa>div:hover,
#seleccionar_comparativa_detalle>div.activo, 
#seleccionar_comparativa_detalle>div:hover,
.cuadro_pestana>div.activo,
.cuadro_pestana>div:hover{
    background-color: #fff;
    border-bottom: 0px;
    color: #555;
}
#seleccionar_comparativa>div:hover>span.borrar_linea,
#seleccionar_comparativa>div.activo>span.borrar_linea,
#seleccionar_comparativa_detalle>div:hover>span.borrar_linea,
#seleccionar_comparativa_detalle>div.activo>span.borrar_linea,
.cuadro_pestana>div.activo>span.borrar_linea,
.cuadro_pestana>div:hover>span.borrar_linea{
    background-color: #fff;
    bottom: -1px;
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%;
}