@charset "ISO-8859-1";

/*
 * Maquetación CSS general (media: screen/print)
 * (C) 2008 Vexlan Tecnología y Servicios, S.L.
 *
 */

@media all {

	body {
		background: #8ab8f4 url(../img/bg.jpg) repeat-x top center;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
	}

	h1 {
		font-size: 1.5em;
	}

	p, li {
		line-height: 1.3em;
		color: #555;
	}

	ul {
		padding: 10px 0px;
	}

	li {
		background: url(../img/bullet.gif) no-repeat left 5px;
		padding-left: 20px;
	}


	#head {
		height: 202px;
		background: transparent url(../img/background-header.jpg) no-repeat top left;
		position: relative;
	}

	#head h1 {
		color: white;
		font-family: "Arial Rounded MT Bold", "Arial Rounded MT", Arial, Helvetica, sans-serif;
		font-weight: normal;
		font-size: 2em;
		width: 621px;
		height: 110px;
		background: transparent url(../img/head-regala.jpg) no-repeat top left;
		padding: 25px 0px 0px 0px;
		text-indent: -3000px;
	}

	#head h1 strong {
		color: #f1d760;
	}


	#head h2 {
		color: white;
		font-family: "Arial Rounded MT Bold", "Arial Rounded MT", Arial, Helvetica, sans-serif;
		font-weight: normal;
		font-size: 1.5em;
		width: 620px;
		height: 66px;
		background: transparent url(../img/head-emociones.jpg) no-repeat top right;
		text-indent: -3000px;
	}

	#head h2 strong {
		color: #67cde6;
	}

	#oferta-limitada {
		width: 285px;
		height: 168px;
		position: absolute;
		top: 65px;
		left: -40px;
		background: url(../img/oferta.png) no-repeat top left;
		text-indent: -3000px;
	}

	#globo-logo {
		width: 524px;
		height: 459px;
		position: absolute;
		top: -50px;
		right: -15px;
		background: url(../img/globo-logo.png) no-repeat top left;
	}

	a#globo-logo-enlace {
		display: block;
		position: absolute;
		top: 0px;
		right: 135px;
		width: 150px;
		height: 150px;
		background: transparent;
		margin: 0px;
		text-indent: -4000px;
	}

	#ticket-12meses {
		width: 280px;
		height: 92px;
		position: absolute;
		top: 120px;
		right: 0px;
		background: url(../img/ticket12meses.png) no-repeat top left;
	}

	#content {
		background: transparent url(../img/bgcontent.gif) repeat-x top left;
		padding-top: 20px;
	}

	.content-container {
		padding: 20px;
		background: white url(../img/background-content.jpg) repeat-x top left;
	}

	.form-error {
		background: #db4740;
	}

	#content .form-error * {
		color: white;
	}

	#content h1 {
		font-family: "Arial Rounded MT Bold", "Arial Rounded MT", Arial, Helvetica, sans-serif;
		font-size: 1.4em;
		font-weight: normal;
		color: #235ca2;
		line-height: 1.2em;
		margin: 0 0 1em 0;
	}




	#box-fotos {
		width: 280px;
		background: transparent url(../img/marco-fotos.png) no-repeat center center;
		height: 313px;
		float: right;
		margin-left: 20px;
		position: relative;
	}

	#box-fotos h1 {
		font-family: "Arial Rounded MT Bold", "Arial Rounded MT", Arial, Helvetica, sans-serif;
		font-size: 1.1em;
		font-weight: normal;
		text-transform: uppercase;
		letter-spacing: -0.05em;
		color: white;
		text-align: center;
		margin: 5px 0px 5px 0px;
		color: #0c3287;
	}

	#box-fotos #ejemplos {
		position: absolute;
		top: 50px;
		right: -50px;
		width: 131px;
		height: 69px;
		background-image: url(../img/icon-paseos.png);
		background-repeat: no-repeat;
		background-position: center center;
		behavior: url(iepngfix.htc);
	}

	.fotos-cont {
		padding: 10px;
		height: 300px;
	}

	#foto-reel {
		width: 260px;
		height: 260px;
		overflow: hidden;
		position: absolute;
		top: 44px;
		left: 10px;
	}


	#foto-reel #carrousel {
		position: absolute;
		left: 0px;
		top: 0px;
	}

	#foto-reel #carrousel a {
		display: block;
		width: 260px;
		height: 260px;
		position: absolute
	}

	#foto-reel #carrousel img {
		border: 0px;
	}

	a.p1 {	left: 0px; }
	a.p2 {	left: 260px; }
	a.p3 {	left: 520px; }
	a.p4 {	left: 780px; }
	a.p5 {	left: 1040px; }
	a.p6 {	left: 1300px; }
	a.p7 {	left: 1560px; }
	a.p8 {	left: 1820px; }
	a.p9 {	left: 2080px; }
	a.p10 {	left: 2340px; }
	a.p11 {	left: 2600px; }
	a.p12 {	left: 2860px; }



	#form-container {
		margin: 10px 0px 0px 0px;
		padding: 0px;
		background: #d9e5f4 url(../img/form-top.gif) no-repeat top center;
	}

	#form-container h1 {
		margin: 0px;
	}

	#form-container div.wrapper {
		padding: 10px 20px;
		background: transparent url(../img/form-bottom.gif) no-repeat bottom center;
	}

	#oferta-form {
		float: right;
		width: 155px;
	}

	#oferta-form p {
		font-family: "Arial Rounded MT Bold", "Arial Rounded MT", Arial, Helvetica, sans-serif;
		font-weight: normal;
		font-size: 1.3em;
		color: #333;
	}

	#oferta-form span.precio {
		background: #fff27d;
	}


	form {
		margin: 20px 0px 0px 0px;
	}

	.formfield {
		padding: 2px 0px;
	}

	.formfield span {
		display: block;
		float: left;
		text-align: right;
		width: 100px;
		padding: 2px 10px 0px 0px;
		color: #333;
	}

	.formfield select {
		width: 250px;
	}

	.formfield input.txt {
		width: 230px;
	}

	.formfield textarea.txt {
		width: 230px;
	}

	p.privacidad a {
		color: #666;
		font-size: 0.8em;
	}

	.error span {
		font-weight: bold;
		color: #ff0000;
	}

	.formfield input.hover {
		background-position: bottom center;
	}

	.formfield input.disabled {
		background-position: center center;
	}

	input.boton {
		border: none;
		background-color: transparent;
		cursor: pointer;
		background-repeat: no-repeat;
		background-position: top center;
	}

	input.envio {
		width: 241px;
		height: 40px;
		background-image: url(../img/boton-enviar.jpg);
	}

	.submit {
		padding: 20px 0px 8px 107px;
		text-align: left;
		position: relative;
	}

	#loader {
		position: absolute;
		left: 360px;
		top: 32px;
		visibility: hidden;
		font-size: 0.8em;
		color: #666;
	}

	#loader img {
		vertical-align: text-bottom;
		margin-right: 5px;
	}


	#content-footer {
		padding: 20px 20px 20px 65px;
		margin: 10px 0px 30px;
		background: url(../img/logo-pie.gif) no-repeat left center;
	}

	#content-footer p {
		color: black;
		font-size: 0.75em;
		margin: 5px 0px 0px 0px;
		padding: 0px 0px 0px 10px;
	}

	#content-footer strong {
		font-size: 1.2em;
	}

	#content-footer a {
		color: black;
		font-weight: bold;
	}

	#content-footer a:hover {
		color: #444;
	}

	#content-footer ul {
		padding: 0px;
		margin: 0px;
	}

	#content-footer li {
		background: transparent url(../img/bullet-point.gif) no-repeat left top;
		margin: 0px;
		padding: 0px 0px 0px 10px;
		color: black;
		line-height: 1em;
		font-size: 0.75em;
	}


	#sidebar {
		padding-top: 40px;
	}

	#sidebar h1 {
		margin-bottom: 10px;
		font-family: "Arial Rounded MT Bold", "Arial Rounded MT", Arial, Helvetica, sans-serif;
		font-weight: normal;
		text-transform: uppercase;
	}

	#sidebar table {
		border-collapse: collapse;
	}

	#sidebar th, #sidebar td, #sidebar p, #sidebar li {
		font-size: 0.85em;
		line-height: 1.3em;
		color: #222;
	}

	#sidebar th {
		padding: 0px 5px 5px 0px;
		white-space: nowrap;
		text-align: left;
		color: black;
	}
	
	#sidebar td {
		padding: 0px 0px 5px 0px;
	}


	#sidebar-route {
		background: #f1d760;
		padding: 10px;
		margin-bottom: 20px;
	}


	#sidebar-seguridad {
		background: #db4740;
		padding: 10px;
	}

	#sidebar-seguridad h1 {
		color: white;
	}

	#sidebar-seguridad ul {
		padding: 0px;
	}

	#sidebar-seguridad li {
		padding: 0px 0px 5px 25px;
		color: white;
		background: transparent url(../img/bullet-seguridad.gif) no-repeat top left;
	}


}