/*   Document   : base.css
 *   Created on : 24/05/2008, 06:30:51
 *   Author     : Alberto Bravin
 *   Description:
*/

/* ESTILOS GENERALES DE LA PÁGINA  QUE DEFINEN SU ESTRUCTURA, Y MEDIDAS */
* {
  padding:0;
  margin:0;
}

body {
  background-color: #666;
  text-align: center;
  padding: 0px;
  margin: 0px;
  font: 10pt Arial, Helvetica, sans-serif;
  font-size: 62.5%;
  margin: 0px 0px 0px 0px;
}

a:link {font-size: 1.1em; color: #000099; text-decoration: none; font-weight: normal; background-color: transparent;}
a:visited{font-size: 1.1em; color: #000099; text-decoration: none; font-weight: normal; background-color: transparent;}
a:hover {font-size: 1.1em; color: #FF6600; text-decoration: underline;}

.titulorevista {
  width: 100%;
  display: block;
  color: #336699;
  background-color: #ffffff;
  font-size: 2.0em;
  text-align: center;
  font-style: bold;
}

.textorevista1 {

  text-align: justify;
  font-size: 1.2em;
  line-height: 17px;
  margin-right: 5px;
  margin-left: 10px;
  display: block;
  color: #000;
}

.textorevista {
  color: #000;
  text-align: justify;
  font-size: 1.4em;
  line-height: 20px;
  margin-right: 5px;
  display: block;
}


#container {
  width: 980px;
  margin: 0px auto;
  text-align: left;
  background-color: #fff;
  color: #666;
  /*border: 5px solid #ccc;*/
  border: 0px solid #6699ff;
  font-size: 1.0em;
  background: #fff url('img/fondo_main2.gif') repeat-y 0 0px;
}

#header {
  /* background-color: #000; */
  background: url('img/encabezado04.png') no-repeat 0 0px;
  color: #fff;
  padding: 0px 0px 0px 0px;
  font-family: Verdana, Times, serif;
  height: 132px;
}

#sidebar {
  width: 180px;
  padding: 10px;
  margin: 0px;
  float: left;
  /*background-color: #eeeeee;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;*/
}

#lateral {
  padding: 0px;
  margin: 0px auto;
  width: 100%;
  text-align: left;
}

#main {
  padding: 0px 5px 0px 5px;
  margin-left: 205px;
}

/* PIE DE PAGINA */
#footer {
  clear: both;
  background-color: #fff;
  font-size: 1.1em;
  color: #eeeeee;
  padding: 1px;
  text-align: center;
  height: 48px;
  background: #fff url('img/fondo_pie01.gif') repeat-x 0 0px;
}

/* alto mínimo para las 2 columnas. No funciona en IE */
#sidebar,#main {
  min-height:440px;
}

/* Hack del asterisco. Sólo para IE */
* html #sidebar,* html #main {
  height:440px;
}

#footer a {
  color: #fff;
}

/*  ESTILOS DE PRESENTACIÓN DE LA PÁGINA  */
#header h1 {
  font-size: 1.8em;
  font-style: bold;
  color: #ffffff;
}

#header h2 {
  font-size: 1.4em;
  font-style: italic;
  color: #cccccc;
}

h3 {
  font-size: 1.5em;
  font-style: bold;
  color: #6699ff;
  height: 20px;
  vertical-align: middle;
  display: block;
  border-bottom: 1px solid #000;
}

h4 {
  font-size: 1.2em;
  font-style: normal;
  color: #6699ff;
}

/* CONTENIDO DEL ENCABEZADO */
#top {
  height: 92px;
  width: 100%;
}

/* MENU SUPERIOR */
#topmenu {

}

ul#menusuperior {
  height: 25px;
  list-style: none;
  /* background: url('/archives/examples/menu/horizontal01/menu.png') no-repeat 0 15px;  Imagen de fondo */
  padding: 0;
  margin: 0px 0px 0px 0px;
  position: relative;
}

ul#menusuperior li { /* Convertimos la lista en horizontal */
  padding: 0 5px 0 5px;
  margin: 5px;
  display: block;
  line-height: 1.2em;
  font-size: 1.2em;
  float: left;
}

/* MENU PRINCIPAL*/
#mainmenu {
  width: 120px;
}

ul#menulateral {
  width: 130px;
  list-style: none;
  /* background: url('/archives/examples/menu/horizontal01/menu.png') no-repeat 0 15px;  Imagen de fondo */
  padding: 0;
  margin: 0px 0px 0px 0px;
  position: relative;
}

ul#menulateral li {
  padding: 2px 2px 2px 2px;
  margin: 5px;
  display: block;
  line-height: 1.2em;
  font-size: 1.2em;
}

/* ENLACES MENU LATERAL  */ 
ul#menulateral li a:link {
  vertical-align: middle;
  font-size: 1.1em; 
  color: #000000; 
  text-decoration: none;
  font-weight: normal;
  background-color: transparent;
}

ul#menulateral li a:visited {
  vertical-align: middle;
  font-size: 1.1em; 
  color: #000000; 
  text-decoration: none;
  font-weight: normal;
  background-color: transparent;
}

ul#menulateral li a:hover {
  vertical-align: middle;
  font-size: 1.1em;
  color: #000000;
  text-decoration: none;
  vertical-align: middle;
  background-color: #cccccc;
}
/* FIN ENLACES MENU LATERAL  */ 

/* ENLACES MENU SUPERIOR  */ 
ul#menusuperior li a:link {
  vertical-align: middle;
  font-size: 1.1em; 
  color: #ffffff;
  text-decoration: none;
  font-weight: normal;
  background-color: transparent;
}

ul#menusuperior li a:visited { 
  vertical-align: middle;
  font-size: 1.1em; 
  color: #ffffff;
  text-decoration: none;
  font-weight: normal;
  background-color: transparent;
}

ul#menusuperior li a:hover { 
  vertical-align: middle;
  font-size: 1.1em; 
  color: #eeeeee;
  text-decoration: underline;
  font-weight: normal;
  background-color: transparent;
}
/* FIN ENLACES MENU SUPERIOR  */ 

/* MENU USUARIO*/
#usermenu {

}

ul#menuusuario {
  list-style: none;
  padding: 0;
  margin: 0px 0px 0px 0px;
  position: relative;
}

ul#menuusuario li {
  padding: 2px 2px 2px 2px;
  margin: 5px;
  display: block;
  line-height: 1.2em;
  font-size: 1.2em;
}

#userdata {
	text-align: left;
	width: 160px;
	padding: 5px 5px 5px 5px;
	border: 0px solid #000;
	background: url(img/fondo_login.png) no-repeat;
 /*
  background-color: #cccccc;
  border-bottom: 1px solid #999999;
  border-right: 1px solid #999999;
  border-top: 1px solid #999999;
  border-left: 1px solid #999999;
  */
}

#userdata span {
	width: 100%;
	color: #000000;
	font-size: 12px;
	font-weight: bold;
}

#userdata h4 {
	width: 100%;
	color: #ffffff;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}

input {
  /* background-color: transparent; */
  font-size: 1.4em; 
  color: #000;
  height: 20px;
  font-weight: normal;
  border: 1px solid #000;
  vertical-align: middle;
}
select {
  font-size: 1.4em; 
  color: #000;
  height: 20px;
  font-weight: normal;
  border: 1px solid #000;
  vertical-align: middle;
}

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

.errorsistema {
  font-size: 1.2em; 
  color: #ff0000;
  font-weight: bold;    
}

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

.fueraservicio {
  font-size: 1.4em; 
  color: #336699;
  font-weight: bold;    
}

#titulo{
  margin: 0px 0px 0px 0px;
  padding: 0px;
  background-color: #666666;
  font-family: Verdana, Courier, mono;
  font-size: 1.2em;
  width: 100%;
  height: 28px;
  vertical-align: middle;
  overflow:hidden;
}

#titulomodulo {
/*  margin: 0px 0px 0px 0px; */
  margin: auto;
  padding: 0px;
  height: 28px;
  color: #ffffff;
  text-align: left;
  font-size: 1.3em;
  vertical-align: middle; 
}

#msj {
  margin: auto;
  padding: 0px;
  height: 28px;
  color: #ff0000;
  text-align: right;
  vertical-align: middle; 
}

.detalleTitulo {
  text-indent: 3px; 
  font-size: 12px;
  color: #000000;
  height: 22px;
  font-weight: bold;
  background-image: url(../../templates/default/img/fondo_titulos.gif);
}

.detalleTabla {
  padding: 0px 0px 0px 0px;
  margin-right: 2px;
  border-top: 0px solid #dddddd;
  font-weight: normal; 
  font-size: 1.0em; 
  background-color: #e5e5e5; 
  color: #000099; 
  text-indent: 3px; 
  font-family: Verdana, Arial, Helvetica, sans-serif;
  vertical-align: middle;
  height: 20px;
}

#files_list{
	text-align: left;
	font-size: 1.0em;
	margin: 3px;
	padding: 3px;
	border: 1px solid #c0c0c0;
	background-color: #d0d0d0;
	display: block;
	clear: right;
}

/*- Menu Tabs F--------------------------- */

    #tabsF {
      float:left;
      width:100%;
      background: transparent;
      font-size:118%;
      line-height:normal;
      border-bottom:2px solid #6699ff;
    }

    #tabsF ul {
	margin:0;
	padding:10px 10px 0 50px;
	list-style:none;
      }
    #tabsF li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabsF a {
      float:left;
      background:url("img/tableftF.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #tabsF a span {
      float:left;
      display:block;
      background:url("img/tabrightF.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#000;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsF a span {float:none;}
    /* End IE5-Mac hack */
    #tabsF a:hover span {
      /*color:#FFF;*/
      color:#336699;
      }
    #tabsF a:hover {
      background-position:0% -42px;
      }
    #tabsF a:hover span {
      background-position:100% -42px;
      }

/* MENU VERTICAL*/
/* CSS Tabs */
#button {
	width: 180px;
	border-right: 1px solid #000;
	padding: 0 0 0 0;
	margin-bottom: 1em;
	font-size : 1.2em;
	background-color: #90bade;
	color: #333;
	}
	
	#button ul {
		list-style: none;
		margin: 0;
		padding: 0;
		border: none;
		}
		
	#button li {
		display: block;
		border-bottom: 1px solid #90bade;
		margin: 0;
		list-style: none;
		list-style-image: none;
		}
	
	#button li a {
		display: block;
		padding: 5px 5px 5px 0.5em;
		border-left: 10px solid #1958b7;
		border-right: 10px solid #508fc4;
		background-color: #2175bc;
		color: #fff;
		text-decoration: none;
		/*width: 100%;*/
		}

	html>body #button li a {
		display: block;
		width: auto;
		}

	#button li a:hover {
		border-left: 10px solid #1c64d1;
		border-right: 10px solid #5ba3e0;
		background-color: #2586d7;
		color: #fff;
		}

	#button li #active {
		border-left: 10px solid #1c64d1;
		border-right: 10px solid #5ba3e0;
		background-color: #2586d7;
		color: #fff;
		}

.infotecnicalogo {
	display: block;
	float: right;
	margin: 5px;
 }