@import url('style_noticias.css');
@import url('style_detalle_productos.css');
@import url('style_pagina_libre.css');
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,700italic,400,700,600);
/************************************************************************************
ESTILOS INICIALES QUE LIMPIAN ESTILOS DE NAVEGADORES Y LOS IGUALAN
*************************************************************************************/
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;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	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 {
	contenido: "";
}
blockquote, q {
	quotes: "" "";
}
/* set image max width to 100% */
img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */ 
}

/* set html5 elements to block */
article, aside, details, figcaption, figure, pie, header, hgroup, menu, nav, section { 
    display: block;
}
/************************************************************************************
ESTILOS GENERALES
*************************************************************************************/
/*@font-face {  
	font-family: "open_sans";  
	src: url("../fuente/OpenSans-Regular.ttf") format("truetype");  
} */
body {
    background: #ffffff;
    border-top: 0.4em solid #363636;
    font-family: 'Open Sans', sans-serif;
    color: #363636;
    font-size: 62.5%;
}
a {
	color: #79ba01;
	text-decoration: none;
	outline: none;
}
a:hover {
	text-decoration: underline;
}
p {
	margin: 0 0 1.2em;
	padding: 0;
}
strong{font-weight:900;}
em{font-style:italic;}
#contenido blockquote p{
	/*font: italic 1em/1.6em Georgia, "Times New Roman", Times, serif;*/
	background: url(../../../../img/close-quote.gif) no-repeat right bottom;
	float:left;
	padding:0 1.25em 0 0;
	margin:0;
}
#contenido blockquote{
	color: #666;
	display:inline;
	background:url(../../../../img/open-quote.gif) no-repeat left top;
	font: italic 1.3em Georgia, "Times New Roman", Times, serif;
	text-indent:1.5em;
	float:left;
	width:95%;
	margin:0.5em;
}
/* list */
ul, ol {
	margin: 1em 0 1.4em 24px;
	padding: 0;
	line-height: 140%;
}
li {
	margin: 0 0 .5em 0;
	padding: 0;
}
ul.seguridadMenu li{
    display: inline-block;
    width: 15%;
}

/* estilo para que la lista no se junte a la imagen */

ul.list_style ul li {

	list-style-position: inside;
}


/* headings */
h1, h2, h3, h4, h5, h6 {
	line-height: 1.4em;
}
h4, h5, h6 {
	font-weight: 900;
	margin: 0.5em 0 1em;
}
h1 {
	font-size: 2em;
}
h2 {
	font-size: 1.6em;
}
h3 {
	font-size: 1.4em;
}
h4 {
	font-size: 1.15em;
}
h5 {
	font-size: 1.1em;
}
h6 {
	font-size: 1em;
}

/* reset webkit search input styles */
input[type=search] {
	-webkit-appearance: none;
	outline: none;
}
input[type="search"]::-webkit-search-decoration, 
input[type="search"]::-webkit-search-cancel-button {
	display: none;
}

.izq {float:left;}

.der {float:right;}

.oculto{display:none;}
.ventana_nueva{
	background:url("../../../../img/nueva_ventana.gif") no-repeat scroll 0 0.2em transparent;
    display: inline-block;
    /*height: 1em;*/
    margin-left: 0.5em;
    width: 0.8em;
}
strong{font-weight:900;}
sup {
  vertical-align: super;
  font-size: smaller;
}
sub {
  vertical-align: sub;
  font-size: smaller;
}
.botones .button {
  border: none;
  padding: 0.25em 0.5em;
  text-decoration: none;
  cursor: pointer;
  display:inline-block;
  border: 0.1em solid #d6d6d6;
  color: #363636;
  background-color: #EFEFEF;
  font-weight:900;
  text-align: center;
  text-shadow: 0.1em 0.1em 0 rgba(255,255,255,0.3);
  border-radius: 0.3em;
  -moz-border-radius: 0.3em;
  -webkit-border-radius: 0.3em;
  /*  Chrome 1-9 and Safari 4-5.0  */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f5f5f5), color-stop(100%, #DEDEDE));
  /*  Chrome 10+ Safari 5.1+ Mobile Safari  */
  background-image: -webkit-linear-gradient(top, #f5f5f5, #DEDEDE);
  /*  Firefox 3.6+  */
  background-image: -moz-linear-gradient(top, #f5f5f5, #DEDEDE);
  /*  IE 10+  */
  background-image: -ms-linear-gradient(top, #f5f5f5, #DEDEDE);
  /*  Opera 11.10+  */
  background-image: -o-linear-gradient(top, #f5f5f5, #DEDEDE);
  /*  W3C  */
  background-image: linear-gradient(top, #f5f5f5, #DEDEDE);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f5f5f5, endColorstr=#DEDEDE); 
}
.botones .button:hover {
text-decoration:none;
border:0.1em solid #d6d6d6;
background-color: #d6d6d6;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d6d6d6), color-stop(100%, #b8b8b8));
 background-image: -webkit-linear-gradient(top, #d6d6d6, #b8b8b8);
 background-image: -moz-linear-gradient(top, #d6d6d6, #b8b8b8);
 background-image: -ms-linear-gradient(top, #d6d6d6, #b8b8b8);
 background-image: -o-linear-gradient(top, #d6d6d6, #b8b8b8);
 background-image: linear-gradient(top, #d6d6d6, #b8b8b8);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#d6d6d6, endColorstr=#b8b8b8);
}
.linkDirect {
border: 0.1em dotted #ccc;
font-size: 1.2em;
margin: 0 0 0.8em 0;
padding: 0.4em 1em;
}
.linkDirect:hover {
background-color: #f0f0f0;
}
.linkDirect a:visited {
color: #79ba01;
}
.closed{display:none;}
@-webkit-keyframes moveFromBottom {
    from {
        opacity: 0;
        -webkit-transform: translateY(200%);
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0%);
    }
}
@-moz-keyframes moveFromBottom {
    from {
        opacity: 0;
        -moz-transform: translateY(200%);
    }
    to {
        opacity: 1;
        -moz-transform: translateY(0%);
    }
}
@-ms-keyframes moveFromBottom {
    from {
        opacity: 0;
        -ms-transform: translateY(200%);
    }
    to {
        opacity: 1;
        -ms-transform: translateY(0%);
    }
}

@-webkit-keyframes moveFromTop {
    from {
        opacity: 0;
        -webkit-transform: translateY(-200%);
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0%);
    }
}
@-moz-keyframes moveFromTop {
    from {
        opacity: 0;
        -moz-transform: translateY(-200%);
    }
    to {
        opacity: 1;
        -moz-transform: translateY(0%);
    }
}
@-ms-keyframes moveFromTop {
    from {
        opacity: 0;
        -ms-transform: translateY(-200%);
    }
    to {
        opacity: 1;
        -ms-transform: translateY(0%);
    }
}
@-webkit-keyframes smallToBig{
    from {
        -webkit-transform: scale(0.1);
    }
    to {
        -webkit-transform: scale(1);
    }
}
@-moz-keyframes smallToBig{
    from {
        -moz-transform: scale(0.1);
    }
    to {
        -moz-transform: scale(1);
    }
}
@-ms-keyframes smallToBig{
    from {
        -ms-transform: scale(0.1);
    }
    to {
        -ms-transform: scale(1);
    }
}
/****ESTILOS TABLAS******/
#contenido table{
	margin:0.5em 0;
}
#contenido table caption{
	border-bottom:0.1em dotted #CCCCCC;
	font-size:1.25em;
	font-weight:900;
	margin:0.5em 0;
	padding:0.15em 0.5em;
}
#contenido table thead{
	background-color:#F5F5F5;
	margin-bottom:0.5em;
	padding:0 0 0.5em;
}

#contenido table th{
	border-bottom:0.1em solid #DDDDDD;
	color:#777777;
	font-weight:900;
	padding:0.5em;
}
#contenido table tbody th{
	background-color:#F5F5F5;
	border-right:0.1em solid #DDDDDD;
}
#contenido table td{
	border-bottom:0.1em solid #EFEFEF;
	padding:0.25em 0.5em;
}

/************************************************************************************
FUENTES
*************************************************************************************/
/* ROM 2015/04/07, no se utiliza 
@font-face {
    font-family: 'Fuente Segoe';
    src: url('../../../../img/SEGOEUI.ttf') format('truetype');
}

@-moz-font-face {
    font-family: 'Fuente Segoe';
    src: url('../../../../img/SEGOEUI.ttf') format('truetype');
}

@-webkit-font-face {
    font-family: 'Fuente Segoe';
    src: url('../../../../img/SEGOEUI.ttf') format('truetype');
}
*/

/************************************************************************************
ESTRUCTURA
*************************************************************************************/
#contenedor_principal {
	max-width: 96em;
	/*width:58.2em;*/
	margin: 0 auto;
}

/************************************************************************************
MAXIPUBLI
*************************************************************************************/
#maxipubli {
	background-color:#FFFFFF;
	display:none;
	float:left;
	height:70em;
	margin:0 auto -100em;
	padding-top:10em;
	position:relative;
	text-align:center;
	width:100%;
	z-index:500;
}
#maxipubli_big, #maxipubli_small{
    background-color: #FFFFFF;
    display: none;
    float: left;
    height: 100em;
    margin: 0 auto -150em;
    padding-top: 10em;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 500;
}
#saltar_publi{margin-bottom:1em;}
#contenido #maxipubli_small {
	height:58em;
	margin:0 auto;
	padding-top:1.5em;
	width:69em;
	position: absolute;
	top: 8.3em;
}
#contenido #saltar_publi{margin-bottom:0.5em;}
#saltar_publi a, #contenido #saltar_publi a{
	background:url("../../../../img/saltar_publi_bg.gif") no-repeat scroll 0 0;
	color:#fff;
	font-size:1.3em;
	font-weight:900;
	padding:0.05em 2.4em 0.15em 1em;
	text-decoration:none;
}
#saltar_publi a:hover, #contenido #saltar_publi a:hover{background:url("../../../../img/saltar_publi_bg_hover.gif") no-repeat scroll 0 0;}
#maxipubli_small .mas_info, #maxipubli_bannerBig .mas_info{margin-top:1em;}
#maxipubli_small .mas_info a, #maxipubli_bannerBig .mas_info a{
	background:url("../../../../img/mas_info_bg.gif") no-repeat scroll center center;
	color:#FFFFFF;
	display:block;
	font-size:1.3em;
	font-weight:900;
	padding:0.25em 2em;
	text-decoration:none;
}
#maxipubli_small .mas_info a:hover, #maxipubli_bannerBig .mas_info a:hover{background:url("../../../../img/mas_info_bg_hover.gif") no-repeat scroll center center;}
/************************************************************************************
CABECERA
*************************************************************************************/
#cabecera {
	position: relative;
	height:7.3em;
	padding: 0.9em 0 0em 0;
	background: none repeat scroll 0 0 #FFFFFF;
}

#cabecera h1{
  margin-top:0.3em;

}
/* site logo */
#logo_entidad a{
	background: url("../../../../img/logo_bancocooperativo.gif") no-repeat 0 0 transparent;
	float: left;
    height: 3em;
    margin: 0.5em 0 0 0.6em;
    position: absolute;
    text-indent: -999em;
    width: 10em;
}
#logo_ruralvia {
    background: url("../../../../img/logo_ruralvia.gif") no-repeat scroll 0 0 transparent;
    font-size: 1em;
    height: 4.35em;
    position: absolute;
    right: 0em;
    text-indent: -999em;
    top: 1.8em;
    width: 13.8em;
}
#herramientas_cabecera{
    background: none repeat scroll 0 0 #363636;
    color: #363636;
    float: left;
    font-size: 1.3em;
    position: absolute;
    top: 0;
    margin-left:28%;
}
#menu_principal {
    display: inline;
    margin-right: 0.75em;
    position: relative;
    top: -0.5em;
}
#herramientas_cabecera .enlace_cabecera{display:inline-block;}
#herramientas_cabecera a.mapa_web{
	background: url("../../../../img/mapa_web_8.gif") no-repeat scroll 0 0.3em transparent;
    float: right;
	height: 1.6em;
    margin-right: 0.25em;
    overflow: hidden;
    text-decoration: none;
    text-indent: -999em;
    width: 1.5em;
}
#herramientas_cabecera a.mapa_web:hover{background: url("../../../../img/mapa_web_hover_8.gif") no-repeat scroll 0 0.3em transparent;}

/************buscador**********/
#herramientas_cabecera form#form_buscador{
	background:transparent url("../../../../img/buscador_bg_8.gif") no-repeat scroll 0 0;
    display: inline-block;
    height: 1.55em;
    margin-right: 0.25em;
    overflow: hidden;
    padding: 0.1em 0;
    position: relative;
    text-align: center;
    top: 0.2em;
    width: 11.5em;
}
#herramientas_cabecera form#form_buscador fieldset{display:inline;}
#herramientas_cabecera form#form_buscador legend, #herramientas_cabecera form#form_buscador label{display:none;}
#herramientas_cabecera form#form_buscador #buscador{
	background:transparent;
	border:none;
    color: #777777;
    display: inline;
    float:left;
    font-size: 0.9em;
	font-style: italic;
    padding: 0.2em 0.25em;
    position: relative;
    top: -0.1em;
    width: 9.8em;
}
#herramientas_cabecera form#form_buscador #buscar{
	background:transparent;
	border:none;
    cursor: pointer;
    display: inline;
    font-size: 1.1em;
    overflow: hidden;
    padding: 0;
    text-align: center;
    text-indent: -10em;
    text-transform: capitalize;
    width: 1.55em;
}
/********************* menu desplegable "seleccion idioma" ********************/
#herramientas_cabecera form.selec_idioma {
    display: inline;
    position: relative;
    top: 0.15em;
}
#herramientas_cabecera form.selec_idioma fieldset{display:inline;}
#herramientas_cabecera form.selec_idioma fieldset #idioma{position:relative;}
#herramientas_cabecera form.selec_idioma legend, #herramientas_cabecera form.selec_idioma label{display:none;}
#selec_idioma_select {
	background:transparent url("../../../../img/seleccion_idiomas_8.gif") no-repeat scroll 0 0;
	color:#777;
	cursor:pointer;
	float:left;
	font-size:1.1em;
	height:1.55em;
	line-height:1.55em;
	overflow: hidden;
    text-indent: 0.5em;
    width: 3.2em;
}
#selec_idioma_select img{
	float:left;
	padding:0.1em 0 0 0.5em;
}
#selec_idioma_select span{float:left;}
#selec_idioma_iconselectholder {
	background-color:#FFF;
	border:0.1em dotted #007856;
	border-top:none;
	display:none;
	font-size:1em;
	margin:1.55em 0 0 0;
	position:absolute;
	width:12.5em;
	z-index:999;
}
.selec_idioma_selectitems{
	line-height:1.5em;
	padding-bottom:0.25em;
}
.selec_idioma_selectitems img{margin:0.5em 0.5em -0.4em;}
selectoptions{float:left;}
.hoverclass{
	background-color:#eeffcc;
	cursor:pointer;
}
.selectedclass{
	background-color:#c1e874;
}
/*************************************BANDERAS IDIOMAS*********************************/
#bandera_es{
    background: url("../../../../img/flags/es.png") no-repeat scroll 0 0.1em transparent;
    display: inline;
    margin-left: 0.5em;
    width: 1.6em;
}
#bandera_en{
    background: url("../../../../img/flags/en.png") no-repeat scroll 0 0.1em transparent;
    display: inline;
    margin-left: 0.5em;
    width: 1.6em;
}
#bandera_de{
    background: url("../../../../img/flags/de.png") no-repeat scroll 0 0.1em transparent;
    display: inline;
    margin-left: 0.5em;
    width: 1.6em;
}
#bandera_va{
    background: url("../../../../img/flags/va.png") no-repeat scroll 0 0.1em transparent;
    display: inline;
    margin-left: 0.5em;
    width: 1.6em;
}
#bandera_gl{
    background: url("../../../../img/flags/gl.png") no-repeat scroll 0 0.1em transparent;
    display: inline;
    margin-left: 0.5em;
    width: 1.6em;
}


.bandera_es{
    background: url("../../../../img/flags/es.png") no-repeat scroll 0 0.1em transparent;
    display: inline;
    margin-left: 0.5em;
    width: 1.6em;
}
.bandera_en{
    background: url("../../../../img/flags/en.png") no-repeat scroll 0 0.1em transparent;
    display: inline;
    margin-left: 0.5em;
    width: 1.6em;
}
.bandera_de{
    background: url("../../../../img/flags/de.png") no-repeat scroll 0 0.1em transparent;
    display: inline;
    margin-left: 0.5em;
    width: 1.6em;
}
.bandera_va{
    background: url("../../../../img/flags/va.png") no-repeat scroll 0 0.1em transparent;
    display: inline;
    margin-left: 0.5em;
    width: 1.6em;
}
.bandera_gl{
    background: url("../../../../img/flags/gl.png") no-repeat scroll 0 0.1em transparent;
    display: inline;
    margin-left: 0.5em;
    width: 1.6em;
}

/************************************************************************************
SEGMENTOS PRINCIPALES
*************************************************************************************/
#segmentos_principales {
    display: inline;
    margin: 0;
    padding: 0;
}
#segmentos_principales li {
    display: inline;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    position: relative;
}
#segmentos_principales li:first-child {
	margin-left: 10px;
}
#segmentos_principales a {
	line-height: 100%;
	color: #fff;
	text-decoration: none;
}
#segmentos_principales a:hover {
	text-decoration:underline;
}

#segmentos_principales li.select a, #segmentos_principales li.select a:hover {
    color: #ffffff;
    background: none repeat scroll 0 0 #6FC51E;
    padding: 0.1em 0.3em;

}

#segmentos_principales span.separalinks{margin-left:0.25em;}
/************************************************************************************
DESPLEGABLE
*************************************************************************************/

#menus_navegacion select {
  display: none;
}
/************************************************************************************
contenido
*************************************************************************************/
#contenido {
    background: #fff;
    float: right;
    /*margin-bottom: 2em;*/
    max-width: 69em;
}
/*RASTRO MIGAS*/
#rastro_migas {
    font-size: 1.2em;
    line-height: 1em;
    margin: -0.25em 0 0.8em 0;
    position:relative;
}
#rastro_migas a{
	color:#363636;
	display:inline-block;
	line-height:1.4em;
	position:relative;
	text-decoration:underline;
}
#rastro_migas a:first-child{
	background:	url(../../../../img/flecha_rastro.gif) no-repeat right #6dc600;
	color:#fff;
	margin-right:-1em;
	padding:0 1em 0 0.3em;
	text-decoration:none;
}
#rastro_migas a:first-child strong{font-weight:normal;}
#rastro_migas a:last-child{
	font-weight: 700;
	text-decoration:none;
}
#rastro_migas a:hover{ text-decoration:none;}
#rastro_migas .separa_rastro {
    background: url(../../../../img/flechita_gris.gif) no-repeat scroll 0 0.2em;
    display: inline-block;
    margin: 0 0.5em;
    width: 0.5em;
}
/*CABECERAS PRINCIPALES*/
.titulo_principal h1 {
    border-bottom: 0.05em solid;
    color: #363636;
    font-size: 2.5em;
}
/*CARRUSEL BANNER PRINCIPAL*/
#carrusel_banner{margin-bottom: 3em;}

/*BANNER PRINCIPAL INTERIOR*/
#banner_principal{
	margin-bottom:1em;
	position: relative;
    z-index: 1;
}
#contenido #banner_principal.marco {border: 0.1em solid #E0E0E0;}
#banner_principal_img {text-align:right;}
#banner_principal_texto {
    font-size: 1.2em;
    left: 0;
    line-height: 1.3em;
    position: absolute;
    top: 0;
    z-index: 2;
    padding: 2% 0 0 3%;
}
#banner_principal_texto h1{
    font-size: 2.3em;
    margin-bottom: 0.20em;
}
#banner_principal_texto p{margin-bottom: 0.5em;}
/*////////////////// 
BARRA COMPARTIR
//////////////////*/

#barrautilidad {
    /* height: 3em; */
    margin: 0.75em 0;
    position: relative;
    display: inline-block;
    width: 100%;
}

#plantilla #barrautilidad {display:none;}
ul#utilidades {
    float: right;
    margin: 0;
    position: relative;
    width: 19em;
}
ul#utilidades li {
    border-bottom: 0.2em solid #FFFFFF;
    display: inline;
    float: left;
    margin: 0;
    padding: 0;
    position: relative;
}

ul#utilidades li a {
	padding:0.5em 1.3em 0.5em 2.5em;
	color:#616161; /*color texto compartir*/
	text-decoration:none;
	display:inline-block;
	background: #FFF;
	font-size:1.1em;
	-webkit-transition:color 0.2s linear, background 0.2s linear;	
	-moz-transition:color 0.2s linear, background 0.2s linear;	
	-o-transition:color 0.2s linear, background 0.2s linear;	
	transition:color 0.2s linear, background 0.2s linear;	
}
ul#utilidades li a:hover {
	background:#303030;
	color:#fff;
}
ul#utilidades li:hover > a {
	background:#303030;
}
ul#utilidades li a.compartir {
	background: url(../../../../img/compartir.png) 0.2em 50% no-repeat #FFF;
}
ul#utilidades li a:hover.compartir {
	background: url(../../../../img/compartir_over.png) 0.2em 50% no-repeat #606060;
}
ul#utilidades li a.imprimir {
	background: url(../../../../img/imprimir.png)  0.2em 50% no-repeat #FFF;
}
ul#utilidades li a:hover.imprimir {
	background: url(../../../../img/imprimir_hover.png)  0.2em 50% no-repeat #606060;
}

/* DESPLEGABLE */
ul#utilidades li:hover > ul{ visibility:visible;}
ul#utilidades li:hover > .compartir{ background: url(../../../../img/compartir_over.png) 0.2em 50% no-repeat #606060; color:#fff}
ul#utilidades ul, ul#utilidades ul li ul {
	list-style: none;
    margin: 0;
    padding: 0;    
	visibility:hidden;
    position: absolute;
    z-index: 99999;
	background:#606060; /*fondo pestañas*/	
}
ul#utilidades ul {
    top: 2.6em;
    left: 0px;
}
ul#utilidades ul li {
	clear:both;
	width:100%;
	border:0 none;
}
ul#utilidades ul li a {
	background:none;
	padding:0.7em 3.3em;
	color:#A2E200;
	text-decoration:none;
	display:inline-block;
	border:0 none;
	float:left;
	clear:both;
	width:2.45em;
}
ul#utilidades li a.facebook {
	background: url(../../../../img/facebook.png) 0.3em 50% no-repeat #606060;
}
ul#utilidades li a:hover.facebook {
	background: url(../../../../img/facebook_h.png) 0.3em 50% no-repeat #303030;
}
ul#utilidades li a.twitter {
	background: url(../../../../img/twitter.png) 0.3em 50% no-repeat #606060;
}
ul#utilidades li a:hover.twitter {
	background: url(../../../../img/twitter_h.png) 0.3em 50% no-repeat #303030;
}
ul#utilidades li a.mail {
	background: url(../../../../img/icono_correo_compartir.png) 0.3em 50% no-repeat #606060;
	background:
}
ul#utilidades li a:hover.mail {
	background: url(../../../../img/icono_correo_compartir_h.png) 0.3em 50%  no-repeat #303030; cursor:pointer;
}
ul#utilidades li a.linkedin {
	background: url(../../../../img/linkedin.png) 0.3em 50% no-repeat #606060;
}
ul#utilidades li a:hover.linkedin {
	background: url(../../../../img/linkedin_h.png) 0.3em 50% no-repeat #303030;
}
ul#utilidades li a.google {
	background: url(../../../../img/google_plus.png) 0.3em 50% no-repeat #606060;
}
ul#utilidades li a:hover.google {
	background: url(../../../../img/google_plus_h.png) 0.3em 50% no-repeat #303030;
}
ul#utilidades li a.youtube {
	background: url(../../../../img/youtube.png) 0.3em 50% no-repeat #606060;
}
ul#utilidades li a:hover.youtube {
	background: url(../../../../img/youtube_h.png) 0.3em 50% no-repeat #303030;
}

ul#utilidades li a.tuenti {
	background: url(../../../../img/tuenti.png) 0.3em 50% no-repeat #606060;
}
ul#utilidades li a:hover.tuenti {
	background: url(../../../../img/tuenti_h.png) 0.3em 50% no-repeat #303030;
}

#plantilla {
	width:100%;
	height:auto;
	padding:0em;
	margin: 0 auto;
}
.espacio{
	background-color:#fff;
	display:inline;
	float:left;
	margin:0.5em 0;
	/*overflow:auto;*/
	padding:1%;
	position:relative;
	width:95.8%;
}
.celda{
	display:inline;
	float:left;
	position:relative;
	width:100%;
}
#celda1_1_b, #celda1_2_b, #celda1_3_b, #celda1_4_b, #celda1_5_b, #celda1_6_b, #celda1_7_b, #celda1_8_b, #celda1_9_b, #celda1_10_b, #celda1_11_b, #celda1_12_b, 
#celda2_1_b, #celda2_2_b, #celda2_3_b, #celda2_4_b, #celda2_5_b, #celda2_6_b, #celda2_7_b, #celda2_8_b, #celda2_9_b, #celda2_10_b, #celda2_11_b, #celda2_12_b, 
#celda3_1_b, #celda3_2_b, #celda3_3_b, #celda3_4_b, #celda3_5_b, #celda3_6_b, #celda3_7_b, #celda3_8_b, #celda3_9_b, #celda3_10_b, #celda3_11_b, #celda3_12_b, 
#celda4_1_b, #celda4_2_b, #celda4_3_b, #celda4_4_b, #celda4_5_b, #celda4_6_b, #celda4_7_b, #celda4_8_b, #celda4_9_b, #celda4_10_b, #celda4_11_b, #celda4_12_b, 
#celda5_1_b, #celda5_2_b, #celda5_3_b, #celda5_4_b, #celda5_5_b, #celda5_6_b, #celda5_7_b, #celda5_8_b, #celda5_9_b, #celda5_10_b, #celda5_11_b, #celda5_12_b, 
#celda6_1_b, #celda6_2_b, #celda6_3_b, #celda6_4_b, #celda6_5_b, #celda6_6_b, #celda6_7_b, #celda6_8_b, #celda6_9_b, #celda6_10_b, #celda6_11_b, #celda6_12_b, 
#celda7_1_b, #celda7_2_b, #celda7_3_b, #celda7_4_b, #celda7_5_b, #celda7_6_b, #celda7_7_b, #celda7_8_b, #celda7_9_b, #celda7_10_b, #celda7_11_b, #celda7_12_b, 
#celda8_1_b, #celda8_2_b, #celda8_3_b, #celda8_4_b, #celda8_5_b, #celda8_6_b, #celda8_7_b, #celda8_8_b, #celda8_9_b, #celda8_10_b, #celda8_11_b, #celda8_12_b, 
#espacio_1_b, #espacio_2_b, #espacio_3_b, #espacio_4_b, #espacio_5_b, #espacio_6_b, #espacio_7_b, #espacio_8_b, #espacio_9_b, #espacio_10_b, #espacio_11_b, #espacio_12_b{
	border:0.1em solid #ccc;
}
/*FILAS*/
.filas .espacio{overflow:hidden;}
.filas .espacio, .fila_colum_dos #espacio_1, .fila_colum_dos #espacio_1_b, .fila_colum_tres #espacio_1, .fila_colum_tres #espacio_1_b{
	margin:0.5em 0.75%;
	width:95.8%;
}
.filas .celda{margin:0 1em 1em 0;}
/*DOS COLUMNAS*/
.colum_dos .espacio, .fila_colum_dos .espacio {
    margin: 0;
    padding: 0;
    width: 49%;
}
.colum_dos #espacio_2, .colum_dos #espacio_4, .colum_dos #espacio_6, .colum_dos #espacio_8, .colum_dos #espacio_2 .celda, .colum_dos #espacio_4 .celda, .colum_dos #espacio_6 .celda, .colum_dos #espacio_8 .celda{float:right;}
.colum_dos #espacio_3, .colum_dos #espacio_4, .colum_dos #espacio_5, .colum_dos #espacio_6, .colum_dos #espacio_7, .colum_dos #espacio_8, .colum_dos #espacio_9, .colum_dos #espacio_10, .colum_dos #espacio_11, .colum_dos #espacio_12, .colum_dos #espacio_3_b, .colum_dos #espacio_4_b, .colum_dos #espacio_5_b, .colum_dos #espacio_6_b, .colum_dos #espacio_7_b, .colum_dos #espacio_8_b, .colum_dos #espacio_9_b, .colum_dos #espacio_10_b, .colum_dos #espacio_11_b, .colum_dos #espacio_12_b{display:none;}
/*TRES COLUMNAS*/
.colum_tres .espacio, .fila_colum_tres .espacio{
	margin:0.5em 0;
	overflow:visible;
	padding:0.5%;
	width:31.25%;
}
.colum_tres #espacio_1{margin-left:0;}
.colum_tres #espacio_2{margin-left:1.5%;}
.colum_tres #espacio_3{float:right; margin-right:0;}
.colum_tres #espacio_4, .colum_tres #espacio_5, .colum_tres #espacio_6, .colum_tres #espacio_7, .colum_tres #espacio_8, .colum_tres #espacio_9, .colum_tres #espacio_10, .colum_tres #espacio_11, .colum_tres #espacio_12, .colum_tres #espacio_4_b, .colum_tres #espacio_5_b, .colum_tres #espacio_6_b, .colum_tres #espacio_7_b, .colum_tres #espacio_8_b, .colum_tres #espacio_9_b, .colum_tres #espacio_10_b, .colum_tres #espacio_11_b, .colum_tres #espacio_12_b{display:none;}
.colum_dos .celda, .colum_tres .celda, .colum_dos_asim_a .celda, .colum_dos_asim_b .celda{
	/*float:none;
	margin-bottom:1.5em;*/
	width:100%;
}
/*DOS COLUMNAS ALTO DEFINIDO*/
.espacios_colum_dos .espacio{
	height:25em;
	margin: 0;
    padding: 0;
    width: 49%;
}
.espacios_colum_dos #espacio_1_b, .espacios_colum_dos #espacio_2_b, .espacios_colum_dos #espacio_3_b, .espacios_colum_dos #espacio_4_b, .espacios_colum_dos #espacio_5_b, .espacios_colum_dos #espacio_6_b, .espacios_colum_dos #espacio_7_b, .espacios_colum_dos #espacio_8_b, .espacios_colum_dos #espacio_9_b, .espacios_colum_dos #espacio_10_b, .espacios_colum_dos #espacio_11_b, .espacios_colum_dos #espacio_12_b{margin:0.4em 0.75%;}
/*TRES COLUMNAS ALTO DEFINIFO*/.espacios_colum_dos .celda, .espacios_colum_tres .celda{margin-bottom:1.5em;}
.espacios_colum_tres #espacio_1_b, .espacios_colum_tres #espacio_2_b, .espacios_colum_tres #espacio_3_b, .espacios_colum_tres #espacio_4_b, .espacios_colum_tres #espacio_5_b, .espacios_colum_tres #espacio_6_b, .espacios_colum_tres #espacio_7_b, .espacios_colum_tres #espacio_8_b, .espacios_colum_tres #espacio_9_b, .espacios_colum_tres #espacio_10_b, .espacios_colum_tres #espacio_11_b, .espacios_colum_tres #espacio_12_b{margin:0.4em 0.6%;}
.espacios_colum_tres .espacio{
	height:25em;
	margin:0.5em 0.54%;
	width:31%;
	padding:0.5%;
}
/*DOS COLUMNAS ASIMETRICAS*/
.colum_dos_asim_a #espacio_1, .colum_dos_asim_a #espacio_1_b, .colum_dos_asim_b #espacio_2, .colum_dos_asim_b #espacio_2_b{width:30.8%;}
.colum_dos_asim_b #espacio_2, .colum_dos_asim_b #espacio_2_b{
    float: right;
    overflow: visible;
    padding-right: 0;
}
.colum_dos_asim_a #espacio_3, .colum_dos_asim_a #espacio_4, .colum_dos_asim_a #espacio_5, .colum_dos_asim_a #espacio_6, .colum_dos_asim_a #espacio_7, .colum_dos_asim_a #espacio_8, .colum_dos_asim_a #espacio_3_b, .colum_dos_asim_a #espacio_4_b, .colum_dos_asim_a #espacio_5_b, .colum_dos_asim_a #espacio_6_b, .colum_dos_asim_a #espacio_7_b, .colum_dos_asim_a #espacio_8_b, .colum_dos_asim_b #espacio_3, .colum_dos_asim_b #espacio_4, .colum_dos_asim_b #espacio_5, .colum_dos_asim_b #espacio_6, .colum_dos_asim_b #espacio_7, .colum_dos_asim_b #espacio_8, .colum_dos_asim_b #espacio_3_b, .colum_dos_asim_b #espacio_4_b, .colum_dos_asim_b #espacio_5_b, .colum_dos_asim_b #espacio_6_b, .colum_dos_asim_b #espacio_7_b, .colum_dos_asim_b #espacio_8_b{display:none;}
.colum_dos_asim_a #espacio_2, .colum_dos_asim_a #espacio_2_b{
	margin-left:1%;
	width:64%;
}
.colum_dos_asim_b #espacio_1, .colum_dos_asim_b #espacio_1_b{width:65%; overflow: visible;}
/*COMUNES*/
#contenido .colum_dos .detalle_titulo, #contenido .espacios_colum_dos .detalle_titulo, #contenido .fila_colum_dos .detalle_titulo{width:76.7%;}
#contenido .colum_tres .detalle_titulo, #contenido .espacios_colum_tres .detalle_titulo, #contenido .fila_colum_tres .detalle_titulo{width:auto;}
/******************INFOPORTADAS*********************/
.infop {
    height: auto;
    padding: 0 2%;
    /*padding: 0 2% 0.9em;*/
    text-align: center;
    width: 96%;
}
.infop a{
	text-decoration: none;
	color:#363636;
	width:100%;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.infop a:hover {
}
.infop img, .infoportada img {
	box-shadow: 0 0 0.5em #ccc; 
	-webkit-box-shadow:0 0 0.5em #ccc; 
	-moz-box-shadow:0 0 0.5em #ccc; 
	margin-bottom:0em;
	border: 0.1em solid #D0D0D0;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	transition: all 0.3s linear;
	margin-bottom:1em;
}
.infop a:hover img{opacity:0.7;}
/*prueba concepto escalar hover img infop
.infop a:hover img {
  -webkit-transform: scale(1.03);   
  -moz-transform: scale(1.03);  
  -ms-transform: scale(1.03);  
  -o-transform: scale(1.03);  
  transform: scale(1.03);
}
*/
.infop a:hover h1{
	color: #79ba01;
	border-bottom-color:#bbb;
	/*background:#efefef;
	box-shadow: 0 0 0.5em #bbb inset; 
	-webkit-box-shadow:0 0 0.5em #bbb inset; 
	-moz-box-shadow:0 0 0.5em #bbb inset;*/
}
.infop h1, .infoportada .titulo_infoportada{
	/*background:#E0E0E0;*/
	border-bottom: 0.1em solid #ccc;
	color: #666676;
    font-size: 1.6em;
    margin: 0.9em 0 0.6em;
    padding: 0 0 0.1em 0;
    text-align: left;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
.infop .texto_infop, .infoportada p {
    font-size: 1.2em;
    line-height: 1.3em;
    text-align: left;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
.infop .texto_infop a{
    color: #79ba01;
    text-decoration: none;
	width:auto;
}
.infop .texto_infop a:hover{text-decoration: underline;color:#99cc00;}
.infop a:hover .texto_infop {color:#333;}
/******************INFOPORTADAS*********************/

/* HAGASE CLIENTE. Se amplia el ancho para su correcta visualizacion en interfaz nueva */
#hagase_cliente{
    height: 52em;
    width: 78.2em;
}
#objectHagaseCliente {
    height: 100%;
    width: 100%;
}
/************************************************************************************
barra_lateral
*************************************************************************************/
#barra_lateral {
	width: 24.7em;
	float: left;
	margin: 0px 0 0;
	background: #fff;
}

/* LOGIN ACCESO */
.acceso {
    float: left;
    font-size: 1.3em;
    margin-bottom: 1em;
    width: 100%;
    background: #EDEDF3;
    border: solid 0.1em #E0E0E0;
    padding-bottom: 0.5em;
}
.acceso p{}
.acceso p.acceso_banca {
    border-bottom: 0.1em solid #ccc;
    float: left;
    margin: 3% 3% 0 3%;
    padding-bottom: 3%;
    width: 94%;
}
.acceso p.acceso_banca .titulo {
    color: #363636;
    float: left;
    line-height: 1.1em;
    margin-top: 0.5em;
    font-size:1.1em;
    display:none;
}
.acceso p.acceso_banca a{
	background: #4C9F01; /* Old browsers */
	background: -moz-linear-gradient(top,  #8FDF19 0%, #4C9F01 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8FDF19), color-stop(100%,#4C9F01)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #8FDF19 0%,#4C9F01 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #8FDF19 0%,#4C9F01 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #8FDF19 0%,#4C9F01 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #8FDF19 0%,#4C9F01 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8FDF19', endColorstr='#4C9F01',GradientType=0 ); /* IE6-9 */
	border: 0.1em solid #8AB21E;
        /*box-shadow: 0 0 0.5em #BBBBBB;
	-webkit-box-shadow: 0 0 0.5em #BBBBBB;
	-moz-box-shadow: 0 0 0.5em #BBBBBB;*/
    color: #FFFFFF;
    float: left;
    font-size: 1.1em;
    height: 1.8em;
    line-height: 1.7em;
    text-align: center;
    text-shadow: 0 0.1em 0 #4C9F01;
    width: 100%;
	-webkit-transition: box-shadow 0.3s linear;
	-moz-transition: box-shadow 0.3s linear;
	-o-transition: box-shadow 0.3s linear;
	-ms-transition: box-shadow 0.3s linear;
	transition: box-shadow 0.3s linear;
	-moz-border-radius: 0.3em;
-webkit-border-radius: 0.3em;
border-radius: 0.3em;
	
}
.acceso p.acceso_banca a:hover{
	background: #50a801; /* Old browsers */
	background: -moz-linear-gradient(top,  #93e51a 0%, #50a801 100%, #50a801 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#93e51a), color-stop(100%,#50a801), color-stop(100%,#50a801)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #93e51a 0%,#50a801 100%,#50a801 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #93e51a 0%,#50a801 100%,#50a801 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #93e51a 0%,#50a801 100%,#50a801 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #93e51a 0%,#50a801 100%,#50a801 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#93e51a', endColorstr='#50a801',GradientType=0 ); /* IE6-9 */
	border: 0.1em solid #8AB21E;
	/*box-shadow: 0 0 0.65em #999;
	-webkit-box-shadow: 0 0 0.65em #999;
	-moz-box-shadow: 0 0 0.65em #999;*/
	text-shadow: 0 0.1em 0 #428a01;
	text-decoration:none;
	line-height:1.6em;

}
#barra_lateral .nuevos_clientes a{
	background: #363636; /* Old browsers */
	background: -moz-linear-gradient(top,  #666666 0%, #363636 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#666666), color-stop(100%,#363636)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #666666 0%,#363636 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #666666 0%,#363636 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #666666 0%,#363636 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #666666 0%,#363636 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#363636',GradientType=0 ); /* IE6-9 */
	/*box-shadow: 0 0 0.5em #ccc;*/
	color: #FFFFFF;
    display: inline-block;
    font-size: 1.4em;
    height: 1.8em;
    line-height: 1.8em;
    margin: 0 0 3% 3%;
    text-align: center;
	text-shadow: 0 0.1em 0 #333333;
    width: 93.5%;
	-webkit-transition: box-shadow 0.3s linear;
	-moz-transition: box-shadow 0.3s linear;
	-o-transition: box-shadow 0.3s linear;
	-ms-transition: box-shadow 0.3s linear;
	transition: box-shadow 0.3s linear;
	-moz-border-radius: 0.3em;
-webkit-border-radius: 0.3em;
border-radius: 0.3em;
border:solid 0.1em #7C7C7C;
}
#barra_lateral .nuevos_clientes a:hover{
	background: #666; /* Old browsers */
	background: -moz-linear-gradient(top,  #848484 0%, #363636 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#848484), color-stop(100%,#363636)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #848484 0%,#363636 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #848484 0%,#363636 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #848484 0%,#363636 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #848484 0%,#363636 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#848484', endColorstr='#363636',GradientType=0 ); /* IE6-9 */
	/*box-shadow: 0 0 0.65em #666;
	-webkit-box-shadow: 0 0 0.65em #666;
	-moz-box-shadow: 0 0 0.65em #666;*/
	text-shadow: 0 0.1em 0 #000;
	text-decoration:none;
	line-height:1.6em;
}
.acceso ul {
     border-top: 1px solid #FAFAFA;
    float: left;
    margin: 0 3%;
    padding: 3% 0 0;
    width: 95%;
}
.acceso ul li{display:inline;}
.acceso ul li a{
	background: url(../../../../img/flechita.png) no-repeat 0 0.35em;
	color: #545252;
	float:left;
    margin: 0 0.5em 0 0.5em;
    padding-left: 0.7em;
}
.acceso ul li a:hover{
	/*background: url(../../../../img/flechita_hover.png) no-repeat 0 0.35em;*/
	color:#498500;
}
.acceso ul li a span.dnie {
    background: url(../../../../img/dnie.png) no-repeat scroll 0 -0.1em transparent;
    color: #FFFFFF;
    display:inline-table;
    height: 1.5em;
    margin: 0 1em 0 0.25em;
    overflow: hidden;
    text-indent: -999em;
    width: 2.9em;
}
.acceso ul li a:hover span.dnie {background: url(../../../../img/dnie_hover.png) no-repeat scroll 0 -0.1em transparent;}
.acceso p.nuevos_clientes{}


/* WIDGET */
.widget {
	margin: 0 0 30px;
	padding: 10px 20px;
	height: 8.56em;
	width:83%;
}
.widgettitle {
	margin: 0 0 5px;
	padding: 0;
	display:none;
}
.widget ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.widget li {
	margin: 0;
	padding:0.4em 0em 0.4em 0.9em;
	clear: both;
	list-style-type: none;
	border-bottom: 1px dotted #999;
}
.widget li:hover{
	background:#ececec;
}
.widget a:link {
	text-decoration: none;
	color:#666676;
}

/* CANALES*/
.canales{margin:1em 0; border:solid 1px #e0e0e0}
.canales, #lista_canales {
    float: left;
    width: 100%;
}
.canales h1{
background-color: #FFFFFF;
    color: #484848;
    display: inline-block;
    font-size: 1.2em;
    font-weight: 600;
    padding: 0 0.3em;
    position: relative;
    top: -0.8em;
}
#lista_canales ul{margin:0;}
#lista_canales ul li {
    display: inline;
    float: left;
    margin: 0;
    width: 25%;
}
#lista_canales ul li a {
    text-align:center;
    padding-top:4.5em;
    padding-bottom:0.6em;
    display:block;
    color:#666 !important;
    font-weight:bold;
    font-size:1.1em;
}
#lista_canales ul li a:hover {
color:#79BA01 !important;
}
#lista_canales ul li.internet a{background:url(../../../../img/canales_internet.png) center 0 no-repeat;}
#lista_canales ul li.telefono a{background:url(../../../../img/canales_tlf.png) center 0 no-repeat;}
#lista_canales ul li.movil a{background:url(../../../../img/canales_movil.png) center 0 no-repeat;}
#lista_canales ul li.movil_tablet a{background:url(../../../../img/canales_movil.png) center 0 no-repeat;}
#lista_canales ul li.oficinas_cajeros a, #lista_canales ul li.oficinas_caixeiros a{background:url(../../../../img/canales_oficina.png) center 0 no-repeat;}
#lista_canales ul li.prensa a{background:url(../../../../img/canales_prensa.png) center 0 no-repeat;}
#lista_canales ul li.internet a:hover{background:url(../../../../img/canales_internet_h.png) center 0 no-repeat;}
#lista_canales ul li.telefono a:hover{background:url(../../../../img/canales_tlf_h.png) center 0 no-repeat;}
#lista_canales ul li.movil a:hover{background:url(../../../../img/canales_movil_h.png) center 0 no-repeat;}
#lista_canales ul li.movil_tablet a:hover{background:url(../../../../img/canales_movil_h.png) center 0 no-repeat;}
#lista_canales ul li.oficinas_cajeros a:hover{background:url(../../../../img/canales_oficina_h.png) center 0 no-repeat;}
#lista_canales ul li.prensa a:hover{background:url(../../../../img/canales_prensa_h.png) center 0 no-repeat;}


#lista_canales ul li.internet a{background:url(../../../../img/canales_internet.png) center 0 no-repeat;}
#lista_canales ul li.telefon a{background:url(../../../../img/canales_tlf.png) center 0 no-repeat;}
#lista_canales ul li.mobil a{background:url(../../../../img/canales_movil.png) center 0 no-repeat;}
#lista_canales ul li.mobil_tablet a{background:url(../../../../img/canales_movil.png) center 0 no-repeat;}
#lista_canales ul li.oficines_caixers a{background:url(../../../../img/canales_oficina.png) center 0 no-repeat;}
#lista_canales ul li.oficines_i_caixers a{background:url(../../../../img/canales_oficina.png) center 0 no-repeat;}
#lista_canales ul li.internet a:hover{background:url(../../../../img/canales_internet_h.png) center 0 no-repeat;}
#lista_canales ul li.telefon a:hover{background:url(../../../../img/canales_tlf_h.png) center 0 no-repeat;}
#lista_canales ul li.mobil a:hover{background:url(../../../../img/canales_movil_h.png) center 0 no-repeat;}
#lista_canales ul li.mobil_tablet a:hover{background:url(../../../../img/canales_movil_h.png) center 0 no-repeat;}
#lista_canales ul li.oficines_caixers a:hover{background:url(../../../../img/canales_oficina_h.png) center 0 no-repeat;}
#lista_canales ul li.oficines_i_caixers a:hover{background:url(../../../../img/canales_oficina_h.png) center 0 no-repeat;}

/*MENU PRODUCTOS Y SERVICIOS*/
.lnkImg, .img, .img_opened{display:none;}
#menus_navegacion {
    display: inline-block;
    margin: 0 0 3em;
    width: 100%;
}
#menus_navegacion h1{display:none;}
#menus_navegacion ul {
    float: left;
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
}
#menus_navegacion li {
	float:left;
	width: 100%;
	margin: 0;
	padding:0;
	clear: both;
	list-style-type: none;
	/*border-bottom: 1px dotted #999;*/
}
#menus_navegacion a{
	float:left;
	font-size:1.3em;
	padding:0.4em 0em 0.4em 0.4em;
	text-decoration: none;
	color:#363636;
	width:98%;
	-webkit-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;
	-ms-transition: all 0.4s linear;
	transition: all 0.4s linear;
}
#menus_navegacion a:hover, #menus_navegacion ul li ul li.selected a{background-color:#ececec;}
/*
#menus_navegacion  li a, #menus_navegacion  li.mas ul li a, #menus_navegacion ul li.selected.mas ul li a{background: url(../../../../img/flecha_verde.gif) no-repeat scroll 96% 0.5em transparent; box-shadow:none;}
#menus_navegacion  a:hover, #menus_navegacion  li.mas ul li a:hover, #menus_navegacion  li.mas.selected ul li a:hover, #menus_navegacion ul li ul li.selected a, #menus_navegacion .segmentos a:hover, #menus_navegacion ul li.selected.mas ul li.selected a{
	background: url(../../../../img/flecha_verde.gif) no-repeat scroll 96% 0.5em #ececec;
	color:#111;
}
*/
/**/
#menus_navegacion  li.mas a{background: url(../../../../img/flecha_verde.gif) no-repeat scroll 96% 0.5em #ececec;
	color:#363636;}
ul li.mas ul li a, ul ul li.selected.mas ul li a{background-image:none !important}

/**/
#menus_navegacion .segmentos {
    border-top: 0.2em solid #8BC847;
    margin-top: -0.1em;
}
#menus_navegacion .segmentos li a{/*background: url(../../../../img/flecha_negra.gif) no-repeat scroll 96% 0.5em transparent;*/}
#menus_navegacion .segmentos a:hover{/*background: url(../../../../img/flecha_negra.gif) no-repeat scroll 96% 0.5em #ececec;*/}
#menus_navegacion li ul li ul{
	margin-left:6%;
	width:94%;
}
#menus_navegacion li ul li {
    border-bottom: 1px dotted #999999;
}
#menus_navegacion li ul li ul li{
    border-bottom:none;
    border-top: 1px dotted #999999;
}

#menus_navegacion  li.mas a {
	background: url(../../../../img/flecha_verde.gif) no-repeat scroll 96% 50% transparent;
	padding-left:0.4em;
	padding-right:0.6em;
	width: 95%;
}
#menus_navegacion .segmentos li.mas a {background: url(../../../../img/flecha_negra.gif) no-repeat scroll 96% 50% transparent;}
#menus_navegacion  li.mas a:hover, #menus_navegacion li.selected.mas a{background: url(../../../../img/flecha_verde_abajo.gif) no-repeat scroll 96% 50% #ececec; color:#111;}
#menus_navegacion  .segmentos li.mas a:hover, #menus_navegacion .segmentos li.selected.mas a{background: url(../../../../img/flecha_negra_abajo.gif) no-repeat scroll 96% 50% #ececec;}
#menus_navegacion .ventana_nueva{float:right; position:relative; right:0.6em }
#menus_navegacion a:hover .ventana_nueva{right:0.4em}
#menus_navegacion  li.mas ul li a{background-color:#fff; padding-left:0.4em;}
#menus_navegacion  li.mas ul li a:hover{background-color:#ececec !important;}
#menus_navegacion ul li ul li.selected.mas ul li a, #menus_navegacion .segmentos li.selected.mas ul li a{background: #FFFFFF;}
#menus_navegacion ul li ul li.selected ul li.selected a, #menus_navegacion ul li.segmentos ul li.selected ul li.selected a {background: #EFEFEF;}
/************************************************************************************
PRODUCTOS (DETALLE Y FAMILIA)
*************************************************************************************/
#gama {
	width:69%;
	float:left;
	padding:0em 0 2em 0;
	margin: 0 auto;
	z-index:50;
}
#gama.sin_widget{width:100%;}
.producto {
    border-bottom: 0.1em solid #CCCCCC;
    font-size: 1.2em;
    line-height: 1.3em;
    padding: 0.9em 0 0.5em;
    width: 100%;
}
#gama .producto{0.1em solid #CCCCCC;}
.present{
	border-bottom:0em;
}
img.img_prod {
    padding: 0 2em 1.2em 0;
    float: left;
}
.producto h1 {
    color: #363636;
    font-size: 1.3em;
    margin-top: 0;
}
.producto span {
	color:#69b71f;
	font-size: 1.5em;
}
.botones{
	margin-top:2em;
	text-align:right;
}
/************************************************************************************
MAS INFO (Barra derecha)
*************************************************************************************/
.widgetmasinfo {
	float:right;
	border: 0.1em solid #E0E0E0;
	width:25%;
	margin-top:0.8em;
	clear: right;
}
.widgetmasinfo .infop, .widgetmasinfo .infoportada{
    padding: 0;
    width: 100%;
}
.masinfo li, .widgetmasinfo .infop li, .widgetmasinfo .infoportada li{
    font-size: 1.2em;
    list-style-image: url(../../../../img/pix_verde.png);
    list-style-type: square;
}
.widgetmasinfo .infop li{font-size:1em;}
.masinfo a:hover, .widgetmasinfo a:hover {
	text-decoration: underline;
	color: #97c00e;
}
.masinfotit, .widgetmasinfo .infop h1, .widgetmasinfo .titulo_infoportada{
    background:none;
    color: #333333;
    font-size: 1.4em;
    margin: 0.6em;
    padding: 0;
}
.widgetmasinfo #pagina_libre h1, .widgetmasinfo #barrautilidad, .widgetmasinfo .titulo_producto{display:none;}
/************************************************************************************
ENLACES CON PARAMETROS (OBJECT)
*************************************************************************************/
#enlace_externo object {
	height: 70em;
	width: 100%;
	margin-bottom: 1em;
}
/************************************************************************************
TOOL TIPS
*************************************************************************************/
#contenido a[data-tooltip]:hover:before, #contenido a[data-tooltip]:hover:after {  
        visibility: visible;  
        -moz-transition: visibility 0s linear .3s;  
}  
#contenido a[title]:link, #contenido a[title]:visited {  
        position: relative;  
}  
#contenido a[title]:before {  
        content: "";  
        position: absolute;  
        border-top: 20px solid #efefef;  
        border-left: 30px solid transparent;  
        border-right: 30px solid transparent;  
        visibility: hidden;  
        top: -18px;  
        left: -26px;  
}  
#contenido a[title]:after {  
        content: attr(title);  
        position: absolute;  
        color: #333;  
        top: -35px;  
        left: -26px;  
        background: #efefef;  
        padding: 5px 15px;  
        -webkit-border-radius: 10px;  
        -moz-border-radius: 10px;  
        border-radius: 10px;  
        white-space: nowrap;  
        visibility: hidden;  
		text-shadow:none; 
		font-weight:normal;
		box-shadow: 0 -0.15em 0.2em #ccc; 
		-webkit-box-shadow:0 -0.15em 0.2em #ccc; 
		-moz-box-shadow:0 -0.15em 0.2em #ccc;
}  
#contenido a[title]:hover:before, #contenido a[title]:hover:after {  
        visibility: visible;  
        -moz-transition: visibility 0s linear .3s;  
}  
#contenido .botones a[title]:after, #contenido .botones a[title]:before{display:none;}

/***************ESTILOS TEXTO DESPLEGABLE**********************/
#contenido .expand{
	clear:both;
}
#contenido .expand a:link{
	border:0.1em dotted #ccc;
	border-width:0 0 0.1em;
	text-decoration:none;
}
#contenido .expand a:hover, #contenido .expand a:active, #contenido .expand a:focus {
	border:0.1em dotted #ccc;
	background-color:#f0f0f0;
	outline:0 none;
	text-decoration:none;
}
#contenido .expand a {
	display:block;
	margin:0 0 0.8em 0;
	padding:0.4em 1em;
	text-decoration:none;
	font-size:1.2em;
}
#contenido .expand a:link, #contenido .expand a:visited {
	border:0.1em dotted #ccc;
	background-image:url(../../../../img/arrow-down.gif);
	background-repeat:no-repeat;
	background-position:98% 50%;
}
#contenido .expand a.open:link, #contenido .expand a.open:visited {
	border-style:solid;
	background:#eee url(../../../../img/arrow-up.gif) no-repeat 98% 50%;
	border-color:#ccc;
}

/***************** RESULTADOS BUSQUEDA *****************/
#searchForm{display:none;}
#contenido .resultados_busqueda header{margin-bottom:1em;}
#contenido .resultados_busqueda header h1{
	text-indent:1.3em;
}
#contenido .resultados_busqueda p span.search_path{display:none;}
#contenido .resultados_busqueda a p{
	color:#333;
	font-size:1.2em;
	line-height:1.3em;
	margin:0;
}
#contenido .resultado_busqueda a{
	float:left;
	width:100%;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;
	padding:1% 0;
}
#contenido .resultado_busqueda a:hover{
	background:#f9f9f9;
	text-decoration:none;
	padding:1%;
	width:98%;
	box-shadow: 0 0 0.5em #bbb; 
	-webkit-box-shadow:0 0 0.5em #bbb; 
	-moz-box-shadow:0 0 0.5em #bbb; 
}
#contenido .resultado_busqueda a:hover h2{font-weight:900;}
#contenido .resultados_busqueda .fecha {
    color: #666666;
    display: block;
    font-style: italic;
    margin-top: 0.5em;
}
#contenido .busqueda_pie ul{
	clear:both;
	float:right;
	padding:1em 0;
}
#contenido .busqueda_pie ul li{
	float:left;
	font-size:1.3em;
	list-style:none;
	margin:0 0.3em;
}
/************************************************************************************
BANNER LATERAL
*************************************************************************************/
.view-fifth img {
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}
.view-fifth .mask {
   background-color: rgba(224,224,224,0.3);
   -webkit-transform: translateX(-300px);
   -moz-transform: translateX(-300px);
   -o-transform: translateX(-300px);
   -ms-transform: translateX(-300px);
   transform: translateX(-300px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}
.view-fifth h2 {
   background: rgba(108, 189, 0, 0.5);
   color: #000;
   -webkit-box-shadow: 0px 1px 3px rgba(159, 141, 140, 0.5);
   -moz-box-shadow: 0px 1px 3px rgba(159, 141, 140, 0.5);
   box-shadow: 0px 1px 3px rgba(159, 141, 140, 0.5);
}
.view-fifth p {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   color: #333;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.view-fifth:hover .mask, .view-fifth:hover .mask img{
   -webkit-transform: translateX(0px);
   -moz-transform: translateX(0px);
   -o-transform: translateX(0px);
   -ms-transform: translateX(0px);
   transform: translateX(0px);
}
.view-fifth:hover img {
   -webkit-transform: translateX(300px);
   -moz-transform: translateX(300px);
   -o-transform: translateX(300px);
   -ms-transform: translateX(300px);
   transform: translateX(300px);
}
.view-fifth:hover p {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
.view {
    cursor: default;
    float: right;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 100%;
}
.view .mask,.view .content {
   width: 100%;
   height: 100%;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
.view img {
   display: block;
   position: relative;
   max-width:101%;
}
.view h2 {
   text-transform: uppercase;
   color: #fff;
   text-align: center;
   position: relative;
   font-size: 1.5em;
   padding: 0.8em;
   background: rgba(97, 191, 0, 0.8);
   margin: 1.6em 0 0 0;
}
.view p {
   position: relative;
   color: #333;
   padding: 0.8em 1.6em 1.6em;
   text-align: center;
}
.view a.info {
   display: inline-block;
   text-decoration: none;
   padding: 0.5em 1.2em;
   background: #000;
   color: #fff;
   text-transform: uppercase;
   -webkit-box-shadow: 0 0 0.1em #000;
   -moz-box-shadow: 0 0 0.1em #000;
   box-shadow: 0 0 0.1em #000;
}
.view a.info: hover {
   -webkit-box-shadow: 0 0 0.3em #000;
   -moz-box-shadow: 0 0 3em #000;
   box-shadow: 0 0 3em #000;
}
/************************************************************************************
pie
*************************************************************************************/
#pie {
	width:100%;
	float:left;
	background: #363636;	
	margin: 0 auto;
	height:auto;
	font-size:0.9em;
	margin-top:2em;
}
#contenedor_pie {
    background: url(../../../../img/linea_pie.gif) no-repeat scroll 1.2em 3.2em;
    display: block;
    height: 17em;
    margin: 0.5em auto 0;
    width: 105em;
}
.columna_pie {
    color: #FFFFFF;
    float: left;
    height: auto;
    padding-left: 1.5%;
    width: 23.5%;
    padding-bottom: 0.5em;
}
.contacta {
    float: left;
    height: auto;
    padding-left: 1.5%;
    width: 48.5%;
}
.contacta .der {
    float: right;
    padding: 3% 3% 0 0;
    width: 51%;
}
#pie #lista_contacta li{line-height: 1.4em;}
#pie #lista_contacta .telefono{
    background: url(../../../../img/icono_telefono.png) no-repeat scroll 0.1em 0.5em transparent;
    font-size: 1.5em;
    line-height: 1.3em;
    padding: 0.5em 1.7em 0.3em;
}
#pie #lista_contacta .correo{
    background: url(../../../../img/icono_correo.png) no-repeat scroll 0 0.6em transparent;
    padding: 0.6em 0 0.6em 2em;
}
#pie #lista_contacta .correo a {
    /*background: url(../../../../img/icono_correo.gif) no-repeat scroll 0 0 transparent;*/
    margin-left: -2em;
    padding: 0 0 0 2em;
}
#pie #lista_contacta .correo a:hover {
    background: url(../../../../img/icono_correo_h.gif) no-repeat scroll 0 0 transparent;
    margin-left: -2em;
    padding: 0 0 0 2em;
}
#pie #lista_contacta .redes{
    background: url(../../../../img/icono_sociales.png) no-repeat scroll 0 0.6em transparent;
    padding: 0.5em 2em;
}
#pie #lista_contacta_redes{margin-top:1em;}
#pie #lista_contacta_redes li{
	background:none;
    clear: none;
    display: inline;
    float: left;
	margin: 0 0.15em;
    padding: 0;
}
#pie .twitter a, #pie .facebook a, #pie .google a, #pie .linkedin a, #pie .youtube a, #pie .tuenti a, #pie .instagram a{
    clear: none;
    float: left;
    height: 2em;
    text-indent: -999em;
    width: 2.1em;
}
#pie .twitter a{
	background: url(../../../../img/twitter.png) no-repeat scroll 0 0 transparent;
}
#pie .twitter a:hover{
	background: url(../../../../img/twitter_h.png) no-repeat scroll 0 0 transparent;
}
#pie .facebook a{
	background: url(../../../../img/facebook.png) no-repeat scroll 0 0 transparent;
}
#pie .facebook a:hover{
	background: url(../../../../img/facebook_h.png) no-repeat scroll 0 0 transparent;
}
#pie .google a{
	background: url(../../../../img/google_plus.png) no-repeat scroll 0 0 transparent;
}
#pie .google a:hover{
	background: url(../../../../img/google_plus_h.png) no-repeat scroll 0 0 transparent;
}
#pie .linkedin a{
	background: url(../../../../img/linkedin.png) no-repeat scroll 0 0 transparent;
}
#pie .linkedin a:hover{
	background: url(../../../../img/linkedin_h.png) no-repeat scroll 0 0 transparent;
}
#pie .youtube a{
	background: url(../../../../img/youtube.png) no-repeat scroll 0 0 transparent;
}
#pie .youtube a:hover{
	background: url(../../../../img/youtube_h.png) no-repeat scroll 0 0 transparent;
}

#pie .tuenti a{
	background: url(../../../../img/tuenti.png) no-repeat scroll 0 0 transparent;
}
#pie .tuenti a:hover{
	background: url(../../../../img/tuenti_h.png) no-repeat scroll 0 0 transparent;
}
#pie .instagram a{
	background: url(../../../../img/instagram.png) no-repeat scroll 0 0 transparent;
}
#pie .instagram a:hover{
	background: url(../../../../img/instagram_h.png) no-repeat scroll 0 0 transparent;
}


#pie h1 {
    color: #FFFFFF;
    font-size: 1.3em;
    font-weight: normal;
    margin: 0.3em 0 0.7em;
}	
#pie ul {
	margin:0;
}	
#pie li {	
	background: url(../../../../img/flecha_verde.gif) no-repeat scroll 0 0.8em transparent;
    clear: both;
    font-size: 1.2em;
    list-style-type: none;
    margin: 0;
    padding: 0.7em 0 0.4em 1em;
}

#pie a:link, #pie a:visited{
	text-decoration: none;
	color:#fff;
}
a:visited {
	text-decoration: none;
	color:#8F01BA;
}
.contacta .der label{	
	background: url(../../../../img/icono_localizador.png) no-repeat scroll 0 0 transparent;
    font-size: 1.2em;
    padding-left: 1.75em;
}
#oficinas_cajeros {
    border: none;
    font-style: italic;
    margin-top: 0.7em;
    padding: 0.25em;
    width: 95%;
}
#btn_buscar{
	background:url(../../../../img/btn_buscar_ofi.gif) no-repeat;
    border: medium none;
    color: #FFFFFF;
	cursor:pointer;
    float: right;
    height: 2.1em;
    margin-top: 1em;
	padding: 0 0 0.1em;
    width: 5.4em;
}
#btn_buscar:hover{
	background:url(../../../../img/btn_buscar_ofi_h.gif) no-repeat;
	color:#8Ad401;
}
#pie a:hover {
	text-decoration: underline;
	color: #8ad401;
}
#pie_pagina {
    background: none repeat scroll 0 0 #3F3F3F;
    border:0.1em solid #484848;
    clear: both;
    color: #fff;
    font-size: 0.88em;
    height: 3em;
}
#pie_pagina li {
    background:none;
    padding: 0em;
    display: inline;
    list-style-type: none;
    text-align: center;
}
.pie_pagina_lista {
    font-size: 1.1em;
    line-height: 1.5em;
    padding-top: 0.6em;
    text-align: center;
}
#pie_pagina span {
    margin: 0 0.2em;
}
#pie .ventana_nueva{
    background:url(../../../../img/nueva_ventana_pie.gif) no-repeat scroll 0 0.1em transparent;
    height: 1.2em;
    width: 1em;
}
#pie a:hover .ventana_nueva{background:url(../../../../img/nueva_ventana_pie_h.gif) no-repeat scroll 0 0.1em transparent;}



/* CSS Document */

.menu_especial{
	position:relative;
}

.ms_menu{
    padding:0;
    width: 50%;
	margin-left:0em;
}

.ms_menu{
    padding:0;
    width: 50%;
	margin-left:0em;
	float:left;

}

.ms_menu_der{
    padding:0;
    width: 50%;
	margin-left:0em;
	float:right;
}


.ms_menu li, .ms_menu_der li{
    width: 330px;
    height: 80px;
    overflow: hidden;
    position: relative;
    display: block;
    background: #fff;
	border: 0.1em solid #CCCCCC;
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    margin-bottom: 19px;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}

.ms_menu_der li{
	float:right;
}

.ms_menu li:last-child, .ms_menu_der li:last-child{
    margin-bottom: 0px;
}
.ms_menu li a, .ms_menu_der li a{
    text-align: left;
    width: 100%;
    height: 100%;
    display: block;
    color: #666;
    position: relative;
}
.ms_icon{
    font-family: 'WebSymbolsRegular', cursive;
    font-size: 20px;
    text-shadow: 0px 0px 1px #333;
    line-height: 90px;
    position: absolute;
    width: 90px;
    left: 20px;
    text-align: center;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}
.ms_content, .ms_content_largo {
    position: absolute;
    left: 120px;
    width: 370px;
    height: 60px;
    top: 20px;
}

.ms_content_largo {

    top: 12px;
}

.ms_main{
    font-size: 18px;
	width: 10em;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}
.ms_content_largo .ms_main {
    line-height: 1em;
    margin-bottom: 0.25em;
}
.ms_sub{
    font-size: 14px;
    color: #666;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}
.ms_menu li:hover, .ms_menu_der li:hover{
    background: #fff;
}
.ms_menu li:hover .ms_icon, .ms_menu_der li:hover .ms_icon{
    font-size: 40px;
    color: #259add;
    opacity: 0.8;
    text-shadow: 0px 0px 13px #fff;
}
.ms_menu li:hover .ms_main, .ms_menu_der li:hover .ms_main{
    opacity: 1;
    color:#69b71f;
    -webkit-animation: moveFromTop 300ms ease-in-out;
    -moz-animation: moveFromTop 300ms ease-in-out;
    -ms-animation: moveFromTop 300ms ease-in-out;
}
.ms_menu li:hover .ms_sub, .ms_menu_der li:hover .ms_sub{
    opacity: 1;
    -webkit-animation: moveFromBottom 300ms ease-in-out;
    -moz-animation: moveFromBottom 300ms ease-in-out;
    -ms-animation: moveFromBottom 300ms ease-in-out;
}

.ca-icon{

    text-shadow: 0px 0px 1px #333;
    line-height: 90px;
    position: absolute;
    width: 90px;
    left: 20px;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}

.ca-icon img{
	max-width:70%;
    text-shadow: 0px 0px 1px #333;
    line-height: 90px;
    position: absolute;
    width: 90px;
    left: 0px;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
	top:1em;
}

.ms_menu li:hover .ca-icon img, .ms_menu_der li:hover .ca-icon img{
    max-width:100%;
    color: #259add;
    opacity: 0.8;
    -moz-shadow: 0px 0px 13px #fff;
	top:0em;
	left: 0px;
}
.microsite {
    display: inline-block;
    margin-bottom: 1em;
    width:100%;
}
.microsite h1{
    font-size: 1.5em;
    line-height: 1.5em;
}


/* CSS Document - Tarjetas */


.ia-container {
	width: 57%;
	overflow: hidden;
	margin-bottom:1.5em;
}

.ia-container figure {
    position: absolute;
	top: 0;
	left: 0em; /* width of visible piece */ /* si no se mueve tocar a 2 */
	width: 22em;
    box-shadow: 0 0 0 1px rgba(255,255,255,0.6);
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
	margin-top: 0em;
}

.ia-container > figure {
    position: relative;
	left: 0 !important;
	margin: 0;
	
}

.ia-container img {
	display: block;
	width: 39%;
}

.ia-container input {
	position: absolute;
	top: 0;
	left: 0;
	width: 3.125em; /* just cover visible part */
	height: 100%;
	cursor: pointer;
	border: 0;
	padding: 0;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
	z-index: 100;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.ia-container input:checked{
	width: 0.3em;
	left: auto;
	right: 0px;
}
.ia-container input:checked ~ figure {
	-webkit-transition: all 0.7s ease-in-out;
    -moz-transition: all 0.7s ease-in-out;
    -o-transition: all 0.7s ease-in-out;
    -ms-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;
	left: 7em;
}

.ia-container figcaption {
	width: 45%;
	height: 100%;
	background: rgba(87, 73, 81, 0.1);
	position: absolute;
	top: 0px;
	-webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.ia-container figcaption span {
	position: absolute;
	top: 40%;
	margin-top: -2.5em;
	right: 1.5em;
	left: 0em;
	overflow: hidden;
	text-align: center;
	background: rgba(87, 73, 81, 0.3);
	line-height: 1.250em;
	font-size: 1em;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 700;
	padding: 2em;
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
} 

.ia-container input:checked + figcaption,
.ia-container input:checked:hover + figcaption{
	background: rgba(87, 73, 81, 0);
}

.ia-container input:checked + figcaption span {
	-webkit-transition: all 0.4s ease-in-out 0.5s;
    -moz-transition: all 0.4s ease-in-out 0.5s;
    -o-transition: all 0.4s ease-in-out 0.5s;
    -ms-transition: all 0.4s ease-in-out 0.5s;
    transition: all 0.4s ease-in-out 0.5s;
	
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=99)";
    filter: alpha(opacity=99);
	opacity: 1;
	
	top: 42%;
}

.ia-container #ia-selector-last:checked + figcaption span {
	-webkit-transition-delay: 0.3s;
	-moz-transition-delay: 0.3s;
	-o-transition-delay: 0.3s;
	-ms-transition-delay: 0.3s;
	transition-delay: 0.3s;
}

.ia-container input:hover + figcaption {
	background: rgba(87, 73, 81, 0.03);
}

.ia-container input:checked ~ figure input{
    z-index: 1;
}

.container{
	width: 100%;
	position: relative;
}
.clr{
	clear: both;
	padding: 0;
	height: 0;
	margin: 0;
}

#texto_tarjetas{
	float:left;
	width: 50%;
}

#texto_tarjetas p{

	font-size: 0.9em;

}

.mtc_oculto{
	visibility:hidden;
}
/************************************************************************************
compartir por mail	
*************************************************************************************/
#compartir_correo_fondo{
	display:none;
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	z-index:4000;
	background:url(../../../../img/compartir_correo_bg.png);
	/*background:#808080;
	background:rgba(0,0,0,.5);
	filter:alpha(opacity=50);
	-ms-filter:"alpha(opacity=50)";Comentado para que en IE no de problemas la transparencia*/
}
#compartir_correo {
    background: #EFEFEF;
    border: 0.3em solid #DDDDDD;
    border-radius: 0.4em 0.4em 0.4em 0.4em;
    box-shadow: 0 0 0.6em #000;
    height: 34em;
    left: 50%;
    margin: -16em -17.75em;
    padding: 2em;
    position: absolute;
    top: 50%;
    width: 35.5em;
    z-index:999;
}
#compartir_correo fieldset {
    display: inline-block;
    margin-bottom: 1em;
    margin-top: -1.5em;
	width: 100%;
}
#compartir_correo legend {
    border-bottom: 0.1em dotted #999999;
    font-size: 1.4em;
    font-weight: 900;
    line-height: 2.4em;
    margin-bottom: 1em;
    width: 100%;
}
#compartir_correo .cerrar_form {
    background: url(../../../../img/cerrar.png) no-repeat scroll 0 0 transparent;
    float: right;
    height: 3em;
    margin-right: -1.5em;
    margin-top: -1.5em;
    overflow: hidden;
    text-indent: -999em;
    width: 2.6em;
}
#compartir_correo .cerrar_form:hover {
    background: url(../../../../img/cerrar_h.png) no-repeat scroll 0 0 transparent;
}
#contenido #compartir_correo a[title]:hover:before, #contenido #compartir_correo a[title]:hover:after {  
        visibility: hidden;  
}
#compartir_correo input{font-size:1.2em;}
#compartir_correo label {
    display: block;
    line-height: 1.75em;
    margin-top: 0.75em;
}
#compartir_correo textarea {
    font-family: "open_sans", sans-serif;
    font-size: 1.2em;
}
#enviar_fin_form{
	background:?#469d00;
	background: -moz-linear-gradient(top, #a6e30f, #6bc902); /* FF3.6 */
	background: -webkit-gradient(linear, 0 0, 0 50%, from(#a6e30f), to(#6bc902));
	background: -o-linear-gradient(top, #a6e30f, #6bc902); /* Opera 11.1+ */
	background: -ms-linear-gradient(top, #a6e30f, #6bc902); /* IE10+ */
	background: -moz-linear-gradient(center top , #a6e30f, #4ca000) repeat scroll 0 0 #a6e30f;
    border: 0.1em solid #53a700;
    border-radius: 0.5em;
    color: #FFFFFF;
	padding: 0.6em 1.2em;
}
#enviar_fin_form:hover {
	background:#7fd502;
	border: 0.1em solid #78ca01;
	background: -moz-linear-gradient(top, #7fd502, #83d905); /* FF3.6 */
	background: -webkit-gradient(linear, 0 0, 0 50%, from(#7fd502), to(#83d905));
	background: -o-linear-gradient(top, #7fd502, #83d905); /* Opera 11.1+ */
	background: -ms-linear-gradient(top, #7fd502, #83d905); /* IE10+ */
}
#enviar_fin_form:active {
	border-radius: 0.5em;
	border: 0.1em solid #73c602;
	background:?#469d00;
	background: -moz-linear-gradient(top, #73c602, #73c602); /* FF3.6 */
	background: -webkit-gradient(linear, 0 0, 0 50%, from(#73c602), to(#73c602));
	background: -o-linear-gradient(top, #73c602, #73c602); /* Opera 11.1+ */
	background: -ms-linear-gradient(top, #73c602, #73c602); /* IE10+ */
	-webkit-box-shadow: #4ca000 0px 0.3em 0.3em inset;
	-moz-box-shadow: #4ca000 0px 0.3em 0.3em inset; /* color, h-offset, v-offset, blur, spread */
}
#compartir_correo #formulario_cerrar_correo #res_mail{
	font-size:2em;
	margin:41% 0;
	text-align:center;
}
/**/
.acuerdos_grupo li{display:block; float: left; width:25%; min-width:12.5em; text-align:center; height:7em}
/**/
/*************************************ESTILOS AVISOS (COOKIES)*********************************/
div.infocookie {
	width: 100%;
	background: #333;
	color: #efefef;
	z-index:999;
	padding:0.5em 0;
	display:inline-block;
	margin-bottom:-0.1em;
}
div.infocookie.abajo{
	position:fixed;
	bottom:0;
	padding-top: 1em;
	border-top: 0.2em solid #B9B9B9;
	background:#777;
}
.infocookie_contenido{
	/*width:96em;   Cookies responisve*/ width: 65%;
	margin: 0 auto;
	font-size: 1em;
	line-height: 1.3em;
}
.infocookie_texto {
	/*display: inline-block;
	width: 92%;
	float:left;*/
	/*Cookies responsive*/   
	display: inline-block;
   	width: 85%;
}
.infocookie_texto p{margin:0 0 0.5em 0;}
.infocookie_texto a{
	/*color:#efefef;*/
	text-decoration: underline;
}
.infocookie_texto a:visited{color: #79ba01;}
.infocookie_texto a:hover{text-decoration:none;}
.infocookie_close, .infocookie_close:visited {
	/*float: right;
	top: 0.5em;
	background: url(../../../../img/cerrar_aviso.png) right 0 no-repeat;
	height: 1.6em;	
	width: 3.3em;
	padding: 0.4em 2em 0 0.8em;
	color: #333;
	font-size:1.2em;
	font-weight:700;
	/*width: 2.4em;
	text-indent: 999em;
	text-align: right;
	overflow: hidden;*/
	/*Cookies responsive*/
	 background: url("../../../../img/cerrar_aviso.png") no-repeat scroll right 0 rgba(0, 0, 0, 0);

    color: #333;
    font-size: 1.2em;
    font-weight: 700;
    height: 1.6em;
    padding: 0.3em 2em 0.2em 0.8em;
    position: absolute;
  
    vertical-align: middle;
    width: 3.3em;
	
	
	
}




.infocookie_close:hover {background: url(../../../../img/cerrar_aviso_h.png) right 0 no-repeat; color:#111; text-decoration:none;}


/* Estilos botón accesos directos operativas */


.btn_operativas {
display: inline-block;
text-align: right;
width: 100%;
}

.btn_operativas a {
display: inline-block;
border: 0.1em solid #ccc;
padding: 0.2em 0.1em 0em 0.2em;
}

.btn_operativas a:hover {
opacity:0.6;
border: 0.1em solid #D3D3D3;
}




/*Estilos de formulario operativa Exceder*/
.excede_info{
display: block; 
font-size: 11px; 
border: 1px solid rgb(142, 217, 246); 
background: rgb(227, 247, 252) url(../../../../img/infoBlue.png) no-repeat scroll 0.5em 0.4em; 
padding: 5px 25px; 
margin-bottom: 1em;
}
.excede_alert{
display: block; 
font-size: 11px; 
border: 1px solid #f3b992; 
background: #fff0df url(../../../../img/infoOrange.png) no-repeat scroll 0.5em 0.4em; 
padding: 5px 25px; 
margin-bottom: 1em;
}


/*Estilos botón link ficha producto*/
.button_link, .button_link:visited {
	background: #70cbc9; /* Old browsers */
    line-height: 1.6em;
    padding: 0.25em 0.5em;
    text-decoration: none;
    cursor: pointer;
    display: inline-block;
    border: 0.1em solid #64b7b5;
    color: #ffffff;
    /* background-color: #70cbc9; */
    font-weight: 600;
    border-radius: 0.5em;
}


.button_link:hover{
	background: #64b7b5; /* Old browsers */
    line-height: 1.6em;
    padding: 0.25em 0.5em;
    text-decoration: none;
    cursor: pointer;
    display: inline-block;
    border: 0.1em solid #64b7b5;
    color: #ffffff;
    /* background-color: #70cbc9; */
    font-weight: 600;
    border-radius: 0.5em;
}

.desplegable_visible{
	display:block;
}
.desplegable_oculto{
	display:none;
}