html {
	-webkit-text-size-adjust: none;
}
/**** CABECERA ****/
div#contenedorCabecera h2 a {
    display: block;
    height: 5.3em;
    overflow: hidden;
    width: 7em;
}
div#contenedorCabecera h2 a:hover{background-color:transparent}
div#contenedorCabecera h2 a span {
    height: 1px;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 1px;
}
div#contenedorCabecera h1 {
    font-weight: bold;
    left: 8em;
    position: relative;
    top: 5.3em;
	white-space: nowrap;
}
div#contenedorCabecera ul li a:visited {color: #565656;}

/**** MENU ****/
div#menu { 
	float:none;
	padding-left:0;
	text-align: center;
    font-size: 0.9em;
    margin: -1em auto 34px;
	*margin: -1em auto 3px;
    text-align: center;
    width: 960px;
    }
div#menu ul { 
	list-style-type: none;
	z-index: 5;}
div#menu ul li.nivel1 { 
	float: left;
	font-weight:bold;
	width: 149px;
	margin-right: 2px;
	position: relative;}
div#menu ul li.nivel1  ul.uno,div#menu ul li.nivel1  ul.dos{border: 1px solid #CC3333;}
div#menu ul li.liIngles{
	width:152px;
}		
div#menu ul li.menuInfoCorpo{
	width:197px !important;
}
div#menu ul li { 
	float: left; z-index: 5;}
div#menu ul li a {
	background-color: #CC3333;
    color: #FFFFFF;
    display: block;
    font-size: 1.3em;
    padding: 8px;
    position: relative;
    text-decoration: none;
}
div#menu ul li a:visited {color:#ffffff;}
div#menu ul li.nivel1 ul li a:hover {color:#ffffff !important;background-color:#cc3333}
div#menu ul li.nivel1 ul li a:visited {color:#000000; background-color:#ffffff}
	div#menu ul li.nivel1 a {		
		background:url("/Recursos/recursos/ES/imagen/silos/flecha-desplegable-menu.png") no-repeat scroll 129px center #cc3333;
		background-size: 8px 4px;
	}	
	div#menu ul li.menuInfoCorpo a, div#menu ul li.liIngles a {
		background:none;
		background-color: #cc3333;
	}
	div#menu ul li.nivel1 a.activa {		
		background-color: #333333;
	}
	div#menu ul li.nivel1 ul li a {
		background:none;
		background-color:#ffffff
	}
	div#menu ul li.nivel1 ul li a:hover {background-color:#cc3333}	
div#menu ul li a.desactiva{
	background:#eeeeee;
	color:#dbd9d9;
	cursor:default;
}
div#menu ul li a.desactiva:hover{
	background:#eeeeee;
	color:#dbd9d9;
}
div#menu ul li a:hover, #menu ul li:hover a.nivel1 {
	background-color: #b81811;
	position: relative;
}
div#menu ul li a.nivel1 {
	display: block!important;
	display: none;
}
div#menu ul li ul {display: none;}
div#menu ul li a:hover ul, #menu ul li:hover ul {
	display: block;
	position: absolute;
	width: 149px; 
	border: solid 1px #fff;
	border-top: none; 
	background-color: #cc3333;
	z-index: 5; 
}
div#menu ul li ul li a {
    background-color: #ffffff;
    border: medium none;
    color: #000000;
    font-size: 1.1em;
    padding: 6px 0 8px;
    width: 149px;
}
div#menu ul li ul li a:hover {
	position: relative;
	text-decoration: underline;
	border-bottom: none;
	color:#ffffff;
	font-weight: bold;
}
table.falsa {
	border-collapse:collapse;
	border:0px;
	float: left;
	position: relative;
}
ul.uno {left: -1px;}
ul.dos {left: -1px;}
ul.tres {left: 1px;}
ul.cuatro {left: 1.1px;}
ul.cinco {left: 1.9px;	}
ul.cinco li, div#menu ul li ul.cinco li a{width:200px;}

/**** CUERPO ****/
#contenedor{
 	margin: 0 auto;
    position: relative;
    background: #FFFFFF;
    border-radius:8px;
    -moz-boder-radius:8px;
	-webkit-border-radius:8px;
	-o-border-radius:8px;
   	border: 1px solid #D2D2D2;
    padding: 15px 0px 37px;
    color: #4b4b4b;
	text-align:justify;
	font: 1em Verdana,Helvetica,Tahoma,Arial,sans-serif;
	overflow: hidden;
}

/****  FOOTER  ****/
div.titulo h4.subrayar {
    border-bottom: 1px solid #B11818;
    color: #B11818;
    font-size: 1.4em;
    font-weight: normal;
    margin-left: 1.2em;
    width: 95%;
}
.pieEnlaces {
	background-color: #ffffff;
	position:relative;
	font-size: 0.9em;
    line-height: 18px;
    margin: 0.5em auto auto;
    width: 960px;
    border:1px solid #c2c2c2;				
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;	
	
}
.pieEnlaces p a {color:#004477;}

div.recCentro{	
	border:none;
	width:auto;
    overflow: hidden;
    position: relative;
	padding: 1.2em 0.5em 1.5em;
   *padding-bottom: 1.3em;
	overflow: hidden;
}
.PorqueDcha{
	float: left;
    margin-left: 1.6em;
    margin-top: 5px;
    width: 30em;
}
.PorqueCentro{
	float:left;
	margin-top: 5px;
	width:40em;
}
.PorqueIzq{
	float:left;
	margin-top: 5px;
	width:22em;
}

/**********PIE***************/
div#pie {
	color: #565656;
    height: 3.5em;
    margin: 18px auto;
    width: 960px;
}
div#entrust{
	float: right;
    position: relative;
    top: -22px;
    *top: -30px;
    width: 47px;
}
div#bankCopy{
	position: relative;
    top: -4px;
    *left:8px;
    width: 22%;
}
div#pie ul {
	float: right;    
    list-style: none outside none;
    position: relative;
    right: 53px;
    text-align: right;
    top: 10px;
    *top: 8px;
    *right: 0;
}
div#pie ul li {
	display: inline;
    margin-left: 5px;
    margin-top: 0;
    padding: 0;
    position: relative;
    *left:-50px;
}
	div#pie li a {color: #565656;}
	div#pie li.desactivado {color: #cccccc;}
	
div#pie li a:hover {
	background-color: transparent;
	text-decoration: underline;
	color: #000000; 
}
div#pie p {
    clear: left;
    display: inline;
    float: left;
    margin: 0;
    padding: 0;
}
p.bankin {	   
    position: relative;
    text-align: left;
    width: 100px; 
}
p.copy{
	*width:215px;
	*position:relative;
	*left:-10px;
}
p.bankin a.banco {
    background: url("/Recursos/recursos/ES/imagen/silos/Silos-escritorio-sprite.png") no-repeat scroll -45px 0 transparent;
  	display: block;
    height: 0;	    
    overflow: hidden;
    padding-top: 15px;	
    width:76px;   
}
div#pie div#entrust a {
	display:block;
	background: url("/Recursos/recursos/ES/imagen/silos/Silos-escritorio-sprite.png") no-repeat scroll 0 0 transparent;
	width:47px;
	height:38px; 
}
a#copyright {
    display: block;
    color: #004477; 
}	


/* 
============================================================================================ */
@media screen and (min-width: 569px) and (max-width: 723px) {
	.PorqueDcha {font-size: 0.9em; width: 35% !important;}	
	.PorqueCentro {font-size: 0.9em; width: 39% !important;}
	.PorqueIzq {font-size: 0.9em; width: 22% !important;}
}

/* Desde mobile tamaño apaisado hasta Tablet Portrait 
============================================================================================ */

@media screen and (min-width: 569px) and (max-width: 768px) {
	
	div.caja_middle, div#contenedorCabecera {width: 100%;}	
		
	/**** CABECERA ****/
	div#contenedorCabecera {
		width: 98%;
	}		
	
	
	/**** MENÚ ****/
	div#menu {
		background-color: #CC3333;
	    height: 33px;
	    margin-bottom: 11px;
	    min-width: 100%;
	    width: 100%;
	}	
		div#menu ul {
		    margin: 0 auto;
		    width: 600px;
		}	
	div#menu ul li.nivel1 a {		
		background:url("/Recursos/recursos/ES/imagen/silos/flecha-desplegable-menu.png") no-repeat scroll center 27px #cc3333;
		background-size: 6px 3px;		
	}	
	div#menu ul li.menuInfoCorpo a, div#menu ul li.liIngles a {
		background:none;
		background-color: #cc3333;
	}
	div#menu ul li.nivel1 a.activa {		
		background-color: #333333;
	}
	div#menu ul li.nivel1 ul li a {
		background:none;
		background-color:#ffffff;
	}
	div#menu ul li.nivel1 ul li a:hover {background-color:#cc3333;}		
	div#menu ul li.nivel1 {width: 11%;border-left: 2px solid #FFFFFF;}
	div#menu ul li.liCoches {border-left: none;}
	div#menu ul li.menuInfoCorpo {width: 194px;}
	div#menu ul li.liEmpresas {width: 89px;}
	div#menu ul li.liIngles {width: 75px;}
	
	/**** CUERPO ****/
	#contenedor {
	    margin: 0 0 10px 6px;	   
	    width: 97%;	   
	}
	
	/**** FOOTER ****/
	.pieEnlaces {
	    margin: 0;
	    margin-left: 6px;
	    width: 97%;	   
	}
	.PorqueDcha{width: 25em;}
	.PorqueCentro{width:29em;}
	.PorqueIzq{width: 14em;}
	
	/**** PIE ****/		
	div#pie {			
	    width: 100%;
	    font-size: 0.9em;
	}
	div#entrust{
		position:relative;
		margin:0 auto;
		display:block;
		float:none;
		width:47px;
		top:30px;
	}
	div#bankCopy{
		display:block;	
		top:20px;
		width:100% !important;
		margin:0 auto;	   
	}
	div#pie ul {
		float:none;
		display:block;
		right:0;
		text-align:center;
	}
	div#pie p{
		display:block;
		float:none;
		margin:0 auto;
	}
	p.copy{width: 251px !important;}
	
	p.bankin a.banco {
		width:77px;
		margin:0 auto;	
	}
	div#pie ul li {text-align: center;}
	div#pie ul li a{line-height: 20px;}		
}


/*Ocultar nuevos elementos introducidos para móvil*/
 #contenedorCabecera #pull, #contenedorCabecera #navegacion {display:none;}
 
@media screen and (min-width: 569px){
 	#contenedorCabecera #pull, #contenedorCabecera #navegacion {display:none !important;}
}

/* Zona smartphone: Mobile Portrait hasta Mobile tamaño apaisado (dispositivos y navegadores) 
============================================================================================ */
@media screen and (max-width: 568px){
	
	#contenedor {
    	border: medium none;
    	padding: 15px 0 0px;
    }
    
	div#contenedorCabecera {
    	height: 52px;
    }
	
	div#contenedor, div.caja_middle, div#contenedorCabecera {width: 100%;}
	
	/**** CABECERA ****/
	#contenedorCabecera h1, #contenedorCabecera h2 img,
	#contenedorCabecera ul.navSuperior{display:none;}
	
	div#contenedorCabecera ul{float:none;display:block;}
	div#contenedorCabecera ul.siloDesplegable{display:none;}	
	
	#contenedorCabecera #pull {display:block}
	
	div#contenedorCabecera h2 a {height: 66px;}
	div#contenedorCabecera h2 a:hover { background-color:transparent}
	
	div#contenedorCabecera {height: 65px;}
	
		#contenedorCabecera h2 {
			float:left;
			background:url("/Recursos/recursos/ES/imagen/silos/Silos-smartphone-sprite.png") no-repeat scroll 0 0 transparent;
			width:250px;			
		}
		.logoTrans{
			opacity:0.3;
	  		filter:alpha(opacity=60);
  		} 
		
		#contenedorCabecera #pull {
			background:url("/Recursos/recursos/ES/imagen/silos/Silos-smartphone-sprite.png") -250px 0 no-repeat;
			display: block; 
	        width: 40px;  
	        height: 30px;   	           
	        position: absolute;  
	        top:8px;
	        float:right;
	        right: 18px;	
			z-index:999;
		}
		
		.pullIzquierda {
			float:left;
			top: 5px;
			left: 5px;
		}
		
		#contenedorCabecera a#pull:after {  
			position: relative;
	        content: "";
		    display: inline-block;
		    float: right;  
	    }
	    #navegacion{
	    	background-color: #e7e7e7;
		    display: block;		   
		    position: absolute;		   
		    right: 0;
		    width: 85%;
		    z-index: 999;
		}
			#navegacion ul li {
				display:block;
				background-color: #E7E7E7;
			    border-bottom: 2px solid #A9A9A9;
			    color: #5B5B5B;
			    float: none;
			    font-size: 14px;
			    font-weight: bold;
			    margin-right: 0;
			    margin-top: 0;
			    padding: 15px 15px 15px 10px;
			    cursor:pointer;
			}
			#navegacion ul li a{
				text-decoration:none;
				color:#5b5b5b;				
			}
			#navegacion ul li a:hover {
				background-color:transparent;
				color: #ffffff !important;
			}
			#navegacion ul li .ico{
				background: url("/Recursos/recursos/ES/imagen/silos/Silos-smartphone-sprite.png") -290px 0 no-repeat;
			    display: block;
			    float: right;
			    height: 20px;
			    position: relative;
			    right: 0px;
			    width: 20px;
			    z-index: 999;
			}
			#navegacion ul li:last-child .ico{
			 background: url("/Recursos/recursos/ES/imagen/silos/Silos-smartphone-sprite.png") -309px 0 no-repeat;
   			 width: 13px;
			}
			#navegacion ul ul.siloDesplegable li .ico{
				background: url("/Recursos/recursos/ES/imagen/silos/Silos-smartphone-sprite.png") -322px 0 no-repeat;
				right: 19px;
				top: 13px;
    			width: 11px;
    			position:relative;
   				z-index:5;   
			}
			#navegacion ul li .siloDesplegable li{
				background-color: #B11818;
			    border-bottom: medium none;
			    border-top: 1px solid #FFFFFF;
			    color: #FFFFFF;
			    cursor: pointer;
			    float: none;
			    font-size: 12px;
			    font-weight: bold;
			    left: -9px;
			    margin-right: 0;			   
			    padding: 0;
			    position: relative;
			    width: 110%;
				text-align:left;
			}
				#navegacion ul li .siloDesplegable li:first-child{margin-top: 10px;}
						
			.desplegado{
				background-color: #b11818 !important;			   
			    padding-bottom: 0 !important;
			    color: #FFFFFF !important;
			}
			#navegacion ul li.desplegado a {
			    color: #ffffff;	
			    display: block;
    			width: 85%;	
    			padding:16px;	  
    			position:relative;
   				z-index:10;     
			}
			#navegacion ul li.desplegado a:visited {color:#ffffff;}
	
	/**** MENU ****/
	div#menu {display:none;}
	
	/*CUERPO*/
	body {
		background: none repeat scroll 0 0 #ffffff;
		color: #333333;
		padding: 0;
	}
	.caja_top, .caja_bottom{display:none}
	div.caja_middle {    
   	 	border-left: 0;
    	border-right: 0;
    }
			
	/*FOOTER*/
	.pieEnlaces {display:none;}
	
	/*PIE*/
	.barra{display:none}
	
	div#pie {			
	    width: 100%;
	    font-size: 1.1em;
	}
	div#entrust{
		position:relative;
		margin:0 auto;
		display:block;
		float:none;
		width:47px;
		top:46px;
	}
	div#bankCopy{
		display:block;	
		top:31px;
		width:100% !important;
		margin:0 auto;	   
	}
	div#pie ul {
		float:none;
		display:block;
		right:0;
		text-align:center;
	}
	div#pie p{
		display:block;
		float:none;
		margin:0 auto;
	}
	p.copy{width: 251px !important;}
	
	p.bankin a.banco {
		width:76px;
		margin:0 auto;	
	}
	div#pie ul li {			
		display:block;
		text-align: center;			
	}
	div#pie ul li a{
		text-decoration:none;
		line-height: 24px;
	}
	
}

/* 
============================================================================================ */
@media screen and (max-width: 319px) {	
 	div#contenedorCabecera {height: 60px;}	
	#contenedorCabecera h2 {
		background:url("/Recursos/recursos/ES/imagen/silos/Silos-smartphone-sprite.png") 0 0 no-repeat;
		width:80%;	
		background-size:142%;	
	}	
	#contenedorCabecera #pull {
		right: 8px;
	    top: 8px;
	} 		
}

/* 
============================================================================================ */
@media screen and (max-width: 260px) {	
	div#contenedor{	
		width: 260px;
	}	
 	div#contenedorCabecera {height: 60px;}	
	#contenedorCabecera h2 {
		background:url("/Recursos/recursos/ES/imagen/silos/Silos-smartphone-sprite.png") 0 0 no-repeat;
		min-width:204px;
		background-size:142%;			
	}	
	div#contenedorCabecera, #pie {width: 256px !important;}	
	#contenedorCabecera #pull {
		right: 8px;
	    top: 8px;
	}	
	#navegacion{
		min-width:221px;
	 	left:39px;
	 }	 	
}

/* 
============================================================================================ */
@media screen and (width: 480px) {
	#navegacion ul ul.siloDesplegable li .ico{right: 32px !important;}		
}