html {
        height: 100%;
}

body {
	background-image: url(imagenes/fondo.jpg);
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	color: Black;
	/*font-size: 14px;*/
	font-size: 1em;
	margin: 0px;
}

h1 {
        font-size: 40px;
        color: White;
		  margin: 6px;
}

h4 {
	font-size: 1.3em;
	display: inline; /*float: left;*/
	margin-left: 12px;
	margin-top: 8px;
	/*padding: 4px 8px 4px 8px;*/
	/*border: 1px solid grey;*/
}

a {
	text-decoration: none;
}

button {
	background-color: #cccccc;
	height: 28px;
	padding: 4px 8px 4px 8px;
	font-size: 1em;
}

table {
	border: 1px solid gray;
}

td, th {
	border: 1px solid gray;
	margin: 1px;
	padding: 4px;
}

/*canvas {
	margin: 0px;
}*/

#contenedor {
        padding: 0px;
        width: 1024px;
        margin: auto;
        position: relative;
        min-height: 100%;
        border: 0px solid gray;
}

* html #contenedor
{
        height: 100%;
}

#contenido {
        padding-bottom: 28px;
}

#cabecera {
	height: auto;
	margin-top: 0px;
	background-color: #a84;
	border: 1px solid gray; /*padding-top: -30px;*/
}

#sub_cabecera {
	height: auto;
	background-image: url(imagenes/fondo2.jpg);
	font-size: small;
	font-size: 1em;
	border: 1px solid gray;
	margin-top: 1px;
}

#logo {
        /*
		  width: 75px;
        height: 75px;
        margin-left: 12px;
        margin-top: 12px;
        float: left;
		  */
}

#cuerpo {
      margin-top: 4px;
		/*font-size: 1em;*/
}

#cuerpo_extranet {
        margin-top: 0px;
        margin-left: 12px;
        margin-right: 8px;
        text-align: left;
        font-family: Arial, Helvetica, sans-serif;
}

#antepie {
        clear: both;
        width: 1024px;
        margin: auto;
        padding: 0px;
}

#pie {
        text-align: left;
        border: 1px solid gray;
        clear: both;
        background-image: url(imagenes/fondo2.jpg);
        padding: 4px 6px 0px 6px;
        height: 20px;
        position: relative;
        margin-top: -26px;
}

#menu {
   text-align: center;
	/*display: list-item;*/
	background-image: url(imagenes/fondo.jpg);
	/*padding: 4px 8px 4px 8px;*/
	border: 1px solid gray;
	height: 40px;
	width: auto;
	list-style-type: none;
	//border: 1px solid red;
	/*font-size: 1.2em;*/
	margin: 4px;
	padding: 0px;
}

#acceso {
	text-align: left;
	border: 0px solid brown;
	background-image: url(imagenes/fondo_22.jpg);
	padding: 4px 8px 8px 8px;
	border: 1px solid gray;
	width: 300px;
	margin: auto;
	margin-top: 20px;
}

#menu ul {
        margin: 4px;
		  padding: 0px;
		  /*margin-left: 8px;*/
        /*padding-left: 4px;*/
		  list-style-type: none;
}

#menu li {
	list-style-type: none;
	list-style-position: inside;
	display: block; /*padding: 4px 8px 4px 8px;*/
	float: left;
	border: 1px solid gray; /*width: auto;*/
	margin: 2px;
}

#menu li a {
	text-decoration: none;
	color: #326;
   padding: 4px 8px 4px 8px;
	display: block; /*padding: 1px;*/
}

#menu li a:hover {
        text-decoration: none;
        color: Black;
        background-image: url(imagenes/fondo2.jpg);
   padding: 3px 7px 3px 7px;
	border: 1px solid;
	display: block;
}

#lateral_1 {
        float: left;
        border: 0px solid Black;
        width: 244px;
        height: auto;
        clear: left;
        background-image: url(imagenes/fondo2.jpg);
}

#principal{
        /*margin-left: 250px;*/
        height: auto;
        border: 1px solid gray;
        text-align: left;
        background-image: url(imagenes/fondo2.jpg);
        padding: 4px 12px 4px 12px;
		  font-size: 1.0em;
        color: Black;
}

.enviar {
        font-size: 14px;
        font-family: Verdana,Helvetica;
        font-weight: bold;
        color: white;
        background: #865;
        border: 0px;
        width: 70px;
        height: 25px;
        padding: 4px 8px 4px 8px;
}