/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126
   License: none (public domain)
*/

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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*Fin del Reset*/

body{ 
	font-size:62.5%; 
	background:#ffffff; 
} 

@font-face {
    font-family: 'futura_lt_btlight';
    src: url('/fonts/futuraltbt.eot');
    src: url('/fonts/futuraltbt.eot?#iefix') format('embedded-opentype'),         
         url('/fonts/futuraltbt.woff') format('woff'),
         url('/fonts/futuraltbt.ttf') format('truetype'),
         url('/fonts/futuraltbt.svg#futura_lt_btlight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'futura_md_btbold';
    src: url('/fonts/futuramdbt.eot');
    src: url('/fonts/futuramdbt.eot?#iefix') format('embedded-opentype'),
         url('/fonts/futuramdbt.woff') format('woff'),
         url('/fonts/futuramdbt.ttf') format('truetype'),
         url('/fonts/futuramdbt.svg#futura_md_btbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
.hola{color:#ffcccc;}
.clear{clear:both;}
#cabecera{
	height:125px;
	background-color:#efefef;	
	margin: 0 auto;
    width: 980px;
    height: 180px;
}
	.dentro, .dentroPie{		
	    height: 116px;
	    margin-bottom: 0;
	    margin-left: auto;
	    margin-right: auto;
	    padding-top: 62px;
	    width: 72%;
    }
.logo{
	margin-top:18px;
	float:left;
	width:125px;
	text-align:center;
}
.logo img{
	width: 110px;
}
.textoCabecera{
	color: #ff383c;
    float: right;
    font-family: futura_md_btbold;
    font-size: 27px;
    font-weight: normal;
    margin-top: 43px;
    text-align: right;
    width: 405px;
}
.txtCabecera2{
	color: #666;   
    font-size: 12px;
    display:block;
    margin-top: 3px;
}
.imagenesPC, .imagenesMovil{
	border-bottom: 1px solid #ebebeb;
    height: 106px;
    margin: 20px auto;
    width: 48%;
}
.bocadillo{
	width:33%;
	float:left;
	text-align:center;
}
.txtImg1, .txtImg2, .txtImg3{
	font-family: Arial;
	font-size: 12px;
	color:#989898;
	width:105px;
	margin: 2px auto;
}
.txtImg3{width:80px;}
.texto{	
	width: 44%;
	margin: 0 auto 15px;
}
.txtGrande, .txtGrandeC{
	color: #a9a9a9;
    font-family: futura_md_btbold;
    font-size: 22px;
    line-height: 30px;
    margin: 0 auto;
    text-align: center;   
}
.txtGrandeC{text-transform: uppercase;}
.bloqueCentral{	
    background: rgba(0, 0, 0, 0) url("/Recursos/recursos/EN/imagen/callme/operadora-LDA.jpg") no-repeat scroll right 17px;
    border-bottom: 1px solid #ebebeb;
    height: 366px;
    margin: 0 auto 28px;
    width: 650px;
}
#respuestaC2COK, #respuestaC2CKO, #respuestaCMBOK, #respuestaCMBKO{
	background: url("/Recursos/recursos/EN/imagen/callme/operadora-LDA.jpg") no-repeat scroll right center;
	display: block;
    font-family: futura_lt_btlight,Arial,Helvetica,sans-serif;
    font-size: 2.6em;
    font-weight: bold;
    height: 220px;
    margin: 0 auto;
    padding: 15px;
    text-align: center;
    width: 613px;
}
	#respuestaC2COK span.txt, #respuestaC2CKO span.txt,
	#respuestaCMBOK span.txt, #respuestaCMBKO span.txt{
		display: block;
    	margin: 0 auto;
    	width: 448px;
	}

	.formulario{
		margin: 0 auto 40px;
    	width: 420px;
	}
		#contacto, #telephonenumber, #frase, #hora, #Callmenow, #timenow{
			width: 344px;
			letter-spacing: -0.5px;
			color: #999999;
		    font-weight: bold;
		    height: 40px;		
		}	
		#fecha .label{
			float: left;
			background:red
		}	
		#contacto, #frase, #fecha, #hora, #Callmenow{
			font-size: 0.9em;	
			height: 42px;
			margin-bottom: 8px;
		}	
		#hora, #fecha {
			width: 200px;
		}		
		#contacto .inputCombo{
			margin-left:66px
		}
		.seleccFranCont{
			border: 1px solid #c3c3c3;
			float: left;
			margin-right: 10px;
			margin-top: -35px;
			overflow: hidden;
			position: relative;
			width: 200px;
			z-index: 1;
			margin-left: 133px;
		}
		#fechaCall, #horaCall{
			background-color: transparent;
			background-image: none;
			border: medium none;
			box-shadow: none;
			color: #707070;
			font-size: 1.2em;
			font-weight: bold;
			margin-right: 5px;
			padding: 5px 10px;
			position: relative;
			width: 130px;
			z-index: 3;
		}			
		.flechaAbajo{
			border-left: 5px solid transparent;
			border-right: 5px solid transparent;
			border-top: 7px solid #707070;
			height: 0;
			position: absolute;
			right: 7px;
			top: 18px;
			width: 0;
			z-index: 1;
		}		
		#fecha select, #hora select{	
		   	font-family: futura_lt_btlight,Arial,Helvetica,sans-serif;
		    font-size: 1.7em;
		    height: 42px;
		    width: 250px;
		   	color: #999999;
		    font-weight: normal;
		    margin-left: 0px;
		    padding-left: 7px;
		    padding-top: 15px;
		}
		#fecha label, #frase, #contacto label, #hora label, #Callmenow label, #timenow label{
			font-family: futura_lt_btlight,Arial,Helvetica,sans-serif;
	    	font-size: 1.7em;
	    	margin-left: 24px;
		}		
		#Callmenow label, #timenow label{
			margin-top:20px;
		}		
		#frase {
			font-size: 1.7em;
	   		margin-top: 20px;
	   		height:  28px;
	   		margin-bottom: 15px;
		}	
		.combo .inputCombo{
			font-size:1.7em; 
			font-family:futura_lt_btlight, Arial, Helvetica, sans-serif; 
			width: 200px;
	    	height: 38px;
	    	border: 1px solid #c3c3c3;
	    	padding-left: 7px;
		}		
		.inputCombo{
			margin-left: 12px;
		}
		#telefono::-moz-placeholder {color: #a9a9a9;}
		#telefono::-webkit-input-placeholder {color: #a9a9a9;} 
		#telefono::-ms-input-placeholder {color: #a9a9a9;}
		
		#flotaBtn {
			width: 418px;
		    height: 29px;
		    margin-top: 30px;
		    text-align: center;
		}
		.botonCallme {
			background: url("/Recursos/recursos/EN/imagen/callme/ico-tel.png") no-repeat #00c64d;
			font-family:Arial, Helvetica, sans-serif; 
			padding: 5px 10px;		    
		    border-radius:7px;
			-moz-border-radius:7px;
			-webkit-border-radius:7px;
			-o-border-radius:7px;
		    color: #fff;
		    font-size: 21px;
		    font-weight: bold;		
		    padding: 14px 48px;
		    text-align: center;
		    text-decoration: none;
		    background-position: 290px;
		    box-shadow:0 3px 2px #016503;
			-moz-box-shadow:0 3px 2px #016503;
			-webkit-box-shadow:0 3px 2px #016503;
			-o-box-shadow:0 3px 2px #016503;
			width: 248px;
			margin-left:24px;
			display:block;
		}
		.botonCallme .btnTxt {
		    left: -9px;
		    position: relative;
		}
		.botonCallme:hover {
		    background-color: #00c64d;
		}
	.avisoBoton, .avisoBoton a {
	    color: #989898;
	    font-family: Arial;
	    font-size: 10px;
	    margin: 0 auto;
	    width: 350px;
	    text-align:center;
	}
#pie{
	height:120px;
	background-color:#efefef;	
	margin: 0 auto;
    width: 980px;    
}
.dentroPie{
	height: 80px;
	padding-top: 34px;
}
.logoEntrust, .logoBK, .links{float:left;}
.logoEntrust{
	width:60px;
	margin-right:15px;
}
.logoBK{
	position:relative;
	top:5px;
	width:200px;
	margin-right:15px;
}
	.copy{
		font-family: Arial;
		color: #999999;    
    	font: 9px
	}
.links{
	float: right;
    position: relative;  
    top:23px;
}

.links ul{list-style: outside none none;}
.links ul li{
	float: left;
    margin-left: 40px;
}
.links ul li a{
	font-family: Arial;
	color: #999999;   
	font-size: 11px;
	text-decoration:none;
}

select.error, label.error, input.error, textarea.error, div.error {
    background-color: #fee445 !important;
}
div#mensajeError {
	font-family: Arial;
    font-size: 12px;
    border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
    margin: auto auto 1em;
    width: 980px;
}


/*ESTILOS PARA EL COMBO*/

.tblWhite{
	background: #fff; 
	font-size:1.7em; 
	font-family:futura_lt_btlight, Arial, Helvetica, sans-serif; 
	letter-spacing:-0.5px;
	position: relative;
	width: 95px;
	float:left;
	margin: auto auto auto 24px;
	z-index:999;
	}

.paises {width:300px;}

.borderRadius{-moz-border-radius:5px;border-radius: 1px;}
.borderRadiusTp{-moz-border-radius:5px 5px 0 0;border-radius: 0;}
.borderRadiusBtm{-moz-border-radius:0 0 5px 5px ; border-radius:0 0 5px 5px;}

.ddcommon {position:relative;display:-moz-inline-stack; zoom:1; display:inline-block; *display:inline; cursor:pointer;}
.ddcommon ul{padding:0;margin:0;}
.ddcommon ul li{list-style-type:none;}
.borderRadiusTp ul li:last-child{-moz-border-radius:0 0 5px 5px ; border-radius:0 0 5px 5px;border-bottom:0 none #c3c3c3; }
.borderRadiusBtm ul li:first-child{-moz-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0 ;border-bottom:1 solid #c3c3c3; }

.ddcommon .disabled img, .ddcommon .disabled span, .ddcommon.disabledAll{
opacity: .5; /* standard: ff gt 1.5, opera, safari */
-ms-filter:"alpha(opacity=50)"; /* ie 8 */
filter:alpha(opacity=50); /* ie lt 7 */
-khtml-opacity:.5; /* safari 1.x */
-moz-opacity:.5; /* ff lt 1.5, netscape */
color:#999999;
}
.ddcommon .clear{clear:both}
.ddcommon .shadow{-moz-box-shadow:5px 5px 5px -5px #888888;-webkit-box-shadow:5px 5px 5px -5px #888888;box-shadow: 5px 5px 5px -5px #888888;}
.ddcommon input.text{color:#7e7e7e;padding:0 0 0 0; position:absolute; background:#fff; display:block; width:98%; height:98%; left:2px; top:0; border:none;}
.ddOutOfVision{position:relative; display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline;}
.borderRadius .shadow{-moz-box-shadow:5px 5px 5px -5px #888888;-webkit-box-shadow:5px 5px 5px -5px #888888;box-shadow: 5px 5px 5px -5px #888888;}
.borderRadiusBtm .shadow{-moz-box-shadow:-5px -5px 5px -5px #888888;-webkit-box-shadow:-5px -5px 5px -5px #888888;box-shadow: -5px -5px 5px -5px #888888}
.borderRadiusTp .border, .borderRadius .border{-moz-border-radius:0 0 5px 5px ; border-radius:0 0 5px 5px;}
.borderRadiusBtm .border{-moz-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0;}
img.fnone{float:none !important}
.ddcommon .divider{width:0; height:100%; position:absolute;}
.ddcommon .ddArrow{display:inline-block; position:absolute; top:50%; right:4px;}
.ddcommon .ddArrow:hover{background-position:0 100%;}
.ddcommon .ddTitle{padding:0; position:relative; display:inline-block; width:100%}
.ddcommon .ddTitle .ddTitleText{display:block;}
.ddcommon .ddTitle .ddTitleText .ddTitleText{padding:0;}
.ddcommon .ddTitle .description{display:block;}
.ddcommon .ddTitle .ddTitleText img{position:relative; vertical-align:middle; float:left}
.ddcommon .ddChild{position:absolute;display:none;width:100%;overflow-y:auto; overflow-x:hidden; zoom:1; z-index:9999}
.ddcommon .ddChild li{clear:both;}
.ddcommon .ddChild li .description{display:block;}
.ddcommon .ddChild li img{border:0 none; position:relative;vertical-align:middle;float:left}
.ddcommon .ddChild li.optgroup{padding:0;}
.ddcommon .ddChild li.optgroup .optgroupTitle{padding:0 5px; font-weight:bold; font-style:italic}
.ddcommon .ddChild li.optgroup ul li{padding:5px 5px 5px 15px}
.ddcommon .noBorderTop{border-top:none 0  !important; padding:0; margin:0;}

/*************** default theme **********************/
.dd{border:1px solid #c3c3c3;}
.dd .divider{/*border-left:1px solid #c3c3c3;border-right: 1px solid #f3f3f3; right:19px;opacity: .3;*/}
.dd .ddArrow{width:16px;height:16px; margin-top:-8px; background:url("/Recursos/recursos/EN/imagen/callme/dd_arrow.gif") no-repeat;}
.dd .ddArrow:hover{background-position:0 100%;}
.dd .ddTitle{
	color:#666666;
	background: #ffffff;
	font-weight: bold;
	height:40px;
}
.dd .ddTitle .ddTitleText{
	padding:12px 20px 5px 4px;
	font-size: 0.9em;
}
.dd .ddTitle .ddTitleText .ddTitleText{padding:0;}
.dd .ddTitle .description{font-size:12px; color:#666}
.dd .ddTitle .ddTitleText img{padding-right:5px;}
.dd .ddChild{border:1px solid #c3c3c3; background-color:#fff; left:-1px;}
.dd .ddChild li{padding:5px; background-color:#fff; }
.ddcommon .ddChild li[title="Spain"], .ddcommon .ddChild li[title="United Kingdom"], .ddcommon .ddChild li[title="Germany"] {background-color:#f3f3f3;}
.ddcommon .ddChild li[title="Germany"] { border-bottom:1px solid #c3c3c3}
.ddcommon .ddChild li[title="Telephone"] { background-color:#f3f3f3; font-weight:bold; font-size:1.1em}

.dd .ddChild li .description{color:#666;}
.dd .ddChild li:first-child .ddlabel{color:#333333;}
.dd .ddChild li .ddlabel{color:#333;}
.dd .ddChild li.hover{background-color:#d5d5d5}
.dd .ddChild li img{padding:0 6px 0 0;}
.dd .ddChild li.optgroup{padding:0;}
.dd .ddChild li.optgroup .optgroupTitle{padding:0 5px; font-weight:bold; font-style:italic}
.dd .ddChild li.optgroup ul li{padding:5px 5px 5px 15px}
.dd .ddChild li.selected{background-color:#d5d5d5; color:#000;}


/* flags */
.flag{float:left;padding:0 !important;margin:0 5px 0 0;width:21px;height:12px;background:url("/Recursos/recursos/EN/imagen/callme/flagssprite_small.png") no-repeat;}

.flag.es{background-position:0 0}
.flag.uk{background-position:-21px 0}
.flag.ir{background-position:-42px 0}
.flag.au{background-position:0 -12px}
.flag.at{background-position:-21px -12px}
.flag.be{background-position:-42px -12px}
.flag.ca{background-position:0 -24px}
.flag.di{background-position:-21px -24px}
.flag.fi{background-position:-42px -24px}
.flag.fr{background-position:0 -36px}
.flag.ge{background-position:-21px -36px}
.flag.it{background-position:-42px -36px}
.flag.ho{background-position:0 -48px}
.flag.no{background-position:-21px -48px}
.flag.se{background-position:-42px -48px}
.flag.su{background-position:0 -60px}
.flag.us{background-position:-21px -60px}
.flag.bl{background-position:-42px -60px}
.flag.ru{background-position:-42px -60px}
.flag.is{background-position:0 -72px}
.flag.gi{background-position:-21px -72px}

#prefijo_msdd{width:98px!important;}

.imagenesMovil{display:none}


@media screen and (min-width: 569px) and (max-width: 980px) {
	.imagenesMovil{display:none}

	#pie, #cabecera {width: 100%;}

	#cabecera {
    	height: 120px;
	}
	.logo {width: 106px;}
	.imagenesPC {width: 55%;}	
	.texto {width: 90%;}
	
	.bloqueCentral {
		width: 560px;
	}
	
	div#mensajeError{
		width: 95%;
	}
	
	#respuestaC2COK, #respuestaC2CKO, #respuestaCMBOK, #respuestaCMBKO{	
	    font-size: 2.5em;
	    font-weight: bold;
	    height: 220px;
	    margin: 0 auto;
	    padding: 15px;
	    text-align: center;
	    width: 524px;
	}
	#respuestaC2COK span.txt, #respuestaC2CKO span.txt,
	#respuestaCMBOK span.txt, #respuestaCMBKO span.txt{		
    	width: 100%;
    	font-size:0.9em;
	}	
	#pie{
		height:77px;
		padding-top:10px;
	}
	.dentro, .dentroPie {
		width: 90%;
		padding-top:0;
	}
	.dentroPie {
		padding-top:10px;
	}
	
	.logoBK {
	    margin-right: 4px;
	    width: 140px;
	}
		.logoEntrust {
		    margin-right: 14px;
		    width: 40px;
		}
		.logoEntrust img { 
			position:relative;
			top:5px;
			width: 100%;}
		.copy {font-size: 8px;}
		.links {
		    float: right;
		    position: relative;
		    top: 15px;
		    width: 252px;
		}
	.links ul li {
	    float: right;
	    margin-left: 10px;
	    margin-right:0;
	}

}



/* Zona smartphone: Mobile Portrait hasta Mobile tamaņo apaisado (dispositivos y navegadores) 
============================================================================================ */
@media screen and (max-width: 568px) {	
	.imagenesPC{display:none}
	.imagenesMovil{
		display:block;	
	    position: relative;	  
	    width: 100%;
	    border-bottom:none;
	    margin-top:10px;
	 }	

	#cabecera, .bloqueCentral, #pie {width: 100%;}
	#cabecera{height:80px;}
	.textoCabecera{
		width: 71%;
		margin-top: 18px;
		font-size:15px;
	}	
	#fecha label, #frase, #contacto label, #hora label, #Callmenow label, #timenow label {
	    margin-left: 3px;
	}
	#hora, #fecha {
	    margin-left: 111px;
	}
	.logo{
		width:77px;
		margin-top:10px;
	}	
	.logo img {width: 80px;}
	.bloqueCentral{
		background-image:none;
		height:auto;
		border-bottom: none;}
	#respuestaC2COK, #respuestaC2CKO, #respuestaCMBOK, #respuestaCMBKO{	
	    font-size: 2.2em;
	    font-weight: bold;
	    height: 220px;	   
	    width: 320px;
	    padding-bottom: 0;
	    background-size:35%;
	    background-position: 50% 94px;
	}
	#respuestaC2COK span.txt, #respuestaC2CKO span.txt,
	#respuestaCMBOK span.txt, #respuestaCMBKO span.txt{		
    	width: 100%;
    	font-size:0.9em;
	}	
	.dentro, .dentroPie{
		padding-top:0;
		width: 90%;
	}
	.texto {width: 100%;}
	.txtGrande, .txtGrandeC {
	    font-size: 16px;  
	    white-space: nowrap;
	    letter-spacing: -1px;
	}		
	.bocadillo{
		display:block;
		margin: 15px auto 39px;
	}	
	.formulario, #flotaBtn, .avisoBoton {
		width: 320px;
		white-space: nowrap;
	}		
	.tblWhite {margin: auto auto auto 2px;}	
	.botonCallme{
		margin-left:2px;
		width: 245px;
		padding: 14px 35px;
		background-position: 270px;	
	}	
	#flotaBtn {margin-top: 15px;}			
	#pie{
		height:77px;
		padding-top:10px;
	}
	.logoBK {
	    margin-right: 4px;
	    width: 135px;
	}
		.logoEntrust {
	    margin-right: 0;
	    width: 40px;
	}
		.logoEntrust img { 
			position:relative;
			top:5px;
			width: 100%;}
		.copy {font-size: 8px;}
		.links {
		    float: right;
		    position: relative;
		    text-align: right;
		    top: 15px;
		    width: 108px;
		}
		.links ul li {
		    float: right;
		    margin-left: 10px;
		    margin-right:0;
		}
		
	/*Ajuste para error*/
	div#mensajeError {
	    font-size: 11px;
	    padding-bottom:0;
	    margin-top: -18px;
	    width: 93%;
	}	
	div#mensajeError p, [hack] {
	    padding-top: 0;
	    /*white-space:nowrap;*/
	    line-height: 14px;
	    padding-left:5px;
	}
	.avisoBoton a{
		display: block;
	} 	
}


/* ============================================================================================ */
@media screen and (max-width: 320px) {
	#cabecera, .bloqueCentral, #pie, div.texto, .imagenesMovil ,#respuestaC2COK, #respuestaC2CKO, #respuestaCMBOK, #respuestaCMBKO{	
		width: 320px;
	}	
	div.texto{width: 320px;}	
}