@charset "utf-8";
/******************************* Hacks */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.hidden-on-load {
	position: absolute;
	left: -9999px;
	width: 980px;
}

.external {
	font-weight: normal;
}

/****** Definiciones generales (TinyMCE) *********************/
body {	
  font-family: Helvetica, arial;
  color: #808080;
  background-color: #FFFFFF;
  margin: auto;
}

#pagina {
  width: 1000px;
  margin: auto;
  background-color: #FFFFFF;
  margin-top: 20px;
  text-align: left;
}

strong {
  font-weight: bold;
}

/** Enlaces **/
body a {
        text-decoration: none;
        color: #003352;
}

body a:hover {
        color: #FF8000;
}


/**  Parrafos  **/
body p {
        line-height: 16px;
	font-size: 0.8em;
	text-align: justify;
	padding-bottom: 5px;
}

#body p {
	margin-bottom: 10px;
}

/** Encabezados **/
body h1 {
	color: #FF8000;
	border-bottom: solid 2px #FF8000;
	font-size: 1.3em;
	font-weight: normal;
	margin-top: 18px;
	margin-bottom: 10px;
}

body h2 {
	color: #003352;
	font-size: 1.2em;
        font-weight: normal;
	margin-top: 5px;
	margin-bottom: 15px;
}

body h3 {
	color: #808080;
        font-size: 1em;
        font-weight: normal;
        margin-top: 5px;
        margin-bottom: 5px;
}

/** Listas **/
body li {
        font-size: 0.8em;
        padding-bottom: 3px;
	margin-left: 20px;
	text-align: justify;
}

body li ul li {
	font-size: 1em;
}

body ul {
	list-style: square;
	margin: 15px 0px 15px 20px;
}

body ol {
	margin: 15px 0px 15px 20px;
}

/** Tablas **/
body table {
	width: 100%;
}

body table th {
	background-color: #EFEFEF;
	color: #003352;
  	font-family: Helvetica, arial;
	font-weight: bold;
	font-size: 0.9em;
	border: 1px solid #808080;
	padding: 8px 5px;
	text-align: left;
}

body table td {
  	font-family: Helvetica, arial;
	font-size: 0.8em;
	border: 1px solid #808080;
	padding: 8px 5px;
}

.cabecera-tabla {
	background-color: #EFEFEF;
        color: #003352;
	font-size: 1.1em;
	font-weight: bold;
	padding: 10px 5px;
}

.pie-tabla {
	background-color: #EFEFEF;
        color: #003352;
	font-size: 0.7em;
	padding: 6px 5px;
}

/************** Clases generales para uso en el editor ****************************/
.centrado {
	text-align: center;
}

.subrayado {
	text-decoration: underline;
}

.negrita { font-weight: bold; }
.cursiva { font-style: italic; }

.azul {
	color: #003352;
}

.titulo-home {
  color: #003352;
  font-weight: bold;
  padding: 10px 0px 10px 2px;
  font-size: 1.1em;
}

.flota-izquierda {
	float:left;
	margin-right: 5px;
}
.flota-derecha {
	float:right;
	margin-left: 5px;
}

.bloque-izquierda{
  width: 357px; /* 2px menos de borde */
  float: left;
  height: 178px; /* 2px menos de borde */
  padding: 5px;
  margin: -10px 6px 5px -10px;
  /*background-color: #EFEFEF;*/
  border: solid 1px #808080;
}

.izquierda {
	text-align: left;
}

.justificado {
	text-align: justify;
}

.derecha {
	text-align: right;
}

.bloque-derecha{
  width: 357px; /* 2px menos de borde */
  float: left;
  height: 178px; /* 2px menos de borde */
  padding: 5px;
  margin: -10px -10px 5px 0px;
  /*background-color: #EFEFEF;*/
  border: solid 1px #808080;
}

.encabezado {
        color: #808080;
        font-size: 1em;
        font-weight: normal;
	text-align: justify;
        margin-top: 5px;
        margin-bottom: 15px;
}

.sin-estilo { list-style: none; margin: 4px 10px; }

.rss {
	background:url(../images/rss.png) left top no-repeat;
        padding-left:25px;
        padding-bottom:3px
}	

.linkPdf {
    margin: 5px;
    padding-left: 20px;
    background:url(../images/icoPdf.jpg) top left no-repeat;
}


/************* Cebecera ***********************************************************/
#cabecera {
  height: 120px;
}

#cabecera div.logo {
	float: left;
}

#cabecera p.sub-logo {
  color: #003352;
  margin: -100px 0px 0px 240px;
  padding: 0;
  font-size: 1.2em;
}

#cabecera-der {
        float: right;
        margin: 0px;
	width: 230px;
}

/** buscador **/

#search form {
        margin-top: 75px;
}

#search input.text {
        border: 1px solid #808080;
        color: #666;
        line-height: 11px;
        height: 11px;
        padding: 3px 2px;
        width: 188px;
	font-size: 0.7em;
}

#search input.default-value {
        color: #CACACA;
}

#search input.submit {
        border: 0;
        padding: 0;
        margin: 0;
        width: 20px;
        height: 20px;
        text-align: center;
        margin-left: 5px;
        padding-top: 1px;
        cursor: pointer;
        background: url('../images/lupa.jpg') no-repeat left top;
}
body ul.search-results {
	list-style: none;
} 
body div.search-result-rank {
	font-size: 1.2em;
	font-weight: bold;
	float: left;
	margin-right: 3px;
}
body div.search-result-title {
	color: #003352;
        font-size: 1.2em;
        font-weight: bold;
        margin-top: 5px;
        margin-bottom: 5px;
}	
body span.search-result-score {
	font-weight: normal;
	color: #808080;
	font-size: 0.8em;
}
body div.search-result-description {
	margin-left: 20px;
}
/** linea idiomática **/
ul.idiomas  {
        margin-top: 0px;
        float: right;
}

ul.idiomas li {
        display: inline;
        padding: 0px 5px;
}

/************************************************************************ Menu Horizontal */
#linea-menu {
  	height: 25px;
 	border: solid 1px #808080;
  	border-width: 2px 0px;
  	background: #FFF url('../images/fondo-tlf.jpg') top right no-repeat;
}

#linea-menu ul.menu {
        float:left;
        list-style: none;
        margin: 5px 10px 5px 4px;
}

#linea-menu ul.menu li {
        float: left;
        margin-left: 3px;
        margin-right: 40px;
        width: 6em;
}

#linea-menu ul.menu a {
	text-decoration: none;
        color: #003352;
        line-height: 15px;
	font-size: 1.2em;
        display: block;
}

#linea-menu ul.menu li a.active {
	color: #FF8000;
}
	 
#linea-menu ul.menu li.over>a, #linea-menu ul.menu li:hover>a {
        color: #FF8000;
}

#linea-menu ul.level2 {
        position: absolute;
        margin-top: 0px;
        margin-left: -15px;
        left: -999em;
        background-color: white;
        padding: 3px 1px;
        border-left: solid 1px #EFEFEF;
        border-bottom: solid 2px #CCC;
        border-right: solid 2px #CCC;
	z-index: 100;
}

#linea-menu ul.level2 li {
        display: block;
	float: none;
        background-color: #EFEFEF;
        height: 20px;
        width: 150px;
        margin: 3px 0px;
        text-align: center;
	font-size: 0.8em;
}

#linea-menu ul.level2 li a {
        color: #003352;
        line-height: 20px;
        font-weight: normal;
	padding-top: 3px;
}

#linea-menu ul.level2 li a:hover, #linea-menu ul.level2 li:hover a, #linea-menu ul.level2 li.over a {
        color: #FF8000;
}

#linea-menu ul.menu li:hover ul.level2, #linea-menu ul.menu li.over ul.level2 {
        left: auto;
}

#linea-menu p {
	font-size: 1.1em;
        font-weight: bold;
	margin-right: 15px;
        line-height: 25px;
	float: right;
	color: #FFFFFF;
}

/************************************************************************ Parte Izquierda */
#bloque-izquierda{
  width: 745px;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
}

/** texto corporativo a modo de título **/
#titulo{
  padding: 15px 0px 0px 20px;
  height: 75px; /* + 15px de padding = 90px en total */
  background-color: #EFEFEF;
}

#titulo p {
  font-size: 0.9em;
}

#titulo h1 { 
	color: #003352;
	font-weight: normal;
	font-size: 1.6em; 
	border: none;
	margin-top: 5px;
}

/** banner o titulo del documento **/
#banner{
  height: 200px;
  width: 745px; /* para igualar con los bordes */
  margin-top: 5px;
}
#banner img {  
  height: 200px;
  width: 745px; /* para igualar con los bordes */
}

h1.titulo {
        width: 724px;
        margin: 10px 0px 10px 0px;
        padding: 8px;
        background-color: #EFEFEF;
}

/************************************************************************ Parte Derecha */
#bloque-derecha{
  float: left;
  width: 250px;
  margin-top: 3px;
}

#iconos{
  height: 78px; /** hay que sumarle 10px de padding (5px por lado) **/
  padding: 5px;
  border: solid 1px #808080;
}

#iconos p.portal-clientes {
	width: 125px;
	padding: 10px 0px 8px 75px;
	margin-left: 18px;
	background: #FFF url('../images/portal_cliente.png') top left no-repeat;
}

#iconos p a {
	font-size: 1.1em;
	text-decoration: none;
	color: #808080;
}
#iconos a:hover, #iconos li a:hover {color: #FF8000;}

#iconos ul { margin:0; padding:0; margin-left: 10px; margin-top: 10px;}

#iconos ul li {
  	display: inline;
  	float: left;
  	line-height: 18px;
	padding: 0px 
}

#iconos li a {
	font-size: 1em;
	color: #808080;
	text-decoration: none;
}

#iconos li img {
	float: left;
}

/** Menu Vertical **/
#menu{
  height: 200px;
  width: 250px;  /* para igualar con los bordes */
  margin-top: 5px;
}

#menu ul#menu-der {
  height: 200px;
  padding: 0;
  margin: 0;
  list-style: none;
}

ul#menu-der li {
  background-color: #EFEFEF;
  border-bottom: solid 5px #FFF;
  text-align: right;
  margin: 0;
}

ul#menu-der li:hover, ul#menu-der li.over, ul#menu-der li.active {
  background-color: #003352;
  cursor: pointer;
}

ul#menu-der li:hover a, ul#menu-der li.over a, ul#menu-der li.active a {
  color: #FFF;
  /*font-weight: bold;*/
}

ul#menu-der a {
  width: 48px;
  color: #808080;
  padding: 7px 10px 7px 40px;
  text-decoration: none;
}

ul#menu-der.size-2 a {
  line-height: 95px;
  font-size: 1.8em;
}

ul#menu-der.size-2 li {
  height: 95px;
}

ul#menu-der.size-3 a {
  line-height: 60px;
  font-size: 1.4em;
}

ul#menu-der.size-3 li {
  height: 60px;
}

ul#menu-der.size-4 li {
  height: 43px;
}

ul#menu-der.size-4 a {
  line-height: 45px;
  font-size: 1.4em;
}

ul#menu-der.size-5 a {
  line-height: 33px;
  font-size: 1.2em;
}

ul#menu-der.size-5 li {
  height: 33px;
}

/** Bloque de enlaces (quick links) **/
#links {
  	height: 178px;
	margin-top: 5px;
	margin-bottom: 5px;
  	padding: 5px 10px;
	/*background-color: #EFEFEF;*/
	border: solid 1px #808080;
}

ul.tabla-links a {
	color: #808080;
	text-decoration: none;
}
ul.tabla-links a:hover {color: #FF8000;}

ul.tabla-links {
	list-style: none;
	margin-top: 0;
}

ul.tabla-links li {
}

ul.tabla-links li p {
        font-size: 1.1em;
	margin-right: 5px;
	margin-top: -3px;
	margin-left: -25px;
	text-align: left;
	padding: 0;
}

/************************************************************************ Pie de Página */
#pie {
  height:40px;
  width: 1000px;
  margin-top: 5px;
  clear: both;
  border-top: solid 1px #808080;
}

#pie ul.pie-pagina {
        float:left;
        list-style: none;
        margin: 7px 0px 0px 4px;
}

#pie ul.pie-pagina li {
        display: inline;
        margin-left: 3px;
        margin-right: 50px;
}

#pie p {
	width: 100%;
	text-align: right;
        margin: 6px 8px 0px 0px
}

#pie a { color: #808080;}
#pie a:hover {color: #FF8000;}

/*************************************************************************** Site Map *****/
#sitemap ul li {
	font-size: 0.9em;
	text-align: left;
}

#sitemap ul li.sitemap-lvl1 {
	list-style: none;
	width: 200px;
	float: left;
	margin-right: 20px;
}

#sitemap ul li a.sitemap-link-lvl1 {
	font-weight: bold;
}

/************************************************************************* Noticias **********/
body div.newsItem {
	margin-bottom: 20px;
}
body div.rsslink {
	margin-top: 5px;
}
body p.newsTitle {
	font-size: 1em;
	margin: 0px;
}

/*********************************************************************** Galeria JQuery *******/
.gallery {
	display: inline;
	list-style: none;
	margin-left: -20px;
}
.gallery a {
	cursor: url(../images/zoomin.cur), pointer;
}