/*********/
/* RESET */
/*********/

ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,address,fieldset,input,table,th,td{ margin:0; padding:0;}

ul,ol {
	list-style:none;
}

a {
	outline:none;
}

a img,:link img,:visited img {
	border:none;
}

a:hover,a:focus{
	text-decoration:underline;
}

abbr {
	border-color:#CCCCCC;
}

/**************/
/* ESTRUCTURA */
/**************/

.inv {
	display:none;
}

body {
	color:#000000;
	font-family:"Arial",Geneva,Helvetica,sans-serif;
	font-size:62.5%;
		background-image: url(../img/comun/trama_fondo_idioma.jpg);
	background-repeat: repeat;
	background-position: left top;
}

h2{
	font-family: DIN-web-bold, Arial;
	font-weight: bold;
	font-size:2.4em;
	/*color:#BB120F;*/
	margin-right: 0px;
	margin-bottom: 0.25em;
	margin-left: 0px;
}

h2 a{
	font-weight: bold;
	color:#000;
	text-decoration: none;	
}

h2 a:hover{
	font-weight: bold;
	color:#29512E;
	text-decoration: none;
	background-image: url(../img/comun/flecha.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-left: 0.6em;
}

hr {
	display:none;
	float:left;
	height:2em;
	padding-left:5%;
	padding-right:5%;
	width:90%;
}

#webcontainer_idioma{
	width: 100%;


}

#webcontainer_mant {
	padding-bottom: 2.8em;
	margin: 0px auto;
	padding-left: 2.6em;
	width: 67.5em;
	padding-right: 3.6em;
	height: 48.2em;
	padding-top: 2.1em
}

#webcontainer_idioma #contenedor_mant {
	width: 48.6em !important;
	margin-right: auto;
	padding-top: 6.7em;
	margin-left: auto;
	padding-bottom: 6.7em;
}

#webcontainer_mant #contenedor_mant {
	background-image: url(../img/comun/bg_error.jpg);
	position: relative;
	width: 66.4em !important;
	background-repeat: no-repeat;
	background-position: left top;
	float: left
}

#webcontainer_idioma #contenedor_mant.logo_bbk_idioma{
	margin-top:85px !important;
}

#webcontainer_idioma #contenedor_mant.logo_kutxa_idioma{
	width:62.6em !important;
}

#webcontainer_idioma #contenedor_mant.logo_kutxabank_idioma{
	width:62.6em !important;
}

#webcontainer_idioma #contenedor_mant.logo_vital_idioma{
	width:62.6em !important;
}

div.eu p a:link, 
div.es p a:link,
div.en p a:link,

div.eu p a:visited, 
div.es p a:visited, 
div.en p a:visited, 

div.eu p a:active, 
div.es p a:active, 
div.en p a:active, 

div.eu p a:hover, 
div.es p a:hover, 
div.en p a:hover, 

div.eu p a:focus, 
div.es p a:focus, 
div.en p a:focus {
	padding-bottom: 1em;
}

#webcontainer_idioma #contenedor_mant div.eu {
	position: relative;
	width: 31% !important;
	float: left;
	height: 38.8em;
}

#webcontainer_idioma #contenedor_mant div.es {
	position: relative;
	width: 36% !important;
	float: left;
	height: 38.8em;
}

#webcontainer_idioma #contenedor_mant div.en {
	position: relative;
	width: 31% !important;
	float: left;
	height: 48em;
}

#webcontainer_mant #contenedor_mant div.eu {
	position: relative;
	width: 31% !important;
	float: left;
	height: 38.8em;
}

#webcontainer_mant #contenedor_mant div.es {
	position: relative;
	width: 38% !important;
	float: left;
	height: 38.8em;
}

#webcontainer_mant #contenedor_mant div.en {
	position: relative;
	width: 31% !important;
	float: left;
	height: 38em;
}

div.eu p,
div.es p,
div.en p {
	/*position: relative;*/
}

#webcontainer_idioma #contenedor_mant div.texto_mant {
	position: relative;
	padding-left: 11%;
	width: 89%;
	float: left;
	height: 22.1em;
}


#webcontainer_mant #contenedor_mant div.texto_mant {
	float:left;
	height:22.1em;
	margin-top:16.7em;
	padding-left:11%;
	position:relative;
	width:89%;
}

#webcontainer_mant #contenedor_mant div.texto_mant h2 {
	color:#DF0408;
	font-size:233%;
	font-weight:bold;
	margin-top:0.5em;
}

#webcontainer_mant #contenedor_mant div.texto_mant p {
	font-size:110%;
	padding-left:0.5em;
	padding-top:0.5em;
	padding-bottom:0.5em;
}

#webcontainer_mant #contenedor_mant div.texto_mant p.mediana {
	font-size: 140%
}

div.texto_mant ul {
	padding-bottom:0.5em;
	padding-top:0.5em;
	width:100%;
	display: block;
	float: left;
}

div.texto_mant ul li {
	position: relative; 
	width: 100%; 
	display: block
}


#webcontainer_mant #contenedor_mant div.texto_mant .flecha {
	background-image:url(../img/comun/flecha.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
	color:#BB120F;
	padding-left:1.5em;
}

#webcontainer_mant #contenedor_mant div.texto_mant a {
	text-decoration:none;
	font-weight:bold;
	font-size:110%;
}

#webcontainer_mant #contenedor_mant div.texto_mant a:hover {
	text-decoration:underline;
}

.pie_mant {
	width:100%;
	background-color: #1a1a1a;
	height: 8.5em;
	float: left;
	position: absolute;
	bottom: 0px;
	overflow: hidden;
}

.pie_mant .decoracion-pie{
	width:100%;
	height: 0.2em;
	background-color: #FFF;
}

.pie_mant #logo {
	float:right;
}

.pie_mant #direccion p {
	font-size:1.2em;
	font-weight:bold;
	text-align:right;
	color:#ffffff;
	color:#ffffff;
}
.botonera_dos_idiomas{
	/*width: 100%;*/
	list-style:none;
	width: 41em;
	margin-right: auto;
	margin-left: auto;
}

.botonera_dos_idiomas li {
	float:left;
	list-style:none !important;
}
.botonera{
	/*width: 100%;*/
	list-style:none;
	/*width: 64em;*/
	width: 75em; /* Catalan */
	margin-right: auto;
	margin-left: auto;
}

.botonera li {
	float:left;
	list-style:none !important;
}

.separacion{
	/*padding-right: 6em;*/
	padding-right: 2em; /* Catalan */
}
a.boton {
	color: #fff;
	text-decoration: none;
	/*width: 100%;*/
	font-weight: bold;
	display:block;
	background-image: url(../img/comun/boton_fondo_idioma.jpg);
	height: 6em;
	width: 17.1em;
}

.tit_idioma{
	font-size: 1.9em;
	padding-top: 0.5em;
	padding-left: 1em;
	padding-bottom: 0.2em;
	float: left;
}

.texto_idioma{
	padding-left: 1.9em;
	float: left;
	clear: both;
}


/* MOVIL portrait o landscape */
@media screen and (orientation:portrait) and (max-width: 414px),screen and (orientation:landscape) and (max-width: 768px){

#webcontainer_idioma #contenedor_mant {
    width: 100% !important;
    margin-right: 0px;
    margin-left: 0px;
	padding-top: 5em;
    padding-bottom: 5em;
}

#webcontainer_idioma #contenedor_mant.logo_bbk_idioma{
	margin-top:70px !important;
}

#webcontainer_idioma #contenedor_mant.logo_kutxa_idioma{
	width:100% !important;
}

#webcontainer_idioma #contenedor_mant.logo_kutxabank_idioma{
	width:100% !important;
}

#webcontainer_idioma #contenedor_mant.logo_vital_idioma{
	width:100% !important;
}

#webcontainer_idioma #contenedor_mant img{
	/*margin-right: 5%;
    margin-left: 5%;*/
}

#webcontainer_idioma #contenedor_mant.logo_bbk_idioma img{
	width: 90% !important;
	margin-right: 5%;
    margin-left: 5%;
}

#webcontainer_idioma #contenedor_mant.logo_kutxa_idioma img{
	width: 100% !important;
}

#webcontainer_idioma #contenedor_mant.logo_kutxabank_idioma img{
	width: 100% !important;
}

#webcontainer_idioma #contenedor_mant.logo_vital_idioma img{
	width: 100% !important;
}

.botonera {
    list-style: outside none none;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}

.botonera li {
    float: none;
    list-style: outside none none !important;
}

a.boton {
    color: #FFF;
    text-decoration: none;
    font-weight: bold;
    display: inline-block;
    background-image: none;
	background-color: #000;
    height: 6em;
    width: 100%;
	margin-bottom: 0.5em;
	float:left;
}
.separacion {
    padding-right: 0em;
	width:100%;
	float:left;
}

.texto{
	margin: 2em 1em 1em 1em;
	float:left;
}

.texto a{
	color: #000;
}

}