.derecha {float: right;}
.izquierda {float: left;}
.centro {text-align:center;}
.marco {
	padding: 10px;
	margin-left: 5%;
	margin-right: 5%;
	margin-top: 2%;
	margin-bottom: 2%;
	border: 1px #63B1E5 solid; 
	color: #0066CC;
	font-size: 1em;
	font-weight: bold;
	text-align: center;
}
img {border: 0px;}

#content img {
	padding:5px; border:0px;
}
.spacer {
	clear:both;
}


BODY{
	margin: 0 0 0 0;
	background-color: white;
	font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #666;
	padding-left: 2%;
	padding-right: 2%;
}

/* Zona de logotipo */
#cabecera {
	width:100%; 
	text-align:left;
	background-image: url(../images_styles/cabecera.jpg);
	background-position: top right;
	background-repeat: no-repeat;
	overflow: auto;
	height: 110px;
}


/* Menus superiores */
#topContainer {
	  clear: both;	
      width: 100%;
	  background-color: #63B1E5;
	  overflow: auto;

}
	.top {
      margin: 0px;
      padding: 0px;
      text-align: right;
    }
    .top ul {
      margin: 0;
      padding: 0;
      list-style-type: none;
    }
    .top li {
      margin: 0px;
      float: left;
      width: 16%;
      text-align: center;
	  padding: 0px;
	  padding-top: 10px;
	  padding-bottom: 10px;
    }
    .top a {
      /* display: block;
      width: 100%; */
      /* text-transform: uppercase; */
	  text-decoration: none;
	  font-family: Arial, Helvetica, sans-serif;
	  color: white;
	  font-size: 0.75em;
	  font-weight: bold;

	  background-color: #63B1E5;
	  border-bottom: 1px white solid; 
	  border-left: 1px white solid; 
	  border-right: 1px white solid;
	  padding: 4px;
	  margin: 1px;
	 }
    .top a:hover {
	  background-color: white;
	  color: #63B1E5;
    }

/* Capa contenedora de los contenidos 
#container {
	clear:both;
	width: 90%;
	margin-left: 5%;
	padding-top:15px;
	text-align:left;
	background-color: #fff;
	color: #333;
	background-image: url(../images_styles/empresa.jpg);
	background-position: bottom left;
	background-repeat: no-repeat;
}
*/

/* Navegacion secundaria izquierda */
#leftnav {
	float: left;
	width: 197px;
	margin: 0px;
	padding: 0px;
}

	#leftnav ul {
		margin-top: 15px;
		margin-left: 15px;
		list-style: none;
		padding: 0px;
		border: none;
	}
		
	#leftnav ul li {
		margin-top: 15px;
		border-left:1px solid #63B1E5; 
		border-bottom:1px solid #63B1E5;
	}

	#leftnav ul li a {
	  padding-left: 5px;
      display: block;
	  text-decoration: none;
	  color: #082438;
	  font-size: 0.8em;
	  font-weight: bold;
    }
    #leftnav ul li a:hover {
	  color: white;
      background: #63B1E5 none;
    }


	#leftnav ol {
		list-style: disc;
		padding: 0px;
		border: 0px;
		margin: 0px;
		margin-top: 0px;
		margin-left: 15px;
	    padding-left: 25px;
	}

	#leftnav ol li {
		padding: 0px;
		border: 0px;
		margin: 0px;
		border: none; 
		line-height: 0em;
	}

	#leftnav ol li a {
	  margin: 0px;
	  padding: 0px;
	  border: 0px;
	  padding-left: 5px;
      display: block;
	  text-decoration: none;
	  color: #082438;
	  font-size: 0.7em;
	  font-weight: bold;
	  line-height: 1.4em;
    }
    #leftnav ol li a:hover {
	  color: white;
      background: #63B1E5 none;
    }


/* Navegación terciaria derecha */
#content #navright {
	float:right;
	width:200px;
	margin:0px 0px 0px 0px;
}

#content #navright ul {
	margin-left: 25px;
	list-style: none;
	border: none;
	padding: 0px;
}
	
#content #navright ul li {
	margin-top: 15px;
	border-left:1px solid #082438; 
	border-bottom:1px solid #082438;

}

    #navright a {
	  padding-left: 5px;
      display: block;
	  text-decoration: none;
	  color: #082438;
	  font-size: 0.85em;
	  font-weight: normal;
    }
    #navright a:hover {
	  color: white;
      background: #082438 none;
    }

#contentborder {
	border-bottom: 4px #63B1E5 solid; 
	border-left: 4px #63B1E5 solid; 
	border-right: 4px #63B1E5 solid;
}

#textoscontenido {
	font-size: 0.85em;
	padding-right: 15px;
/*	height: 100%;
    overflow: auto;
	*/
}

/* Ruta */
#position {
	  color: #082438;
	  font-size: 0.8em;
	  padding-bottom: 5px;
}

    #position a {
	  text-decoration: none;
	  color: #082438;
    }
    #position a:hover {
	  color: white;
      background: #082438 none;
    }



/* Pie de página y copyrights */
#footer {
	margin: 0px;
	padding: .5em;
	color: #666;
	text-align: center;
}
#footertext {
    font-size: 0.7em;
}

#footer ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#footer ul li { display: inline; }

#footer ul li a {
	color: #0066CC;
    font-size: 0.7em;
	text-decoration: none;
	padding: .4em 1.5em;
}
#footer ul li a:hover {
	color: white;
	background-color: #63B1E5;
}

/* Logos de accesibilidad */
#logosAccesibilidad {
	margin: 0px;
	padding: .5em;
	color: white;
	text-align: center;
}
#logosAccesibilidad ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#logosAccesibilidad ul li { display: inline; }

#logosAccesibilidad ul li a {
    color: white;
    font-size: 0.85em;
	text-decoration: none;
	padding: .4em 1.5em;
}
#logosAccesibilidad ul li a:hover {
	  color: #082438;
      background: white none;
}




/* Otros estilos complementarios */
h1 {
	display: none;
}

#content h2 { 
	margin: 0 0 .5em 0; 
	color: #63B1E5; 
	font-size: 2em;
}

#content h3 { 
	margin: 0 0 .4em 0; 
	color: #63B1E5; 
	font-size: 1.5em;
	padding-top: 10px;}


#content a { 
	  color: #0066CC;
	 /* font-weight: bold; */
}

#content a:hover { 
	color: white;
	background-color: #63B1E5;
}


KBD {
	BORDER-RIGHT: #aaa 0.25em solid; PADDING-RIGHT: 0.2em; BORDER-TOP: #ccc 0.15em solid; PADDING-LEFT: 0.2em; FONT-WEIGHT: normal; FONT-SIZE: 0.8em; BACKGROUND: #eee; PADDING-BOTTOM: 0.05em; MARGIN: 0px 1px; VERTICAL-ALIGN: text-bottom; BORDER-LEFT: #bbb 0.2em solid; COLOR: #000; LINE-HEIGHT: 2em; PADDING-TOP: 0.05em; BORDER-BOTTOM: #888 0.3em solid; FONT-FAMILY: "Lucida console", Courier, monospace
}



/* Formularios */
.campo {
	FLOAT: left; 
	BACKGROUND-COLOR: transparent;
	WIDTH: 100%;
	PADDING-TOP: 10px;
}
.etiqueta {
	FLOAT: left; 
	MARGIN: 0px 0px 0px 0px; 
	WIDTH: 120px; 
	PADDING-TOP: 5px
}
.etiquetafecha {
	FLOAT: left; 
	MARGIN: 0px 5% 0px 0px; 
	PADDING-TOP: 3px;
	MARGIN: 0px; 
	WIDTH: 19%;
}
.spaninputfile {
	FLOAT: left
}
.inputfile {
	BORDER-RIGHT: #069 1px solid; 
	PADDING-RIGHT: 0px; 
	BORDER-TOP: #069 1px solid; 
	PADDING-LEFT: 0px; 
	BACKGROUND: none transparent scroll repeat 0% 0%; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	BORDER-LEFT: #069 1px solid; 
	PADDING-TOP: 0px; 
	BORDER-BOTTOM: #069 1px solid
}
INPUT.tiporadio {
	FONT-WEIGHT: normal; 
	BACKGROUND: none transparent scroll repeat 0% 0%; 
	BORDER-TOP-STYLE: none; 
	BORDER-RIGHT-STYLE: none; 
	BORDER-LEFT-STYLE: none; 
	BORDER-BOTTOM-STYLE: none
}
.conditiciones {
	FLOAT: left; 
	MARGIN: 0px 20px 0px 45px; 
	PADDING-TOP: 10px;
	WIDTH: 80%;
}