@CHARSET "ISO-8859-1";

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

a {text-decoration: none}
hr {margin-bottom: 2px;}

txt-centro {text-align: center;}
txt-izda {text-align: left;}
txt-dcha {text-align: right;}
box-flotante {float: left}

div#principal {
	width: 100%;
	margin: 0px;
	min-height: 440px;
	overflow: hidden;
}

div#box-form {
	width: 310px;
	margin: 0px auto;
}

/* Formularios general */
form fieldset {
	margin: 10px auto;
	padding: 0px;
	border: 1px solid #008197;
}

form ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

form li {
	margin: 3px;
/*	padding: 3px;*/
}

form label {
	float: left;
}

form legend {
	font-size: 1.1em;
	background-color: #008197;
	color: white;
	margin: 0px 4px 0px 4px;
	padding: 2px 4px 2px 4px;
}

/* Notificacion */
.ui-widget {font-size: 0.8em}

div#notification {
	position: absolute;
	top: 0px;
	margin-Top: 50px;
	right: 20px;
	width: 250px;
	z-index: 9999
}

/* Menu */
div.mainmenu {width: 950px}
ul.mainmenu {list-style: none; margin: 0px; padding: 0px}
ul.mainmenu li {float: left; padding: 3px; color: #CC0000}

/* Userinfo */
div#userinfo {
	text-align: right;
}

div.dataheader {text-align: center; font-size: 14px; color:#424242; border-top: 1px solid #424242; border-bottom: 1px solid #424242; width: 550px;height: 16px; margin: 7px auto; font-weight:bold}
div.totales {text-align: center; font-size:13px; color: #AA2C04}

/* Datagrid */
table.datagrid {margin: 10px}
table.datagrid tbody td {width: 50px; height: 45px; border: 1px solid;}
table.datagrid td.ui-state-highlight div.fecha {font-size: .6em;}
table.datagrid td.ui-state-highlight div.mediaplot {font-size: .6em; color: red; text-align: right}
table.datagrid td.ui-state-highlight div.mediatipo {font-size: .6em; color: #FF9900; text-align: right}
table.datagrid td.ui-state-highlight div.eurosvalor {font-size: .6em; color: green; text-align: right}
table.datagrid td.ui-state-highlight div.valor {text-align: right; font-size: 1.2em; color:#3366CC}
table.datagrid td.ui-state-default div.fecha {font-size: .6em; color: grey}
table.datagrid td.ui-state-default div.mediaplot {font-size: .6em; color: grey; text-align: right}
table.datagrid td.ui-state-default div.mediatipo {font-size: .6em; color: grey; text-align: right}
table.datagrid td.ui-state-default div.eurosvalor {font-size: .6em; color: grey; text-align: right}
table.datagrid td.ui-state-default div.valor {text-align: right; font-size: 1.2em; color:grey}
div#gridbox {float: left;}
div#graphbox {float: right; width: 550px; height: 265px; margin-top: 10px; margin-right: 18px}

/* Listas */
/*
table.list caption {font-size: 1.3em; text-style: bold; background-color: #94C2EA; color: white; text-align: left}
table.list thead {background-color: #94C2EA}
table.list tfoot {background-color: #94C2EA}
table.list tbody {background-color: #EAF4FD; cursor: pointer}
table.list tbody tr.selected {background-color: #8E9BFF}
table.list th {border: 1px solid;}
table.list td {border: 1px solid;}
*/
table.list {width: auto}
table.list {border-collapse: collapse; margin: 20px auto}
table.list thead th {align: center;}
table.list span {float: left;}
table.list .pointer {cursor: pointer;}

/* Grid */
div#grid {margin-left: auto; margin-right: auto; margin-top: 30px}

/* ESTILOS DISEŅO */

html, body {margin:0; padding:0; width:100%; height:100%; /* overflow:hidden;*/ text-align:left;}
body {font-family:arial, sans-serif;}

#background{position:absolute;	z-index:1;	width:100%;	height:100%}

/*body {background-image: url(../img/bback.jpg); background-repeat:repeat;}*/

#full {position:absolute; top:0px; left:0px; margin:0px; padding:0px; width:100%; height:100%}
#contenlogin { position: absolute; top: 50px; left:50%; margin: 0px 0px 0px -250px; width: 500px; height: 389px;}
.logologin {width: 500px; height: 89px}
.formulogin {width: 500px; height: 280px; background:url(../img/fondolog.png); /*opacity:0.5;filter:alpha(opacity=50)*/; text-align:center; color:#B42F06; font-family: Arial; padding-top: 20px}

/* ESTILOS INDEX */

.indexbody { background: url(../img/bgindex.png) repeat-x; margin:0px; padding:0px; font-family:Arial}
.indexfull {/*background: url(../img/bgcontent.png) no-repeat; */ width:1020px; margin: 0px auto; padding: 10px 0px 10px 0px; overflow: visible}
.cabecera {width: 950px; height:90px; background:url(../img/fcabecera.png); margin: 25px auto}
	.cabecera .superior {width: 950px; height:60px; overflow:hidden}
	.cabecera .logo {width: 250px; height:60px; float:left}
	.cabecera .leyenda {width: 680px; height: 30px; font-family: arial; font-weight:bold; font-size: 12px; color: #27A9BE; float:right; text-align:right; padding: 30px 20px 0px 0px}
	.cabecera .usuario {width: 800px; height: 23px; font-size: 12px; color: #C0C0C0; padding: 7px 0px 0px 15px; color:#575757}
.contenido {width: 950px; overflow: visible; background:url(../img/fcontenido.png) no-repeat; margin: 10px auto; -moz-border-radius: 8px;
border-radius: 8px; padding-bottom:20px; min-height: 440px}
	.contenido .menu {width: 933px; height: 27px; border-bottom: 2px solid  #0000CC; font-size: 12px; color:#083317; padding: 3px 0px 0px 17px}
	.contenido .menu a {color: #0000CC; font-weight:bold}
		.contenido .menu a:hover {color: #FFFFFF; background: #000099; font-weight:bold}

	.contenido .menu li {text-align:center; border-left: 1px solid; border-right: 1px solid; margin: 7px 0px 1px 1px; padding: 0px 8px 0px 8px}
	
/* ESTILOS PARA BOTONES */
.button {
    border: 1px solid rgba(0, 0, 0, 0.1);
    -moz-border-radius: 2px; 
    -webkit-border-radius: 2px; 
    border-radius: 2px;
    
    text-decoration: none;
    text-transform: uppercase;
    color: #666;
    
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    
    margin: 0 3px;
    padding: 7px 12px;
    
    background: #f1f1f1;
    background-image: -webkit-gradient(linear, 0% 40%, 0% 70%, from(#f5f5f5), to(#f1f1f1));
    background-image: -webkit-linear-gradient(top, #f5f5f5, #f1f1f1); 
    background-image: -moz-linear-gradient(top, #f5f5f5, #f1f1f1); 
    background-image: -ms-linear-gradient(top, #f5f5f5, #f1f1f1); 
    background-image: -o-linear-gradient(top, #f5f5f5, #f1f1f1); 
    background-image: linear-gradient(top, #f5f5f5, #f1f1f1);
    
    -moz-transition: border-color .218s;
    -o-transition: border-color .218s;
    -webkit-transition: border-color .218s;
    -ms-transition: border-color .218s;
    transition: border-color .218s;
}

.button:hover {
    -moz-transition: border-color .218s;
    -o-transition: border-color .218s;
    -webkit-transition: border-color .218s;
    -ms-transition: border-color .218s;
    transition: border-color .218s;
    
    -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);

    border-color: #939393;
    color: #333;
}

.button:active {
	border-color: #444444;

    background: #f5f5f5;
    background-image: -webkit-gradient(linear, 0% 40%, 0% 70%, from(#f1f1f1), to(#f5f5f5));
    background-image: -webkit-linear-gradient(top, #f1f1f1, #f5f5f5); 
    background-image: -moz-linear-gradient(top, #f1f1f1, #f5f5f5); 
    background-image: -ms-linear-gradient(top, #f1f1f1, #f5f5f5); 
    background-image: -o-linear-gradient(top, #f1f1f1, #f5f5f5); 
    background-image: linear-gradient(top, #f1f1f1, #f5f5f5);
}

.button.blue {
    color: #fff;
    border-color: #427ede;

    background: #4787ed;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#4d90fe), to(#4787ed));
    background-image: -webkit-linear-gradient(top, #4d90fe, #4787ed); 
    background-image: -moz-linear-gradient(top, #4d90fe, #4787ed); 
    background-image: -ms-linear-gradient(top, #4d90fe, #4787ed); 
    background-image: -o-linear-gradient(top, #4d90fe, #4787ed); 
    background-image: linear-gradient(top, #4d90fe, #4787ed);

    -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
}

.button.blue:hover {
    border-color: #2f5bb7;

    background: #357ae8;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#4d90fe), to(#357ae8));
    background-image: -webkit-linear-gradient(top, #4d90fe, #357ae8); 
    background-image: -moz-linear-gradient(top, #4d90fe, #357ae8); 
    background-image: -ms-linear-gradient(top, #4d90fe, #357ae8); 
    background-image: -o-linear-gradient(top, #4d90fe, #357ae8); 
    background-image: linear-gradient(top, #4d90fe, #357ae8);
}

.button.blue:active {
	background: #4d90fe;
}

.button.red {
    color: #fff;
    border: 1px solid transparent;
    
    background: #d14836;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#dd4b39), to(#d14836));
    background-image: -webkit-linear-gradient(top, #dd4b39, #d14836); 
    background-image: -moz-linear-gradient(top, #dd4b39, #d14836); 
    background-image: -ms-linear-gradient(top, #dd4b39, #d14836); 
    background-image: -o-linear-gradient(top, #dd4b39, #d14836); 
    background-image: linear-gradient(top, #dd4b39, #d14836);
    
    -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
	
	text-shadow: 0 1px rgba(0, 0, 0, 0.1);
}

.button.red:hover {
    border-color: #B0281A;
    border-bottom: 1px solid #af301f;

    background: #c53727;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#dd4b39), to(#c53727));
    background-image: -webkit-linear-gradient(top, #dd4b39, #c53727); 
    background-image: -moz-linear-gradient(top, #dd4b39, #c53727); 
    background-image: -ms-linear-gradient(top, #dd4b39, #c53727); 
    background-image: -o-linear-gradient(top, #dd4b39, #c53727); 
    background-image: linear-gradient(top, #dd4b39, #c53727);
}

.button.red:active {
    -moz-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.3);
}

.button2 {
    border: 1px solid rgba(0, 0, 0, 0.1);
    -moz-border-radius: 2px; 
    -webkit-border-radius: 2px; 
    border-radius: 2px;
    
    text-decoration: none;
    text-transform: uppercase;
    color: #666;
    
    font-family: Arial, sans-serif;
    font-size: 9px;
    font-weight: bold;
    
    margin: 3px 2px 0px 0px;
    padding: 3px 12px;
    
    background: #008197;
    background-image: -webkit-gradient(linear, 0% 40%, 0% 70%, from(#f5f5f5), to(#f1f1f1));
    background-image: -webkit-linear-gradient(top, #f5f5f5, #f1f1f1); 
    background-image: -moz-linear-gradient(top, #f5f5f5, #f1f1f1); 
    background-image: -ms-linear-gradient(top, #f5f5f5, #f1f1f1); 
    background-image: -o-linear-gradient(top, #f5f5f5, #f1f1f1); 
    background-image: linear-gradient(top, #f5f5f5, #f1f1f1);
    
    -moz-transition: border-color .218s;
    -o-transition: border-color .218s;
    -webkit-transition: border-color .218s;
    -ms-transition: border-color .218s;
    transition: border-color .218s;
}

.button2:hover {
    -moz-transition: border-color .218s;
    -o-transition: border-color .218s;
    -webkit-transition: border-color .218s;
    -ms-transition: border-color .218s;
    transition: border-color .218s;
    
    -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);

    border-color: #939393;
    color: #333;
}

.button2:active {
	border-color: #444444;

    background: #008197;
    background-image: -webkit-gradient(linear, 0% 40%, 0% 70%, from(#f1f1f1), to(#f5f5f5));
    background-image: -webkit-linear-gradient(top, #f1f1f1, #f5f5f5); 
    background-image: -moz-linear-gradient(top, #f1f1f1, #f5f5f5); 
    background-image: -ms-linear-gradient(top, #f1f1f1, #f5f5f5); 
    background-image: -o-linear-gradient(top, #f1f1f1, #f5f5f5); 
    background-image: linear-gradient(top, #f1f1f1, #f5f5f5);
}

.button2.magent {
    color: #fff;
    border-color: #427ede;

    background: #008197;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#4d90fe), to(#4787ed));
    background-image: -webkit-linear-gradient(top, #4d90fe, #4787ed); 
    background-image: -moz-linear-gradient(top, #4d90fe, #4787ed); 
    background-image: -ms-linear-gradient(top, #4d90fe, #4787ed); 
    background-image: -o-linear-gradient(top, #4d90fe, #4787ed); 
    background-image: linear-gradient(top, #4d90fe, #4787ed);

    -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
	
}

.button2.magent:hover {
    border-color: #2f5bb7;

    background: #357ae8;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#4d90fe), to(#357ae8));
    background-image: -webkit-linear-gradient(top, #4d90fe, #357ae8); 
    background-image: -moz-linear-gradient(top, #4d90fe, #357ae8); 
    background-image: -ms-linear-gradient(top, #4d90fe, #357ae8); 
    background-image: -o-linear-gradient(top, #4d90fe, #357ae8); 
    background-image: linear-gradient(top, #4d90fe, #357ae8);
}

.button2.magent:active {
	background: #008197;
}

.sub_menu li a {color:#008197}

ul.sub_menu {z-index: 50000}