#body {
width:90%;
background-color:#fff9db;
font-size:10pt;
font-family:Arial;
margin:0;
padding:5;
background-image:url(images/back.png);
background-repeat:repeat-x;
background-position:top center;
}

#page {
width:80%;
padding:30px;
margin-left:10;
margin-right:10;
border-color:black;
border-width:thick;
background-color:beige;
/*border-style:solid;*/
border:3px solid #808080;
align-content:center;
box-shadow: 5px 5px 0 #333;
 -webkit-box-shadow: 5px 5px 0 #333;
 -moz-box-shadow: 5px 5px 0 #333;
/*background-image:url(images/page.png); */
}

#header {
    clear: both;
    width: 98%;
    height: 86px;
    /*background-image: url('images/header.png');*/
    background-image: url('images/trigal_header.jpg');
    padding-top: 5px; /*padding-left:40px;*/;
    padding-left:20px;
    font-family: "Franklin Gothic Medium", "Arial Narrow", Arial, sans-serif;
    font-size: medium;
}



#menulinks {
clear:both;
width:875px;
height:52px;
padding-left:25px;
background-image:url(images/menulinks.png);
}

* html #menulinks a { /* Filter for IE6 to prevent li stacking */
  float: left;
  text-decoration: none;
  }

* html #menulinks a span { /* Filter for IE6 to prevent li stacking */
  float: left;
  text-decoration: none;
  }
  
#menulinks a {
	padding-left:16px;
	height:50px;
   background-image:none;
	display:block;
	color:#555555;
	text-decoration:none;
	float:left;
	font-size:14px;
	font-weight:bold;
  }

#menulinks a span {
	padding-left:8px;
	padding-right:25px;
	padding-top:12px;
	height:38px;
	display:block;
   background-image:none;
	text-decoration:none;
	cursor:pointer;
	color:#555555;
  }
  
  
#menulinks a:hover, #menulinks a.active {
	background-image:url(images/menuhover.png);
	background-position:top left;
	text-decoration:none;
	color:#555555;
}

#menulinks a:hover span, #menulinks a.active span {
   background: url(images/menuhoverright.png) right top no-repeat;
	text-decoration:none;
}

#mainarea {
    width: 90%;
    height: auto;
    clear: both;
    padding: 30px;
    font-size: medium;
    font-style: normal;
    font-family: Arial, Helvetica, sans-serif;
}

#contentarea {
width:515px;
padding-right:30px;
float:left;
line-height:14pt;
padding-bottom:10px;
}

#sidebar {
float:left;
width:265px;
line-height:14pt;
}

#footer {
width:100%;
clear:both;
height:35px;
padding-top:10px;
text-align:right;
line-height:14pt;
background-image:url('images/footer.png');
background-repeat:repeat;
color: black;
}

#footer a {
color:#FFFFFF;
}

h1, h1 a {
font-size:25pt;
color:#FFFFFF;
margin:0;
}

h2 {
font-size:12pt;
color:#555555;
padding-top:6px;
}

.description {
font-size:14pt;
color:#CCCCCC;
margin:0;
}

a {
color:#333333;
text-decoration:none;
}

a:hover {
text-decoration:underline;
}

.titulo1 {
font-family:Arial;
font-size:18pt;
font-weight:normal;
color:WindowText;
margin:0;
}

.letra_chica {
    font-family: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
    font-size: x-small;
    color: black;
    text-align: left;
}

#foto_header {
width:250px;
position:relative;
float:right;
background-image=:url('images/header_extraner.png');

background-color:beige;
}

.fondo {
width:98%;
background-color:beige;
/*border-style:solid;*/
border:1px solid #808080;
box-shadow: 3px 3px 0 #333;
 -webkit-box-shadow: 5px 5px 0 #333;
 -moz-box-shadow: 5px 5px 0 #333;
    text-align: center;
}
.centrar
	{
		position: absolute;
		/*nos posicionamos en el centro del navegador*/
		top:50%;
		left:50%;
		/*determinamos una anchura*/
		width:320px;
		/*indicamos que el margen izquierdo, es la mitad de la anchura*/
		margin-left:-200px;
		/*determinamos una altura*/
		height:250px;
		/*indicamos que el margen superior, es la mitad de la altura*/
		margin-top:-150px;
		border:3px solid #808080;
		padding:5px;
        background-color:beige;
         box-shadow: 5px 5px 0 #333;
        -webkit-box-shadow: 5px 5px 0 #333;
        -moz-box-shadow: 5px 5px 0 #333;
      }

#menu_usuarios
	{
		position: absolute;
		/*nos posicionamos en el centro del navegador*/
		top:20px;
		left:400px;
		/*determinamos una anchura*/
		width:400px;
		/*indicamos que el margen izquierdo, es la mitad de la anchura*/
		margin-left:40%;
		/*determinamos una altura*/
		height:400px;
		/*indicamos que el margen superior, es la mitad de la altura*/
		margin-top:50px;*/
		border:3px solid #808080;
		padding:4px;
        background-color:beige;
         box-shadow: 5px 5px 0 #333;
        -webkit-box-shadow: 5px 5px 0 #333;
        -moz-box-shadow: 5px 5px 0 #333;
      }

#menu_usuarios_centrado {
position: absolute;
top: 50%; /* Buscamos el centro horizontal (relativo) del navegador */
left: 50%; /* Buscamos el centro vertical (relativo) del navegador */
width: 600 px; /* Definimos el ancho del objeto a centrar */
height: 400px; /* Definimos el alto del objeto a centrar */
margin-top: -200px; /* Restamos la mitad de la altura del objeto con un margin-top */
margin-left: -300px; /* Restamos la mitad de la anchura del objeto con un margin-left */
padding:5px;
border:3px solid #808080;
background-color:beige;
box-shadow: 5px 5px 0 #333;
-webkit-box-shadow: 5px 5px 0 #333;
 -moz-box-shadow: 5px 5px 0 #333;
}

#central{
    position:fixed;
    top:50%;
    left: 50%;
    margin-top: -100px;
    margin-left: -100px;
}