body {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size:14px;
  background-color:#FFFFFF;
}

.float_left {
	float:left;
}

.float_right {
	float:right;
}

#principal {
	margin: 30px auto;
	width:900px;
}

a, a:hover, a:visited {
	color:#006197;
	text-decoration:none;
}

a:hover {
	text-decoration:underline !Important;
}

#cabecera {
	height:80px;
	background:url(../img/logo.jpg) no-repeat;
	background-position: 20px -5px;
}

/* BARRA MENU SUPERIOR */
#barra_sup { 
	height:25px; 
	background:url(../img/barra_sup.jpg) no-repeat; 
}

#menu_sup { 
	margin-left: 215px; *margin-left: 255px; 
}

#barra_sup #menu_sup li { 
	display: inline;
}
#barra_sup #menu_sup li a { 
	float:left; 
	width: 129px; 
	height: 0; 
	padding-top: 25px; 
	overflow: hidden; 
}
#barra_sup #menu_sup li a { 
	background-image: url(../img/bg_menu_sup.png); _background-image: url(../img/bg_menu_sup.gif); 
	background-repeat: no-repeat; 
}

/* BOTONES INICIALES */
#barra_sup #menu_sup li#b_firma a 			{ background-position: 0px 0px; }
#barra_sup #menu_sup li#b_clientes a 		{ background-position: -129px 0px; }
#barra_sup #menu_sup li#b_servicios a 		{ background-position: -258px 0px; }
#barra_sup #menu_sup li#b_documentacion a 	{ background-position: -385px 0px; }
#barra_sup #menu_sup li#b_contacto a 		{ background-position: -514px 0px; }

/* HOVER */
#barra_sup #menu_sup li#b_firma a:hover 		{ background-position: 0px -25px; }
#barra_sup #menu_sup li#b_clientes a:hover 		{ background-position: -129px -25px; }
#barra_sup #menu_sup li#b_servicios a:hover 	{ background-position: -258px -25px; }
#barra_sup #menu_sup li#b_documentacion a:hover { background-position: -385px -25px; }
#barra_sup #menu_sup li#b_contacto a:hover 		{ background-position: -514px -25px; }

/* PRESIONADO */
#barra_sup #menu_sup li#b_firma a:active 			{ background-position: 0px -51px; }
#barra_sup #menu_sup li#b_clientes a:active 		{ background-position: -129px -51px; }
#barra_sup #menu_sup li#b_servicios a:active 		{ background-position: -258px -51px; }
#barra_sup #menu_sup li#b_documentacion a:active 	{ background-position: -385px -51px; }
#barra_sup #menu_sup li#b_contacto a:active 		{ background-position: -514px -51px; }

/* SELECCIONADO */
#barra_sup.firma #menu_sup li#b_firma a 					{ background-position: 0px -77px !important; }
#barra_sup.clientes #menu_sup li#b_clientes a 				{ background-position: -129px -77px !important; }
#barra_sup.servicios #menu_sup li#b_servicios a 			{ background-position: -258px -77px !important; }
#barra_sup.documentacion #menu_sup li#b_documentacion a 	{ background-position: -385px -77px !important; }
#barra_sup.contacto #menu_sup li#b_contacto a 				{ background-position: -514px -77px !important; }

#barra_inf {
	height:25px;
	background:url(../img/barra_inf.jpg) no-repeat;
}

#barra_inf div.menu {
	color:#FFFFFF;
	padding-top:5px;
	padding-left:5px;
}

#barra_inf a, #barra_inf a:hover, #barra_inf a:visited {
	color:#FFFFFF;
	text-decoration:none;
	font-size:11px;
}

/* ---------------------------------- CUERPO */
#cuerpo {
	height:350px;
	background:url(../img/bg_cuerpo.jpg) no-repeat right bottom;
}

.cuerpo_servicios {
	background-position:2px bottom !important;
}

.cuerpo_documentacion {
	background-position:2px bottom !important;
}

.cuerpo_contacto {
	background-position:2px bottom !important;
}

#cuerpo h1 {
	font-size:32px;
	border-bottom: #0075b5 solid 2px;
	letter-spacing:-2px;
	font-weight:normal;
	text-indent:inherit;
}

#cuerpo h2 {
	font-size:16px;
	font-weight:bold;
	text-indent:inherit;
	text-decoration:underline;
}

#cuerpo h3 {
	font-size:14px;
	font-weight:bold;
	text-indent:inherit;
}

#cuerpo h4 {
	font-size:16px;
	font-weight:bold;
	font-variant:small-caps;
}

#cuerpo h5 {
	font-size:16px;
	font-weight:bold;
	font-variant:small-caps;
	margin: 0px;
}

#cuerpo .h1_firma {
	margin:5px 0px 10px 400px;
}

#cuerpo .h1_clientes {
	margin:5px 0px 10px 520px;
}


#cuerpo .h1_servicios {
	margin:5px 0px -3px 0px; *margin:5px 0px 10px 0px;
}

#cuerpo .h1_documentacion {
	margin:5px 0px 10px 0px;
}

#cuerpo .h1_contacto, .h1_mapa, .h1_faq, .h1_enlaces {
	margin:5px 0px 10px 0px;
}

#cuerpo .cuerpo_texto_servicios {
	width:505px;
	*width:509px;
	margin-right: 5px;
}

#cuerpo .cuerpo_texto_documentacion {
	width:635px;
	*width:639px;
	margin-right: 5px;
}

#cuerpo .cuerpo_texto_contacto {
	width:759px;
	*width:763px;
	margin-right: 5px;
}

#cuerpo p {
	text-align:justify;
}

#texto ul {
	list-style-image:url(../img/flecha_auxiliar.gif);
}

li {
	text-align:justify;
}

.direccion_cabecera {
	font-size:16px;
	font-weight:bold;
	font-variant:small-caps;
}
.direccion_texto {
	line-height:150%;
	margin-top:0px;
}

/* MENU */
p.menu {
	background:url(../img/bg_menu.jpg) no-repeat 0px -5px;
	clear:both;
	margin:0 0;
	padding:20px 0px 0px 12px;
	width:120px;
	height:320px;
}

p.menu_firma {
	margin:0px;
	padding-right:15px;
}

p.menu_clientes {
	margin:0px;
	padding-right:6px;
}

p.menu_servicios {
	background:url(../img/bg_menu_der.jpg) no-repeat 0px -5px !important;
	margin:0px;
}

p.menu_documentacion {
	background:url(../img/bg_menu_der.jpg) no-repeat 0px -5px !important;
	margin:0px;
}

p.menu_contacto {
	background:url(../img/bg_menu_der.jpg) no-repeat 0px -5px !important;
	margin:0px;
}

#menu a, #menu a:hover, #menu a:visited {
	background:url(../img/dot.gif) no-repeat 0px 3px;
	text-decoration:none;
	padding-left: 8px;
	line-height:150%;

	font-size: 12px;
}

#menu a.marcado, #menu a.marcado:hover, #menu a.marcado:visited {
	font-weight:bold;
}

/* IMAGENES LATERALES */
p.img_lat {
	display:none;
	clear:both;
	margin:0 0;
	width:255px;
	height:351px;
	border: 0px;
}

.img_lat_firma {
	border: 0px;
	width:255px;
	height:348px; *height:351px;
}

.img_lat_enlaces, .img_lat_mapa, .img_lat_faq  {
	border: 0px;
	width:255px;
	height:348px; *height:351px;
	padding-right: 20px;
}

.img_lat_clientes {
	border: 0px;
	width:383px;
	height:348px; *height:351px;
}

.img_lat_servicios {
	border: 0px;
	width:254px;
	height:348px; *height:351px;
}

.img_lat_documentacion {
	border: 0px;
	width:124px;
	height:348px; *height:351px;
}

/* ---------------------------------- PIE */
/* FAQS */

	.tickercontainer { /* the outer div with the black border */
		width:820px; *width:700px;
	}
	
	.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
		position: relative;
		overflow: hidden;
		top:5px;
	}
	
	ul.newsticker { /* that's your list */
		position: relative;
		left: 750px;
		list-style-type: none;
		margin: 0;
		padding: 0;
		color:#FFFFFF;
	}
	
	ul.newsticker li {
		float: left; /* important: display inline gives incorrect results when you check for elem's width */
		margin: 0;
		padding: 0;
	}
	
	ul.newsticker a {
		white-space: nowrap;
		font: bold 10px Verdana;
	} 

#pie {
	height:50px;
	vertical-align:top !important;
	color:#006197;
	background:url(../img/bg_pie.jpg) no-repeat right;
}

.pie_servicios {
	background-position:20px !important;
}

.pie_documentacion {
	background-position:20px !important;
}

.pie_contacto {
	background-position:20px !important;
}

#pie p.copyright {
	font-size:10px;
	margin: 0px;
	padding: 0px;
	float:left;
}

#pie p.direccion {
	font-size:12px;
	margin: 0px;
	padding: 0px;
	float:right;
	text-align:right;
}

/* MENSAJE */
.mensaje_exito {
background:#F3FFD8 url(../img/iconos/mensaje_exito.jpg) no-repeat scroll 5px 3px;
border:1px solid #99CC33;
color:#336600;
font-size:13px !important;
margin:10px 0;
padding:3px 5px 5px 27px;
}
.mensaje_error {
background:#FDF2F2 url(../img/iconos/mensaje_error.jpg) no-repeat scroll 5px 3px;
border:1px solid #EF8A9E;
color:#BB0022;
font-size:13px !important;
margin:10px 0;
padding:3px 5px 5px 27px;
}
.mensaje_info {
background:#FFFFD9 url(../img/iconos/mensaje_info.gif) no-repeat scroll 5px 3px;
border:1px solid #E1D4AD;
color:#000000;
font-size:13px !important;
margin:10px 0;
padding:3px 5px 5px 27px;
}
.mensaje_ayuda {
background:#FFFFD9 url(../img/iconos/mensaje_ayuda.gif) no-repeat scroll 5px 3px;
border:1px solid #E1D4AD;
color:#000000;
font-size:13px !important;
margin:10px 0;
padding:3px 5px 5px 27px;
}
.mensaje_alerta {
background:#FFFFD9 url(../img/iconos/mensaje_alerta.jpg) no-repeat scroll 5px 3px;
border:1px solid #E1D4AD;
color:#000000;
font-size:13px !important;
margin:10px 0;
padding:3px 5px 5px 27px;
}