html{
	height: 100%;
	font-size: 100%;
}

body {
	background-image: url(../images/fondob.jpg);
	background-repeat: repeat;
}

H1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	text-align: center;
	color: #3A6085;
}

H1 SPAN{
	color: #FFFFFF;
}

H2 {
	FONT-WEIGHT: bold;
	FONT-SIZE: 95%;
	color: #3A6085;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
}


#contenido {
	position: absolute;
	display: block;
	float: left;
	height: 100%;
	width: 100%;
	background-image: url(../images/fondoa.jpg);
	background-repeat: repeat-x;
	top: 0px;
	left: 0px;
	}
	
#contenidoa {
	position: relative;
	display: block;
	float: left;
	width: 995px;
	height: 153px;
	background-image: url(../images/fondo1.jpg);
	background-repeat: no-repeat;
	top: 0px;
	left: -0.05em;
	}
	
#logo {
	height: 5.5em;
	margin: 0.5em auto;
	padding: 0;
	position: relative;
	background-image: url(../images/cabecera-1.jpg);
	background-repeat: no-repeat;
	background-position: left;
	top: 0px;
}
#logo li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}

#logo li, #logo a {height: 4.8em; display: block;}
#logo1 {left: 2em; width: 7.5em;}	
	
#contenidob {
	position: relative;
	display: inline;
	float: left;
	width: 100%;
	background-image: url(../images/fondob.jpg);
	background-repeat: repeat;
	top: 0px;
	left: 0px;
	}	

#contenido1 {
	position: relative;
	display: inline;
	float: left;
	width: 995px;
	background-image: url(../images/fondo2.jpg);
	background-repeat: repeat-y;
	background-position: center center;
	top: 0px;
	left: -0.05em;
	}

#contenido2 {
	position: relative;
	display: block;
	float: left;
	width: 995px;
	height: 51px;
	background-image: url(../images/fondo3.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	top: 0px;
	left: -0.05em;
	}

#listado {
	position:relative;
	float: left;
	width:60%;
	left: 3%;
	top: 0;
	clear: left;
}


#principal {
}

#datos {
	position:relative;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width:50%;
	left: 8%;
	top: 0;
	clear: left;
	display: inline;
	font-size: 90%;
}

.nombre a{
	color: #3A6085;
	text-decoration: none;
}

.nombre a:link, nombre a:visited, nombre a:active{
	color: #3A6085;

}

.nombre a:hover{
	color: #1F3347;
}

.datos-boton1 a {
	background-color: #3A6085;
	color: #ffffff;
	width:10%;
	border:1px solid #3A6085;
	text-decoration: none;
	font-size: 85%;
}

.datos-boton1 a:hover {
	background-color: #E7F0FF;
	color: #3A6085;
	width:10%;
	border:1px solid #3A6085;
}

.datos-boton2 a {
	background-color: #E7F0FF;
	color: #3A6085;
	width:10%;
	border:1px solid #3A6085;
	margin-left: 0.5%;
	text-decoration: none;
	font-size: 85%;
}

.datos-boton2 a:hover {
	background-color: #D6EBFC;
	color: #3A6085;
	width:10%;
	border:1px solid #3A6085;
}

.datos-boton3 {
	margin-left: 14.3%;
}

#datos ul li{
	font-size: 90%;
	line-height: 1.5em;
}

#menu{
	position:relative;
	float: right;
	display: inline;
	clear: left;
	width:30%;
	left: -9em;
	top: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 60%;
}

#menu-seccion{
	position:relative;
	float: left;
	clear: right;
	width:90%;
	left:-3.9em;
	top: -0.5em;

}

#menu-seccion ul{
	margin:1%;
	color:#333;
	list-style-type: none;

}

#menu-seccion li{
	font-size:130%;
	margin: 1.5%;
	padding: 0px;
	list-style:none;
	border:1px solid #3A6085;
	text-align:center;
	background-color: #3A6085;
	color: #FFFFFF;
}


#menu-seccion li a{
	background-color: #3A6085;
	color: #FFFFFF;
	padding: 0px;
	text-decoration: none;
}

#menu-seccion li a:link, menu-seccion a:visited, menu-seccion a:active{
	background-color: #3A6085;
	color: #FFFFFF;
	padding: 0px;
}

#menu-seccion li a:hover{
	background-color: #E7F0FF;
	color: #3A6085;
	display: block;
	padding: 0px;
}

#menu-cer{
	position:absolute;
	float: right;
	width:15%;
	top: -1em;
	background-color: #3A6085;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	clear: both;
	left: 26em;
}

.letra-grande {
	font-size: 300%;
}

#menu-cer a {
	color: #FFFFFF;
	text-decoration: none;
}

#menu-cer a:link, menu-cer a:visited, menu-cer a:active {
	color: #FFFFFF;
	border:1px solid #3A6085;
}

#menu-cer a:hover {
	display: block;
	background-color: #E7F0FF;
	border:1px solid #3A6085;
	color: #3A6085;
}

#menu-vertical {
	position:relative;
	width:77%;
	float: left;
	clear: left;
	left: 0.2em;
}

#menu-vertical ul{
	margin: 1.5%;
	padding:0;
	color:#333;
}

#menu-vertical li{
	font-size:130%;
	margin: 1.5%;
	padding: 0px;
	list-style:none;
	border:1px solid #3A6085;
	text-align:center;
	background-color: #E7F0FF;
	}
	
#menu-vertical li a{
	color: #3A6085;
	padding: 0px;
	text-decoration: none;
}

#menu-vertical li a:link, menu-vertical a:visited, menu-vertical a:active{
	color: #3A6085;
	padding: 0px;
}

#menu-vertical li a:hover{
	background-color: #D6EBFC;
	color: #3A6085;
	display: block;
}	

.titulo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	font-weight: bold;
	font-size: 2em;
	color: #3A6085;
}


.menu-imagen {
	margin: 1%;
}

#fondo-formulario{

	position: relative;
	float: left;
	display: block;
	clear: both;
	PADDING: 0px;
	background-color: #3A6085;
	left: 5.5em;
	width: 50%;
	top: -3em;
	margin-left: -0.5em;

}
#fondo-formulario2{

    position: relative;
    float: left;
    display: block;
    clear: both;
    PADDING: 0px;
    background-color: #3A6085;
    left: 5.5em;
    width: 50%;
    top: 0em;
    margin-left: -0.5em;

}
#formulario {
	position:relative;
	float: left;
	display: block;
	width:70%;
	left: 3em;
	top: 0;
	background-color: #3A6085;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	color: #FFFFFF;
	clear: both;
	text-align: center;
	padding-top: 1em;
}


#formulario fieldset {
border:0;
padding:0px 1em;

}

#formulario p label {
	position: relative;
	float: left;
	text-align:left;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	background-color: #ffffff;
}

#formulario p label span {
	color: #FFFFFF;
}

.etiqueta{
	position: relative;
	float: left;
	text-align:left;
	padding-top: 1em;
	font-size: 100%;
	font-weight: bold;
	width: 100%;
}

.carpeta {
	position: relative;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	left: 6em;
	width: 70%;
}

#formulario p br {clear: left;}


#formulariol p br span {

clear: left;
}
.campo {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	width: 100%;
	background-color: #ffffff;
	margin-left: 2em;
}

.guardar{
	position: relative;
	float: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	font-weight: bold;
	margin:2em 1em 2em 1em;
	text-align: center;
	COLOR: #3A6085;
	BACKGROUND-COLOR: #E7F0FF;
	width: 40%;
	left: -6em;
}

#error{
	position: relative;
	float: left;
	display: block;
	clear: both;
	PADDING: 0px;
	left: 5em;
	width: 80%;
	top: 0em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	text-align: center;
	height: 6em;
}


#boton-error{
	position: relative;
	float: left;
	display: block;
	PADDING: 0px;
	left: 2.5em;
	width: 80%;
	text-align: center;
	top: 2em;
}