/* @override http://visiona.schneiderelectric.es/portal/client/css/global.css */

/* GLOBAL.CSS */
body{color:#333;font-family:"Trebuchet MS", Verdana, Arial, sans-serif;}
a{outline:none;}
a:link{color:#405f74;}
a:visited{color:#74405f;}
a:hover{color:#708fA4;}
a:active{color:#74405f;}

.clear_left{clear:left;}
.clear_right{clear:right;}
.float_left{float:left;}
.float_right{float:right;}

.err{color:#cc3333;}
h1{font-size:2em;font-weight:bold;color:#555;}
h2{font-size:1.4em;font-weight:bold;color:#667;margin-bottom: 5px;}
h3, legend{font-size:1.2;font-weight:bold;color:#555;display:inline;}
h1 em{font-style:italic;color:#777;}
h2 em{font-style:italic;color:#999;}

fieldset {
margin: 20px 0px;}

h1.head_instalacio{
	font-size:1.6em;
	display:inline;
	margin-left:40px;
	text-decoration:underline;
	position:relative;
	top:-30px;
}

/*h1.head_instalacio{
	font-size:1.6em;
	margin: 0;
	margin-bottom: 15px;
	margin-left:240px;
	text-decoration: underline;
	clear: both;
	
}*/

p.data {
	
	font-size:10px;
	position: relative;
	margin-left:0px;
	top: -25px;
	left:365px;
	font-style: italic;
	width:600px;
	
	}

label{cursor:pointer;}
span.unitats{text-transform:none;}

a.btnAccio {
padding: 2px 5px;
color: white;
background-color: #abcee2;
margin: 10px 0px;
text-decoration: none;

}

a.btnAccio:hover {
background-color: #89a9be;
}

/*
 *******************************************************************************
 * TABLELESS FORMS
 ********************************************************************************
 *
*/

.tabless_form fieldset {border:1px dotted #67889b;padding:10px;}
.tabless_form #top {background:#FFFFCC;padding:3px 30px;margin-top:10px;text-align:left;}
.tabless_form #top h2{font-size:1.2em;font-weight:normal;}
.tabless_form legend {	
	font-size: 1.2em;	
	font-weight: bold;
	line-height: 1.1;
	color:#FFF;
	background: #89a9be; 
	border-bottom: 2px solid #67889b;
	border-top: 2px solid #67889b;
	padding: 2px 6px;
	margin-bottom:10px;
}
.tabless_form label {
	width:20%;
	height:3em;		
	display: block;		
	font-weight: normal;
	line-height: 1.1;	
}

.tabless_form label.short {
	width:20%;
	height:3em;		
	display: block;		
	font-weight: normal;
	line-height: 1.1;	
}

.tabless_form .label_multiple{	
	height:7em;		
}
.tabless_form #leftSide {
	width:70%;
	padding-top:10px;
	float:left;
}
.tabless_form #rightSide {
	background-color:#fff;
	width:23%;	
	margin-top:40px;
	float:right;
	background:#FFC;	
	border-top:4px solid #FFEF92;
	border-bottom:4px solid #FFEF92;
	padding:1%
}
.tabless_form #rightSide ul{list-style:disc;padding-left:2em;}
.tabless_form #rightSide h2{}
.tabless_form #rightSide span.head{font-weight:bold;}

.tabless_form .clear {
	clear:both;
}
.tabless_form .holder {
	background-color:#fff;
}
.tabless_form .div_texbox {
	width:70%;
	float:right;	
	height:2em;		
	padding-bottom:1em;	
}
.tabless_form .div_checkbox{
	width:70%;
	float:right;
	padding-bottom:1em;	
}
.tabless_form .div_select {
	width:70%;
	float:right;
	height:2em;		
	padding-bottom:1em;	
}
.tabless_form .div_check .div_input{
	width:2em;
	float:left;
}
.tabless_form .div_check label{
	display:inline;
}
.tabless_form .div_multiple {
	width:75%;
	float:right;
	height:6em;	
	padding-bottom:1em;	
}
.tabless_form .textbox {	
	width:100%;
	font-size:1.1em;		
	border:1px solid #67889b;	
}

.tabless_form .half_textbox {	
	width:30%;
	font-size:1.1em;
	color: #666;	
	border:1px solid #67889b;	
}

.tabless_form .quarter_textbox {	
	width:13.5%;
	font-size:1.1em;	
	border:1px solid #67889b;	
}

.tabless_form .username {	
	width:100%;
	font-size:1.1em;	
	border:1px solid #67889b;
}
.tabless_form input.password {
	width:100%;
	font-size:1.1em;	
	border:1px solid #67889b;
}
.tabless_form .password:focus,
.password:hover,
.tabless_form .username:focus,
.username:hover,
.tabless_form .textbox:focus,
.textbox:hover{
	background-color:#F0F0FF;
}
.tabless_form .button_div {
	width:100%;
	float:right;
	background-color:#fff;	
	text-align:right;
	height:1.5em;	
}
.buttons,.buttons:visited,.buttons:link{
  background: #89a9be;  
  color: #FFF;
  padding: 0 10px;
  border-width: 2px;
  border-style: solid;
  border-color: #fff #67889b #67889b #fff;
  text-decoration: none; 
  font-weight:bold;  
}
.buttons:hover{
  background: #a9c9de;  
  border-color: #fff #89a9be #89a9be #fff;  
}
.buttons:active{
  background: #89a9be;  
  border-color: #67889b #fff #fff #67889b;  
}
input.readonly{border:none;background:#e1eaef;}

#respuesta {background:#FFFFCC none repeat scroll 0 0;
margin-top:10px;
padding:3px 30px;
text-align:left;
}

#evolucion {
	padding-bottom: 30px;
}

#evolucion fieldset {
	margin: 15px 0px;
}

#evolucion label {
	margin-right: 10px;
	}
#evolucion span {
	display: block;
	line-height: 25px;
}

/*
 *******************************************************************************
 * TABLEs
 ********************************************************************************
 *
*/
table.taula{
/*width: 100%;*/

border:none;}

table.taula caption {
	/*padding: 0 0 5px 0;
	width: 90%;	 
	font: italic 0.9em Verdana, Arial, Helvetica, sans-serif;
	text-align: right;*/
	
	font-size:1.2;font-weight:bold;color:#555;padding:15px 0px; width: 100%;
}

table.taula th {
	font: bold 0.8em Verdana, Arial, Helvetica, sans-serif;	
	border-right: 1px solid #67889b;
	border-bottom: 1px solid #67889b;
	border-top: 1px solid #67889b;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #89a9be url('../images/bg_header.jpg') no-repeat;
}

table.taula th.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #67889b;		
	background: none;
}

table.taula td.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;		
	background: none;
}

table.taula td {
	border-right: 1px solid #67889b;
	border-bottom: 1px solid #67889b;
	background: #fff;
	padding: 6px 6px 6px 12px;	
}


table.taula th.alt {
	background: #F1F6F6;
	text-transform:none;	
}

table.taula th.spec {
	border-left: 1px solid #67889b;
	border-top: 0;
	background: #fff url('bullet1.gif') no-repeat;
	font: bold 0.8em Verdana, Arial, Helvetica, sans-serif;
}

table.taula th.specalt {
	color: #333333;
	border-left: 1px solid #67889b;	
	border-top: 0;
	background: #f5fafa url('bullet2.gif') no-repeat;
	font: bold 0.8em Verdana, Arial, Helvetica, sans-serif;	
}

table#taula_limits_detall.taula, table#detall_alarmes.taula, #formValores table.taula, #variables table.taula, .listadoKPI table.taula, #contrato table.taula, #factura table.taula, #contratoSimular table.taula, #calendariosSimular table.taula, #listadoExcesos .taula {
	border-left: 1px solid #67889B;
	
}

table#taula_limits_detall.taula input {
	width: 70px;
}

#variables table.taula, #contrato table.taula {
margin-top: 10px;
}

#contrato table.nohead {

	border-top: 1px solid #67889B;
}

#taules_factura table.taula td {
text-align: right;
white-space:nowrap;
}

#taules_factura .euros {
color: #405F74;
font-weight: bold;
}

#variables label, #kpiedit label, #contrato label {
display: block;
float: left;
margin: 10px 20px 15px 0px;
}

#contrato .taula input{
width:90px;
}

#variables .borrarCheckbox {
text-align: center;
padding:0px 5px;}



.listadoKPI table.taula {
margin-top: 10px;
}
.listadoKPI p {
margin-bottom: 15px;}




#kpiedit ul{
margin: 10px;

}

#kpiedit li{
margin-bottom: 10px;
}

.valorEnergetic {
float: left;
}

.ficha {
margin-left: 330px;
margin-top: 50px;}

.ficha li{
margin: 10px 0px;
list-style-type:square;
padding-bottom:5px;
}

.ficha li strong{
color: #405F74;
}


.optimizado td {
font-weight: bold;
background-color: #dddddd;
}

table.taula tbody tr.optimizado th, tr.optimizado td{
font-weight: bold;
background-color: #dddddd;

}



/*---------------- mapa --------------------------*/

#mapaglobal {
	margin: 0 auto;
	width: 800px;
}

/*#mapa {float: left;}

#instalaciones {
margin-left: 690px;
}*/

#instalaciones {
	/*position: relative;
	top: -420px;
	left: 710px;*/
	width: 160px;
left:730px;
position:absolute;
top:90px;
width:160px;
}

#instalaciones li a{
	line-height: 20px;
	};

/****---- ---*/


li.apartat{margin-left:10px;padding-top:0.4em;padding-bottom:0.4em;}
li.apartat a{text-decoration:underline;}
li.apartat a.selected{background:#dfeef3;font-style:italic;text-decoration:underline;}