/*************** Estilos generales aplicados TODA LA PAGINA *************************************/
* {
  margin: 0;
	padding: 0;
}

body {
	font: 62.5%/1.6 Arial, Helvetica, sans-serif;
	background: url(../images/bg.jpg) repeat-x top left #2a0001;
	text-align: center;
	color: #33394d;
}

h1, h2, h3, h4, h5, h6, p, pre, blockquote, fieldset, table, ul, ol {
  margin: 1em 0;
}

img {
	border: 0;
}

a:link {
	color: #006eab;
	text-decoration: none;
	border-bottom: 1px dotted #006eab;
}

a:visited {
	color: #04527d;
	text-decoration: none;
	border-bottom: 1px dotted #04527d;
}

a:hover {
	color: #0285cd;
	text-decoration: none;
	border-bottom: none;
}

span {
	color: #002337;
}

.clear {
	clear:both;
}

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.clearfix {display:inline-block;}

/* Oculto IE-mac \*/
* html .clearfix { height:1%; }
.clearfix {display:block;}
/* Fin oculto IE-mac */



        .bubbleInfo {
            width: 45px;
            float: left;
            clear: right;
        }
        .trigger {
            position: absolute;
            cursor: pointer;
        }
     
        /* Bubble pop-up */

        .popup {
                width: 200px;
                height: 210px;
                position: relative;
                display: none;
                z-index: 50;
                border-collapse: collapse;
                text-align: left;
        }






/*************** CABECERAS: Maquetacion y estilos *************************************/

.cabeceraalta {
	height: 65px;
	width: 994px;
	margin: 0px auto;
	position: relative;
}

.barramenu {
	height: 65px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	position: absolute;
	top: 0px;
	right: 2px;
}

.mail {
	float: left;
	height: 25px;
	text-align: left;
	position: relative;
	font-family: Cambria, "Times New Roman", Georgia, Times, serif;
	font-size: 1.5em;
	color: #fff;
	margin: 17px 2px auto 13px;
	padding-left: 30px;
	background: url(../images/mail_ico.jpg) no-repeat;
}

.telefono {
	float: left;
	height: 25px;
	text-align: left;
	position: relative;
	font-family: Cambria, "Times New Roman", Georgia, Times, serif;
	font-size: 1.3em;
	color: #fff;
	margin: 15px 2px auto 13px;
	padding-top: 5px;
	padding-left: 30px;
	background: url(../images/telefono_ico.jpg) no-repeat;
}

.barramenu li {
	float: left;
	display: block;
	width: auto;
	height: 65px;
	padding: 16px 0px 17px 1px;
}

.barramenu li a:link, .barramenu li a:visited {
	height: 65px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 23px;
	padding-bottom: 25px;
	text-decoration: none;
	font-weight: normal;
	background: url(../images/nav_bg.jpg) repeat-x top left;
	font-family: Cambria, "Times New Roman", Georgia, Times, serif;
	font-size: 1.7em;
	color: #ededed;
	border: none;
}

.barramenu li.actual a:link, .barramenu li.actual a:visited {
	height: 65px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 23px;
	background: url(../images/nav_hover.jpg) repeat-x top left;
}

.barramenu li a:hover {
	color: #fff;
	text-decoration: none;
	background: url(../images/nav_hover.jpg) repeat-x top left;
	border: none;
}

.cabeceracentral {
	height: 200px;
	width: 944px;
	margin: 0px auto 5px auto;
	padding: 25px;
	position: relative;
	background: url(../images/header.jpg) no-repeat;
	text-align: left;
}

.cabeceracentral h1 {
	margin: 25px auto 16px 520px;
	font-size: 2.5em;
	font-family: Cambria, Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	color: #000;
}

.cabeceracentral p {
	margin: 0em 0.5em 0.8em 362px ;
	width: 565px;
	padding: 0em;
	font-size: 1.3em;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif ;
	color: #898989;
	line-height: 1.4em;
	text-align: justify;
}


/*************** MAQUETACIÓN: principales zonas de contenidos *************************************/

.fondoprincipal {
	width: 994px;
	margin: 0px auto;
	padding: 0px;
	background: url(../images/content_bg.png) repeat-y top left;
}
.remateprincipal {
	width: 994px;
	margin: 0px auto;
	padding: 20px 0px 0px 0px;
	background: url(../images/content_top.png) no-repeat top left;
}

.cajacontenidos {
	width: 964px;
	margin: 0px auto;
	padding: 0px 15px 30px 15px;
	background: url(../images/content_bottom.png) no-repeat bottom left;
}

.columnaprincipal {
	width: 644px;
	float: left;
	margin: 0px;
	padding: 0px;
	text-align: left;
}

.columnasecundaria {
	width: 320px;
	float: right;
	margin: 0px;
	padding: 0px;
	text-align: center;
}

.pie {
	width: 994px;
	text-align: center;
	margin: 8px auto;
	font-size: 12px;
	color: #d9d7d7;
}


/*************** COLUMNA PRINCIPAL: Opciones de acceso y servicios *************************************/

.servicios {
	position: relative;
	background: url(../images/service_bg.jpg) no-repeat top left;
	width: 643px;
	padding: 0px;
	padding-top: 46px;
	height: 143px;
	margin-bottom: 10px;
}

.servicios h3 {
	font-size: 18px;
	color: #fff;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	font-family: Cambria, Georgia, "Times New Roman", Times, serif;
	position: absolute;
	top: 10px;
	left: 17px;
}

.serviciocaja {
	float: left;
	display: block;
	width: 176px;
	height: 120px;
	padding: 7px;
	margin: 0px 8px 0px 15px;
	text-align: left;
	font-family: Cambria, Georgia, "Times New Roman", Times, serif;
}

.serviciocaja h4 {
	font-size: 14px;
	color: #112638;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	text-decoration: underline;
}

.serviciotexto {
	color: #414141;
	font-size: 13px;
	margin: 2px;
	padding: 0px;
	text-align: left;
	line-height: 1.3em;
}

.serviciotexto ul.cuadrados {
	list-style-type: square;
	margin: 0px auto 5px 15px;
	padding: 0px;
	font-size: 14px;
}

.serviciotexto ul.cuadrados li {
	margin-bottom: 4px;
	margin-top: 4px;
}


/*************** COLUMNA PRINCIPAL: Bloques de textos *************************************/

.etiquetaroja {
	background: url(../images/etiquetaroja_bg.png) no-repeat top left;
	height: 33px;
	width: 665px;
	position: relative;
	left: -20px;
	padding: 3px 5px 3px 30px;
	text-align: left;
	margin: 0px;
	margin-top: 10px;
	color: #fff;
	font-size: 18px;
	font-weight: normal;
	font-family: Cambria, Georgia, "Times New Roman", Times, serif;
}


.bloques {
	border: 1px solid #aaa;
	margin: 0px;
	padding: 6px;
	width: 625px;
	list-style-type: none;
	background: url(../images/main_col_bg.png) no-repeat top left #f8fcff;
}

li.bloqueconimagen {
	width: 625px;
	padding: 5px 0px 10px 0px;
	margin: 0px 0px 5px 0px;
	border-bottom: 1px dotted #aeaeae;
}

li.bloqueconimagen img {
	width: 153px;
	padding: 1px;
	margin: 6px 0px 0px 0px;
	float: left;
}

li.bloqueconimagen h2 {
	font-size: 17px;
	color: #34394e;
	font-family: Cambria, Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	padding: 0px;
	margin: 5px 0px 10px 170px;
	line-height: 1.1em;
}

li.bloqueconimagen p {
	font-size: 12px;
	color: #44464b;
	margin-bottom: 15px;
	padding: 0px;
	margin-left: 170px;
	line-height: 1.4em;
}

li.bloqueconimagen ol.listanumerada li {
	width: 426px;
	font-size: 13px;
	border: none;
	color: #315c99;
	margin: 4px 0px 8px 190px;
	padding: 0px;
	line-height: 1.4em;
}

li.bloqueconimagen ul li {
	width: 426px;
	font-size: 13px;
	border: none;
	color: #315c99;
	margin: 4px 0px 8px 190px;
	padding: 0px;
	line-height: 1.4em;
}

li.bloquesinimagen {
	width: 625px;
	padding: 5px 0px 10px 0px;
	margin: 0px 0px 5px 0px;
	border-bottom: 1px dotted #aeaeae;
}

li.bloquesinimagen img {
	width: 153px;
	padding: 1px;
	margin: 6px auto 0px auto;
	border: 2px solid #cde1f5;
}

li.bloquesinimagen h2 {
	font-size: 17px;
	color: #34394e;
	font-family: Cambria, Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	padding: 0px;
	margin: 5px 0px 10px 8px;
	line-height: 1.1em;
}

li.bloquesinimagen p {
	font-size: 12px;
	color: #44464b;
	margin-bottom: 0px;
	padding: 0px;
	margin-left: 16px;
	line-height: 1.4em;
}

li.bloquesinimagen ol.listanumerada li {
	width: 90%;
	font-size: 13px;
	border: none;
	color: #315c99;
	margin: 4px 0px 8px 50px;
	padding: 0px;
	line-height: 1.4em;
}

li.ultimo {
	border: none;
}

span.nota {
	display: inline;
	font-size: 11px;
	border: none;
	color: #741212;
	padding-left: 12px;
	line-height: 1.7em;
}

span.detalle {
	display: inline;
	font-size: 13px;
	border: none;
	font-family: Cambria, Georgia, "Times New Roman", Times, serif;
	color: #7c7e86;
	text-decoration: none;
}

span.fecha {
	display: inline;
	font-size: 13px;
	border: none;
	font-family: Cambria, Georgia, "Times New Roman", Times, serif;
	color: #741212;
}

span.remarcado {
	display: inline;
	font-size: 13px;
	font-weight: bold;
	border: none;
	font-family: Cambria, Georgia, "Times New Roman", Times, serif;
	color: #f8fcff;
	background-color: #00397e;
	padding: 1px 7px;
}

span.compartir {
	display: inline;
	text-align: right;
	font-size: 13px;
	border: none;
	font-family: Cambria, Georgia, "Times New Roman", Times, serif;
	color: #7c7e86;
}

span.compartir a {
	text-decoration: none;
	border-bottom: none;
}

.metodologia {
	width: 550px;
	height: 96px;
	background: url(../images/metodologia_bg.png) no-repeat;
	margin: 5px 0px 10px 170px;
}

.metodo {
	float: left;
	display: block;
	width: 139px;
	height: 94px;
	padding: 0px;
	margin: 0px 16px 0px 0px;
	text-align: left;
	font-family: Cambria, Georgia, "Times New Roman", Times, serif;
}

.metodo h4 {
	margin: 0px;
	padding-left: 10px;
	padding-top: 4px;
}

.metodo img.ico {
	width: 45px;
	height: 61px;
	float: left;
	border: none;
	padding-left: 10px;
}

.metodo em {
	width: 82px;
	position: relative;
	top: 6px;
	float: right;
	color: #555555;
	font-size: 10px;
}

.metodo strong {
	font-size: 12px;
	color: #2a0001;
	font-style: normal;
}

.metodo p.popup {
	width: 175px;
	padding-left: 16px;
	padding-right: 22px;
	padding-top: 16px;
	color: #04527d;
  background: url(../images/popup_bg.png) no-repeat;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
  font-size: 11px;
  font-weight: normal;
}


/*************** Formularios *************************************/

form.conimagen {
	width: 426px;
	font-size: 12px;
	border: none;
	color: #315c99;
	margin: 4px 0px 8px 170px;
	line-height: 1.4em;
}

.campo {
	margin-bottom: 8px;
}

fieldset {
	border: 1px dotted #d2d2d2;
	padding: 12px 12px 12px 17px;;
	margin: 10px 0px 5px 0px;
	overflow: auto;
}

legend {
	color: #000;
	margin: 10px 0px 10px -5px;
	font-weight: bold;
	padding-left: 5px;
	padding-right: 5px;
	overflow: visible;
	line-height: 1em;
}

input.botonmedio {
	width: 100px;
	height: 26px;
	text-align: center;
  background: url(../images/boton_bg_medio.jpg) no-repeat #000;
  border: none;
  color: #fff;
}

input.botonlargo {
	width: 180px;
	height: 26px;
	text-align: center;
  background: url(../images/boton_bg_largo.jpg) no-repeat #000;
  border: none;
  color: #fff;
}

input:hover {
 	cursor: pointer;
}


/*************** Para el JS de mostrar/ocultar *************************************/

a.adjust {
	width: 100%;
	font-size: 15px;
	margin-left: 15px;
	margin-top: 0px;
}

p.continued {
	margin-top: 0px;
}

.pieissuu {
	width: 100%;
	font-size: 13px;
	margin-left: 15px;
	margin-top: 0px;
	text-align: left;
}

/*************** COLUMNA SECUNDARIA: Estilos generales *************************************/

.etiquetaverde {
	position: relative;
	left: 21px;
	background: url(../images/etiquetaverde_bg.png) no-repeat top left;
	width: 289px;
	text-align: left;
	height: 33px;
	padding: 3px 5px 3px 25px;
	margin: 0px;
	margin-top: 10px;
	color: #fff;
	font-size: 18px;
	font-weight: normal;
	font-family: Cambria, Georgia, "Times New Roman", Times, serif;
}

.etiquetanaranja {
	position: relative;
	left: 21px;
	width: 289px;
	text-align: left;
	height: 33px;
	padding: 3px 5px 3px 25px;
	margin: 0px;
	margin-top: 10px;
	color: #fff;
	font-size: 18px;
	font-weight: normal;
	font-family: Cambria, Georgia, "Times New Roman", Times, serif;
	background: url(../images/etiquetanaranja_bg.png) no-repeat top left;
}

.etiquetaazul {
	position: relative;
	left: 21px;
	width: 289px;
	text-align: left;
	height: 33px;
	padding: 3px 5px 3px 25px;
	margin: 0px;
	margin-top: 10px;
	color: #fff;
	font-size: 18px;
	font-weight: normal;
	font-family: Cambria, Georgia, "Times New Roman", Times, serif;
	background: url(../images/etiquetaazul_bg.png) no-repeat top left;
}

.columnasecundaria ul {
	position: relative;
	left: 15px;
	border: 1px solid #aaa;
	border-bottom: none;
	list-style-type: none;
	width: 285px;
	margin: 0px auto;
	margin-bottom: 10px;
	padding: 0px;
	text-align: left;
}

.columnasecundaria ul li {
	display: block;
	margin: 0px;
	padding: 5px;
	width: 275px;
	background: url(../images/side_col_bg.png) no-repeat top left #fff;
	border-bottom: 1px solid #d0d0d0;
}

.columnasecundaria ul li h4 {
	font-size: 14px;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}

.columnasecundaria ul li span {
	color: #6b6b6b;
	font-weight: bold;
}

.columnasecundaria ul li p {
	color: #4d4d4d;
	font-size: 11px;
	margin: 4px;
	padding: 2px;
}

.columnasecundaria ul li a.more:link, 
.columnasecundaria ul li a.more:visited, 
.columnasecundaria ul li a.more:hover {
	background: url(../images/arrow.png) no-repeat center left;
	margin: 0px;
	padding: 0px;
	padding-left: 12px;
	border: none;
	text-decoration: underline;
	font-size: 12px;
	text-align: right;
}

.columnasecundaria ul li a.more:hover {
	text-decoration: none;
}

.columnasecundaria ul li p.derecha {
	text-align: right;
}

li.pack {
	width:275px;
}


li.pack a {
	font-size: 12px;
	color: #44464b;
	margin: 0px;
	padding: 0px;
	padding-left: 35px;
	padding-top: 10px;
	width: 275px;
	background: url(../images/pack_ico.png) no-repeat top left;

}


/*************** COLUMNA SECUNDARIA: Caja tipo Mas Info *************************************/

.masinfo {
	background: url(../images/login_bg.png) no-repeat top left;
	margin: 0px auto;
	padding: 5px 5px 5px 5px;
	width: 276px;
	height: 179px;
	text-align: left;
	font-size: 1.4em;
	border: none;
	position: relative;
	left: 15px;
}

.masinfo h4 {
	font-size: 18px;
	font-weight: normal;
	font-family: Cambria, Georgia, "Times New Roman", Times, serif;
	width: 246px;
	height: 31px;
	padding: 4px 0px 0px 30px;
	margin: 0px;
}

.masinfo p {
	width: 250px;
	margin: 7px auto 0px auto;
	padding: 0px 5px 0px 5px;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 12px;
	line-height: 1.5em;
}


/*************** COLUMNA SECUNDARIA: Likebox facebook *************************************/

.facebook {
	position: relative;
	left: 15px;
	list-style-type: none;
	width: 285px;
	margin: 0px auto 10px auto;
	padding: 0px;
	text-align: left;
	display: block;
	background: url(../images/side_col_bg.png) no-repeat top left #fff;
	font-size: 1.5em;
	border: none; 
	overflow: hidden; 
	height:630px;
}


/*************** COLUMNA SECUNDARIA: Lector de ofertas de empleo *************************************/

.ofertasempleo {
	position: relative;
	left: 15px;
	border: 1px solid #aaa;
	list-style-type: none;
	width: 285px;
	height: 300px;
	margin: 0px auto;
	margin-bottom: 10px;
	padding: 0px;
	text-align: left;
}

.rss {
	position: absolute;
	visibility: visible;
	background: url(../images/load.gif) no-repeat center #fff;
	font-size: 10px;
	width: 285px;
	height: 300px;
	overflow: scroll;
	text-align: left;
	z-index: 1;
}

.rematerss {
	position: relative;
	top: 283px;
	visibility: visible;
	width: 285px;
	height: 17px;
	z-index: 2;
}

.feedsweep {
	position: absolute;
	visibility: visible;
	background: url(../images/side_col_bg.png) no-repeat top left #fff;
	margin-top: -5px;
	padding: 0px;
}

.feedsweep_title {
	font-size: 14px;
	font-weight: bold;
	font-family: Cambria, Georgia, "Times New Roman", Times, serif;
	margin-left: 12px;
	margin-bottom: 5px;
	padding-top: 10px;
	color: #34394e;
}

.feedsweep_item {
	color: #4d4d4d;
	margin-left: 12px;
	margin-bottom: 14px;
}

.feedsweep_headline {
	color: #006699;
	font-size: 14px;
	margin-left: 0px;

}

.feedsweep_date {
	color: #999999;
	margin: 0px;
}

.feedsweep_link {
	margin-left: 12px;
}


/*************** PIE DE PAGINA *************************************/

.menufinal {
	list-style-type: none;
}

.menufinal li {
	display: inline;
	font-size: 16px;
	font-family: Cambria, Georgia, "Times New Roman", Times, serif;
	color: #e6e6e6;
}

.menufinal a:link, 
.menufinal a:visited {
	border: none;
	text-decoration: underline;
	color: #e6e6e6;
}
 
.menufinal a:hover {
	color: #fff;
	text-decoration: none;
}

.logos {
	margin-top: 0px;
	margin-left: 18px;
	font-size: 10px;
	padding: 0px;
	color: #fff;
	display: inline;
	line-height: 50px;
}

.logos a,
.logos a:hover,
.logos a:link,
.logos a:visited {
	border: none;
	text-decoration: none;
}