@charset "utf-8";
/* Orange GGSS Abril */

/* Main */
img{border:0 none;}

body { 
	margin: 0;
	padding: 0;
	background-color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

/* Layout */

#container, #header, #menu, #footer { width: 952px; }

#container {
	height: 531px;
	margin: 10px auto 0 auto;
}

	#header {
		height: 83px;
		overflow: hidden;
		background: #FFF url(../img/logo_orange.gif) no-repeat 906px 16px;
	}
	
		#logo {
			float: left;
			margin-left: 0;
			display: block;	
		}
		
			#logo a { display: block; border: 0; width: 100%; height: 100%; outline: 0;}
		
		.logo_elcorteingles {
			width: 209px;
			height: 67px;
			background: transparent url(../img/logo_elcorteingles.jpg) no-repeat top left;
			margin-top: 2px 0 0 0;
		}
	
	#menu {
		height: 27px;
		overflow: hidden;
		background-color: #F17D00;
	}
	
		#menu ul {
			margin: 7px 0 0 0;
			padding: 0;
			/*background-color: #000;*/
			overflow: hidden;
				
		}
		
			#menu ul li {
				display: inline;
				float: left;
				list-style-type: none;
				padding: 0 0 0 0;
				margin: 0 0 0 0;
				border-right: 1px solid #FFF;
				text-align: center;
			}
			
			#menu ul li.lnk_promocion { width: 121px; }
			#menu ul li.lnk_oferta { width: 102px; }
			#menu ul li.lnk_direcciones { width: 78px; }
			
			#menu ul li.mainmenulast { border: 0; }
			
			
				#menu ul li a { display: block; color: #FFF; text-decoration: none; outline: 0; }
				#menu ul li a:hover { text-decoration: underline; }
	
	#content {
		width: 950px;
		height: 419px;
		border: 1px solid #F17D00;
	}
		
		.splash, #promocion, #oferta, #direcciones  { width: 950px; height: 419px; }
		#promocion { background: transparent url(../img/bg_content_promocion.gif) no-repeat top left; overflow: hidden; position: relative; }
		#oferta { background: none; overflow: hidden; position: relative; }
		
			.innercontent {
			width: 900px;
			height: 383px;
			position: absolute;
			top: 18px;
			left: 29px;
			overflow: hidden;
			}
			
				.innercontent .title { border: 1px solid #F17D00; }
				/* Títulos de secciones de promoción */
				.innercontent h2#tit_solicitarregalos { width: 146px; height: 20px; background: #FFF url(../img/tit_solicitarregalos.gif) no-repeat top left; margin: 0 0 10px 0; padding: 1px; border: 1px solid #F17D00; }
				.innercontent h2#tit_buscador { width: 101px; height: 20px; background: #FFF url(../img/tit_buscador.gif) no-repeat top left; margin: 0 0 10px 0; padding: 1px; border: 1px solid #F17D00; }
				.innercontent h2#tit_conorangevuelagratis { width: 201px; height: 20px; background: #FFF url(../img/tit_conorangevuelagratis.gif) no-repeat top left; margin: 0 0 10px 0; padding: 1px; border: 1px solid #F17D00; float: left; }
				.innercontent h2#tit_promocionesorange { width: 201px; height: 20px; background: #FFF url(../img/tit_promocionesorange.gif) no-repeat top left; margin: 0 0 10px 0; padding: 1px; border: 1px solid #F17D00; float: left; }
				.innercontent h2#tit_ofertadelmes { width: 141px; height: 20px; background: #FFF url(../img/tit_ofertadelmes.gif) no-repeat top left; margin: 0 0 10px 0; padding: 1px; border: 1px solid #F17D00; float: left; }
				/* Contenido de las secciones de cada promoción */
				/* Ancho 100% */
				.innercontent .module100, .innercontent .module100_direcciones { width: 894px; height: 336px; overflow: hidden; position: relative; }
				.innercontent .module100 { background: transparent url(../img/bg_module100.gif) no-repeat top left; }
				.innercontent .module100_direcciones { background: transparent url(../img/bg_module100_direcciones.jpg) no-repeat top left; }
				/* Promoción al 100% */
				.innercontent #module_promo100 {
					float:left;
					height:auto;
					overflow:hidden;
					width:100%;
				}
					.innercontent #module_promo100 p { width: 592px; float: right; margin: 0 0 5px 0; padding: 0; text-align: right; clear: both; overflow: hidden; }
						a#btn_volver { width: 48px; height: 14px; display: block; background: transparent url(../img/btn_volver.gif) no-repeat top left; float: right; }
					.innercontent #module_promo100 img { width: 860px; height: 300px; float: left; clear: both; }
					.innercontent #module_promo100 div.btn_container_100 {
						clear:both;
						float:right;
						height:14px;
						margin:5px 0 0;
						position:relative;
						width:100%;
					}
						.innercontent #module_promo100 div.btn_container_100 a { position:relative; float:left; }

				/* Ancho 50% */
				.module_promo50 { width: auto; height: 387px; float: left; }
				.innercontent .first { display:inline;position:relative;margin-right: 30px; }
				
					.module_promo50 p { width: 296px; float: right; margin: 0 0 10px 0; padding: 0; text-align: right; clear: both; }
					.module_promo50 img { float: left; clear: both; }
					.module_promo50 div.btn_container_50 { width: 404px; height: 14px; overflow: hidden; margin: 5px 0 0 0; float: left; text-align: right; padding: 0 0 0 10px; clear: both; }
					
						.module_promo50 div.btn_container_50 a { border: 0; display: block; float: left; outline: 0; }
						a#btn_sabermas, a#btn_solicitarregalos, a#btn_condicioneslegales, a#btn_participar, a#btn_basesnotariales { height: 14px; }
						a#btn_solicitarregalos { width: 103px; background: transparent url(../img/btn_solicitarregalo.gif) no-repeat top left; margin-right: 10px; }
						a#btn_participar { width: 122px; background: transparent url(../img/participa-btn.jpg) no-repeat top left; margin-right: 10px; }
						a#btn_sabermas { width: 155px; background: transparent url(../img/btn_sabermas.gif) no-repeat top left; margin-right: 10px; }
						a#btn_condicioneslegales { width: 122px; background: transparent url(../img/btn_condicioneslegales.gif) no-repeat top left; margin-right:10px; }
						a#btn_basesnotariales { width: 122px; background: transparent url(../img/btn_bases.jpg) no-repeat top left; margin-right:10px; }
							
				/* Ofertas */
				
				.innercontent div.menusofertas_container { margin: -30px 0 0 220px; _margin: 0 0 0 70px; float: left; width: 650px; overflow: hidden; }
				
				.innercontent ul#menu_ofertas, .innercontent ul#submenu_ofertas { margin: 0 0 10px 0; float: left; padding: 0; width: 100%; display: block; }
				
					.innercontent ul#menu_ofertas li, .innercontent ul#submenu_ofertas li { display: inline; float: left; margin: 0 0 0 5px; border-right: 1px solid #666; padding: 0 5px 0 0; }
					.innercontent ul#menu_ofertas li.last, .innercontent ul#submenu_ofertas li.last { border: 0; }
					
						.innercontent ul#menu_ofertas li a, .innercontent ul#submenu_ofertas li a { color: #666; text-decoration: none; outline: 0; }
						.innercontent ul#menu_ofertas li a.active, .innercontent ul#submenu_ofertas li a.active { text-decoration: underline; }
						.innercontent ul#menu_ofertas li a:hover, .innercontent ul#submenu_ofertas li a:hover { text-decoration: underline; }
						
				.innercontent div.module_ofertas100{ width: 866px; height: 308px; overflow: hidden; position: relative; background: transparent url(../img/bg_module100_ofertas.jpg) no-repeat top left; float: left; padding: 15px 14px 0 14px; }
				
					.innercontent div.module_ofertas100 div.carousel_container { width: 866px; height: 287px; overflow: hidden; }
						.innercontent div.module_ofertas100 div.carousel_container div.leftbtn_container { height: 287px; width: 15px; float: left; }
							a#leftbtn { width: 10px; height: 15px; border: 0; display: block; background: transparent url(../img/ico_orangesquares_left.gif) no-repeat top left }
						.innercontent div.module_ofertas100 div.carousel_container div.carousel_viewer { width: 836px; height: 287px; float: left; }
						.innercontent div.module_ofertas100 div.carousel_container div.rightbtn_container { height: 287px; width: 15px; float: left; }
							a#rightbtn { width: 10px; height: 15px; border: 0; display: block; background: transparent url(../img/ico_orangesquares_right.gif) no-repeat top left }
							a#leftbtn, a#rightbtn { outline: 0; margin: 145px 0 0 0; }
						
					.innercontent div.module_ofertas100 div.legalbtn_container { width: 866px; height: 15px; text-align: right; }
					
						a#legalbtn { color: #666; padding: 0 15px 0 0; background: transparent url(../img/ico_greysquares.gif) no-repeat top right; font-weight: bold; text-decoration: none; float: right; }
						a:hover#legalbtn { text-decoration: underline; }
						
				/* Revista */
				
					div.module_pageflip { width: 532px; height: 335px; overflow: hidden; position: relative; float: left; top: -10px; _top: 10px; left: 220px; _left: 70px; padding: 0; }
						
						
						
						
						
						 

		#oferta { background: transparent url(../img/bg_content_oferta.gif) no-repeat top left; }
		#direcciones { background: transparent url(../img/bg_content_direcciones.gif) no-repeat top left; position: relative; }
			
/* Formulario Solicitar regalo */
/* Formulario Solicitar regalo */
#errores span{color:#FF0000;margin-left:00px;font-size:14px;}
form#form_regalo {
width: 766px;
height: 230px;
margin: 20px auto 0 auto;

}

form#form_regalo label { color: #F17D00; font-weight: bold; margin: 2px 5px 0 0; float: left; }

form#form_regalo label.invalid  {
color:#FF0000;
}

form#form_regalo input {
background-color: #FCE5CC;
border: 0;
padding: 2px;
color: #000;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
float: left;
}
form#form_regalo select {
background-color: #FCE5CC;
border: 0;
padding: 2px;
color: #000;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
float: left;
}
form#form_regalo button { width: 70px; height: 14px; cursor: pointer; background: transparent url(../img/btn_solicitar.gif) no-repeat top left; display: block; border: 0; float: right; outline: 0; }

/* anchos de los diferentes inputs por id */
input#fecha {margin-right:20px; width:105px;}
select#centro{width:150px;}
input#centro {width:235px;}
input#nombre {margin-right:10px; width:643px;}
input#nombre_destinatario{margin-right:10px; width:547px;}
input#direccion {margin-right:10px; width:693px;}
input#direccion_destinatario {margin-right:10px; width:603px;}
input#poblacion{ margin-right:10px; width:247px;}
input#tarifa{ margin-right:10px; width:247px;}
input#provincia {margin-right:10px; width:206px;}
input#horario { width: 296px; }
input#telefono {width:205px; border:#666666 1px	solid;}
input#codigo_postal {margin-right:10px; width:80px;}
input#imei { width:190px;}
input#terminal { margin-right:20px;}
input#tarifa { width: 230px; }
input#digitos { width: 529px; }
input#como { width: 473px;}
input#regalo {margin-right:25px; width: 473px;}

a#lnk_legales { color: #F17D00; text-decoration: underline; }
a:hover#lnk_legales { color: #666; }

form#form_regalo div.formrow {
float:left;
overflow: hidden;
width: 790px;
margin: 0 0 10px 0;
}

form#form_regalo div.buttoncontainer {
overflow: hidden;
width: 746px;
}

form#form_regalo div.formrow div.fecha, form#form_regalo div.formrow div.centro, form#form_regalo div.formrow div.provincia, form#form_regalo div.formrow div.horario, form#form_regalo div.formrow div.telefono, form#form_regalo div.formrow div.imei { float: left; overflow: hidden; }
form#form_regalo div.formrow div.imei img#question { float: left; margin: 0 5px 0 0; cursor: pointer; outline: 0; }
form#form_regalo div.formrow div.fecha { margin: 0 10px 0 0; width: 243px; }
form#form_regalo div.formrow div.centro {}
form#form_regalo div.formrow div.provincia {margin: 0 10px 0 0;width:580px;}
form#form_regalo div.formrow div.horario {}
form#form_regalo div.formrow div.telefono { margin: 0 0 0 0;width:350px;}
form#form_regalo div.formrow div.imei { margin:0 10px 0 0;}
form#form_regalo div.formrow div.terminal {width:700px;margin: 0 10px 0 0;}

/*
form#form_regalo {
	width: 746px;
	height: 280px;
	margin: 40px auto 0 auto;
	overflow: hidden;
}

	form#form_regalo label { color: #F17D00; font-weight: bold; margin: 2px 5px 0 0; float: left; }
	form#form_regalo input { background-color: #FCE5CC; border: 0; padding: 2px; color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 11px; float: left; }
	form#form_regalo button { width: 70px; height: 14px; cursor: pointer; background: transparent url(../img/btn_solicitar.gif) no-repeat top left; display: block; border: 0; float: right; outline: 0; }
		input#input_fecha { width: 60px; }
		input#input_centro { width: 173px; }
		input#input_direccion { width: 566px;}
		input#input_poblacion { width: 700px; }
		input#input_provincia { width: 300px; }
		input#input_horario { width: 227px; }
		input#input_telefono { width: 280px; }
		input#input_imei { width: 220px; }
		input#input_terminal { width: 630px; }
		input#input_tarifa { width: 230px; }
		input#input_como { width: 510px; }

	form#form_regalo div.formrow {
	overflow: hidden;
	width: 760px;
	margin: 0 0 10px 0;
	}
	
	form#form_regalo div.buttoncontainer {
		overflow: hidden;
		width: 746px;
	}
	
		form#form_regalo div.formrow div.fecha, form#form_regalo div.formrow div.centro, form#form_regalo div.formrow div.provincia, form#form_regalo div.formrow div.horario, form#form_regalo div.formrow div.telefono, form#form_regalo div.formrow div.imei { float: left; overflow: hidden; }
		form#form_regalo div.formrow div.imei img#question { float: left; margin: 0 5px 0 0; cursor: pointer; outline: 0; }
		form#form_regalo div.formrow div.fecha { margin: 0 10px 0 0; width: 263px; }
		form#form_regalo div.formrow div.centro {}
		form#form_regalo div.formrow div.provincia { margin: 0 10px 0 0; width: 425px; }
		form#form_regalo div.formrow div.horario {}
		form#form_regalo div.formrow div.telefono { margin: 0 10px 0 0; width: 410px; }
		form#form_regalo div.formrow div.imei {}
	*/	
/* Formulario Direcciones */

div#display_store {
	width: 180px;
	height: 100px;
	padding: 10px;
	display: none;
	position: absolute;
	top: 100px;
	left: 200px;
	background-color: #FFF;
	border: 1px solid #F17D00;
	font-family: Arial, Helvetica, sans-serif; font-size: 11px;
}

form#form_direcciones {
	width: 250px;
	overflow: hidden;
	position: absolute;
	top: 200px;
	left: 550px;
}	
	
	form#form_direcciones div.formrow {
	overflow: hidden;
	width: 200px;
	margin: 0 0 10px 0;
	}
		
	form#form_direcciones div.buttoncontainer {
		overflow: hidden;
		width: 160px;
	}
		
	form#form_direcciones select {
		width: 160px;
		font-family: Arial, Helvetica, sans-serif; font-size: 11px;
		color: #F17D00;
		/*border: 1px solid #F17D00;*/
	}	
	
	form#form_direcciones button { width: 44px; height: 14px; cursor: pointer; background: transparent url(../img/btn_ver.gif) no-repeat top left; display: block; border: 0; float: right; outline: 0; }
	
/* Misc */

.hide { display: none; }
.orange { color: #F17D00; }
.rollover { cursor: pointer; }

#sobre{
margin:0;
padding:0;
width:44px;
height:26px;
float:right;
position:relative;
top:-20px;
}
#ayuda{
margin:0;
padding:0;
width:24px;
height:26px;
float:right;
position:relative;
top:-10px;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color:#FFF;
vertical-align:baseline;

}

.clear{clear:both;}