/* CSS DOCUMENT */

/* GLOBAL RESET */

html, body, h1, h2, h3, h4, h5, h6, p, blockquote, form, label, ul, ol, dl, fieldset, address{margin:0; padding:0;}

h1, h2, h3, h4, h5, h6, p, blockquote, form, label, ul, ol, dl, fieldset, address{
margin:0.5em 0;}

li, dd{margin-left:3px;}

fieldset{padding:0.5em;}

img {
	border: none;
}


/* CAMBIOS PRINCIPALES */
body {
	margin: 0px;
	padding: 0px;	
	background: #FFFFFF;
	font-size:11px;
	font-family: verdana;

}

.createdate {
	font-family      : Verdana, Helvetica, Arial, sans-serif;
	font-size        : 9px;
	color            : #999999;
	text-align       : left;
	line-height	   	 : 20px;   

}

a.contentpagetitle:link, a.contentpagetitle:visited, a.contentpagetitle:hover {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
 	color: #888888;
	text-align:left;
	text-decoration: none;
}

.cabecera{
	border:#afafaf 1px solid;
	background:url(../images/logotipo.png) repeat-y;
	
}

.menu{
	border:#000000 1px solid;
	background:url(../images/menu.png) bottom left repeat-x;
	padding-left: 15px;	
}

.pagina{
	border:#afafaf 1px solid;
	background:url(../images/detalle.png) top left repeat-x;
	padding: 20px;
	
}

.columna{
	border:#afafaf 1px solid;
	background:url(../images/detalle.png) top left repeat-x;
	vertical-align:top;
}

/* ALL NON PARAGRAPH TEXT COLORS */
td, p {
	font-size:11px;
	text-align:left;
}

td{padding:0px 2px;}

/* HEADINGS */
h1, .componentheading{ font-size:14px; font-weight: bold; line-height:30px; color:#888888;}
h2, .contentheading{font-size:14px; font-weight:bold; color:#888888;}
h3{font-size:14px; font-weight:bold;}
h4{font-size:1.2em;}
h5{font-size:1.1em;}

/* LINK TEXT COLORS */
a {
	color:#000000;
	font-weight:bold;
	text-decoration:none;
}

a:hover{
	color:#000;
}

/* LISTS */
ul{list-style:none;}
li{background:url(../images/bullet.png) 0px 5px no-repeat;
padding-left:10px;
margin-bottom:3px;}

/* TABLE */
table.contentpaneopen, table.contentpane{border-collapse:collapse;}

/* MAIN MENU */
a.mainlevel-top,a.mainlevel_active-top, a#active_menu-top.mainlevel_current-top{
font-size:16px;
color:#a6a6a6;
padding:12px 12px 10px 12px;
font-weight:bold;
float:left;
text-decoration:none;
}

a.mainlevel-top:hover, a#active_menu-top.mainlevel-top, a.mainlevel_active-top, 
a#active_menu-top.mainlevel_current-top{
color:#000000;
background:url(../images/nav_active.png) top left repeat-x;
border:#000000 1px solid;
border-bottom:none;
padding:12px 11px 10px 11px;
}

a.mainlevel{
background-position:3px 6px;
display:block;
}

a.mainlevel:hover, a#active_menu.mainlevel{
background-position:3px 6px;
}

a.mainlevel, a.sublevel{
color:#ffffff;
text-decoration:none;
font-size:11px;
padding:6px 0px 6px 10px;
}

#left .moduletable table tbody tr td div{
background-color:#000000;
padding:6px 0px 6px 10px;
}


a.sublevel:hover{
color:#000000;
}

a#active_menu.sublevel{
color:#000000;
}

/* SECTION TABLE LINK STYLES */
.sectiontableheader {
  background-color : #CCCCCC;
  color            : #333333;
  font-weight      : bold;
  background:url(../images/detalle.png) top left repeat-x;
}

.sectiontableentry1 {
  background-color : #FAFAFA;
}

.sectiontableentry2 {
  background-color : #F0F0F0;
}


/* LAYOUT */
#header{width:100%;}

/* ESTILO FORMULARIOS */
.button {
  font-family      : Verdana, Helvetica, Arial, sans-serif;
  font-style       : normal;
  font-size        : 10px;
  font-weight      : bold;
  background-color : #F0F0F0;
  color            : #000000;
  border           : 1px solid #CCCCCC;
}

.inputbox {
  font-family      : Verdana, Helvetica, Arial, sans-serif;
  font-size        : 10px;
  color            : #000000;
  background-color : #F0F0F0;
  border           : 1px solid #CCCCCC; 
  margin-left: 4px  
}

.box{
width:100%;
text-align:left;
}


/* FORMATOS */
#left, #middle, #right{ float:center; overflow:hidden;}
#right{float:top;}


#left .moduletable, #left .moduletable-grey, #right .moduletable, #right .moduletable-grey{padding:10px; margin-bottom:10px;}

#left .moduletable h3, #left .moduletable-grey h3, #right .moduletable h3, #right .moduletable-grey h3{
	margin-top:-10px;
	margin-left:-10px;
	margin-right:-10px;
	padding:12px 6px;
}

#left .moduletable h3{
	background:url(../images/tablas.gif) top left repeat-x;
	color:#fff;
}

#left .moduletable{
background-color:#000000;
color:#fff;}

#left .moduletable a{color:#fff;}

#left .moduletable-grey{
background-color:#a6a6a6;}

#left .moduletable-grey h3{
color:#a6a6a6;}

#middle{
	border:#afafaf 1px solid;
	margin-right:10px;
}

#middle .hack{
padding:26px 16px;
}

#right .moduletable-grey h3{
background-color:#454545;
color:#fff;
}

#right .moduletable h3{
background-color:#000000;
}

#left h3, #right h3{
color:#fff;
font-family: verdana;
margin:0;
}

/* PIE DE PAGINA */
#footer{width:100%; position:relative; color:#747474;  padding:6px 0px;}
#footer .box{text-align:center;}
#footer a{color:#747474;}

/* TOOLTIP ESPECIAL DE PLANTILLA COITI 2008 */
a.tooltip {
	position: relative; /* es la posición normal */
	text-decoration: none !important; /* forzar sin subrayado */
	color:#000000 !important; /* forzar color del texto */
	font-weight:bold !important; /* forzar negritas */
}

a.tooltip:hover {
	z-index:999; /* va a estar por encima de todo */
	/* background-color:#000000; DEBE haber un color de fondo */
}

a.tooltip span {
	display: none; /* el elemento va a estar oculto */
}

a.tooltip:hover span {
	display: block; /* se fuerza a mostrar el bloque */
	position: absolute; /* se fuerza a que se ubique en un lugar de la pantalla */
	top:1em; left:1em; /* donde va a estar */
	/* width:250px; el ancho por defecto que va a tener */
	padding:5px; /* la separación entre el contenido y los bordes */
	background-color: #333333; /* el color de fondo por defecto */
	color: #FFFFFF; /* el color de los textos por defecto */
}