/* -------------------
   Elementos generales
   ------------------- */

body {
	background-color:#ebebeb;
	background-image: url("../img/fondo_logo.gif");
	background-position:-110px -110px;
	background-repeat:no-repeat;
	}

body, p, ul, ol, li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	}

p {line-height:1.25; margin-top:2px;}

dl {margin-left:20px; margin-right:20px;}

dt {font-weight:bold; margin-top:10px; color:#333333;}

dd {line-height:1.25;}

dd li {line-height:1.50;}

dd ol, dd ul{margin-top:-6px; margin-bottom:6px;}

dd ol ul, dd ul ul{margin-top:0px; margin-bottom:0px;}

h1, h2, h3, h4, h5, h6 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#333333;
	margin:0px;
	padding:0px;
	}

h3 {font-size:15px; border-bottom:1px solid #999999; margin-bottom:0px;}
h3.home {margin-bottom:0.5em; margin-top:0.5em;}

h4 {font-size:13px; margin-bottom:0px; color:#666666;}
h4.equipos {font-size:13px; color:#000000;}

div.equipos {
	margin:0px;
	margin-top:5px;
	margin-bottom:15px;
	padding:10px;
	border:1px solid #CCCCCC;
	}

h5 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;}

form, input, button, select, textarea {font-family:Arial, Helvetica, sans-serif; font-size:11px;}

a:link, a:visited, a:active, a:hover {color:#333333; text-decoration:none;}
a:hover {text-decoration:underline;}

/* -------------
   Elementos DIV
   ------------- */

#global {width:100%; text-align:center;}

#contenido_home {width:600px; text-align:left; margin:auto; margin-top:10px;}

#contenido_generico {width:740px; text-align:left; margin:auto; margin-top:10px;}

#cabecera {
	width:100%;
	height:50px;
	background-color: #99CC00;
	background-image:url(../img/cabecera_calibracion.gif);
	background-position:top left;
	background-repeat:no-repeat;
	border-bottom:2px #aaaaaa solid;
	}

#cuerpo {background-color:#FFF; padding:10px 10px 20px 10px;}

#content_datos_ite {width:190px; float:right; padding:0px;}

#datos_ite{margin-top:2px; padding:2px 10px 10px 10px; border:1px solid #D6D6D6; background-color:#FAFAFA;}
#datos_ite p {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; line-height:125%; margin:0px; margin-top:8px;}
#datos_ite a {text-decoration:none;}
#datos_ite a:hover {border-bottom:1px dotted;}

#enlaces_home{height:44px; background-image:url(../img/enlaces_home_iconos.gif); background-repeat:no-repeat; background-position:10px 20px; padding:22px 10px 0px 40px;}
#enlaces_home p {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; font-weight:bold; line-height:220%; margin:0px;}
#enlaces_home a:hover {border-bottom:1px dotted;}

#content_enlaces_cabecera {width:200px; float:right; padding:0px;}
#enlaces_cabecera {float:right; width:150px; background-image:url(../img/enlaces_iconos_head.gif); background-repeat:no-repeat; background-position:left 3px; padding:5px; padding-top:4px; padding-left:35px;}
#enlaces_cabecera p {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; font-weight:bold; line-height:220%; margin:0px;}
#enlaces_cabecera a:hover {border-bottom:1px dotted;}

#login {width:375px; padding:0px; padding-right:10px;}
#login div#tabla {margin-top:20px; margin-bottom:20px;}
#login a:link, #login a:visited, #login a:active, #login a:hover {text-decoration:none; color:#0024A2;}
#login a:hover {border-bottom:1px dotted #0024A2;}

#migas {background-color:#FFFFFF; padding-top:3px; padding-right:10px; padding-bottom:0px; padding-left:10px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#333;}
#migas a, #migas span {font-weight:bold;}
#migas a:hover {border-bottom:1px dotted;}

#mis_equipos {margin-bottom:0.5em;}
#mis_equipos a:link, a:visited, a:hover, a.active {text-decoration:none;}
#mis_equipos a:hover {color:#0024a2;}

#pie {border-top:1px solid #E79301; padding-top:3px;}
#pie div.info{width:65%;}
#pie div.copy {width:30%; float:right; text-align:right;}
#pie p {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; margin:0px; margin-bottom:2px;}
#pie span {font-weight:bold; color:#E79301;}
#pie a.pie {background-color:transparent; border:0px; text-decoration:none;}
#pie a.pie:link, #pie a.pie:active, #pie a.pie:visited, #pie a.pie:hover {color:#0024A2;}
#pie a.pie:hover {border-bottom:1px dotted;}

#aviso_legal { /* en lopd.htm */
	height:450px;
	overflow:auto;
	padding-right:5px;
	}

/* ------------------------------------------
   Snazzy Borders
   http://www.cssplay.co.uk/boxes/snazzy.html
   para los comentarios enmarcados
   ------------------------------------------ */

#coment h1, #coment h2, #coment p, #coment ul {margin:0 10px;}
#coment h1 {font-size:2.5em; color:#fff;}
#coment h2 {font-size:2em;color:#06a; border:0;}
#coment p {padding-bottom:0.5em;}
#coment h2 {padding-top:0.5em;}
#coment ul {
	padding-top:1em;
	padding-bottom:1em;
	padding-left:2em;
}
#coment li {list-style:url(../img/ico/arrow.gif); padding-bottom:0.5em;}
#coment {
	background: transparent;
	width: 90%;
	margin-top: 20px;
	margin-bottom: 10px;
	margin-left: 5%;
}

.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#FAFFE8; border-left:1px solid #99CC00; border-right:1px solid #99CC00;}
.xb1 {margin:0 5px; background:#99CC00;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}

.xboxcontent {display:block; background:#FAFFE8; border:0 solid #99CC00; border-width:0 1px;}

/* ------
   Clases
   ------ */
   
.informacion { /* en index.php */
	padding-left:50px;
	padding-bottom:5px;
	background-image:url(../img/ico/icono_informacion_32.gif);
	background-position:10px 15px;
	background-repeat:no-repeat;
}

.info_usuario { /* en todas las páginas que muestran el nombre del usuario */
	background-color:#FAFFE8;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#333333;
	padding:2px;
	padding-bottom:3px;
	margin-top:0px;
}
.info_usuario a {color:#0024A2; text-decoration:none;}
.info_usuario a:hover {color:#0024A2; border-bottom:1px dotted;}

.content_tabla{ /* en varias páginas que muestran tablas */
	text-align: center;
	padding:10px;
	}
.content_tabla a {text-decoration:none;}
.content_tabla a:hover {color:#0024A2;}

.tabla{ /* en varias páginas que muestran tablas */
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	}

.coment { /* para los comentarios enmarcados */
	background-color: #FAFFE8;
	border-top: 1px solid;
	border-bottom: 1px solid;
	border-left: 1px solid;
	border-right: 1px solid;
	border-color: #99CC00;
	padding: 5px;
	width: 90%;
	margin-top: 20px;
	margin-bottom: 10px;
	margin-left: 5%;
	}
.coment li {list-style:url(../img/ico/arrow.gif);}

.error { /* para los mensajes de error e incidencias enmarcados */
	background-color: #F2F2F2;
	color: #FF5248;
	text-align: center;
	border-top: 1px solid;
	border-bottom: 1px solid;
	border-left: 1px solid;
	border-right: 1px  solid;
	border-color: #999999;
	padding: 5px;
	width: 90%;
	margin-top: 20px;
	margin-bottom: 10px;
	margin-left: 5%;
}
.error h4 {color: #FF5248; font-size:13px;}
.error p {color: #FF5248;}

.enlaces_pagina { /* para los enlaces de navegación entre páginas */
	text-align:right;
	padding:0px;
	margin: 5px 5px 20px;
	font-size:10px;
	font-weight:bold;
	}
.enlaces_pagina a:active, .enlaces_pagina a:link, .enlaces_pagina a:hover, .enlaces_pagina a:visited {color:#293600;}
.enlaces_pagina a:hover {border-bottom:1px dotted #293600;}
	
/* ------------------
   Clases para tablas
   ------------------ */

table.tabular {
	width:100%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000;
	margin:0px;
	margin-top:10px;
	}

td.left {text-align:left; padding:4px;}
td.right {text-align:right; padding:4px;}
td.center {text-align:center; padding:4px;}

td.punteo {text-align:left; padding-left:6px;} /* para las filas de las tablas que empiezan con un 'dot' */
td.punteo span {color:#0024A2;}

td.headTb {
	background-color: #C1E359;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	line-height:normal;
	color:#333;
	border-bottom:1px solid #E79201;
	padding:4px;
	}
.headTb a:active, .headTb a:link, .headTb a:hover, .headTb a:visited {text-decoration: none;color:#333;}

.tabla_pijama {background-color:#EAFFB9;} /* color para el efecto de papel "pijama" en las tablas */

.linealta {line-height:2.3em;}