body { margin: 20px; font-family: arial; font-size:9pt; background-color: #5F77A9;}
#todo {margin: 0px auto; width:900px; margin-top:10px;}
#todo2 {float:left; width:900px; min-height:400px; height:auto !important; height:400px; border: 1px solid #000; background-color:#666666;}
	#izq {float:left; width:250px; min-height:400px; height:auto !important; height:400px; background-color:#ffffff;}
		#logo {float:left; width:250px; min-height:50px; height:auto !important; height:50px; padding-bottom:15px; padding-top:15px;}
		#separ_izq {float:left; width:8px; height:10px;}
		#menu {float:left; width:242px; min-height:100px; height:auto !important; height:100px; padding-bottom:30px;}
			.item_menu {float:left; width:225px; height:18px; padding-top:9px; border-bottom:1px solid #5F77A9; font-weight:bold;}
				.flecha {float:left; width:14px; height:13px; padding-right:10px; padding-top:2px;}
				.texto_menu {float:left; width:190px; height:18px; font-size:10pt;}
					.texto_menu a {text-decoration:none; color:#000000;}
					.texto_menu a:hover {text-decoration:none; color:#5F77A9;}
				.texto_menu_selected {float:left; width:190px; height:18px; font-size:10pt;}
					.texto_menu_selected a {text-decoration:none; color:#5F77A9;}
			.item_submenu {float:left; width:145px; min-height:15px; height:auto !important; height:15px; padding-left:25px; padding-top:8px; padding-bottom:2px; font-size:9pt; font-weight:bold;}
				.texto_submenu {float:left; width:160px; height:15px; padding-bottom:2px;}
					.texto_submenu a {text-decoration:none; color:#000000;}
					.texto_submenu a:hover {text-decoration:none; color:#5F77A9;}
				.texto_submenu_selected {float:left; width:165px; height:18px; font-size:9pt;}
					.texto_submenu_selected a {text-decoration:none; color:#5F77A9;}
		
		#boletin {float:left; width:190px; min-height:50px; height:auto !important; height:50px; padding-bottom:15px; padding-left:8px;}
			#texto_boletin {float:left; min-height:10px; height:auto !important; height:10px; padding-bottom:10px; color:#727272;}
			#textbox {float:left; width:180px; padding-left:8px; text-align:center; padding-bottom:15px;}
				#textbox input {font-family: Arial; font-size: 9pt;}
			#btn_boletin {float:left; width:180px; padding-left:8px; text-align:center; padding-bottom:40px;}
		#img_izq {float:left; width:250px; text-align:center; padding-bottom:15px;}
		#abajo_izq {float:left; width:250px; height:20px; background: url(../gfx/abajo_izq.jpg) no-repeat;}
	
	#drch {float:right; width:650px; min-height:225px; height:auto !important; height:225px;}
		#head {float:right; width:650px; height:225px;}
		#subhead {float:right; width:650px; height:5px; background-color:#F2F2F2; font-size:0.1pt;}
		#tit_contenido {float:right; width:625px; padding-left:25px; height:26px; padding-top:20px; color:#ffffff; font-size:11pt;}
		#separ_cont {float:left; width:8px; height:15px;}
		#cont {float:right; width:640px; min-height:225px; height:auto !important; height:225px;}
			#bg_up_cont {float:left;width:635px; height:23px; background: url(../gfx/bg_up_cont.jpg) no-repeat;}
			#bg_cont {float:left; width:635px; min-height:100px; height:auto !important; height:100px; background: url(../gfx/bg_cont.jpg) repeat-y;}
				#texto_cont {float:left; padding-left:22px; width:590px;}
			#bg_down_cont {float:left; width:635px; height:23px; background: url(../gfx/bg_down_cont.jpg) no-repeat;}
	#pe {float:left; width:880px; height:25px; padding-right:20px; text-align:right; font-size:8pt; color:#ffffff; padding-top:10px;}
		.a_pe {text-decoration:underline; color:#ffffff;}
		.a_pe:hover {color:#333333;}

/* estilos para acceso a intranet e extranet*/
#accesos {float:left; width:190px; min-height:50px; height:auto !important; height:50px; padding-bottom:15px; padding-left:8px;}
	.item_acceso {float:left; width:190px; min-height:1px; height:auto !important; height:1px; padding-bottom:15px;}
	.item_formulario {float:left; width:166px; padding-top:5px; padding-left:24px;}
	.item_boton {float:left; width:166px; padding-top:10px; padding-left:24px; text-align:center;}

/* Estilos generales */
.linkContenido {color: #5F77A9; text-decoration: none;}
.linkContenido:hover {color: #5F77A9; text-decoration: underline;}
.enlaceVolver {float: left; width: 590px; padding-top: 20px;}

/* Archivos */
.separadorArchivos {float:left; height: 20px; width: 100%;}
.contenedorArchivo {float:left; height: 18px; width: 100%;}

/* Proyectos web */
.separadorProyectosWeb {float: left; width: 590px; height: 20px;}
.contenedorProyectoWeb {float: left; width: 295px; text-align: center; padding-top: 10px; padding-bottom: 10px;}
.contenedorPaginacion {float: left; width: 590px;}
.paginacionAnterior {float: left; width: 295px;}
.paginacionSiguiente {float: right; width: 295px; text-align: right;}

/* Contacto */
DIV#formularioContacto {display:block; float: left; padding-top: 20px; width: 540px;}
.tituloContacto {float: left; width: 120px; margin-bottom: 5px; font-family: Arial; font-size: 9pt;}
.elementoContacto {float: left; width: 420px; margin-bottom: 5px; font-family: Arial; font-size: 9pt;}
.separadorBotones {float:left; width:540px; height: 5px; font-size: 0.1pt;}
input.contacto, textarea.contacto, select.contacto {width: 375px; font-family: Arial; font-size: 9pt;}
.botonContacto {width: 185px; font-family: Arial; font-size: 9pt;}
/* Imágenes */
IMG.ifoto {float: left; margin: 5px; border: none;}
IMG.dfoto {float: right; margin: 5px; border: none;}
IMG.cfoto {float: center; margin: 5px; border: none;}

/* Productos */
.tdCategoriaProductos {vertical-align: top; padding-top: 4px; padding-bottom: 4px;}

/* Ficha de producto */
.CampoFichaProducto {width: 100px; height: 25px; vertical-align: top; font-weight: bold;}
.ValorFichaProducto {width: 500px; vertical-align: top;}

/* listas */
ul {list-style-position: inside;}

/* Mapa Web */
.mapaWeb {float: left; height: 18px;}