@charset "utf-8";
/* CSS Document by INNOVA CONSULTING - angel sanchez */
/* Eric Meyer's CSS Reset 
http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1.2em;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}



html {padding:0; margin:0; background:url(../images/bg-inferior.gif) repeat-x bottom;}
body{ margin:0; padding:0; text-align: center;font-family:Verdana,Arial,sans-serif; font-size: .75em; background: url(../images/bg-body.png) repeat-x 0 -20px;}
form, input {margin:0; padding:0; height:0; width:0; }
h1, h2, p, h3 {margin:0; padding:0;}

/* ---------------------------------- free classes -------------------------------*/
.clearleft {clear:left;}
.clearright {clear:right;}
.clearboth {clear:left;}
.clearfix{clear:both;}


/* ----------------------------------  HEADER --------------------------------*/	


#header {/*background:url(../images/bg-head.png) no-repeat 0 0#fff;*/ margin:0 auto; height:110px; width:1003px;}
#header .logotipo { padding-top:20px; float:left; display:block; height:80px; width:200px; }
#header .logotipo:focus {border:border:1px #00CCFF solid; }
#header .colorescss {float:right; margin: 20px 0 0 705px; position:absolute;} 
#header .colorescss img {padding:0 10px 0 0} 
#header .areabuscar {/*background:url(../images/bg-buscar-focus.png) no-repeat 0 40px;*/ width:200px; float:right; margin:10px 0 0 0; padding:0; height:80px }
#header .areabuscar input[type='text'] {  border:1px solid #e0e0e0;background:#f1f1f1; margin:0; color:#999; font-size:12px; cursor:pointer; height:18px; width:110px; padding:2px 0 0 0}
#header .areabuscar input[type='text']:hover { border:1px solid #666; margin:0; background:#fff}
#header .areabuscar input[type='text']:current { border:1px solid #666; margin:0; background:#fff}
#header .areabuscar input[type='submit'] {border:none; background:/* url(../images/bg-button.gif) repeat-x*/#e0e0e0; margin:0; color:#999; font-size:12px; cursor:pointer; height:22px; width:50px; padding-bottom:3px }
#header .areabuscar input[type='submit']:hover { border:1px solid #666; margin:0; background:#087198; color:#fff}
.searchfield {float:left; width:300px}
.searchbutton {float:left; width:50px; margin-left:20px}
.topmenu {}
.iconos { margin-bottom:10px; padding:0 0 0 100px}
.iconos .icon { float:left; margin:4px}
.searcharea {margin-top:0px; width:150px; height:30px}
.migasdepan {width:1003px; margin:3px auto 35px auto; color: #fff; text-align:left; padding-left:18px}
.migasdepan a {text-decoration:none; color:#fff;}
.migasdepan a:hover, a:focus {text-decoration:underline; color:#fff;}

		
/* ----------------------------------  DISPOSITIVAS --------------------------------*/			

#diapositivas { margin:45px auto 0 auto; width:1003px; height:320px;  padding:0; background:url(../images/bg-diapositivas.png) no-repeat 8px 0; display:block; z-index:888888;}
#FrogJS{ width: 700px; height: 290px; margin:0 20% 0 0; padding:20px 0 0 0;}
#FrogJSCredit{text-align: left; font-size: 150%; color: #008ab4; padding: 1px; position:absolute; top:10px; left:730px; width:200px; font-weight:bolder; }
#FrogJSCaption{ text-align: left; line-height:140%; float:right; position:absolute; top:60px; left:730px; width:200px; color:#666666; }


/* ----------------------------------  CONTENIDO --------------------------------*/

.logotipo-santander {padding:9px 0 0 0}

#contenido {width:1003px; margin:20px auto 0 auto ; background: url(../images/bg-contenido.gif) bottom  no-repeat; padding-bottom:50px; }
#contenido #contenidoizquierda { width:230px; float:left; padding-left:10px; margin:15px 0 0 0 }

#contenido .noticias {background:url(../images/bg-news.gif) no-repeat 0 0 ;height:250px; text-align:left; padding:40px 0 0 20px;}
#contenido .noticias a {text-decoration:none;font-size:100%; color:#8d8d8e; }
#contenido .noticias a:hover {text-decoration:underline;}
#contenido .noticias h1 {color: #52aacb; font-size:100%; background:url(../images/bg-link.gif) no-repeat 8px 3px; padding:0 0 20px 25px; font-family: "Lucida Sans Unicode","Lucida Grande",Lucida,Verdana,Arial,sans-serif}
#contenido .noticias h2 {color: #52aacb; font-size:95%;}
#contenido .noticias .cajanoticias1 {font-size:95%; color:#8d8d8e; width:150px; padding:0 0 10px 30px; margin-bottom:10px; line-height:1.2em }
#contenido .noticias .cajanoticias1 p {padding:4px 0 0 0x}

#menu {list-style: none;font-size:100%;width: 227px;height: 214px;padding:0px;background: url(../images/bg-news.gif) 0 0 no-repeat; text-align:left;}
#menu ul{list-style: none;	margin: 0;	padding:30px 0 0 25px; width:187px;}
#menu a{color: #8d8d8e;height: 23px;display:block;text-decoration: none;padding:6px 0 4px 15px;font-weight:normal; border-bottom:solid 1px #ededed;}
#menu a:hover{color: #52aacb; background:url(../images/bg-link.gif) no-repeat 0 9px;}
#menu .current {color: #52aacb; background:url(../images/bg-link.gif) no-repeat 0 9px; font-weight:bold}

#contenido #contenidoderecha { width:738px; float:left; text-align:left;padding:20px 0 0 0; font-size:110%; color:#666666; margin-left:25px; line-height:1.2em}
#contenido #contenidoderecha p {padding:0 0 15px 8px; line-height:1.2em; }
#contenido #contenidoderecha h1 {color: #008ab4; font-size:180%; font-weight:lighter; padding:8px 0 15px 0;line-height:1.2em;font-family: "Lucida Sans Unicode","Lucida Grande",Lucida,Verdana,Arial,sans-serif}
#contenido #contenidoderecha h2 {color: #008ab4; font-size:180%; font-weight:lighter; padding:0 0 15px 5px;line-height:1.2em;font-family: "Lucida Sans Unicode","Lucida Grande",Lucida,Verdana,Arial,sans-serif}
#contenido #contenidoderecha img {margin:8px 10px 10px 7px;  position:relative; border:5px solid #ebebeb}
#contenido #contenidoderecha .cajasuperior {padding:0 30px 30px 0; border-bottom:1px solid #d9d9d9}
#contenido #contenidoderecha .cajasuperior img {float:left; position:relative;border:5px solid #ebebeb}
#contenido #contenidoderecha .cajainferior .cajainferior1 {float:left; width:343px; padding:34px 0 0 0; }
#contenido #contenidoderecha .cajainferior .cajainferior1 p {max-width:300px;}

#contenido #contenidoderecha .cajasuperior p  span {font-size:110%; color:#008AB4;}
#contenido #contenidoderecha .cajasuperior   .leermas  { color: #008ab4;  text-align:left; font-size:85%; margin:10px 0 0 0; width:150px; height:20px;}
#contenido #contenidoderecha .cajasuperior   .leermas a {text-decoration:none; color: #52AAD8;width:150px; height:20px; display:block}
#contenido #contenidoderecha .cajasuperior   .leermas a:hover {text-decoration:underline;color: #52AAD8; background:url(../images/bg-leermas.gif) no-repeat 50px 3px;width:150px; height:20px;}
#contenido #contenidoderecha .cajasuperior   .leermas a:active {background:#fff;} 

#contenido #contenidoderecha .cajasuperior .leermas:hover { }
#contenido #contenidoderecha .cajasuperior .leermas:active { background: #fff  }
#contenido #contenidoderecha .cajainferior .cajainferior1  .leermas  { color: #008ab4;  text-align:left; font-size:85%; margin:10px 0 0 0; width:150px; height:20px;}
#contenido #contenidoderecha .cajainferior .cajainferior1  .leermas a {text-decoration:none; color: #52AAD8;width:150px; height:20px; display:block}
#contenido #contenidoderecha .cajainferior .cajainferior1  .leermas a:hover {text-decoration:underline;color: #52AAD8; background:url(../images/bg-leermas.gif) no-repeat 50px 3px;width:150px; height:20px;}
#contenido #contenidoderecha.cajainferior .cajainferior1   .leermas a:active {background:#fff;} 

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

#pie {background:url(../images/bg-pie.gif) no-repeat center; height:314px; width:1003px; margin:0 auto; padding:0; color:#fff; text-align:left;}
#pie #contenedor {width:930px; margin:0 auto;}
#pie  h3 {padding:0 0 30px 0; font-size:120%;}
#pie  p {padding:15px 0 0 20px; font-size:90%; color:#e7e7e7}
#pie a {text-decoration:none; color:#fff;}
#pie .cajaizquierda {float:left; width:159px; margin-right:40px; padding:15px 10px 10px 10px; }
#pie .cajaizquierda a {color:#fff; text-decoration:none; padding:0 0 5px 5px;}
#pie .cajaizquierda .a1:hover { background:url(../images/facebook.gif) no-repeat 79px 14px; text-decoration:underline; }
#pie .cajaizquierda .a2:hover { background:url(../images/netvibes.gif) no-repeat 78px 14px; text-decoration:underline; }
#pie .cajaizquierda .a3:hover { background:url(../images/flickr.gif) no-repeat 78px 14px; text-decoration:underline; }
#pie .cajaizquierda .a4:hover { background:url(../images/linkedin.gif) no-repeat 78px 14px; text-decoration:underline; }
#pie .cajacentral {float:left; width:425px;  margin-right:40px;padding:15px 10px 10px 10px; }
#pie .cajaderecha {float:left; width:160px; padding:15px 10px 10px 10px; text-align:left;}
#pie .menuinferior {float:left; margin:0px auto; width:900px; text-align:center; color:#8f9597; padding:70px 0 0 0;}
#pie .menuinferior a {text-decoration:none;color:#8f9597; }
#pie .menuinferior a:hover {text-decoration:underline; }

/* ---------------------------------------TOOLTIP --------------------------------------- */

a.info {    position:relative;    z-index:24;     color:#666;    text-decoration:none; cursor:default}
a.info:hover { z-index:25;}
a.info span { /* Esta es la que hace que el texto en el span no se despliegue en el estado normal de la URL*/    display: none;}
a.info:hover span { /*Esta zona es la que hace que se despliegue cuando nos ubicamos sobre el texto de la URL o la imagen dentro de la URL*/
display:block;    position:absolute;    top:-200px;    left:10em;    width:214px;	height:82px;    background:url(../images/bg-tooltip.png) no-repeat ;color:#fff;    text-align: left;    font-family: Arial, Helvetica, sans-serif;    font-size: 80%;    padding: 10px;	opacity: .95;	filter: alpha(opacity:50);	font-weight:normal;}
	
a.info-footer {    position:relative;    z-index:24;     color:#666;    text-decoration:none; cursor:default}
a.info-footer:hover {    z-index:25;}
a.info-footer span { /* Esta es la que hace que el texto en el span no se despliegue en el estado normal de la URL*/    display: none;}
a.info-footer:hover span { /*Esta zona es la que hace que se despliegue cuando nos ubicamos sobre el texto de la URL o la imagen dentro de la URL*/
display:block;    position:absolute;    top:-80px; left:.3em;    width:214px;	height:82px;    background:url(../images/bg-tooltip.png) no-repeat ;color:#fff;    text-align: left;    font-family: Arial, Helvetica, sans-serif;    font-size: 11px;    padding: 10px 15px 10px 10px;	opacity: .95;	filter: alpha(opacity:90);	font-weight:normal;}


/********* Lightbox  *********/

#jquery-overlay {	position: absolute;	top: 0;	left: 0;	z-index: 90;	width: 100%;	height: 500px;}
#jquery-lightbox {	position: absolute;	top: 0;	left: 0;	width: 100%;	z-index: 100;	text-align: center;	line-height: 0;}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {	position: relative;	background:#004F72;	width: 250px;	height: 250px;	margin: 0 auto;}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {	position: absolute;	top: 40%;	left: 0%;	height: 25%;	width: 100%;	text-align: center;	line-height: 0;}
#lightbox-nav {	position: absolute;	top: 0;	left: 0;	height: 100%;	width: 100%;	z-index: 10;}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {	width: 49%;	height: 100%;	zoom: 1;	display: block;}
#lightbox-nav-btnPrev {	left: 0; 	float: left;}
#lightbox-nav-btnNext { 	right: 0; 	float: right;
}
#lightbox-container-image-data-box {	font: 10px Verdana, Helvetica, sans-serif;	background:#004F72;	margin: 0 auto;	line-height: 1.4em;	overflow: auto;	width: 100%;	padding: 0 10px 0;}
#lightbox-container-image-data {	padding: 0 10px; 	color: #666; }
#lightbox-container-image-data #lightbox-image-details { 	width: 70%; 	float: left; 	text-align: left; }	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {	display: block; 	clear: left; 	padding-bottom: 1.0em;	}			
#lightbox-secNav-btnClose {	width: 66px; 	float: right;	padding-bottom: 0.7em; margin-right:30px	}

#jquery-lightbox{padding-bottom:70px;}


/*	featured slider	*/
#featured_slider_info_holder{padding-top:0;}
#featured_slider{height:272px; float:left;}
#featured_slider_bg{float:left}
#featured_slider_bg_left{width:195px; height:272px; padding-left:13px; float:left;}
#featured_slider_bg_right{width:374px; height:272px; float:right;}
#featured_slider_inner{width:552px; height:226px; margin:41px 0 0 0; margin-left:52px;/* border:1px solid #487291; float:left;*/}
/*#featured_slider_inner:hover{border:1px solid #00dfff;}*/
#featured_slider li{width:552px; height:226px;}
#featured_info_wrapper{width:283px; padding:48px 35px 32px 0px; float:right; text-align:left; color:#666; margin-left:63px}
#featured_info{}
#featured_info h3{color:#666; margin-bottom:5px; font-size:21px; line-height:1.2em}
#featured_info h4{color:#666; font-size:16px;margin-bottom:10px;}
#featured_info p{color:#666; font-size:14px; line-height:1em; margin-top:20px;}
.p_title{color:#ffab00;}
#featured_info li{width:286px; height:226px; margin-bottom:15px;}
.bt_visitSite a{width:72px; height:26px; margin-top:14px; background: url(../images/visit_site.png) 0 0 no-repeat; display:block; padding:7px 0 0 10px; text-decoration:none;color:#fff;}
.bt_visitSite a:hover{background: url(../images/visit_site_hover.png) 0 0 no-repeat; color:#fff}
.bt_viewLarger a{width:120px; height:26px; margin-top:14px; background:url(../images/view_larger.png) 0 0 no-repeat; display:block; padding:7px 0 0 10px; text-decoration:none;color:#fff;}
.bt_viewLarger a:hover{background:url(../images/view_larger_hover.png) 0 0 no-repeat; color:#fff}



/*	featured navigation	*/
#featured_nav{padding:5px 0 5px 445px; height:30px; }
#featured_nav li{float:left; margin-right:6px; cursor:pointer;}
#feat_1{background:url(../images/featurednav_1.png) no-repeat 0 0; width:21px; height:22px;padding:2px 0 0 0; text-decoration:none;color:#fff;}
#feat_1:hover{background:url(../images/featurednav_1_hover.png) no-repeat 0 0; color:#00dfff}
#feat_2{background:url(../images/featurednav_1.png) no-repeat 0 0; width:21px; height:22px;padding:2px 0 0 0; text-decoration:none;color:#fff;}
*#feat_2:hover{background:url(../images/featurednav_1_hover.png) no-repeat 0 0; color:#00dfff}
#feat_3{background:url(../images/featurednav_1.png) no-repeat 0 0; width:21px; height:22px;padding:2px 0 0 0; text-decoration:none;color:#fff;}
#feat_3:hover{background:url(../images/featurednav_1_hover.png) no-repeat 0 0; color:#00dfff}
#feat_4{background:url(../images/featurednav_1.png) no-repeat 0 0; width:21px; height:22px;padding:2px 0 0 0; text-decoration:none;color:#fff;}
#feat_4:hover{background:url(../images/featurednav_1_hover.png) no-repeat 0 0; color:#00dfff}

#feat_next{width:21px; height:22px; background:url(../images/featurednav_next.png) no-repeat 0 0;}
#feat_next:hover{background:url(../images/featurednav_next_hover.png) no-repeat 0 0;}
#feat_prev{width:21px; height:22px; background:url(../images/featurednav_prev.png) no-repeat 0 0; }
#feat_prev:hover{background:url(../images/featurednav_prev_hover.png) no-repeat;}
#feat_pause { background:url(../images/play-pause.png) 0 0 no-repeat; width:21px; height:22px;}
#feat_pause:hover { background:url(../images/pause-play.png) 0 0 no-repeat; width:21px; height:22px; z-index:999999}


/* ---------------------------------- IE FIXES -------------------------------*/
#IEroot #header .colorescss {float:right; margin:20px 0 0 278px; position:absolute;}
#IEroot #diapositivas { margin:0px auto 0 auto ; width:250x;  padding:0px 10px 0px 20px;background:url(../images/bg-diapositivas.png) 25px 15px no-repeat; height:332px;}

#IEroot  #text {width: 500px;height: auto;margin-top:30px;margin-left: 200px;padding-left: 50px;padding-right: 20px;z-index: 5000;position: relative;text-align:left;color:#fff;}

#IEroot  a.info:hover span { /*Esta zona es la que hace que se despliegue cuando nos ubicamos sobre el texto de la URL o la imagen dentro de la URL*/display:block;position:absolute;top:-75px;left:10em; width:214px;	height:82px;    background:url(../images/bg-tooltip.gif) no-repeat ;    color:#fff;    text-align: left;    font-family: Arial, Helvetica, sans-serif;    font-size: 80%;    padding: 5px;	filter: alpha(opacity=50);}
#IEroot  #featured_info_wrapper{width:283px; padding:48px 32px 32px 0px; float:right; text-align:left; color:#fff; margin-left:63px}
#IEroot #featured_info{ margin-left:-50px;}


#IEroot #header .areabuscar {/*background:url(../images/bg-buscar-focus.png) no-repeat 0 40px;*/ width:200px; float:right; margin:25px 0 0 0; padding:0; height:85px;}
#IEroot #header .areabuscar input[type='text']{border:1px solid #e0e0e0;background:#f1f1f1; margin:0; color:#999; font-size:12px; cursor:pointer; height:16px; width:110px; padding:4px 0 0 0; display:block; float:left}
#IEroot #header .areabuscar input[type='text']:hover { border:1px solid #999; background:#fff; margin:0}
#IEroot #header .areabuscar input[type='submit'] {border:none; background:/* url(../images/bg-button.gif) repeat-x*/#e9e9e9; margin:0 0 0 5px; color:#999; font-size:11px; cursor:pointer; height:22px; width:50px; padding:0; float:left }
#IEroot #header .areabuscar input[type='submit']:hover { color:#fff;margin:0 0 0 5px;  background:#087198}
#IEroot .searchfield {float:left; width:200px;}
#IEroot .searchbutton {float:left; width:50px; margin-left:10px;}