@charset "iso-8859-1";
/***********************************
	ESTILOS PARA MENU
***********************************/
.menu {
  font-family: Arial; 
  font-size: 10; 
  width: 115; 
  border: 1px solid #000000;
  margin: 0px 0px 15px 5px;
}

.menu h4 {
  margin: 0px;
  padding: 3px;
  background-color: #ccc;
  font-size: 11; 
}

.menu ul {
  margin: 2px;
  padding: 0px;
}

.menu li {
  list-style: none;
}

.menu a {
  text-decoration: none;
  font-size: 11; 
}

/***********************************
	ESTILOS PARA LAS MAQUETAS BASICAS
***********************************/
.maq_bas {
  padding: 5px; 
  font-family: Arial; 
  font-size: 10; 
  border: 1px solid #cccccc;
  margin: 0px 0px 15px 5px;
}

div.maq_bas:hover {
  background-color:#F7F7F4;
  padding: 4px; 
  border: 2px solid #000;
}

.maq_bas img {
  margin: 5px;
}

.maq_bas div {
  margin: 2px;
  padding: 0px;
}

.maq_bas a {
  text-decoration: none;
  font-size: 11; 
}

/***********************************
	ESTILOS PARA TABLA
***********************************/


#tabla { 
  font-family: Arial; 
  font-size: 11; 
  padding: 3px; 
  border: 1px solid #999; 
}

#tabla caption { 
  border: 0px; 
  font-size: 14px; 
  font-weight: bold; 
  color: #006699; 
  text-align: left; 
  padding-bottom: 5px; 
}

#tabla th, #tabla td { 
  padding: 2px 5px 2px 5px; 
}

#tabla th { 
  background-color: #ccc; 
  text-align: left;
  border-top: 1px solid buttonhighlight;
  border-left: 1px solid buttonhighlight;
  border-right: 1px solid buttonshadow;
  border-bottom: 1px solid buttonshadow;
}

/***********************************
	ESTILOS PARA SOLAPAS
***********************************/

#solapa {
  position:absolute;
  z-index: 3;
  width: 100%;
}
	  
#solapa div {
  float:left;
  background:url("../img/menu_izq.gif") no-repeat left top;
  padding:0 0 0 9px;
}
#solapa a {
  display:block;
  background:url("../img/menu_der.gif") no-repeat right top;
  padding:5px 15px 4px 6px;
  text-decoration:none;
  font-weight:bold;
  font-family: Arial;
  font-size: 11px;
  color:#000;
}

#solapa a:hover {
  color:#333;
}

#solapa #activo {
  background-position:0 -150px;
  border-width:0;
}

#solapa #activo a {
  background-position:100% -150px;
  padding-bottom:5px;
  color:#333;
}

#solapa div:hover, #menu div:hover a {
  background-position:0% -150px;
  color:#333;
}
#solapa div:hover a {
  background-position:100% -150px;
}


/***********************************
	ESTILOS PARA MAQUETAS
***********************************/

.maqueta { 
  font-family: Arial; 
  font-size: 11;
  padding: 5px; 
  margin: 5px 20px;
  border: 1px solid #999;
}

.maqueta_activa {
  font-family: Arial; 
  font-size: 11;
  margin: 5px 20px;
  background-color:#F7F7F4;
  padding: 4px; 
  border: 2px solid #000;
}

div.maqueta:hover {
  background-color:#F7F7F4;
  padding: 4px; 
  border: 2px solid #999;
}

.maqueta a {
  text-decoration: none;
  padding-left: 150px;
}

.maqueta_activa a {
  text-decoration: none;
  padding-left: 150px;
}

/***********************************
	ESTILOS PARA TIPO MENU
***********************************/

.tipo_menu { 
  position: relative;
  font-family: Arial; 
  font-size: 11;
  padding: 5px; 
  margin: 5px 20px;
  border: 1px solid #999;
}

div.tipo_menu:hover {
  background-color:#F7F7F4;
  padding: 4px; 
  border: 2px solid #000;
}

.tipo_menu a {
  text-decoration: none;
}



/***********************************
  ESTILOS PARA LA TABLA DE PORTADA
***********************************/


#tportada { 
font-family: Arial; 
font-size: 11; 
width: 100%; 
}


#tportada td { 
padding: 6px; 
margin: 6px; 
border: 1px solid #999999; 
vertical-align: top;
}

#tportada td .tituloCaja { 
padding: 4px; 
border-bottom: 1px solid #000066;
}

#tportada td .contenidoCaja { 
padding: 4px; 
}

#tportada td .contenidoCaja a { 
color: #006699;
}

#tportada td .contenidoCaja a:hover { 
color: #000066;
}


#tportada #tcomp td {
padding: 4px; 
margin: 0px;
border: 0px solid #999999; 
font-size: 11; 
}



/***********************************
  ESTILOS PARA EL MENU POR CAPAS
***********************************/



.menuLayer {
padding:4px;
margin-top:5px;
margin-left:5px;
border:1px solid #000000;
background-color:#EEEEEE;
width:120px;
}
.menuLayer a {
text-decoration:none;
color:#000066;
font-size:10px;
}
.Ldesplegable {
border:1px solid #000000;
background-color:#EEEEEE;
width:150px;
}
.Ldesplegable div {
padding:5px;
color:#000000;
font-size:10px;
cursor:pointer;
}
.Ldesplegable a {
text-decoration:none;
color:#000000;
font-size:10px;
}


/***********************************
  ESTILOS PARA ESTADISTICAS
***********************************/

.bloqueEstadisticas {
padding:5px;
margin: 5px 5px 15px 5px;
border:1px solid #000000;
-moz-border-radius: 10px;
width: 400px;
}

.fechaEstadisticas {
font-size:15px;
font-weight: bold;
border-bottom:1px solid #eeeeee;
}

.archivoEstadisticas {
margin: 10px 0px 10px 0px;
font-size:10px;
}