/* ----------------------------------------------------------------------------------------------- */

* {
	margin: 0;
	padding: 0;
}

html, body {
	width: 100%;
	height: 100%;
}

body {
	font: 78% Arial, Verdana, Helvetica, sans-serif;
	color: #6A7998;
	background: url("img/fndSuperiorWebRep.png") repeat-x #F5F5F8;
}

img {
	border: 0;
}
img.transparente {
	behavior: url(pngbehavior.htc); /* con esto hacemos que los png se vean correctamente en explorer */
}
	

/* CONTENEDORES
-------------------------------------------------------------------------------------------------- */
#cntSombra{
	background: url("img/fndSombra.gif") repeat-y center top;
}
#cntFndLogo{
	background: url("img/fndSuperiorWeb.png") no-repeat center top;
}
#fndPie{
	background: url("img/fndPie.gif") no-repeat center top;
	height: 30px;
}
#cntTotal {
	width: 870px;
	margin: 0 auto;
	background: #FFF;
}

#cntCabecera {
	height: 77px;
	background: #FFF;
}

#cntColumnaDcha {
	float: right;
	width: 202px;
	margin: 0 14px 10px 10px;
	padding-top:15px;
}
*html #cntColumnaDcha{ margin: 0 7px 10px 10px; }

#cntContenido {
	margin: 0 245px 0 0;
	padding: 0 0 0 27px;
}

#cntPie {
	font-size: 90%;
	clear: both;
	margin: 0 0 0 0;
	padding: 15px;
}
#cntPie .cntTextoPie{
	padding-top: 29px;
}
#cntPie .cntLogosPie{
	float: right;
	padding-top: 10px;
}

.cntBuscador{
	margin: 0 0 30px 0;
	padding: 10px 15px;
	background: #F9F9F9;
	border-bottom: 1px solid #E8E4E3;
}

.cntPaginacion{
	text-align: right;
	margin-bottom: 10px;	
}

#cntAtras{
	float: right;
	padding: 0;
}
#btnAtras{
	height: 19px;
	margin: 0 0 5px 0;
}

#cTexto{ /* para IE */
	height: 1%;
	overflow: hidden;
}

.marginNegativoIzq{
	margin-right: -27px;
	margin-left: -27px;
}

/* CONTENEDORES FIN
-------------------------------------------------------------------------------------------------- */

/* Barra de navegación
-------------------------------------------------------------------------------------------------- */
#cntBarraNavegacion{
	margin-top: 17px;
	margin-left: -14px;
	margin-bottom: 16px;
	padding-bottom: 3px;
	border-bottom: 1px solid #DFE5F1;
}
#cntBarraNavegacion a, #cntBarraNavegacion a:hover, #cntBarraNavegacion a:link,
#cntBarraNavegacion a:visited, #cntBarraNavegacion a:active{
	font-weight: normal;
}
#cntBarraNavegacion .separador{
	background: url("img/sepTitMenu.gif") no-repeat 1px 5px;
	padding: 0 2px;
}

/* Fin barra de navegación
-------------------------------------------------------------------------------------------------- */

/* LOGO Y TEXTO EN CABECERA
-------------------------------------------------------------------------------------------------- */

#logo{
	float: left;
	padding: 5px 0 0 16px;
}

/* FIN LOGO CABECERA
-------------------------------------------------------------------------------------------------- */

/* TITULARES
-------------------------------------------------------------------------------------------------- */
h1 {
	font: 190% Arial, Verdana, Helvetica, sans-serif;
	color: #6A7998;
	margin-bottom: 10px;
	padding: 19px 0 0 0;
	
}

h2 {
	font: 148% Arial, Verdana, Helvetica, sans-serif;
	font-weight: normal;
	color: #6F7E9E;
	text-align: right;
	margin: 9px 0 1px 0;
	padding: 0 17px 0 0;
	background: url("img/bulletH2.gif") no-repeat right 7px;
}

h3 {
	font: 150% Arial, Verdana, Helvetica, sans-serif;
	color: #1C91C7;
	margin: 0 0 4px 0;
}

h4 {
	font: 120% Arial, Verdana, Helvetica, sans-serif;
	font-weight: bold;
	margin: 0 0 4px 0;
}

/* TITULARES FIN
-------------------------------------------------------------------------------------------------- */


/* TEXTOS
-------------------------------------------------------------------------------------------------- */
p{
	padding-bottom: 12px;
}

.txtTitular{
	font: 145% Arial, Helvetica, sans-serif;
	color: #6A7998;
	padding: 0 0 6px 0;
	clear: both;
}

.txtResaltado{
	font-size: 150%;
	text-align: center;
	margin-top: 6px;
	margin-bottom: 18px;
	padding: 12px 8px;
	background: #FAFAFD;
	border: 1px solid #E5EAF4;
}

.txtPagSel{

}
/* TEXTOS FIN
-------------------------------------------------------------------------------------------------- */


/* LISTADOS
-------------------------------------------------------------------------------------------------- */
#cTexto ul, #cOfertaEmpleo ul{
	text-align: left;
	margin: 0 0 12px 10px;
	padding: 0;
	list-style-image: url(img/bullet.gif);
	*list-style-image: url(img/bulletIE.gif);
	list-style-position: inside;
}

#cTexto li, #cOfertaEmpleo li{
	margin: 0;
	padding: 0 0 2px 0;
}

#cTexto ul ul, #cOfertaEmpleo ul ul{
	font-size: 100%;
	margin: 3px 0 3px 25px;
	*margin-left: 10px;
	list-style-image: url(img/bullet0.gif);
	*list-style-image: url(img/bullet0IE.gif);
}
/* LISTADOS FIN
-------------------------------------------------------------------------------------------------- */


/* ENLACES
-------------------------------------------------------------------------------------------------- */
a, a:link, a:visited, a:active{
	font-weight: bold;
	color: #1B91C7;
	text-decoration: none;
}

a:hover{
	color: #002469;
}
a.btnCalendario img{
	margin: -1px 5px 0 0;
}
a.btnCalendario img{
	background: #7082A9;
}
a.btnCalendario img:hover, .boton:hover{
	background: #92A0BE;
	cursor: pointer;
}
/* abrir - cerrar capas */
.lstIcono{
	float: right;
	margin: -9px 0 0 0;
	background: #669900;
}
 a:hover img.lstIcono{
	background: #CC3333;
}
/* ENLACES FIN
-------------------------------------------------------------------------------------------------- */


/* FORMULARIOS
-------------------------------------------------------------------------------------------------- */
input, textarea{
	font: 100% Arial, Verdana, Helvetica, sans-serif;
}
select{
	font-size: 100%;
}
.cntPaginacion select{
	width: 45px;
}
.boton{
	color: #FFF;
	height: 20px;
	margin: 5px 5px 0 0;
	background-color:  #7082A9;
	border: 1px solid #92A0BE;
}
.caja{
	color: #6A7998;
	padding: 2px;
	vertical-align: bottom;
	border: 1px solid #B4BDCE;
}
.caja:focus{
	background-color:  #F4F4F7;
}
/* FORMULARIOS FIN
-------------------------------------------------------------------------------------------------- */


/* IMÁGENES
-------------------------------------------------------------------------------------------------- */
img{
	border: none;
}

.imagen, .imagenIzd, .imagenDcha{
	font-size: 90%;
	width: 1px;
	border: 1px solid #E5EAF4;
}

.imagen{
	margin: 9px 0px 9px 0px;
}

.imagenIzd{
	float: left;
	margin: 9px 9px 5px 0px;
}

.imagenDcha{
	float: right;
	margin: 9px 0px 5px 9px;
}

/* Pies */
.imagenIzd tr, .imagenDcha tr, .imagen tr{
	padding: 0px;
	background: #FAFAFD;
}

.imagenIzd p, .imagenDcha p, .imagen p{
	font-size: 90%;
	line-height: 120%;
	padding: 4px 4px 4px 4px;
	margin: 0px;
}

/* IMÁGENES FIN
-------------------------------------------------------------------------------------------------- */


/* FICHAS
-------------------------------------------------------------------------------------------------- */
.ficha_1{
	padding: 0 1px 0 0;
	background: url("img/bordeDerFicha.gif") repeat-y right top;
}
.ficha_2{
	padding: 0 1px 1px 0;
	background: url("img/bordeAbaFicha.gif") repeat-x left bottom;
}
.fichaInt{
	padding: 12px 13px 4px 13px;
	border-top: 1px solid #DFE5F1;
	border-left: 1px solid #DFE5F1;
}

.fotoMenu{
	float: left;
	margin: 0 12px 14px 0;
	border: 1px solid #DFE5F1;
}
/* FICHAS FIN
-------------------------------------------------------------------------------------------------- */

/* BANNERS
-------------------------------------------------------------------------------------------------- */
.cntBanner{
	margin: 0 0 15px 0;
}
#cntContenido .cntBanner{
	padding-top: 2px;
}
.cntBanner ul{
	list-style: none;
	list-style-image: none;
	padding: 15px 20px;
}
#cntColumnaDcha .cntBanner ul{
	padding-bottom: 100px;
}
.cntBanner ul li{
	line-height: 100%;
	margin-bottom: 7px;
}
.cntBanner ul li a, .cntBanner ul li a:link, .cntBanner ul li a:visited, 
.cntBanner ul li a:active, .cntBanner ul li a:hover{
	/*font-weight: normal;*/
}
#cntColumnaDcha p{
	font-size: 90%;
	line-height: 120%;
	padding: 3px 0 0 0;
	letter-spacing: 0.1px;
}
#cntColumnaDcha .cntBanner div{
	padding-top: 1px;
	border-top: 1px solid #DFE5F1;
	background: url("img/bordeSupBanner.gif") top;
}
/* Ofertas de empleo y noticias */
#cntOfertas, #cntNoticias{
	padding: 15px 20px;
	border-bottom: 1px solid #DFE5F1;
}
#cntOfertas p, #cntOfertas p{	
	font-size: 100%;
	letter-spacing: normal;
	margin: 0px 0 2px 0;
	padding: 0;
}
#cntOfertas p.txtFecha, #cntNoticias p.txtFecha{
	font-size: 90%;
	margin-top: 15px;
}
#cntOfertas p.txtOferta, #cntNoticias p.txtOferta{
	font-weight: bold;
}
p.txtFecha{
	margin-bottom: 0px;
}
#cntOfertas p.verMas, #cntNoticias p.verMas{
	text-align: right;
	padding-top: 10px;
	margin-bottom: -5px;
	margin-right: -5px;
}

/* BANNERS FIN
-------------------------------------------------------------------------------------------------- */

/* MENU DESPLEGABLE
-------------------------------------------------------------------------------------------------- */
#menuDesplegable {
	height: 25px;
	margin-bottom: 2px;
	padding: 0 10px;
	background: url("img/fndMenu.gif") repeat-x #7082A9;
}

#menuDesplegable li{
	list-style: none;
	position: relative;
	float: left;
	padding: 5px 0;
	background: url("img/bordeMenu.gif") repeat-y right top;
}

#menuDesplegable li.menuSel{
	background: #92A0BE;
}

#menuDesplegable li.ultima{
	background-image: none;
}

#menuDesplegable li ul{
	position: absolute;
	display: none;
	top: -2px;
	left: 0;
	margin: 0;
}

#menuDesplegable li ul li{
	clear: left;
	display: block;
	width: 152px;
	margin: 0;
	padding: 0;
	border-top: 1px solid #92A0BE;
	background: #7082A9;
}

#menuDesplegable li:hover ul, #menuDesplegable li.over ul{
	display: block;
	margin-top: 26px;
}

#menuDesplegable a, #menuDesplegable a:link, #menuDesplegable a:visited{
	font-weight: normal;
	color: #FFF;
	text-decoration: none;
	padding: 5px 9px;
}

#menuDesplegable a.submenu, #menuDesplegable a.submenu:visited{
	color: #EEE;
	text-decoration: none;
	padding: 7px 12px;
}

#menuDesplegable a:hover, #menuDesplegable li ul li a:hover, #menuDesplegable a.sel, #menuDesplegable a.sel:visited, #menuDesplegable a.sel:hover, #menuDesplegable li.sel a.submenu, #menuDesplegable li.sel a.submenu:visited, #menuDesplegable li.sel a.submenu:hover{
	color: #FFF;
	background: #92A0BE;
}

#menuDesplegable li ul li a, #menuDesplegable li ul li a:visited, #menuDesplegable li ul li a:link{
	display: block;
}

/* FIN MENU DESPLEGABLE
-------------------------------------------------------------------------------------------------- */


/* MENU LATERAL
-------------------------------------------------------------------------------------------------- */
#menuIconos {
	float: right;
	clear: right;
	margin-top: 34px;
	margin-right: 15px;
}

#menuIconos li {
	list-style: none;
	list-style-image: none;
	float: left;
	margin-left: 7px;
}

#menuLat li:hover {
	background: #EEE;
}

#menuLat li.menuSel {
	background: #EEE;
}

#menuLat li ul {
	padding: 0;
	margin: 0;
}

#menuLat li ul li.menuSel{
	background: #EE0;
}

#menuLat li a, #menuLat li a:link, #menuLat li a:active, #menuLat li a:visited, #menuLat li a:hover {
	padding:7px;
	text-decoration:none;
}
/* FIN MENU LATERAL
-------------------------------------------------------------------------------------------------- */

/* IDIOMAS
-------------------------------------------------------------------------------------------------- */
#idiomas {
	font-size: 92%;
	margin-top: 11px;
	padding-right: 8px;
	float: right;
	clear: both;
}

#idiomas li {
	line-height: 90%;
	list-style: none;
	list-style-image: none;
	float: left;
	padding: 0 7px;
	border-right: 1px solid #D1D5E1;
}

#idiomas .ultima{
	border: 0;
}

#idiomas li a, #idiomas li a:link, #idiomas li a:active, #idiomas li a:visited, #idiomas li a:hover {
	font-weight: normal;
	color: #1B91C7;
}
/* FIN IDIOMAS
-------------------------------------------------------------------------------------------------- */


/* POP UP
-------------------------------------------------------------------------------------------------- */
#cntGlobalPop{
	min-height: 100%;
	padding: 0px 20px;
	margin: 0px auto 0px auto;
	background: #FFF;
}

* html #cntGlobalPop{
	height: 100%;
}

#cntCabeceraPop{
	padding: 5px 0 0 0;
}

#cntCerrar{
	text-align: right;
	margin: -35px 0px 20px 0px;
}

#cntGlobalPop h1{
	margin-left: 0px;
}

#cntSeccionPop{
	padding: 10px;
	border: 1px solid #E5E9F2;
}
