@charset "UTF-8";
/* CSS Document */

body{


	background-image: url(imagenes/fondo.png);
	background-repeat:repeat-x;
}


*{
	padding: 0px;
	margin: 0px;
	font-family:"Lucida Grande CY", Helvetica;
	font-size:11px;
	color: #666666;
	
}
.clear{
	clear: left;
}

#general{
	position: static;
}

#central{
	
	width: 900px;
	margin-left: auto;
	margin-right:auto;
	position: static;

}
#cabecera{

	height: 108px;
	
	position: relative;
	
	width: 892px;
	
}


#cuerpo{
	background-image: url(imagenes/centro_fondo.png);
	background-repeat:no-repeat;
	width: 880px;
	padding: 10px;
	

}

#izquierda{
	float: left;
	width: 630px;
}

#derecha{
	float: right;
	width: 249px; 
	
	
			
}

#pie{
	display: block;
	clear: both;
	float: right;
	
	padding: 11px;
	/*background-image: url(imagenes/barra_inferior.jpg);
	background-position:bottom;
	background-repeat: repeat-x;*/
	
}

#aviso h1{
	font-size:14px;
	
}

#aviso p{
	margin: 6px;
}
#aviso .titulo{
	font-size:18px;
	
}

#menu_superior{
	height: 48px;
	position: absolute;
	bottom: 1px;
	right: 0px;
	
	background-image:url(imagenes/menu_muesca.png);
	background-repeat:no-repeat;
	

	
}

#menu_superior ul.menu{
}

/* MENU PRINCIPAL */


ul.menu {
	list-style: none;
	float: left;
	padding: 2px 4px 4px 4px;
	margin-left: 8px;
	width: 650px;
	background-image: url(imagenes/menu_fondo.png);
	background-repeat: repeat-x;
	
	
	
}
.menu li {
	text-align: right;
	float: left;
	
}
.menu li a{
	color: #FFFFFF;
	
	

	background-repeat: repeat-x;
	background-position: bottom;
	margin-top: 3px;
	text-align: right;
	padding-bottom: 20px;
	padding-top: 0px;
	text-decoration: none;
	display: block;
	
	padding-right: 14px;
	
	font-family: "Lucida Grande", Helvetica, "Helvetica Neue", Arial;
	font-size: 12px;
	font-weight: 400;
	
}


 
.menu li a:hover {
	color: #D1D1D1;
	
	background-repeat: repeat-x;
}
.menu li.marcado  a.item{
 	color: #0E1E42;
	
	background-image: url(imagenes/menu_boton_hover.gif);
	background-repeat: repeat-x;
}
.menu li a#boton_clientes{
	background-image: url(imagenes/bsup_bclientes.png);
	height: 27px;
	width: 90px;
	float: left;
	padding: 0px;
	margin: 0px;
	margin-left: 160px;
	margin-right: 10px;
	display: block;
}
.vinculo_imagen img{
	
	border: 0px;
	
}
a.vinculo_imagen{
text-decoration: none;
	border: 0px;
	
}

#logo{
	background-image: url(imagenes/bsup_logo.jpg);
	background-repeat: no-repeat;
	width: 235px;
	height: 86px;
	position:absolute;
	top: 6px;
	
}

ul#indicador{
	background-repeat: no-repeat;
	width: 260px;
	height: 25px;
	position:absolute;
	right: 0px;
	top: 20px;
	list-style: none;
}


ul#indicador li {
	float: left;
	
	
	
	
}

ul#indicador li a img{
	 border: none;
}
/* ELEMENTOS BARRA INFERIOR */


#barra_inferior {
	background-image: url(imagenes/barra_inferior_fondo.jpg);
	background-repeat: repeat-x;
	height: 50px;
	position: fixed;
	bottom: 0px;
	width: 100%;
	z-index: 100;
}
#contenido_barra {
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	padding-left: 10px;
	padding-right: 5px;
}
ul.menu_inferior {
	list-style: none;
	margin: 0px;
	padding: 0px;
	
}
ul.menu_inferior li{
	float: left;
	margin: 3px;
	font-size: 7px;
	font-family:  Helvetica, "Helvetica Neue", Arial;
	font-size: 11px;
	padding: 1px;
	color: #AAAAAA;
}
ul.menu_inferior li a {
	text-decoration: none;
	color: #AAAAAA;
	margin-left: 1px;
	margin-right: 1px;
	
}
ul.menu_inferior li a:hover {
    color: #CCCCCC;
	
}
ul.menu_inferior li.marcado a{

	 color: #CCCCCC;
	 text-decoration: underline;
}
#barra_inferior p {
	color: #AAAAAA;
	font-size: 10px;
	float: left;
	clear: left;
	padding-left: 10px;
	margin-top: 2px;
}

a.past{
 	text-decoration: none;
	margin-top: 8px;
	padding: 6px;
	float: left;
}

a#border1, a#border2{
	border-left: thin dotted #292929;
}

a.past img{
 	text-decoration: none;
	
	border: none;
}

#central p{
	
		
		text-align: justify;
		

}

#central p.parrafo_cuerpo{
	padding: 10px 10px 2px 10px;
}


h2{
 	font-size:18px;
	font-family: "Lucida Grande CY", Helvetica;	
	padding-left: 10px;
	padding-top: 4px;
}
h3{
font-family: "Lucida Grande CY", Helvetica;	
	padding-left: 10px;
	padding-top: 2px;
}

.lista_parrafo{
 	padding: 10px;
	padding-left: 40px;
	list-style:none;
}

.lista_parrafo li{derec
 	padding: 4px;
	
	list-style: square;
	text-align: justify;

}


.resaltar{
	font-weight: 600;
}

.noticias_tit{
	width: 570px;
	heigh: 35px;
	float: left;
	background-image: url(imagenes/noticias_tit.jpg);
	padding: 11px;
	text-indent: -2000px;
}


.noticia{
	
	width: 500px;
	
	padding: 20px;
	padding-left:80px;
	padding-bottom: 1px;
	
	margin-top: 5px;
	float: left;
	
	background-image: url(imagenes/noticia_bg.gif);
	background-repeat: repeat-y;
	
	
}

.noticia  img{
	float: left;
	margin-right: 10px;
	margin-bottom: 2px;
}


.noticia .noticia_cab{
	
	background-image: url(imagenes/noticias_cabecera.jpg);
	float: left;
	padding: 2px;
	heigth: 60px;
	width: 40px;
	
}

.noticia p.not_fecha{
	margin: 3px;
	font-size:14px;
	color: #21427F;
	font-weight: 400;
	padding: 0px;
	margin: 0px;
	 
	
}
.noticia p.not_tit{
	margin: 3px;
	font-size:14px;
	color: #717171;
	font-weight: 400;
	padding: 0px;
	margin: 0px;
	 
	
}
.noticia p.not_cuerpo{
	
	text-align: justify;
	padding: 2px;
	
	
}
 .pie_noticia{
	background-image:url(imagenes/noticia_pie.gif);
	background-repeat:no-repeat;
	width: 600px;
	height: 18px;
	float: left;
	
	
	padding: 4px 5px 5px 5px;
}
.menu_derecha a.derecha_botones{
	font-size: 12px;
	color: #FFFFFF;
	background-image: url(imagenes/mini_logo.png);
	background-position:left;
	background-repeat:no-repeat;
	padding: 5px;
	margin-top: 1px;
	margin-left: 4px;
	padding-left: 30px;
	text-decoration: none;

	font-family:Arial, Helvetica, sans-serif;
	display: block;
	
	
	
}
ul.menu_derecha {
	list-style: none;
	padding-top: 2px;
	padding-bottom: 1px;
	margin-bottom: 1px;
	background-color: #466493;
	
	

}
ul.menu_derecha li{
background-image:url(imagenes/derecha_barrita.jpg);
background-repeat:repeat-x;
background-position:bottom;
margin-top: 2px;
padding-bottom: 2px;
margin-bottom: 2px;




}

/*Formulario */

.formulario{

	margin: 1em 0;
	padding: 1em;
}

.formulario input, .formulario textarea{
  
  font-size: 12px;
	

}

.formulario label{


padding: 5px;
color: #333333;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
display: blocK;

	

}

.formulario input:focus, .formulario textarea:focus{
  
  background-color: #6492B4;
  color: #333333;
	

}

.formulario fieldset{
	
	border: 1px solid #ccc;
	
}

legend{
 	font-weight: bold;
}


.formulario .boton_form{
    
	 border: 0px;
	 background-image: none;
	 border: 1px solid #444444;
	 padding: 3px;
}

.formulario .boton_form:hover{
	background-color: #333333;
	color: #FFFFFF;
}

.mensajeFormularioCorrecto{
	background-color: #CCCCCC;
	border: #333333;
	padding: 2px;
	font-size: 10px;
	padding-left: 30px;
	font-style: italic;
	background-image: url(imagenes/flecha.gif);
	background-position: left;
	background-repeat: no-repeat;
	
}


.mensajeFormularioCorrecto{
	background-color: #CCCCCC;
	border: #333333;
	padding: 2px;
	padding-left: 30px;
	font-style: italic;
	background-image: url(imagenes/flecha.gif);
	background-position: left;
	background-repeat: no-repeat;
		font-size: 11px;
}


.nota_legal{
	color: #B6B6B6;
	font-style:italic;
	padding: 20px;	
}
a.enlace{
	font-family:"Lucida Grande", Helvetica, Arial;
	font-size:11px;
	background-color: #E6E6E6;
	padding: 3px;
	margin: 3px;
	text-decoration: none;
	font-style:italic;
	color: #7C7C7C;
	border: 1px solid #929292;
	-moz-border-radius: 4px; 
	-webkit-border-radius : 5px;
	float: left;
	clear: both;
	margin-left: 30px;
	
	
}

a:hover.enlace{
	background-color: #A3A3A3;
	color: #FDFDFD;
 
 }
#enlaces .p_enlace{
	padding: 3px;
	padding-left: 30px;
	margin: 3px;
	margin-top: 1px;
	margin-left: 40px;
	width: 450px;
	line-height: 18px;
	display: block;
	float: left;
	clear: both;
	
}
#enlaces{
	margin-top: 20px;
}