/*---------------------------------------------------------------------------------------------------------------------------
	SHARELING - Main Cascading Style Sheet
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	.autor			Jordi Jiménez
	.version		1.0
	.url
	.timestamp		04/10/2011 ..  2012
	---------------------------------------------------------------------------------------------------------------------------*/


/*-----------------------------------------------------------------------------------------------------------------------------
	0.	Table of Contents
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	0.5	Font Declaration
	1.	Reset
	2.	Elements
	3.	Common
	4.	Section
		4.1	Section Home
		4.2 Search Results
	---------------------------------------------------------------------------------------------------------------------------*/


	/*---------------------------------------------------------------------------------------------------------------------------
	0.5	Font Declaration
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
	/*
	*   D: Font Declaration :D
	*/


	@font-face {
		font-family: "Honey";
		src: url(../fonts/HoneyScript-Light.eot);
		src: local("☺"),
			url("../fonts/HoneyScript-Light.woff") format("woff"),
			url("../fonts/HoneyScript-Light.ttf") format("truetype"),
			url("../fonts/HoneyScript-Light.svg") format("svg");
	}

	/*@font-face {
		font-family: "HelveticaNeue";
		src: url(http://www.shareling.es/fonts/helveticaneueltstdth.eot);
		src: local("☺"),
			url("../fonts/helveticaneueltstdth.woff") format("woff"),
			url("../fonts/helveticaneueltstdth.ttf") format("truetype"),
			url("../fonts/helveticaneueltstdth.svg") format("svg");
	}

	@font-face {
		font-family: "HelveticaNeue";
		font-weight: bold;
		src: url(../fonts/HelveticaNeue.eot);
		src: local("☺"),
			url("../fonts/HelveticaNeue.woff") format("woff"),
			url("../fonts/HelveticaNeue.ttf") format("truetype"),
			url("../fonts/HelveticaNeue.svg") format("svg");
	}



	/*@font-face {
		font-family: "Honey";
		font-weight: bold;
		src: url(../fonts/HoneyScript-SemiBold.eot);
		src: local("☺"),
			url("../fonts/HoneyScript-SemiBold.woff") format("woff"),
			url(../fonts/HoneyScript-SemiBold.ttf) format("truetype"),
			url("../fonts/HoneyScript-SemiBold.svg") format("svg");
	}*/



	/*---------------------------------------------------------------------------------------------------------------------------
	1.	Reset
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
	/*
	*   D: Reset Styles :D
	*/



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

	table {
		border-collapse: collapse;
		border-spacing: 0;
	}

	fieldset, img {
		display: block;
		border: 0 none;
	}

	address, caption, cite, code,
	dfn, strong, em, th, var {
		font-style: normal;
		font-weight: normal;
	}

	ol, ul, li {
		list-style: none;
		display: block;
	}

	caption, th {
		text-align: left;
	}

	h1, h2, h3, h4, h5, h6 {
		font-size: 35px;
		font-family: "Honey", Helvetica, Arial, sans-serif;
		font-weight: normal;
	}

	q:before, q:after {
		content: '';
	}

	abbr, acronym {
		border: 0 none;
	}

	strong{
		font-weight:normal;
	}


	/*---------------------------------------------------------------------------------------------------------------------------
	2.	Elements
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
	a {
		text-decoration: underline;
		color: #9199a2;
	}

		a:hover {
			color: #c2c2c2;
			text-decoration: none;
		}

		a:active,
		a:focus {
			outline: none;
		}

	p {
		font-size: 12px;
		font-weight: normal;
		color: #919191;
	}

	.big {
		font-size: 14px;
	}

	ul {
		display: block;
		list-style: none;
		margin: 0;
		padding: 0;
	}

		li {
			display: block;
			list-style: none;
			margin: 0;
			padding: 0;
		}

	.clearer {
		height: 0 !important;
		overflow: hidden !important;
		display: block !important;
		clear: both !important;
	}

	li.clearer {
		float: none !important;
	}

	.hidden {
		display: none;
	}

		input[type="submit"]::-moz-focus-inner,
		input[type="button"]::-moz-focus-inner,
		button::-moz-focus-inner {
			border: 0;
		}

	select{
		background: transparent;
	   min-width: 150px;
	   padding: 5px;
	   font-size: 16px;
	   line-height: 1;
	   border: 0;
	   border-radius: 2;
	   height: 34px;
	   	-webkit-box-shadow: 1px 1px 6px #cf9436;
		-moz-box-shadow: 1px 1px 6px #cf9436;
		box-shadow: 1px 1px 6px #cf9436;
	   -webkit-appearance: none;
		   height: 34px;
		   overflow: hidden;
		   background: url('../images/common/down_arrow_select.jpg') no-repeat right #ddd;
		   border: 1px solid #ccc;
   	}

		.selectLite{
		   min-width: 190px;
		    /* padding: 5px;
		   font-size: 14px;
		   border-radius: none;
		   -webkit-box-shadow: 1px 1px 6px #cf9436;
		   -moz-box-shadow: 1px 1px 6px #cf9436;
		   box-shadow: 1px 1px 6px #cf9436;
		   -webkit-appearance: none;
		   height: 26px;
		   overflow: hidden;
		   background: no-repeat right #fff;
		   border: 1px solid #ccc;   	*/

		}

	/*---------------------------------------------------------------------------------------------------------------------------
	3.	Common
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
	html {
		height: 100%; width: 100%;
		margin: 0;
		padding: 0;
	}

		body {
			height: 100%; width: 100%;
			margin: 0;
			padding: 0;
			background: #e0b155 url(../images/common/backgroundSite.jpg) repeat;
			font-family: Helvetica, Arial, sans-serif;
			font-size: 12px;
			color: #919191;
		}

			#wrapper {
				height: 100%; top:45px;
				background: transparent url(../images/common/backgroundWrapper.png) repeat-x top;
				position: relative;
			}

			#floater {
				width: 1px;

				float: left;
				position: relative;
				margin-bottom: -302px;
				background: #0f0;
			}

			#centered {
				width: 1000px;
				clear: left;
				position: relative;
				margin: 0 auto;


			}

				#container {
					width: 1000px;
					height: auto;
					overflow: hidden;

				}
					#headerHome {
						height: 200px;
						width: 100%;
						/*background: transparent url("../images/common/backgroundHeader.jpg") no-repeat bottom center;*/
						background: transparent url('../images/common/backgroundHeaderHome.png') no-repeat bottom center;
					}
					#header.editUser{
						background: transparent url('../images/common/backgroundHeaderHomeGreen.png') no-repeat bottom center;
					}

						#headerHome .logoShareling{
							height: 175px;
							width: 890px;
							margin: 10px 0 0 55px;
							position:absolute;
							overflow:hidden;
							background-image: url("../images/common/logoShareling.png");
							background-repeat: no-repeat;
						}

						#headerHome .claimShareling{
							position:absolute;
							color: #c2a687;
							font-size: 32px;
							margin: 145px 0 0 456px;
							word-spacing: 62px;
							display: block;
						}

						#headerHome .claimShareling .item1{
							text-align: center; width: 150px; position: absolute; top:-2px; left: -50px;
						}
						#headerHome .claimShareling .item2{
							text-align: center; width: 130px; position: absolute; top:-2px; left: 100px;
						}
						#headerHome .claimShareling .item3{
							text-align: center; width: 145px; position: absolute; top:-2px; left: 230px;
						}
						#headerHome .buttonCreateRoute, #header .buttonCreateRoute{
							width: 100px; height: 100px;
							position: absolute; top: 130px; left: 65px;
							display: block;
							z-index: 20;
							/*background: transparent url('../images/common/boton_crear_ruta_es.png') no-repeat top center;*/
						}
						/*#headerHome .buttonCreateRoute.show{
							-webkit-animation: animButtonHeaderHome 0.7s ease-in 1s 1;
							-moz-animation: aanimButtonHeaderHome 0.7s ease-in 1s 1;
							-o-animation: animButtonHeaderHome 0.7s ease-in 1s 1;
							-ms-animation: animButtonHeaderHome 0.7s ease-in 1s 1;
							animation: animButtonHeaderHome 0.7s ease-in 1s 1;
							-webkit-animation-fill-mode:forwards;
							-moz-animation-fill-mode:forwards;
							-o-animation-fill-mode:forwards;
							-ms-animation-fill-mode:forwards;
							animation-fill-mode:forwards;
						}*/
							#headerHome .buttonCreateRoute a, #header .buttonCreateRoute a{
								display: block; height: 100%; width: 100%;
							}
					#header {
						height: 197px;
						width: 100%;
						background: transparent url('../images/common/backgroundHeader.png') no-repeat bottom center;
					}
					#header .buttonCreateRoute{
						opacity: 0;
						width: 90px; height: 90px;
						background-size: 100% auto;
						position: absolute; top: 110px; left: -10px;
					}
					#header .buttonCreateRoute.show{
						-webkit-animation: animButtonHeader 0.7s ease-in 1s 1;
						-moz-animation: animButtonHeader 0.7s ease-in 1s 1;
						-o-animation: animButtonHeader 0.7s ease-in 1s 1;
						-ms-animation: animButtonHeader 0.7s ease-in 1s 1;
						animation: animButtonHeader 0.7s ease-in 1s 1;
						-webkit-animation-fill-mode:forwards; /*Chrome 16+, Safari 4+*/
						-moz-animation-fill-mode:forwards; /*FF 5+*/
						-o-animation-fill-mode:forwards; /*Not implemented yet*/
						-ms-animation-fill-mode:forwards; /*IE 10+*/
						animation-fill-mode:forwards; /*when the spec is finished*/
					}
					#header.hotels, #header.rent_cars {
						height: 225px;
						background: transparent url('../images/common/backgroundHeaderToWhite.png') no-repeat bottom center;
					}

					#cocheHeader{

						background: transparent url('../images/common/logoShareling_coche.png') no-repeat bottom center;
						background-size: 100%;
						width: 95px;
						height: 50px;
						position: absolute;
						top:60px;
						left: 720px;
						/*-ms-transform-origin: 0% 100%;
						-webkit-transform-origin: 0% 100%;
						-moz-transform-origin: 0% 100%;
						-o-transform-origin: 0% 100%;
						transform-origin: 0% 100%;
						-webkit-animation: movCoche 1s ease-in infinite;
						-moz-animation: movCoche 1s ease-in infinite;
						-o-animation: movCoche 1s ease-in infinite;
						-ms-animation: movCoche 1s ease-in infinite;
						animation: movCoche 1s ease-in infinite;*/
					}
					#cocheHeader.started{
						opacity: 1;
					}
					#cocheHeader.start{
						-webkit-animation: animCoche 3s ease-in 1.2s 1;
						-moz-animation: animCoche 3s ease-in 1.2s 1;
						-o-animation: animCoche 3s ease-in 1.2s 1;
						-ms-animation: animCoche 3s ease-in 1.2s 1;
						animation: animCoche 3s ease-in 1.2s 1;
						-webkit-animation-fill-mode:forwards; /*Chrome 16+, Safari 4+*/
						-moz-animation-fill-mode:forwards; /*FF 5+*/
						-o-animation-fill-mode:forwards; /*Not implemented yet*/
						-ms-animation-fill-mode:forwards; /*IE 10+*/
						animation-fill-mode:forwards; /*when the spec is finished*/
					}
						#header .logoShareling{
							height: 112px;
							width: 134px;
							margin: 30px 0 0 40px;
							position:absolute;
							overflow:hidden;
							background-position: -103px -65px;
							background-image: url("../images/common/spriteGeneral.png");
							background-repeat: no-repeat;
						}

						#header .mainText{
							position: absolute;
							margin:0px 0 0 230px;
							text-align: center;
							line-height: 18px;
							width: 590px;
						}
							#header .mainText p{
								font-weight: lighter;
								font-size: 15px;
							}
								#header .mainText p strong{
									font-weight: 500;
								}
							#header .mainText p.firstLine{
								line-height: 90px;
								font-size: 17px;
							}
							#header .mainText p.secondLine{
								font-size: 17px;
								line-height: 40px;

							}

						#header h1{
							color: #cf9534;
							font-size: 69px;
							text-shadow: 0px 1px #fff, 0px -1px #ae6e09;
						}
						#header h1.textfill{
							white-space:nowrap;
						}

						#header .mapHeaderContainer{

							float:right;
							width: 202px;
							min-height:152px;
							margin: 40px -3px 0 0;
							text-align: center;
							line-height: 10px;

							overflow:hidden;
							background-position: -24px -177px;
							background-image:  url("../images/common/spriteGeneral.png");
							background-repeat: no-repeat;
						}
							#header .mapHeaderContainer #headerMap{
								height: 124px;
    			  				width: 158px;
								margin: 12px 0 0 12px;
							}

					#entrar{
						position: absolute;
						top: 5px;
						right: 0;
						/*background:  url("../images/common/bgEntrar.png") no-repeat;*/
						width: auto;
						height: 36px;
						color: #9b8b60;
						text-align: center;
						font-family: "Honey",Helvetica,Arial,sans-serif;
						font-size: 24px;
						line-height: 30px;
						cursor: pointer;
					}
					#entrar span.logIn{
						color: #dda341; margin: 0 8px; font-size: 36px;
						background: url("../images/common/subrayado_menu_entra.png") no-repeat center 32px;
						background-size: 100% 3px;
					}
					#entrar span.registrate{
						color: #16827c; margin: 0 8px; font-size: 36px;
						background: url("../images/common/subrayado_menu_registro.png") no-repeat center 32px;
						background-size: 100% 3px;
					}
					#entrar .notLogged{
						color: #926b0b; font-size: 30px; font-family: "Honey";
					}
					#entrar .logged{

						font-size: 20px;
						font-weight: bold;

						text-align: center;
					}
					#entrar .logged .nombre{
						float: left;
						width:140px;
						line-height: 26px;
					}
					#entrar .logged .foto{
						height: 14px;
						width: 14px;
						float: left;
						margin: 4px 6px 0 12px;
						border:1px solid #c8af91;
					}
					/*#entrar.started {
						top:0;
					}*/
					#entrar.start {
						-webkit-animation: animEntrar 1s ease-in 0.5s 1;
						-moz-animation: animEntrar 1s ease-in 0.5s 1;
						-o-animation: animEntrar 1s ease-in 0.5s 1;
						-ms-animation: animEntrar 1s ease-in 0.5s 1;
						animation: animEntrar 1s ease-in 0.5s 1;
						-webkit-animation-fill-mode:forwards; /*Chrome 16+, Safari 4+*/
						-moz-animation-fill-mode:forwards; /*FF 5+*/
						-o-animation-fill-mode:forwards; /*Not implemented yet*/
						-ms-animation-fill-mode:forwards; /*IE 10+*/
						animation-fill-mode:forwards; /*when the spec is finished*/
					}

					#content {
						width: 960px;
						height: auto;
						padding: 0 20px;
						/*margin-left:20px;*/
						background-image: url("../images/common/backgroundContent.png");
						overflow: auto;
					}

					#bottomContent {
						background: transparent url('../images/common/fin_papel_blanco_180.png') no-repeat top;
						margin-top:-30px;
						min-height:350px;
						padding-top:70px;
						padding-left:100px;
						z-index:1;
						position:relative;
						float: left;
						width: 860px;
						font-size:12px;
						}

						#bottomContent .otherRoutesSameDeaperture{
							margin-left:0px;
							float:left;
							width:250px;
						}

						#bottomContent .otherRoutesSameDestination, #bottomContent .sharelingAroundTheWorld {
							margin-left:30px;
							float:left;
							width:250px;
						}

						#bottomContent .mostPopularRoutes{
							margin-left:30px;
							float:left;
							width:250px;
						}

						#bottomContent .titleIcon{
							background-image:  url("../images/common/spriteGeneral.png");
							background-repeat: no-repeat;
							width:18px;
							height:17px;
							background-position: -237px -65px;
							overflow: hidden;
							float:left;
						}
						#bottomContent .title{
							float:left;
							margin-left:10px;
							margin-top:5px;
							width:140px;
							height: 30px;
							font-weight: bold;
						}
						#bottomContent ul{
							width:200px;
							float:left;
							margin:10px 0 0 30px;
						}
							#bottomContent ul a{
								text-decoration:none;
								color:#919191;
							}
								#bottomContent ul a:hover{
									text-decoration:underline;
								}

							#bottomContent ul li{
								margin-bottom:15px;
							}
							#bottomContent ul li span{
								height: 23px; width: 23px;
								display: block;
								margin: -7px 5px 0 0;
								float: left;
							}
							#bottomContent ul li.es span{
								background: transparent url(../images/banderas.png) no-repeat left top ;
							}
							#bottomContent ul li.en span{
								background: transparent url(../images/banderas.png) no-repeat -23px top;
							}
							#bottomContent ul li.it span{
								background: transparent url(../images/banderas.png) no-repeat -46px top;
							}
							#bottomContent ul li.fr span{
								background: transparent url(../images/banderas.png) no-repeat left bottom ;
							}
							#bottomContent ul li.de span{
								background: transparent url(../images/banderas.png) no-repeat -23px bottom ;
							}
						#bottomContent .privacyNotice{
							font-size: 0.8em;
							float:left;
							position: relative;
							margin: 39px 0 130px -50px;
							text-align: center;
							width: 100%;
						}
						.privacyNotice a {
							text-decoration: underline;
							margin-left: 10px;
						}

					#footer {
						position:fixed;
						width:100%;
						height: 97px;
						bottom:-400px;
						/*background: transparent url(../images/common/backgroundFooter.png) no-repeat top center;*/
						background: transparent url(../images/common/bgFooter.png) repeat-x top center;
						z-index: 15;
						overflow: hidden;
					}
					#footer2{
						display: none;
					}
					#footer1.frame{
						width: 900px;
						height: 80px;
						margin: 14px auto 0 auto;
						overflow: hidden;
					}
					#footer1 ul{
						position: relative;
						width: 4000px;
					}
					#footer1 li{
						width: 880px; height: 83px;
						padding: 0 10px;
						float: left;
					}
					#footer1 li .fotoUsuario {
					    border: 3px solid #FFFFFF;
					    box-shadow: 1px 1px 4px #AAAAAA;
					    height: 60px;
					    margin: 0;
					    overflow: hidden;
					    position: relative;
					    width: 60px;
					    float: left;
					}
					#footer1 li .fotoUsuario img{
						width: 100%;
						height: 100%;
						float: left;
					}
					#footer1 li .ruta{
						float: left;
						width: 460px;
						margin: 0 15px 0 10px;
						color: #16827c;
						font-size: 18px;
						line-height: 24px;
						/*font-family: "Honey";*/
						font-weight: lighter;
						display: block;
						margin-top: 3px;
					}
					#footer1 li .ruta a{
						text-decoration: none; color: #16827c; display: block; float: left;
					}
					#footer1 .ratingFooter{
						position: relative; float: left; clear: both; margin-top: -12px;
						-ms-transform: scale(0.6);
						-webkit-transform: scale(0.6);
						-moz-transform: scale(0.6);
						-o-transform: scale(0.6);
						transform: scale(0.6);
					}
					#footer1 .rating, #footer1 .backgroundRating{
					}
					#footer1 li .botones{
						width: 320px;
						height: 50px;
						position: relative;
						float: right;
						top: 0;
						right: 0;
						margin-top: 15px;
					}

						#footer1 li .botones a{
							text-decoration: none;
							float: left;
						}


						#footer1 li .botones span{
							background: transparent url(../images/home/bgBotonesFooter.png) no-repeat top center;
							width: 140px;
							height: 35px;
							line-height: 39px;
							font-size: 26px;
							font-family: "Honey";
							text-align: center;
							color: #64440D;
						    text-decoration: none;
						    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.7);
						    margin: 3px 0;
						    display: block;
						    float: left;
						}
							#footer1 li .botones a span:hover{
								color:#fff;
							    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
							}
						#footer1 li .botones > span{
							font-family: "Honey",Helvetica,Arial,sans-serif;
							font-size: 32px; color: #b6a278; padding: 0; width:auto; float: left; text-align: right; margin: 6px 10px;
							background: no-repeat;
						}

					#footer.started {
						bottom: 0px;
					}
					#footer.start {
						-webkit-animation: animFooter 1s ease-in 1.2s 1;
						-moz-animation: animFooter 1s ease-in 1.2s 1;
						-o-animation: animFooter 1s ease-in 1.2s 1;
						-ms-animation: animFooter 1s ease-in 1.2s 1;
						animation: animFooter 1s ease-in 1.2s 1;
						-webkit-animation-fill-mode:forwards; /*Chrome 16+, Safari 4+*/
						-moz-animation-fill-mode:forwards; /*FF 5+*/
						-o-animation-fill-mode:forwards; /*Not implemented yet*/
						-ms-animation-fill-mode:forwards; /*IE 10+*/
						animation-fill-mode:forwards; /*when the spec is finished*/
					}

						#footer a {
							text-decoration: underline;
							/*margin-left: 10px;*/
						}

							#footer a:hover {
								text-decoration: underline;
							}

						#footer .routeNotFound{
							margin-top:40px;
							text-align: center;
							width: 800px;
							font-weight: lighter;
							margin: 10px auto 0 auto;
						}

						#footer .fillYourRoute{
							font-size: 1.1em;
							width:760px;
							display: block;
							margin: 0 auto;
							font-weight: lighter;
						}

						#footer .copyright{
							font-size: 0.8em;
							float:right;
							right:20px;
							position: absolute;
							margin-top: 15px;
						}


					#formContacto, #formRecoverPass, .contentRecoverPass{
						min-height: 200px;
						margin: 0 130px 10px 130px;
						padding: 0 20px 20px 20px;
						float: left;
						position: relative;
						text-align: center;
						width: 660px;
					}

					#formContacto p, #formRecoverPass p{
						font-size: 14px;
						line-height: 18px;
						margin: 0 20px 45px 20px;
					}
					#formContacto .cerrar{
						background: transparent url('../images/common/cerrarAmarillo.png') no-repeat;
						width: 21px;
						height: 21px;
						position: absolute;
						top:15px;
						right: 5px;
						cursor: pointer;
					}
					#formContacto li, #formRecoverPass li{
						float: left;
						position: relative;
						margin: 0 30px 15px 0;
						width: 100%;
					}
					#formContacto li .error, #formRecoverPass li .error{
						display: none;
						float: left;
						position: relative;
						margin: 10px 0 0 140px;
						line-height: 27px;
						color: #ca4638;
						width: 100%;
					}
					#formContacto label, #formRecoverPass label{
						margin: 10px 15px 0 0;
						text-align: right;
						width: 120px;
						float: left;
						color: #CF9535;
					    font-family: "Honey",Helvetica,Arial,sans-serif;
					    font-size: 30px;
					    line-height: 5px;
					}
					 #formRecoverPass label {
						 margin-left: 30px;
					 }
					#formContacto input, #formContacto textarea , #formRecoverPass input{
						width: 260px;
						height: 21px;
						float: left;
						padding: 2px 5px;
						border-radius: 5px 5px 5px 5px;
						box-shadow: 1px 1px 2px #ebb52d;
						border: none;
						font-family: Helvetica, Arial, sans-serif;
						color: #b3b3b3;
						font-size: 13px;
					}
					#formRecoverPass input { width: 350px; }
					#formContacto li.textarea{
						float: left;
					}
					#formContacto textarea{
						width: 350px;
						height: 100px;
						resize: none;
					}

					#formContacto input.boton, #formRecoverPass input.boton {
					    background: none repeat scroll 0 0 transparent;
					    color: #CF9535;
					    float: right;
					    font-family: "Honey",Helvetica,Arial,sans-serif;
					    font-size: 42px;
					    height: auto;
					    text-decoration: underline;
					    width: auto;
					    box-shadow:none;
					    margin: 20px 165px 0 0;
					    cursor: pointer;
					    clear: both;
					}

					#formContacto #emailContact{
						display:none;

					}

					#formRecoverPass input.boton{ margin-right: 135px; }




	.orange{
		color: #cf9535;
	}

	.bigFont{
		font-size:15px;
		font-weight: bold;
	}

	.bigSpecialFont{
		font-weight: normal;
		font-size:34px;
	}

	.reallyBigFont{
		font-size: 40px;
	}

	.green{
		color:#16827c;
	}

	.grey{
		color:#919191;
	}

	.lightGrey{
		color:#9199a2;
	}

	.brown{
		color:#53432d;
	}

	.lightBrown{
		color:#673e00;
	}

	.specialFont{
		font-family: "Honey", Helvetica, Arial, sans-serif;
	}

	.smallText{
		color:#919191;
		font-size:11px;
		font-weight:normal;
	}
		.smallText strong{
			font-weight:normal;
		}

	.link{
		cursor:pointer;
	}


	/*---------------------------------------------------------------------------------------------------------------------------
	4.	Section
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
	/*
	*   4.1	Section Home
	*/
	.mainHomeOptions{
		font-size:72px;
		padding: 15px 0px 20px 0;
		color:#b6a278;
		top:0px;
		position: relative;
		text-align: center;
	}

	#formHome{
		height:200px;
	}
	.pac-item{
		font-size: 15px;
		padding: 5px;
	}
	#closingForm{
		width:100%;
		background: transparent url('../images/common/fin_papel_blanco.png') no-repeat bottom;
		height:38px;
		z-index: 1;
		position:relative;
		/*display: none;*/

	}
		#formHome.que_te_lleven{
			background: transparent url('../images/common/linea_trayecto_home_2colores.png') no-repeat 48px top;
			/*background-position: 48px 23px;	*/
			width:700px;
			margin:0 auto;
		}

		#formHome.llevar_a_alguien{
			background: transparent url('../images/common/linea_trayecto_home_2colores.png') no-repeat 48px bottom;
		/*	background-position: 48px 23px;*/
			width:700px;
			margin:0 auto;
		}


		#formHome .ciudad_origen_destino{
			background: transparent url('../images/common/coche_linea_home.png') no-repeat 195px top;
		/*	background-position: 195px 5px;*/
			font-size:30px;
			margin-left:72px;
			color:#c2a687;
			height:70px;
			width:590px;
		}
		#formHome .ciudad_origen_destino .origen{ float: left; }
		#formHome .ciudad_origen_destino .destino{ float: right; text-align: center; width: 110px;  }
		#formHome.llevar_a_alguien .ciudad_origen_destino{
			background: transparent url('../images/common/coche_linea_home.png') no-repeat 195px bottom;
		}

		#formHome form{
			margin-top:60px;
			width:715px;
		}
			#formHome form input{
				width:200px;
				height:34px;
				font-size: 20px;
				padding-left: 5px;

			}


			#formHome form input#departure.orange{
				border: none;
				border-color: #cf9436;
				-webkit-box-shadow: 1px 1px 6px #cf9436;
				-moz-box-shadow: 1px 1px 6px #cf9436;
				box-shadow: 1px 1px 6px #cf9436;
				-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#cf9436')";
			}
			#formHome form input#arrival.orange{
				margin-left:300px;
				border: none;
				border-color: #cf9436;
				-webkit-box-shadow: 1px 1px 6px #cf9436;
				-moz-box-shadow: 1px 1px 6px #cf9436;
				box-shadow: 1px 1px 6px #cf9436;
				-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#cf9436')";
			}

			#formHome form input#departure.green{
				border: none;
				border-color: #16827C;
				-webkit-box-shadow: 1px 1px 6px #16827C;
				-moz-box-shadow: 1px 1px 6px #16827C;
				box-shadow: 1px 1px 6px #16827C;
				-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#16827C')";
			}
			#formHome form input#arrival.green{
				margin-left:300px;
				border: none;
				border-color: #16827C;
				-webkit-box-shadow: 1px 1px 6px #16827C;
				-moz-box-shadow: 1px 1px 6px #16827C;
				box-shadow: 1px 1px 6px #16827C;
				-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#16827C')";
			}

	/*#searchMap {
      height: 300px;
      width: 300px;
      margin-top: 0.6em;
    }*/

	#searchMap{
		background: transparent url('../images/common/bgSearchMap.png') no-repeat;
		height:225px;
		width:410px;
		padding: 12px 11px 15px 64px;
		float:left;
		position:absolute;
		margin-top:-184px;
		margin-left:210px;
		display: block;
		visibility: hidden;
	}
	#searchMap.visible{
		visibility: visible;
	}
	#searchMapContent{
		width: 100%;
		height: 100%;
	}
	#home_content{
		margin-top:-30px;
		margin-bottom: -8px;
		text-align: center;
		width:100%;
		min-height:510px;
		display:block;
		background-color: rgb(203, 203, 203);
		background: rgba(203, 203, 203, 0.1);
		padding-top:60px;
		background-image: url('../images/home/paisajeHome.png');
		background-repeat: no-repeat;
		background-position: center bottom ;
	}
	#home_content a{color: #919191;	}
	#home_content p{
		font-size: 18px;
		line-height: 22px;
	}

	#home_content .title{
		font-size: 56px;
		font-family: "Honey";
		margin: 0 0 15px 0;
	}
	.teLleven .info{
		width: 275px;
		padding: 35px 0 15px 65px;
		margin-top: -5px;
		background: transparent url('../images/home/flechaHome1.png') no-repeat 2px 0px;
	}
	.llevar .info{
		width: 275px;
		margin-top: -5px;
		padding: 35px 65px 15px 65px;
		background: transparent url('../images/home/flechaHome2.png') no-repeat 350px 0px;
	}
	#home_content .teLleven{
		display: block;
		float: left;
		margin-left: 55px;
		width: 400px;
		padding: 0 0 0 25px;
		text-align: left;
		background: transparent url('../images/home/iconoTeLleven.png') no-repeat left 75px;
	}
	#home_content .llevar{
		display: block;
		text-align: right;
		float: right;
		margin-right: 55px;
		width: 400px;
		padding: 0 25px 0 0;
		background: transparent url('../images/home/iconoLlevar.png') no-repeat right 75px;
	}
	#home_content .crearRuta{
		display: block;
		margin: 50px 75px 0 75px;
		text-align: center;
		background: transparent url('../images/home/flechaHome3.png') no-repeat 538px 72px;
	}
	.botonCrearRuta{
		text-align: center;
		font-family: "Honey";
		font-size: 40px;
		line-height: 60px;
		color: #64440d;
		width: 258px;
		height: 60px;
		background: transparent url('../images/home/bgCrearRuta.png') no-repeat;
		display: block;
		margin: 15px auto;
	}
	#home_content .botonCrearRuta a, .botonCrearRuta a{
		height: 100%;
		width: 100%;
		color: #64440d;
		text-decoration: none;
		text-shadow: 0px -1px 0px rgba(0,0,0,0.7);
	}
	#home_content .botonCrearRuta a:hover{
			color: #fff;
			text-shadow: 0px -1px 0px rgba(0,0,0,0.1);
		}
	#home_content .crearRuta .title{ color: #b6a278; }
	#home_content .teLleven .title{ color: #eaac45; }
	#home_content .llevar .title{ color: #16827c; }

		#home_content .title_video{
			font-size: 39px;
			width: 400px;
			margin:0 auto;

		}
		#home_content .senyala_video{
			position: absolute;
			margin: -34px 0 0 620px;
		}
		#home_content .video_shareling_explain{
			margin:0 auto;
			margin-top:-25px;
			padding-top:60px;
			width:715px;
			height:470px;
			background: transparent url('../images/common/fondo_video.png') no-repeat;
		}

	#home_results{
		padding-top: -30px;
		padding-bottom:30px;
		font-size: 12px;
		/*display:none;*/
		margin-top:-30px;
		text-align: center;
		width:100%;
		min-height:300px;
		color:#f4debe;
		float:left;
		text-transform:uppercase;
	}

		#filterResult{
			float: left;
			padding:30px 0 10px 0;
		    font-size: 14px;
		    font-weight: lighter;
		    text-align: center;
		    width: 100%;
		    margin-top: -30px;
		    margin-bottom: 30px;
		    background: rgba(220, 145, 27, 0.7);
		}
		#filterDate{
			float: left;
			margin-left: 120px;
		}
		#filters{
			float: right;
			margin-right: 125px;
		}
			#demandForm #filters{
				float:left;
				width: 650px;
			}


		#filterResult p{
			font-family: "Honey";
			font-size: 38px;
			line-height: 60px;
			color: #ffffff;
			float: left;
		}
		#filters > div{
			height: 55px;
			width: 50px;
			margin-left: 15px;
			display: block;
			float: left;
		}
		input#conductor[type="radio"], input#pasajero[type="radio"] {
		    position: absolute;
		    left: -3000px;
		}
		input#conductor[type="radio"] + label span {
		    display:inline-block;
		    height: 55px;
			width: 50px;
			margin-left: 15px;
		    background: transparent url('../images/common/filterConductor.png') no-repeat right 0;
		}
		input#conductor[type="radio"]:checked + label span {
		    background: transparent url('../images/common/filterConductor.png') no-repeat center bottom;
		}
		input#pasajero[type="radio"] + label span {
		    display:inline-block;
		    height: 55px;
			width: 50px;
			margin-left: 15px;
		    background: transparent url('../images/common/filterPasajero.png') no-repeat right 0;
		}
		input#pasajero[type="radio"]:checked + label span {
		    background: transparent url('../images/common/filterPasajero.png') no-repeat center bottom;

		}
		#filters label{
		    width: auto;
		}
		#filters input[type="radio"]:checked + label p {
			color: #CF9535;
		}
		#filters label > p, .label_checkRutaHabitual > p{
			float: left;
			width: auto;
			color: #d1d1d1;
		    font-family: "Honey",Helvetica,Arial,sans-serif;
		    font-size: 36px;
		    margin-top: 25px;
		}
		.label_checkRutaHabitual > p{
			color: #CF9535; width: 180px; text-align: right;
		}

		#filters div.habitual{
			background: transparent url('../images/common/filterHabitual.png') no-repeat center top;
		}

		#filters div.habitual.checked{
			background: transparent url('../images/common/filterHabitual.png') no-repeat center bottom;
		}
		#filters div.pasajero{
			 background: transparent url('../images/common/filterPasajero.png') no-repeat right 0;
		}

		#filters div.pasajero.checked{
			 background: transparent url('../images/common/filterPasajero.png') no-repeat center bottom;
		}

		#filters div.conductor{
			 background: transparent url('../images/common/filterConductor.png') no-repeat right 0;
		}

		#filters div.conductor.checked{
			background: transparent url('../images/common/filterConductor.png') no-repeat center bottom;
		}



		#demandForm label.label_check.pasajero, #demandForm label.label_check.conductor{
			width: auto;
			margin:0px;
			display: block;
		}

		#home_results h3{
			margin: 30px 10px 15px 10px;
			width: 940px;
			font-size: 52px;
			color: #c67f0c;
			font-family: "Honey";
			text-transform: none;
			position: relative;
			float: left;
			text-align: left;
		}
		#home_results h3 .linea{
			position: absolute;
			display: block;
			width: 100%;
			top: 20px;
			height: 1px;
			border-top: 1px solid #d79c3c;
			border-bottom: 1px solid #f1d19d;
		}
		#home_results h3 span{
			position: relative;
			left: 25px;
			padding: 0 8px;
			background-color: #e3af5c;
		}

		#home_results{
			background: rgb(220, 145, 27);
			background: rgba(220, 145, 27, 0.7);
		}
			#home_results a{
				color:#f4debe;
				display: block;
			    float: left;
			    height: 100%;
			    width: 100%;
			}
			#home_results a:hover{
				color:#f4debe;
				background: rgba(179, 92, 5, 0.25);
			}


		#home_results form label{
			float: left;
		    color: #ffffff;
		    font-family: "Honey",Helvetica,Arial,sans-serif;
		    font-size: 36px;
		    margin: 0 15px 0 250px;
		}
		#selectData{
			margin-bottom: 30px;
			float: left;
		}
		#selectData .sbSelector{
			width: 95px;
			background-color: #ffffff;
			text-align: left;
			height: 24px;
			margin-top: 5px;
		}
		#selectData .sbHolder {
			width: 95px;
			background: none;
			margin: 3px 0;
		}

		#selectData .sbToggle {
		    background: url("../images/common/flechaSelect.png") no-repeat scroll 0 top transparent;
		    height: 24px;
		    width: 22px;
		    z-index: 2;
		    position: absolute;
		    top:2px;
		    right: 5px;
		}
		#selectData .sbOptions{
			width: 94px;
			margin: -20px 0 0 0;
			padding: 0;
			text-align: left;
		}
		#home_results.que_te_lleven #selectData a {

		}
		#home_results.que_te_lleven #selectData a:hover {

		}

		#home_results .origen_ruta{
			float:left;
			width:50%;
			height:75px;
			padding-top:5px;
		}

		#home_results a:hover .ciudad_buscada,
		#home_results a:hover .ciudad_origen,
		#home_results a:hover .ciudad_destino{
			background-color: #d79945;
			height: 13px;
			overflow: hidden;
		}

		#home_results .ciudad_buscada,
		#home_results .ciudad_origen,
		#home_results .ciudad_destino{
			background-color: #e0af55;
			padding:0 5px 0 5px;
			display:inline-block;
			height: 13px;
			overflow: hidden;
		}

		#home_results a .ciudad_buscada{
			color:#fff;
		}
			#home_results .origen_ruta.tipo0{
				background: transparent url('../images/home/ruta_origen_0.png') no-repeat right;
			}

			#home_results .origen_ruta.tipo1,
			#home_results .origen_ruta.tipo2,
			#home_results .origen_ruta.tipo3{
				background: transparent url('../images/home/ruta_origen_123.png') no-repeat right;
			}
				#home_results .origen_ruta.tipo1 .buscado_usuario,
				#home_results .origen_ruta.tipo2 .inicio_ruta,
				#home_results .origen_ruta.tipo0 .buscado_usuario,
				#home_results .origen_ruta.tipo3 .inicio_ruta{
					float: left;
					width: 158px;
					margin-top: 28px;
					text-align: right;

				}
					#home_results .origen_ruta.tipo0 .buscado_usuario{
						margin-top: -14px;
						width: 156px;
					}

				#home_results .origen_ruta.tipo2 .inicio,
				#home_results .origen_ruta.tipo3 .inicio{
					float: left;
					width: 272px;
					margin-top: 18px;
					padding-left: 13px;
				}
					#home_results .origen_ruta.tipo3 .inicio{
						margin-top: -14px;

					}

				#home_results .origen_ruta.tipo3 .buscado_usuario{
					background: transparent url('../images/home/desvioIzq.png') no-repeat right top;
					background-position: 160px 3px;
					margin-top: 2px;
					height: 35px;
					width: 237px;
				}

					#home_results .origen_ruta.tipo3 .buscado_usuario .ciudad_buscada{
						float: right;
						margin-right: 79px;
						margin-top: -42px;
					}


				#home_results .origen_ruta.tipo2 .buscado_usuario,
				#home_results .origen_ruta.tipo0 .inicio_ruta{
					margin-top:28px;
					margin-right:40px;
				}
					#home_results .origen_ruta.tipo0 .inicio_ruta{
						margin-right:-112px;
					}




		#home_results .destino_ruta{
			float:left;
			width:50%;
			height:75px;
			padding-top:5px;
		}

			#home_results .destino_ruta.tipo0,
			#home_results .destino_ruta.tipo1,
			#home_results .destino_ruta.tipo3{
				background: transparent url('../images/home/ruta_destino_013.png') no-repeat left;
			}

			#home_results .destino_ruta.tipo2{
				background: transparent url('../images/home/ruta_destino_2.png') no-repeat left;
			}

				#home_results .destino_ruta.tipo1 .buscado_usuario,
				#home_results .destino_ruta.tipo3 .final_ruta,
				#home_results .destino_ruta.tipo2 .buscado_usuario{
					float: right;
					text-align: left;
					width: 156px;
					margin-top: 28px;

					}
						#home_results .destino_ruta.tipo3 .final_ruta{
							margin-top: -10px;
						}
				#home_results .destino_ruta.tipo0 .buscado_usuario,
				#home_results .destino_ruta.tipo2 .final_ruta{
					margin-top:28px;
					margin-left:-105px;

				}
					#home_results .destino_ruta.tipo2 .final_ruta{
						margin-left:46px;
					}

				#home_results .destino_ruta.tipo0 .final_ruta{
					float: right;
					text-align: left;
					width: 154px;
					margin-top: -13px;
				}


				#home_results .destino_ruta.tipo3 .buscado_usuario{
					background: transparent url('../images/home/desvioDrc.png') no-repeat 100px top;
					background-position: -2px 3px;
					margin-top: 2px;
					height: 36px;
					width: 230px;
					overflow: hidden;
					margin-left: 250px;
					text-align: left;
				}
					#home_results .destino_ruta.tipo3 .buscado_usuario .ciudad_buscada{
						margin-top: 0px;
						margin-left: 75px;


					}



		#home_results .fecha_ruta{
			background: transparent url('../images/home/cartel_fecha.png') no-repeat center;
			width: 87px;
			font-size: 11px;
			margin: -50px 0 0 437px;
			float: left;
			height: 30px;
			padding-top: 16px;
			color: #CF9535;
			position: relative;
		}

		#home_results .fecha_ruta .icono{
			width: 36px;
			height: 36px;
			display: block;
			position: absolute;
			left: 50%;
			margin-left: -18px;
			top: -28px;
		}
		#home_results .fecha_ruta .habitual{
			background: transparent url('../images/common/iconoHabitual.png') no-repeat right center;
			font-size: 11px;
			text-transform: lowercase;
			text-align: left;
			padding-right: 17px;
		}
		#home_results .fecha_ruta .icono.conductor{
			background: transparent url('../images/common/iconoCoche.png') no-repeat center bottom;
		}
		#home_results .fecha_ruta .icono.pasajero{
			background: transparent url('../images/common/iconoPasajero.png') no-repeat center bottom;
		}

	#home_first_results{
		padding: 40px 0px 40px 0px;
		font-size: 14px;
		font-weight:lighter;
		display:none;
		margin-top:-30px;
		text-align: center;
		width:100%;
		min-height:400px;
		color:#fff;
		float:left;
		background: url('../images/common/paisaje.png') center bottom no-repeat;


	}

		#home_first_results.que_te_lleven{
			background-color: rgb(220, 145, 27);
			background-color: rgba(220, 145, 27, 0.7);

		}

			#home_first_results .dibujo_ruta{
				text-align:left;
				width:100%;
				height:100px;
				float:left;
				background:url('../images/common/rutaSoloOrigen.png') center no-repeat;
			}
			#home_first_results.desdeDestino .dibujo_ruta{
				background:url('../images/common/rutaSoloDestino.png') center no-repeat;
			}
				#home_first_results .dibujo_ruta .ciudad_origen, #home_first_results .dibujo_ruta .ciudad_destino{
					width: 220px;
					text-align: right;
					margin-top: 40px;
					font-size: 18px;
					overflow: hidden;
					height: 20px;
					text-overflow: ellipsis;
					white-space: nowrap;
					word-wrap: normal;
				}
				#home_first_results .dibujo_ruta .ciudad_destino{
					display: none;
					position: absolute;
					right: 160px;
				}
				#home_first_results.desdeDestino .dibujo_ruta .ciudad_origen{
					display:none;
				}
				#home_first_results.desdeDestino .dibujo_ruta .ciudad_destino{
					display:block;
					position: absolute;
					left: 760px;
					width: 210px;
					overflow: hidden;
					height: 20px;
					text-overflow: ellipsis;
					text-align:left;
					white-space: nowrap;
					word-wrap: normal;
				}

		#home_first_results .route_suggest{
			text-align: left;
			padding-left:60px;
			background: url('../images/common/flechaCurvaOrigen.png') left no-repeat;
			height: 257px;
			margin-left: 243px;
			min-width: 530px;
		}
		#home_first_results .route_suggest_desde_destino{
			display: none;
			background: url('../images/common/flechaCurvaSoloDestino.png') right 0 no-repeat;
			margin-right: 240px;
			padding-right: 60px;
			text-align: right;
			width: 600px;
			height: 90px;
			float: right;
		}
		#home_first_results.desdeDestino .route_suggest{
			display: none;
		}
		#home_first_results.desdeDestino .route_suggest_desde_destino{
			display: none;
		}
	/*	#home_first_results.desdeDestino .route_suggest{
			background: url('../images/common/flechaCurvaSoloDestino.png') 565px no-repeat;
			margin-left: 110px;
		}*/
		.masRutas{

				}

		#home_first_results .similar_routes_button{
			float: right;
			margin-top: 35px;
			margin-left: 80px;
			position: absolute;
		}
		#home_first_results .similar_routes_copy{
			margin-top: 20px;
		}
		#home_first_results .route_suggest_desde_destino .similar_routes_button{
			float: right;
			margin-top: 35px;
			margin-left: 340px;
			position: absolute;
		}
		#home_first_results.llevar_a_alguien{
			background: url('../images/common/paisajeVerde.png') center bottom no-repeat;
		}
		#home_first_results.llevar_a_alguien{
			background-color: rgb(21, 124, 119);
			background-color: rgba(21, 124, 119, 0.8);
		}

	/*
	*   4.2	Search Results
	*/


	#user_biography_container{
		margin-top:30px;

	}
	#resultList{
		padding:10px;
		min-height: 450px;
	}

		#resultList #resultItem{
			width:950px;
			padding-top:5px;
			padding-left:10px;
			border-bottom:dashed 1px #c5b9a8;
			height:110px;
		 	font-weight: lighter;
		}

		#resultList #resultItem .routeDescription{
			float:left;
			position: relative;
			width:760px;
			margin-top:10px;

		}
			#resultList #resultItem .title{
				font-size:1.8em;
			}
			#resultList #resultItem.finishRoute .title{
				opacity: 0.45;
			}
				#resultList #resultItem .title a{
					text-decoration: none;
				}
					#resultList #resultItem .title a:hover{
						text-decoration: underline;
					}
			#resultList #resultItem .routeDate img {
				display: inline;
				width: 30px;
				top: -4px;
				position: absolute;
			}
			#resultList #resultItem .routeDate{
				font-weight: lighter;
			 	margin-left:10px;
 			 	font-size:20px;
			}
			#resultList #resultItem .title strong{
				font-weight: normal;
				color: #CF9535;
			 	font-size:20px;
			}

			#resultList #resultItem .description{
				margin-top: 10px;
				height: 55px;
				overflow: hidden;
				font-size:12px;
			}
			#resultList #resultItem.finishRoute .description{
				display: none;
			}
			#resultList #resultItem .finishRouteMessage{
				display: none;
				position: relative; float: left; padding-top: 10px;
				font-size: 42px; color: #bbbbbb; font-weight: lighter; text-transform: uppercase;
			}
			#resultList #resultItem.finishRoute .finishRouteMessage{
				display: block;
			}
			
		#resultList #resultItem .userDescription{
			float:left;
			width:170px;
		}
			#resultList #resultItem .userDescription .userFotoContainer{
				overflow:hidden;
				/*background-image: url("../images/common/spriteGeneral.png");*/
				background-image: url("../images/common/bgPhotoUserRute.png");
				width:90px;
				height:80px;
				padding: 10px 0 0 8px;
				float:right;
			}
			#resultList #resultItem .userDescription .userName{
				float:right;
				margin:0px 16px 0 0;
				font-size:12px;
			}
				#resultList #resultItem .userDescription .userName a{
					text-decoration: underline;
					color: #919191;
				}
		#resultList #resultItem .routeStatus{
			float:left;
			width:180px;
			margin-top: 10px;
		}
			#resultList #resultItem .routeStatus .routeImage{

				background: url("../images/common/car_ready.png") no-repeat;
				background-size: 80px;
				width: 105px;
				height: 64px;
				float: right;
			}
				#resultList #resultItem .routeStatus .finished{
					background-image: url("../images/common/car_finished.png");
					width: 95px;
					background-size: 95px;
				}


			#resultList #resultItem .routeStatus .status{
				float: right;
				margin: 0px 16px 0 0;
				color: #c2a687;
				font-size: 1em;
				margin-top: 5px;
			}
			#resultList #resultItem.finishRoute .routeStatus .status{
				display: none;
			}


		#resultList .extradivision{
			height:1px;
			border-bottom:dashed 1px #c5b9a8;
		}

		#resultList .pagination{
			margin-top:20px;
			text-align: center;
			width: 100%;
			font-size: 1.2em;
			height: 35px;
		}
			#resultList .pagination a{
				color: #673e00;
				text-decoration: none;
				margin-right:15px;
				padding:2px 5px 2px 5px;
			}
			#resultList .currentPage{
				color: #cf9534;
				font-weight: bolder;
				margin-right:15px;
				padding:2px 5px 2px 5px;
				border:solid 1px #cf9534;
				border-radius: 3px;
			}

			#resultList .pagination a:hover{
				color: #fff;
				background-color: #673e00;
				border-radius: 3px;
			}

				#resultList .pagination a.actual{
					color:#fff;
					background-color: #673e00;
					border-radius: 3px;
				}
					#resultList .pagination a.actual:hover{
						background-color: #9199a2;
						text-decoration: none;
					}

		#noresults{
			width:100%;
			text-align: center;
			padding-top:60px;
			font-weight: lighter;
			font-size: 15px;
		}
			#noresults .botonCrearRuta{

				margin-top:25px;
			}

	/* ------ */








	/* -- SPINER RESULTS -- */



.spiner {
	margin:0 auto;
	margin-top: 80px;
	background-image: url(../images/common/spiner.png);
	width:210px;
	height:109px;
	animation: spinerAnim .75s steps(6) infinite ;
	-webkit-animation: spinerAnim .75s  steps(6) infinite;
	-moz-animation: spinerAnim .75s steps(6) infinite;
	-ms-animation: spinerAnim .75s steps(6) infinite;
	-o-animation: spinerAnim .75s steps(6) infinite;


	}

	@keyframes spinerAnim, {
		   from { background-position:    -2px; }
		   to { background-position:-1272px; }
	}

	@-moz-keyframes spinerAnim{
	   from { background-position:    -2px; }
		to { background-position:-1272px; }

	}

	@-webkit-keyframes spinerAnim{
		from { background-position:    -2px; }
		to { background-position:-1272px; }

	}

	/* -- NO RESULTS -- */

	#no_results.que_te_lleven {
    	background-color: rgba(220, 145, 27, 0.7);
    }
	#no_results {
	    background: url("../images/common/paisaje_no_results.png") no-repeat scroll center bottom transparent;
	    color: #FFFFFF;
	    display: block;
	    float: left;
	    font-weight: lighter;
	    margin-top: -30px;
	    min-height: 480px;
	    padding: 40px 0;
	    text-align: center;
	    width: 100%;
	}
	#no_results p{
		font-size: 15px;
	    line-height: 21px;
	    padding: 0 150px 0 240px;
	    color: #FFFFFF;
	    text-align: left;
	}
	#no_results .titulo{
		font-size: 44px;
		font-family: "Honey";
		padding-top:  95px;
		padding-bottom: 25px;
		background: url("../images/common/noRuta.png") no-repeat scroll center top transparent;
	}
	#no_results .flecha{
		position: relative;
		float: right;
		margin-top: -135px;
		margin-right: 265px;
		background: transparent url('../images/common/flechaNoRuta.png') no-repeat center center;
		width: 76px;
		height: 44px;
	}

	#no_results .botonCrearRuta{
		padding: 50px;
		margin-top: -25px;
		background: transparent url('../images/home/bgCrearRuta2.png') no-repeat center center;
	}



	#internalContentHeader{
		width:100%;
	}

	#internalContentHeader.hotels{
		width: auto;
		background-color: white;
		padding-left: 60px;

	}
	
	#internalContentHeader.hotelsHome{
		width: auto;
		background-color: white;
		padding-left: 55px;
	}

	.hotelDescription{
		position:absolute;
		width:1px;
		height:1px;
		overflow: hidden;
		
	}


	#internalContentHeader.rent_cars{
		width: auto;
		background-color: white;
		padding-left: 150px;
		height: auto;
		min-height: 540px;
	}


	#wrapper.home #internalContentHeader{
		height: 295px;
	}

		#internalContentHeader .mainText{
			margin: 20px 0 0 20px;
			float:left;
		}

		#internalContentHeader .title{
			font-size: 1.8em;
			width:720px;height:auto;
			margin-top:0px;
			line-height: 1.3em;
			overflow: hidden;
		}

		#internalContentHeader .aboutMe{
			font-size:20px;
		}

		#internalContentHeader .biography{
			font-size:14px;
			font-weight: lighter;
			line-height: 1.3em;
		}

		#internalContentHeader .title strong{
			font-weight: bold;
		}

		#internalContentHeader .chooseUsersRegion{
			float:left;
			height:150px;
		}
			#internalContentHeader .chooseUsersRegion ul{
				margin-left:40px;
			}
				#internalContentHeader .chooseUsersRegion ul li{
					background: transparent url(../images/common/checkSinMarcar.png) no-repeat left bottom;
					width:200px;
					height:34px;
					padding: 18px 0 0 45px;
					cursor: pointer;
				}

				#internalContentHeader .chooseUsersRegion ul li.choosed{
					background: transparent url(../images/common/checkMarcado.png) no-repeat left bottom;
				}

		#internalContentHeader .searchMoreRoutes{
			float:right;
			min-height:110px;
			text-align:center;
			width:160px;
			margin-top:0;
			margin-right:15px;
			position: relative;
		}

		#internalContentHeader .searchButton{

		}
			#internalContentHeader .searchButton.user{
				line-height: 1.9em;
				margin-top:20px;
			}

			#internalContentHeader .searchButton .searchMagnif{
				margin: 0 0 0 -23px;
				position:absolute;
				width:24px;
				height:23px;
				overflow:hidden;
				background-position: -0px -177px;
				background-image: url("../images/common/spriteGeneral.png");
				background-repeat: no-repeat;

			}
			#internalContentHeader .searchButton .arrow{
				margin: -48px 0 0 153px;
				padding: 4px 0;
				position:absolute;
				width:23px;
				height:32px;
				background-position: -214px -18px;
				overflow:hidden;
				background-image: url("../images/common/spriteGeneral.png");
				background-repeat: no-repeat;

			}

				#internalContentHeader .searchButton .arrow.user{
					margin: -68px 0 0 153px;
				}

		#internalContentHeader .searchText{
			margin-top:0px;
		}

	/**************** DETALLE RUTA**************/

	 #detailRouteHeader{
		width:100%;
		min-height:110px;

	}
	#detailRouteHeader .mainText{
		margin: 20px 0 0 20px;
		float:left;
	}
	#detailRouteHeader .title{
		font-size: 14px;
		line-height: 20px;
		width:740px;
		min-height:80px;
		margin-top:0px;
		font-weight: lighter;
		position: relative;
	}
	#detailRouteHeader .title .orange{
		font-size: 20px;
		line-height: 27px;
	}
	#detailRouteHeader .title strong{
		font-weight: normal;
	}
	#detailRouteHeader .tipoRuta, #detailRouteHeader .detailTipoRuta{
		text-align: center;
		margin: 30px 0 0 0;
	}
	#detailRouteHeader .tipoRuta li{
		height: 52px;
		width: 49px;
		margin-left: 15px;
		display: inline-block;
		cursor: pointer;
		opacity: 0.75;
	}
	#detailRouteHeader .detailTipoRuta span{
		height: 52px;
		width: 49px;
		margin-left: 15px;
		display: inline-block;
		opacity: 0.75;
	}

	#detailRouteHeader .tipoRuta li.conductor{
		background: transparent url('../images/common/iconoCoche2.png') no-repeat center bottom;
	}	#detailRouteHeader .tipoRuta li.conductor.checked, #detailRouteHeader .tipoRuta li.conductor.over{
		background: transparent url('../images/common/iconoCoche2.png') no-repeat center top;
		opacity: 1;
	}
	#detailRouteHeader .tipoRuta li.pasajero{
		background: transparent url('../images/common/iconoPasajero2.png') no-repeat center bottom;
	}
	#detailRouteHeader .tipoRuta li.pasajero.checked, #detailRouteHeader .tipoRuta li.pasajero.over{
		background: transparent url('../images/common/iconoPasajero2.png') no-repeat center top;
		opacity: 1;
	}
	#detailRouteHeader .tipoRuta li.habitual{
		background: transparent url('../images/common/iconoHabitual2.png') no-repeat center bottom;
	}
	#detailRouteHeader .tipoRuta li.habitual.checked, #detailRouteHeader .tipoRuta li.habitual.over{
		background: transparent url('../images/common/iconoHabitual2.png') no-repeat center top;
		opacity: 1;
	}

	#detailRouteHeader .detailTipoRuta span.conductor{
		background: transparent url('../images/common/iconoCoche2.png') no-repeat center top;
		opacity: 1;
	}
	#detailRouteHeader .detailTipoRuta span.pasajero{
		background: transparent url('../images/common/iconoPasajero2.png') no-repeat center top;
		opacity: 1;
	}
	#detailRouteHeader .detailTipoRuta span.habitual{
		background: transparent url('../images/common/iconoHabitual2.png') no-repeat center top;
		opacity: 1;
	}
	
	#detailRouteHeader .finishRouteMessage{
		display: none;
		position: absolute; bottom: 43px; width: 100%; text-align: center;
		font-size: 42px; color: #bbbbbb; font-weight: lighter; text-transform: uppercase;
	}
	#detailRouteHeader.finishRoute  .finishRouteMessage{
		display: block;
	}
	#detailRouteHeader.finishRoute .detailTipoRuta, #detailRouteHeader.finishRoute .graficaRuta{
		opacity: 0.45;
	}
	
	.graficaRuta{
		background: url("../images/common/imgPlandeViaje2.png") no-repeat 92px top;
		width: 100%;
		height: 60px;
		margin: 0;
		position: relative;
		color: #cf9535;
		font-size: 18px;
		font-weight: lighter;
	}
	.graficaRuta .origen, .graficaRuta .destino{
		position: absolute;
		top:18px;
		width: 128px;
		height: 18px;
		color: #cf9535;
		font-size: 12px;
		text-transform: uppercase;
		font-weight: lighter;
		position: absolute;
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;
		word-wrap: normal;
	}
	.graficaRuta .origen{
		left: 0;
		text-align: right;
	}
	.graficaRuta .destino{
		right: -6px;
		text-align: left;

	}
	.puntoRuta{
		background: url("../images/common/puntoRuta2.png") no-repeat center top;
		padding-bottom: 25px;
		position: absolute;
		width: 100px;
		text-align: center;
		font-size: 12px;
		text-transform: uppercase;
		font-weight: lighter;
	}
	.puntoRuta.puntoCentro{
		left: 330px;
		top: 15px;
		padding-top: 27px;
		text-transform: uppercase;
		font-size: 12px;
	}
	.puntoRuta.puntoR_2puntos{ left: 420px; top:17px; padding-top: 25px;}
	.puntoRuta.puntoL_2puntos{ left: 220px; top:15px; padding-top: 25px;}
	.puntoRuta.puntoR_3puntos{ left: 465px; top:15px; padding-top: 25px;}
	.puntoRuta.puntoL_3puntos{ left: 190px; top:15px; padding-top: 25px;}

	#detailRouteHeader .searchMoreRoutes{
		float:right;
		min-height:210px;
		text-align:center;
		width:158px;
		margin-top:0;
		margin-right:10px;
		position: relative;
	}
	#detailRouteHeader a{
		text-decoration: none;
		color:#53432d;

	}
	#detailRouteHeader a:hover{
		color:#cf9535;
	}

	#detailRouteHeader .bigSpecialFont {
	    font-size: 30px;
	    line-height: 21px;
	    padding-top: 35px;
	    position: absolute;
	    width: 100%;
	    left: 0;
	    background: url("../images/common/flecha_marron_oscura.png") no-repeat right 0;
	}
	.searchMoreRoutes .ratingDetalleRuta{
		margin-left: 23px;
		position: relative;
	}
	.searchMoreRoutes .backgroundRating {
	    background: url("../images/common/strellasM.png");
	    height: 20px;
	    overflow: hidden;
	    position: absolute;
	    top: 0;
	    width: 112px;
	    margin-top: 0;
	}
	.user .searchMoreRoutes .backgroundRating {
	    margin-left: 20px;
	}
	.user .searchMoreRoutes .rating {
		margin-left: 20px;
	}
	.searchMoreRoutes .rating {
	    background: url("../images/common/strellasM.png") no-repeat 0 -19px;
	    height: 20px;
	    overflow: hidden;
	    width: 112px;
	    position: absolute;
	    top:0;
	}
	.searchMoreRoutes .rating.rating5{ width:112px !important;  }
	.searchMoreRoutes .rating.rating4{ width:90px !important;  }
	.searchMoreRoutes .rating.rating3{ width:67px !important;  }
	.searchMoreRoutes .rating.rating2{ width:45px !important;  }
	.searchMoreRoutes .rating.rating1{ width:23px !important;  }
	.searchMoreRoutes .rating.rating0{ width:0 !important;  }
	.fotoUsuario{
		width: 106px;
		height: 106px;
		overflow: hidden;
		border: 6px solid #ffffff;
		-webkit-box-shadow: 1px 1px 6px #aaaaaa;
		-moz-box-shadow: 1px 1px 6px #aaaaaa;
		box-shadow: 1px 1px 6px #aaaaaa;
		margin: 10px auto;
		position: relative;
	}
	#comentariosRuta{
		position: relative;
		float: left;
		padding-bottom: 25px;
		min-height:360px;
	}
	#comentariosRuta ul{
		width: 940px;
		margin: 10px;
		padding: 2px 0;
		border-top: 1px dashed #C5B9A8;
		height: auto;
	}
	#comentariosRuta li{
		padding: 25px 15px;
		width:910px;
		border-bottom: 1px dashed #C5B9A8;
		float: left;
	}
	#comentariosRuta li .usuario{
		float: left;
		position: relative;
		width: 80px; height: 80px;
		margin-right: 20px;
	}
	#comentariosRuta li .usuario .verified{
		position: absolute; right: -15px; top:55px; width: 32px; height: 29px;
		background: url("../images/common/verifiedIconSmall.png") no-repeat 0 0;
	}
	#comentariosRuta li .backgroundRating {
    background: url("../images/common/strellasS.png");
    height: 12px;
    overflow: hidden;
    position: absolute;
    width: 70px;
	}
	#comentariosRuta li .rating {
	    background: url("../images/common/strellasS.png") no-repeat 0 -12px;
	    height: 12px;
	    overflow: hidden;
	    width: 70px;
	}
	#comentariosRuta li .rating.rating5{ width:72px !important;  }
	#comentariosRuta li .rating.rating4{ width:56px !important;  }
	#comentariosRuta li .rating.rating3{ width:42px !important;  }
	#comentariosRuta li .rating.rating2{ width:28px !important;  }
	#comentariosRuta li .rating.rating1{ width:14px !important;  }
	#comentariosRuta li .rating.rating0{ width:0 !important;  }
	#comentariosRuta li .fotoUsuario {
	    border: 3px solid #FFFFFF;
	    box-shadow: 1px 1px 6px #AAAAAA;
	    height: 74px;
	    overflow: hidden;
	    position: relative;
	    width: 74px;
	    margin: 0;
	}
	#comentariosRuta li .comentario{
		float: left;
		position: relative;
		width: 800px;
		color: #000000;
	}
	#comentariosRuta li .comentario p{
		color: #000000;
		line-height: 16px;
	}
	#comentariosRuta li .comentario p.data{ font-size:10px; color: #919191; }
	#comentariosRuta li .comentario p.name{
		color: #919191;
		font-size: 18px;
		margin: 6px 0 10px 0;
	}
	#comentariosRuta li .comentario p.name a {
		text-decoration: none;
		border-bottom: 1px solid #CF9535;
		color: #CF9535;
	}
	#comentariosRuta li .comentario p.name a:hover {
		color: #673e00;
		border-bottom: 1px solid #673e00;
	}
	#comentariosRuta form{
		width: 725px;
		float: left;
		position: relative;
		margin: 20px 0 25px 30px;
	}
	#comentariosRuta form .titulo{
	font-size: 22px;
	font-weight:bold;
	}
	#comentariosRuta form .box{
		border: 1px solid #cf9535;
		height: auto;
		overflow: auto;
		width: 720px;
		z-index: 15;
	}
	#comentariosRuta form .box textarea{
		width: 706px;
		border: none;
		height: 60px;
		margin: 2px;
		padding: 5px;
		resize: none;
		background-color: #ffffff;
		font-family: Helvetica,Arial,sans-serif;
		font-weight: normal;
		font-size: 14px;
		color: #919191;
	}
	#comentariosRuta form .box textarea[disabled] + input{
		background-color: #e9d5ba; cursor: auto;

	}
	#comentariosRuta form .box textarea[disabled]{
		background-color: #ffffff;
		color: #D5D5D5;
	}
	#comentariosRuta form .box input{
		float: right;
		font-size: 16px;
		font-weight: bold;
		color: #ffffff;
		background-color: #cf9535;
		padding: 1px 5px;
		margin: 5px 10px;
		border: none;
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		border-radius: 6px;
		cursor: pointer;
	}

	#comentariosRuta .login{
		width: 165px;
		height: 90px;
		padding: 0 0 0 15px;
		float: left;
		position: relative;
		text-align: center;
		margin: 45px 0 0 6px;
		background: url("../images/common/flechaCampoOpinion.png") no-repeat 0 48px;
	}

	#comentariosRuta .login div{
		display: inline;
		text-decoration: underline;
	}

	#comentariosRuta .bigSpecialFont{
		line-height: 21px;
	}
	.ratingComentariosDetalleRuta{
		margin: 0 0 0 4px;
		height: 25px;
		float: left;
		position: relative;;
	}
	#comentariosRuta .rating, #comentariosRuta .backgroundRating{
	position: absolute;
	top:5px;
	margin: 0 0 0 0px;
	}

	.destacadoBold{
		font-weight: bold;
	}
	.rating{
		overflow:hidden;
		background: url("../images/common/spriteGeneral.png") 0 -23px;
		width:141px;
		height:23px;
		top: 23px;
		position:absolute;
		z-index: 2;
	}

		.rating.rating5{
			width:142px !important;

		}

		.rating.rating4{
		 	width:116px !important;

		}

		.rating.rating3{
			width:82px !important;

		}

		.rating.rating2{
			width:52px !important;

		}

		.rating.rating1{
			width:25px !important;

		}

		.rating.rating0{
			width:0px !important;

		}

	.backgroundRating{
		position:absolute;
		top: 23px;
		overflow:hidden;
		background: url("../images/common/spriteGeneral.png") 0 0;
		width:141px;
		height:23px;
		/*background-position: -0px -0px;*/
	}

	/*VARIACIONES LLEVAR A ALGUIEN*/
	#detailRouteHeader.llevar_a_alguien .graficaRuta {
    	background: url("../images/common/imgPlandeViaje.png") no-repeat scroll 90px bottom transparent;
	}
	#detailRouteHeader.llevar_a_alguien .graficaRuta .origen, #detailRouteHeader.llevar_a_alguien .graficaRuta .destino {
    	color: #16827C;
	}
	#detailRouteHeader.llevar_a_alguien .puntoRuta {
    	background: url("../images/common/puntoRuta2.png") no-repeat scroll center bottom transparent;
    }
	#comentariosRuta.llevar_a_alguien form .box input{
		background-color: #16827C;
	}
	#comentariosRuta.llevar_a_alguien form .box{
		border: 1px solid #16827C;
	}


/* ---- BANNERS HOTELES Y COCHES ---- */

	/*#cheap_hotel_container, #cheap_car_container{
		width:100%;
		background: url("../images/common/iconoHotel.png") no-repeat left top transparent;
		height:26px; padding-top: 42px;
		margin-left: 8px; margin-bottom: 6px;
	}
	#cheap_car_container{
		background: url("../images/common/iconoCoche4.png") no-repeat left top transparent;
	}
	#cheap_hotel_container > div, #cheap_car_container > div{
		padding: 7px 15px; font-size: 18px; color: #ffffff; width: 912px;
		background: url("../images/common/flechaVertodasSoloOrigen2.png") no-repeat 840px 6px #cf9635;

	}
	#cheap_hotel_container > div a, #cheap_car_container > div a{
		text-decoration: none; color: #ffffff; font-weight: normal;
		display: block; width: 100%; height: 100%; white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;
	}


	#cheap_hotel_container.hotel_car, #cheap_car_container.hotel_car{
		width: 460px;
		float: left;
	}
	#cheap_car_container.hotel_car{
		float: left;
	}
	#cheap_hotel_container.hotel_car > div, #cheap_car_container.hotel_car > div{
		width:370px;
		padding-right: 75px;
		background: url("../images/common/flechaVertodasSoloOrigen3.png") no-repeat 400px 11px #cf9635;
	}*/

			/* -- BANNERS TIPO 1 -- */
			
	#cheap_hotel_container.hotel_car, #cheap_car_container.hotel_car{
		width: 354px; height: 85px; float: left; margin: 40px 0 0 12px; overflow: hidden;
		-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
		background-color: #ffffff;
	}
	#cheap_car_container.hotel_car{
		margin-left: 30px;
	}
	#cheap_hotel_container.hotel_car .photo, #cheap_car_container.hotel_car .photo{
		width: 93px; height: 100%; float: left; overflow: hidden; position: relative;
	}
	#cheap_hotel_container.hotel_car .photo .text, #cheap_car_container.hotel_car .photo .text{
		color: #ffffff; font-size: 9px; position: absolute; top: 2px; text-align: right;
		width: 85px; text-transform: none; padding: 0 5px 0 0;
	}
	#cheap_hotel_container.hotel_car .photo .text span, #cheap_car_container.hotel_car .photo .text span{
		font-size: 15px;
	}
	#cheap_hotel_container.hotel_car .text, #cheap_car_container.hotel_car .text{
		float: left; padding: 5px 14px; width: 233px; text-transform: uppercase;
	}
	#cheap_hotel_container.hotel_car .city, #cheap_car_container.hotel_car .city{
		color: #06a2e2; font-size: 20px; margin: 3px 0; white-space:nowrap;
	}
	#cheap_hotel_container.hotel_car .sentenceCheap, #cheap_car_container.hotel_car .sentenceCheap{
		font-size: 12px; color: #06a2e2;
	}
	#cheap_hotel_container.hotel_car .search, #cheap_car_container.hotel_car .search{
		height: 20px; width: 203px; padding:6px 0 0 30px;  margin-top: 6px;
		font-size: 13px; font-weight: bold; color: #ffffff;
		background-image: url("../images/common/buttonSearchBanner.png");text-shadow: black 0em 0.1em 0.1em;	
	}
	#cheap_hotel_container.hotel_car .search span, #cheap_car_container.hotel_car .search span{
		color: #ffe400;
	}
			
			/* -- BANNERS TIPO 2 -- */
			
	#cheap_hotel_container2.hotel_car, #cheap_car_container2.hotel_car{
		width: 304px; height: 85px; padding: 0 40px 0 10px; float: left; margin: 40px 0 0 12px; overflow: hidden;
		-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
		background-color: #ffffff; position: relative;
	}
	#cheap_car_container2.hotel_car{
		margin-left: 30px;
	}
	#cheap_hotel_container2.hotel_car .photo, #cheap_car_container2.hotel_car .photo{
		width: 100%; height: 100%; position: absolute; top: 0; left: 0;
	}
	#cheap_hotel_container2.hotel_car .photo img, #cheap_car_container2.hotel_car .photo img{
		width: 100%; 
	}
	#cheap_hotel_container2.hotel_car .city, #cheap_car_container2.hotel_car .city{
		color: #ffffff; font-size: 40px; font-weight: lighter; text-shadow: black -0.1em 0.05em 0.1em; text-transform: uppercase;
		text-align: right; width: 100%; margin: 15px 0 10px 0; white-space:nowrap;
		position: relative;
	}
	.hotel_car .arrow{
		height: 50px; width: 27px; position: absolute; right: 6px; top: 50%; margin-top: -25px;
		background-image: url("../images/common/arrowBanner.png");
	}
	#cheap_hotel_container2.hotel_car .text, #cheap_car_container2.hotel_car .text{
		position: absolute; bottom: 0; left: 0; width: 100%; height: 55px;
		background: url("../images/common/bgFooterbanner.png") repeat-x left bottom;
		font-size: 12px; color: #ffffff; text-transform: uppercase;
	}
	#cheap_hotel_container2.hotel_car .text p, #cheap_car_container2.hotel_car .text p{
		padding-left: 40px; padding-top: 25px; margin-top: 12px; color: #ffffff;
	}
	#cheap_hotel_container2.hotel_car .text p{
		background: url("../images/common/iconHotelBanner.png") no-repeat 8px 10px;
	}
	#cheap_car_container2.hotel_car .text p{
		background: url("../images/common/iconCarBanner.png") no-repeat 8px 15px;
	}
	
	

/****************** LOGIN ****************/

#login{
	display: block;
	position: absolute;
	top:0;
	left: 0;
	background-image: url("../images/common/backgroundContent.jpg");
	width: 100%;
	height: 40px; padding-top: 5px;
}
#login .content{
	width: 710px;
	height: 100px;
	padding: 10px 125px 0 125px;
	position: relative;
	left: 50%;
	margin-left: -480px;
}
#login .content form .datos{
	background: url("../images/common/bgLogin.png") no-repeat;
	width: 270px;
	height: 75px;
	padding: 13px;
	float: left;
	position: relative;

}
#login .content form .datos label{
	color:#fff;
	position:absolute;
	font-weight: lighter;
	float: left;
}

	#login .content form .datos label[for="email"]{
		margin: 5px 0 0 0; position: relative; width: 90px; text-align: right;
	}

	#login .content form .datos label[for="password"]{
		margin: 5px 0 0 0px;	position: relative; width: 90px; text-align: right;
	}


#login .content form .datos	a.passwordRecovery{
	color: #fff;
	text-decoration: underline;
	font-size: 11px;
	font-weight: lighter;
	float: right;
	margin: 0 10px 0 0;

}

#login .content form .datos input{
	background-color: #ffffff;
	margin: 0 0 10px 10px;
	width: 150px;
	padding: 5px;
	height: 12px;
	float: left;
	border: 1px solid #e1b365;
	color: #919191;
	position: relative;
}



/*#login input.boton, form span{*/
#login input.boton {
	background-image: url("../images/common/backgroundContent.jpg");
	font-family: "Honey",Helvetica,Arial,sans-serif;
    color: #c2a687;
    font-size: 50px;
    border: none;
    margin: 20px 10px 0 10px;
    cursor: pointer;
}
#login input.boton{
	color: #dda341;
	background: url("../images/common/subrayadoLogin.png") no-repeat left 40px;
	cursor: pointer;
}
#registrate{
	color: #16827c;
	background: url("../images/common/subrayadoRegistrate.png") no-repeat right bottom;
	padding: 0 35px 4px 0;
}
#login .cerrar{
	display: none;
	background: url("../images/common/bgCerrar.png") no-repeat center bottom;
	position: absolute;
	right: -20px;
	bottom:-15px;
	text-align: center;
	color: #ac9b73;
	font-size: 22px;
	line-height: 54px;
	width: 146px;
	height: 38px;
	font-family: "Honey",Helvetica,Arial,sans-serif;
	cursor: pointer;
}

/****************** REGISTRO ****************/


#registro{
	display: none;
	position: absolute;
	top:0;
	left: 0;
	background-image: url("../images/common/bgRegistro.jpg");
	width: 100%;
	height: 280px;
}
	#registro #userForm{
		position: relative;
		margin-top:10px;

	}

	#registro .contentBg{
		position: absolute;
		left: 50%;
		margin-left: -760px;
		font-family: "Honey",Helvetica,Arial,sans-serif;
		font-size: 30px;
		background: url("../images/common/manchaResgistro.png") no-repeat right bottom;
		width: 1140px;
		height: 280px;
		color: #ffffff;
		padding: 0 180px;
	}

	#registro .content{
		width: 940px;
		padding: 0 10px;
		position: relative;
		line-height: 22px;
	}


	#registro #userForm .textField,
	#registro #userForm .password,
	#registro #userForm .checkbox,
	#registro #userForm .select{
		width:420px;
		float:left;
		margin: 18px 20px 0 0;
		height:20px;
	}

	#registro #userForm .error{
		color:#FFC96B;
		font-family: Helvetica,Arial,sans-serif;
		font-size:10px;
		float: left;
		margin-top: -4px;
	}

	#lightboxRegister #userSmallWebForm .error {
		color: #FFC96B;
		font-family: Helvetica,Arial,sans-serif;
		font-size: 10px;
		float: right;
		margin-top: -20px;
	}

	#userForm .error {
		color: #FFC96B;
		font-family: Helvetica,Arial,sans-serif;
		font-size: 10px;
		float: right;
		margin-top: 5px;
		position: relative;
		left: -20px;
	}

	#registro #userForm label{
		width: 220px;
		float: left;
		text-align: right;
		margin: 0 10px 0 0;
	}
	#registro #userForm .checkboxPrivacidad label{
		width:300px;
	}

	#registro #userForm .checkboxPrivacidad label a{ color: #ffffff; }
	#registro #userForm input{
		width: 175px;
		float: left;
		text-align: left;
		margin: 0 10px 0 0;
		height: 21px;
		border: 0;
	}

	#registro #userForm .select #gender{
			width: 175px;
			background: url("../images/common/flechaSelect.png") #fff 150px -63px no-repeat;
			height: 24px;
			line-height: 10px;
			font-size: 11px;
			border:none;
			-webkit-border-radius: 0px;
			-moz-border-radius: 0px;
			border-radius: 0px;
			-webkit-box-shadow: none;
			-moz-box-shadow: none;
			box-shadow:none;
			-webkit-appearance: none;
		}

	#registro #userForm .mandatory{
		background: none;
		border: none;
		font-family: Helvetica,Arial,sans-serif;
		color: #fff;
		font-size: 20px;
		margin: 0;
		cursor: default;
	}
	#registro #userForm .submits input, #registro2 #userForm .submits input{
		float:right;
		color: #ffffff;
		font-family: "Honey",Helvetica,Arial,sans-serif;
		background: url("../images/common/bgInputGuardar.png") no-repeat scroll center 0 transparent;
	    font-size: 50px;
	    border: none;
	    margin: 60px -35px 0px 0px;
	    width: auto;
	    cursor: pointer;
	    height: 60px;
		}
	#registro2 #userForm .submits input{
		margin: 30px 55px 0 0;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow:none;
	}

	#registro #userForm .textarea{
		width: 850px;
		float: left;
		position: absolute;
		margin-top: 170px;
	}
		#registro #userForm textarea{
			height: 50px;
			width: 610px;
		}

	#userForm .inputOneFile{
		position: relative;
		margin-left: 0;
		margin-top: 0;
	}
		#userForm .inputOneFile legend{
		}

		#userForm .inputOneFile .thumbs{
			position: relative;
			top: 125px;
			font-family: Helvetica,Arial;
			font-size: 12px;
			left: -184px;
		}
			#userForm .inputOneFile .thumbs a{
				color: #fff;
			}

		#userForm .inputOneFile .uploader{
		 	position: absolute;
			top: 72px;
			margin-left: 0px;
			font-family: Helvetica,Arial;
			font-size: 11px;
		}



		#userForm .inputOneFile .thumbs .imageThumbnail .deleteImage{
			width: 27px;
			height: 27px;
			background: url('../images/common/cerrarFoto.png') no-repeat top left;
			margin-top: -27px;
			position: absolute;
			line-height: 65px;
			overflow: hidden;
			z-index: 30;
		}

		#userForm .inputOneFile .thumbs .imageThumbnail{
			width: 106px;
			height: 106px;
			background: url('../images/common/default_user_pic_camara.jpg') #fff;
			border:5px solid #fff;
			float: left;
			position: relative;
			top: -166px;
			left: 167px;
			z-index: 10;
		}

		#userForm .inputOneFile .uploader input[type="file"]{
			position: relative;
			text-align: right;
			-moz-opacity:0 ;
			filter:alpha(opacity: 0);
			opacity: 0;
			margin-left: 42px;
			width: 110px;
			height: 110px;
			cursor: pointer;
			left: 111px;
			top: -142px;
			z-index: 20;
		}


		#userForm #imageContent {
			position: relative;
		}

		#userForm #imageLegend {
			float: right;
			margin-right: 230px;
		}

	 #registro #userForm  .checkboxPrivacidad{
		position: absolute;
		margin-top: 235px;
		margin-left: 516px;
		width: 550px;

	 }

		#registro #userForm  .checkboxPrivacidad #politicaPrivacidadError{
			 position: absolute;
			 margin-top: -24px;
			 margin-left: 322px;
			 width: 550px;
		}

	  #registro #userForm  .checkbox{
		margin-left: 596px;
		margin-top: 135px;
		position: absolute;
		width: 550px;

	 }

	#registro #userForm  .checkbox input[type="checkbox"], #registro #userForm  .checkboxPrivacidad input[type="checkbox"] {
	    display: block; width: 20px;

	}

	#registro #userForm #mailError{
		width: 251px;
		position: absolute;
		margin-left: 231px;
		margin-top: 18px;
	}

	/*
	#registro #userForm .checkbox label.label_check{
		width: 200px;
		margin-left: 118px;
	}
	#registro #userForm .checkbox .label_check input{
		width: 20px;
	}
	#registro #userForm .checkbox input[type="checkbox"] + label span {
	    display:inline-block;
	    width:26px;
	    height:36px;
	    margin:0 4px 0 10px;
	    vertical-align:middle;
	    background:url("../images/common/bgCheckbox.png") left top no-repeat;
	    cursor:pointer;
	}
	#registro #userForm  .checkbox input[type="checkbox"] + label span.checked {
	    background:url("../images/common/bgCheckbox.png") right top no-repeat;
	}*/




#userForm .imgPerfil{
	width: 75px;
	height: 75px;
	border: 5px solid #ffffff;
	background-color: #cccccc;
	margin: 0 auto 15px auto;
	-webkit-box-shadow: 1px 1px 6px #073d39;
	-moz-box-shadow: 1px 1px 6px #073d39;
	box-shadow: 1px 1px 6px #073d39;
	-webkit-appearance: none;
}
#registro #userForm input.boton{
	color: #ffffff;
	font-family: "Honey",Helvetica,Arial,sans-serif;
	background: url("../images/common/bgInputGuardar.png") no-repeat scroll center 0 transparent;
    font-size: 50px;
    border: none;
    margin: 15px 0 0 25px;
    width: auto;
    cursor: pointer;
}

#registro #userForm > li{
	float: left;
	display: block;
	margin-top: 25px;
}
#registro #userForm label.label_check{
	width: 200px;
	margin-left: 118px;
}
#registro #userForm .label_check input{
	width: 20px;
}
#registro #userForm  input[type="checkbox"] {
    display: none;
}
#registro #userForm input[type="checkbox"] + label span {
    display:inline-block;
    width:26px;
    height:36px;
    margin:0 4px 0 10px;
    vertical-align:middle;
    background:url("../images/common/bgCheckbox.png") left top no-repeat;
    cursor:pointer;
}
#registro #userForm  input[type="checkbox"] + label span.checked {
    background:url("../images/common/bgCheckbox.png") right top no-repeat;
}
.col_1{
	float: left;
}
.col_2{
	float: right;
	width: 150px;
	margin: 20px 15px 0px 0px;
	text-align: center;
}

.linkRegistro{
	color: #cf9535;
	cursor:pointer;

}

/****************** LOGGED ****************/

#logged{
	position: absolute;
	top:5px;
	left: 0;
	background-image: url("../images/common/backgroundContent.jpg");
	width: 100%;
	height: 40px;
}
#logged .content {
    left: 50%;
    margin-left: -480px;
    padding: 5px 0 0 0;
    position: relative;
    width: 960px;
    text-align: right;
}
#logged .content ul{
	margin: 3px 0 0 20px;
	display: inline;
	float: right;
}
#logged .content li a {
	font-size: 13px;
	color: #eaac45;
	text-decoration: none;
}
#logged .content li a:hover {
	text-decoration: underline;
}
#logged .content ul li{
	padding: 2px 20px;
	display: inline-block;
	border-right: 1px solid #eaac45;
}
#logged .content ul li:first-child{
	border-left: 1px solid #eaac45;
}
#logged .content .usuario{
	font-family: "Honey";
	font-size: 28px;
	line-height: 28px;
	color: #157f79;
	display: inline;
	vertical-align: top;
}
#logged .content .usuario img{
	width: 25px;
	margin: -2px 8px 0 0;
	display: inline;
}


/************* PLAN DE VIAJE **************/
.form #header .mapHeaderContainer{
	display: block;
	background: url("../images/common/bgMapaFormRuta.png") no-repeat scroll left top transparent;
	background-size: 100% 100%;
	position: absolute;
	right: 145px;
	top:100px;
	width: 413px;
	min-height: 256px;
	padding-bottom: 25px;
	z-index: 5;
}
.form #header .mapHeaderContainer #headerMap {
    height: 225px;
    margin: 12px 0 0 66px;
    width: 335px;
    min-height: 256px;
    overflow: hidden;
}
.form #header .mapHeaderContainer #headerMap img{
	height: 100%;
	width: auto;
}
#demandForm{
	width: 100%;
	height: auto;
}
#demandForm .mapContainer{
	width: 367px;
	height: 256px;
	margin-left:490px;
	margin-top:0px;
	background: url("../images/common/bg_mapa_formulario.png") no-repeat scroll left top transparent;

}
	#demandForm .mapContainer #map{
		position: absolute;
		width: 340px;
		height: 231px;
		margin-left: 8px;
		margin-top: 10px;
	}

#demandForm .mainHomeOptions {
    top: 10px;
}
#demandForm .row1, #demandForm .row2 {
	width: 680px;
	float: left;
	padding: 0 140px;
	color: #cf9535;
	font-family: "Honey",Helvetica,Arial,sans-serif;
	font-size: 36px;
	margin-bottom: 20px;
	min-height: 100px;
	position: relative;
}

#demandForm .row2 {
	background: none repeat scroll 0 0 rgba(203, 203, 203, 0.2);
	margin-top: -30px;
	padding-top: 30px;
	margin-bottom: 5px;
}
#demandForm .row2 input{
	color: #DDDDDD;
}
#demandForm .row2 input .checked{
	color: #cf9535;
}
#demandForm .row1 label{
	float: left;
	width: 65px;
	text-align: center;
}
#demandForm .row1 input{
	width: 205px;
	float: left;
	padding: 3px 5px;
	height: 26px;
	margin: 0 0 0 10px;
	font-size: 15px;
	color: #919191;
}
.puntoOrigen, .puntoDestino {
	float: left;
	color: #c6b27a;
}
.puntoOrigen label span{
	 background: url("../images/common/circulosOrigen.png") no-repeat scroll left bottom transparent;
	 height: 56px;
	 width: 40px;
	 float: left;
	 position: relative;
	 margin: -5px 0 0 15px;
}
#demandForm .row1 .puntoOrigen input{
	margin-top: 38px;
}
#demandForm .row1 .puntoDestino input{
	margin-top: 22px;
}
.puntoDestino label span{
	 background: url("../images/common/circulosDestino.png") no-repeat scroll left top transparent;
	 height: 56px;
	 width: 40px;
	 float: left;
	 position: relative;
	 margin: 0 0 0 15px;
}
.puntosIntermedios{
	background: url("../images/common/lineaRuta.png") repeat-y scroll left top transparent;
	float: left;
	height: 60px;
	overflow: hidden;
}
.puntosIntermedios .lineaRuta{
	width: 65px;
	height: 100%;
	float: left;
	padding: 2px 0;
}
.puntoIntermedio{
	display: none;
	background: url("../images/common/puntoRuta.png") no-repeat scroll left center transparent;
	width: 25px;
	height: 21px;
	padding: 18px 0;
	position: relative;
	margin-left: 22px;
}
.addPuntos .cerrar{
	position:absolute;
	right: 0px;
	top: 24px;
	background: url("../images/common/cerrar.png") no-repeat transparent;
	height: 25px;
	width: 25px;
	cursor: pointer;
	z-index: 999;
}
.addPuntos{
	width: 235px;
	float: left;
}
.addPunto{
	font-size: 14px;
	padding: 3px 0 1px 25px;
	color: #cf9535;
	font-family: Helvetica, Arial, sans-serif;
	background: url("../images/common/mas.png") no-repeat scroll left top transparent;
	margin: 20px;
	height: 20px;
	float: left;
}
.inputPuntoAdd{
	display: none;
	position: relative;
	float: left;
	width: 237px;
}
#demandForm .row1 input.puntoAdd{
	margin: 20px 0 13px 10px;
	width: 190px;
}
.closingForm {
    background: url("../images/common/fin_papel_blanco.png") no-repeat scroll center bottom transparent;
    height: 38px;
    position: relative;
    float: left;
    width: 100%;
    z-index: 1;
}
.rutaPlan{
	width: 300px;
	float: left;
	position: relative;
}
.row2 label{
	width: 180px;
	text-align: right;
	float: left;
	margin-right: 30px;
}
.row2 label.conductor{ margin-right: 0; }
.row2 label.pasajero{ float: right; margin-right: 0;}
.row2 input{
	float: left;
}
#demandForm input {
	width: 130px;
	box-shadow: none;
	border: none;
	background-color: #ffffff;
	height: 30px;
	margin: 5px 20px 15px 0;
	float: left;
	font-size: 12px;
	background-image: none;
}


#demandForm textarea {
	border: none;
	resize: none;
	margin: 15px 0;
	width: 425px;
	height: 120px;
	padding: 9px 8px;
	border-radius: 5px 5px 5px 5px;
	box-shadow: 1px 1px 2px #ebb52d;
	font-family: Helvetica, Arial, sans-serif;
	color: #b3b3b3;
	font-size: 13px;
}

#demandForm #saveRoute input{
	float: right;
	color: #CF9535;
    font-family: "Honey",Helvetica,Arial,sans-serif;
    font-size: 52px;
    text-decoration: underline;
    background: none;
    height: auto;
    width: auto;
    cursor: pointer;
}

#demandForm #saveRoute input[disabled="disabled"]{
	color: #d1d1d1;
}

#demandForm label.label_check{
	width: 240px;
	margin:0px;
}
	#demandForm label.label_check.label_checkRutaHabitual{
		text-align: right;
		width: 260px;
		margin: 0px 0 10px 0;
	}

	#demandForm label.label_check.label_checkRutaHabitual #filters{
		width: 70px;
		float: right;
		margin-right: 0;
	}

#demandForm #dates{
	float:left;
	position: relative;
}
#demandForm #dates.inactive, #demandForm #dates.inactive .sbSelector:link, #demandForm #dates.inactive .sbSelector:visited,#demandForm #dates.inactive .sbSelector:hover{
	color: #d1d1d1;
}
#demandForm #dates.inactive .sbSelector {
    box-shadow: 1px 1px 3px #d1d1d1;
}
.blockSelect{
	display: none;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 5;
}
#demandForm #dates.inactive .blockSelect{
	display: block;
}
#demandForm #dates.inactive .sbToggle{
	background: url("../images/common/flechaSelect.png") no-repeatTom Cruise nos muestra la Tierra del futuro scroll 6px -30px rgba(0, 0, 0, 0);
}
#demandForm input#regularRoute[type="checkbox"] {
    left:-3000px; position: absolute;
}
#demandForm input#regularRoute[type="checkbox"]:checked {  }
#demandForm input#regularRoute[type="checkbox"] + label span {
    background: transparent url('../images/common/filterHabitual.png') no-repeat center top;
    display: inline-block;
    height: 55px;
    margin-left: 15px;
    width: 50px;
}
#demandForm input#regularRoute[type="checkbox"]:checked + label span {
	background: transparent url('../images/common/filterHabitual.png') no-repeat center bottom;
}
#demandForm input#regularRoute[type="checkbox"]:checked  ~ div#dates{
	pointer-events: none; color: #d1d1d1;
}
#demandForm input#regularRoute[type="checkbox"]:checked  ~ div#dates .sbSelector:link, #demandForm input#regularRoute[type="checkbox"]:checked  ~ div#dates .sbSelector:visited, #demandForm input#regularRoute[type="checkbox"]:checked  ~ div#dates .sbSelector:hover{
	color: #d1d1d1;
	-webkit-box-shadow: 1px 1px 3px #d1d1d1;
	-moz-box-shadow: 1px 1px 3px #d1d1d1;
	box-shadow: 1px 1px 3px #d1d1d1;
}
/*#demandForm input[type="checkbox"] + label span {
    display:inline-block;
    width:26px;
    height:36px;
    margin:0 4px 0 23px;
    vertical-align:middle;
    background:url("../images/common/bgCheckbox2.png") left top no-repeat;
    cursor:pointer;
}
#demandForm input[type="checkbox"] + label span.checked {
    background:url("../images/common/bgCheckbox2.png") right top no-repeat;
}*/
#capaBloqueo{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

/*************** CSS LLEVAR A ALGUIEN *************/

#demandForm .row1.llevar, #demandForm .row2.llevar {
	color: #16827C;
}
.row1.llevar .addPunto {
    background: url("../images/common/mas.png") no-repeat scroll left bottom transparent;
    color: #16827C;
}
.row1.llevar .puntoOrigen label span {
    background: url("../images/common/circulosOrigen.png") no-repeat scroll right bottom transparent;
}
.row1.llevar .puntoDestino label span{
	 background: url("../images/common/circulosDestino.png") no-repeat scroll right top transparent;
}
.row1.llevar .puntosIntermedios{
	background: url("../images/common/lineaRuta.png") repeat-y scroll right top transparent;
	float: left;
	height: 60px;
}
.row2.llevar .sbSelector:link, .row2.llevar .sbSelector:visited, .row2.llevar .sbSelector:hover {
    color: #16827C;
}
#demandForm .row2.llevar input.boton{
	color: #16827C;
}
.row1.llevar .puntoIntermedio{
	background: url("../images/common/puntoRuta.png") no-repeat scroll right center transparent;
}

/*************** CAPA INACTIVA FORM *************/

.row2.inactive label{
    color: #b3b3b3;
}
.row2.inactive .sbSelector:link, .row2.llevar .sbSelector:visited, .row2.llevar .sbSelector:hover {
    color: #b3b3b3;
}
#demandForm .row2.inactive input.boton{
	color: #b3b3b3;
}
#demandForm .row2.inactive input[type="checkbox"] + label span {
	 background: url("../images/common/bgCheckbox2.png") no-repeat scroll center top transparent;
}

/*************** BOTON ALL ROUTES *************/

#allRoutes{
	font-family: "Honey";
	font-size: 30px;
	line-height: 21px;
	color: #a39071;
	text-align: center;
	padding: 20px 0 0 3px;
	position: absolute;
	top:35px;
	left: 20px;
	height: 60px;
	width: 77px;
	background: url("../images/common/bgAllRoutes.png") no-repeat scroll center top transparent;
}
#allRoutes a{
	color: #a39071;
	text-decoration: none;
}
#allRoutes a:hover{
	color: #673E00;
	text-decoration: none;
	text-shadow: 0 1px #FFFFFF;
}


/*****************************/

.mapRoutes #header .mapHeaderContainer {
    display: block;
}

#routesMap{
	background: url("../images/common/bgMapaRutas.png") no-repeat scroll center top transparent;
	background-size: 100%;
	width: 720px;
	height: 450px;
	padding: 25px 25px 25px 35px;
	margin: 10px 20px 25px 100px;
}
#routesMapContent{
	overflow: hidden;
	width: 700px;
	height: 450px;
}

/*-- ERROR 404 --*/

#home_content.error404 {
    background: url("../images/common/paisajeError.png") no-repeat scroll center bottom rgba(220, 145, 27, 0.7);
    display: block;
    margin-bottom: -8px;
    margin-top: -30px;
    min-height: 510px;
    padding-top: 30px;
    text-align: center;
    width: 100%;
}
#home_content.error404 div{
	width: 400px;
	position: relative;
	float: right;
	margin: 90px 320px 0 0;
}
#home_content.error404 div span{
	font-size: 102px;
	padding: 0 75px 0 5px;
}
#home_content.error404 div p{
	text-align: right;
	font-family: "Honey";
    color: #ffffff;
    font-size: 44px;
    width: 100%;
    margin: 15px 0;
}
#home_content.error404 div p:first-child{
	font-size: 56px;
}

/***************   STYLE SHARELING FAQ    *****************/


#shareling_faq{
	width: 860px;
	margin-left: 50px;
	margin-bottom:20px;
}


#shareling_faq .question{
	color: #c2a687;
	font-size: 40px;
}


#shareling_faq .answer{
	font-size:14px;
	margin-bottom:40px;
	color:#39393;
}
#shareling_faq .answer.coche, #shareling_faq .answer.pasajero, #shareling_faq .answer.habitual{
	margin-bottom:10px;
	padding-top: 15px;
	min-height: 35px;
	padding-left: 60px;
}
#shareling_faq .answer.coche{
	 background: url("../images/common/iconoCoche3.png") no-repeat left top transparent;
}
#shareling_faq .answer.pasajero{
	 background: url("../images/common/iconoPasajero3.png") no-repeat left top transparent;
}
#shareling_faq .answer.habitual{
	 background: url("../images/common/iconoHabitual3.png") no-repeat left top transparent;
}




/***************   END OF STYLE SHARELING FAQ    *****************/



/***************   STYLE POLITICA PTIVACIDAD   *****************/

#politica_privacidad {
    margin-bottom: 20px;
    margin-left: 50px;
    width: 860px;
}
#politica_privacidad p{
    font-size: 14px;
    line-height: 18px;
    margin: 20px 0 0 0;
}
#politica_privacidad p b{
    font-size: 16px;
    display: block;
    margin-bottom: -5px;
}

/***************   END OF STYLE POLITICA PTIVACIDAD    *****************/


/***************   STYLE SHARELING COOKIES    *****************/


#cookiesPolicy{
	width: 860px;
	margin-left: 50px;
	margin-bottom:20px;
	font-size:14px;
	color: #393939;
}


#cookiesPolicy .title, #cookiesPolicy .titleSection, #cookiesPolicy .subtitle{
	color: #c2a687;
	font-size: 40px;
	font-family: "Honey", Helvetica, Arial, sans-serif;
	margin-top: 1em;
	margin-bottom: 0px;
	width: auto;
	height: auto;
}

#cookiesPolicy .titleSection {
	font-size: 45px;
}

#cookiesPolicy .subtitle {
	font-size: 30px;
}

.cookieNotice {
	position: absolute;
	top: 0;
	left: 20%;
	right: 20%;
	background: black;
	padding: 1em;
	opacity: 0.7;
}
.cookieNotice .dismiss {
	position: absolute;
	top: 1em;
	right: 1em;
}



/***************   END OF STYLE SHARELING COOKIES    *****************/



/***************   STYLE RUTA CREADA   *****************/

#createdRoute {
	position: relative; margin: 0 0 20px 90px;
    width: 780px;
    text-align: center; font-size: 18px; line-height: 24px;
}
#createdRoute #imgRoute{
	background: url("../images/common/linea_trayecto_home_2colores.png") no-repeat scroll 48px top transparent;
    margin: 0 auto;
    width: 700px; height: 140px;
}
#createdRoute .ciudad_origen_destino {
    background: url("../images/common/coche_linea_home.png") no-repeat scroll 195px top transparent;
    color: #c2a687;
    font-size: 30px;
    height: 70px;
    margin-left: 72px; margin-top: 35px;
    width: 590px;
}
#createdRoute .ciudad_origen_destino .origen {
    float: left;
}
#createdRoute .ciudad_origen_destino .destino {
    float: right;
    text-align: center;
    width: 110px;
}

/***************   END OF RUTA CREADA    *****************/


/***************  LIGHTBOX LOGIN  **************/

.lightbox{
	position: absolute; top: 0; height: 100%; width: 100%;
}
.lightbox .bgLightbox{
	position: fixed; height: 100%; width: 100%;
	background: url("../images/common/bgLightbox.png") repeat  center top;
	top: 0; z-index: 20;
}
#lightboxLogin{
	display: none;
}
.box {
	position: relative;
	margin: 50px auto;
	width: 300px;
	background-color: #ffffff;
	z-index: 25;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.box .title{
	font-size: 50px; color: #dda341; text-align: center; font-family: "Honey";
	padding: 10px 0 0 0;
}
.box .boxForm{
	background-color: #dda341; padding: 15px 5px; width: 290px;
	-webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px;
}
.connectFb{
	background: url("../images/common/bgConnectFacebook.png") no-repeat center top;
	width: 234px; height: 35px; color: #ffffff; font-size: 30px; font-family: "Honey";
	padding: 8px 0 0 36px; text-align: center; margin: 0 0 12px 10px;  cursor: pointer;
}
.box .boxForm .datos{
	padding: 15px 15px 0 15px;
	background: url("../images/common/lineaDobleAmarillo.png") repeat-x  center top;
}
.box .boxForm label{ font-size: 30px; color: #ffffff; font-family: "Honey"; width: 100%;}
.box .boxForm input{ border: none; background-color: #ffffff; height: 28px; width: 230px; padding: 0 5px; margin: -5px 0 15px 0; }
.box .submits{
	text-align: center;
}
.box .boxForm input[type="submit"]{
	font-family: "Honey"; font-size: 50px; color: #ffffff; height: 60px; width: auto; margin: 10px 0; cursor: pointer;
	background: url("../images/common/bgInputGuardar.png") no-repeat scroll center 0 transparent;
}
.box .boxForm a{ color:#ffffff; font-size: 11px; text-align: center; display: block; }
.box .boxForm .graciasRegistro a   { font-size: inherit; }


/***************  LIGHTBOX REGISTER  **************/


#lightboxRegister{
	display: none;
}
.boxRegister .formulario{
	display: none;
}
.boxRegister.box .title{ color: #16827c; }
.boxRegister.box .boxForm{
	background-color: #16827c; padding: 20px 10px; width: 600px; height: 406px;
	left: 50%; margin-left: -310px; position: relative;
	-webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px;
	overflow: auto;
}
.boxRegister.box .subtitle{
	font-size: 40px; color: #ffffff; font-family: "Honey";	padding: 0 0 10px 0;
}
.boxRegister.box .col{
	padding: 0 15px; width: 270px; color: 14px; float: left;
}
.boxRegister.box .col > p{ margin: 10px 0; color: #ffffff; font-size: 13px; line-height: 18px; font-weight: lighter; }
.boxRegister.box .col > p span{ font-weight: bold; }
.boxRegister.box .col2{
	background: url("../images/common/lineaDobleVerdeVertical.png") repeat-y  left top;
}
.boxRegister.box .connectFb{ margin: 100px 0 40px 0; }
.boxRegister.box .boxForm label{ width: 90px; text-align: right; float: left; margin-right: 12px; display: block; }
.boxRegister.box .boxForm input{ width: 156px; padding: 0 5px; float: left;  margin: 3px 0 20px 0; }
.boxRegister.box .boxForm textarea{
	 width: 156px; height: 60px; padding: 0 5px; resize: none;
}
.boxRegister.box .boxForm input[type="submit"]{
	margin: 20px 0 0 90px;
}

.boxRegister .politicaPrivacidad{
	text-align: center; display: none;
}
.boxRegister .politicaPrivacidad > p{
	font-size: 46px; color: #ffffff; font-family: "Honey"; padding: 50px 0 40px 0;
}
.boxRegister.box .boxForm .politicaPrivacidad fieldset{
	position: relative; width: auto; display: inline; float: none;
}
.boxRegister .politicaPrivacidad .checkboxPrivacidad{ text-align: center; margin-bottom: 50px; display: block; }
.boxRegister.box .boxForm .politicaPrivacidad label{
	text-align: inherit; width: auto; font-size: 30px;
}
.boxRegister .politicaPrivacidad label a{ font-size: 30px; text-decoration: none; display: inline; }
.boxRegister .politicaPrivacidad input[type="checkbox"]{ width: 25px; height: 25px; padding: 0; border: none;}
.boxRegister .politicaPrivacidad input[type="submit"]{ float: inherit; margin: 0; }

.boxRegister .graciasRegistro{
	text-align: center; padding: 50px 20px 0 20px; color: #ffffff; font-size: 40px; font-family: "Honey";
	display: none;
}
.boxRegister .graciasRegistro p{
	text-align: center; font-size: 40px; line-height: 37px; color: #ffffff; margin-bottom: 50px;
}
.boxRegister .graciasRegistro p.subtitle{ font-size: 70px; padding: 0; }
.graciasRegistro .button{
	background: url("../images/common/bgInputGuardar.png") no-repeat scroll center 0 transparent;
    width: auto;
	font-family: "honey"; font-size: 50px;
	margin: 10px 20px;
	display: inline-block;
	cursor: pointer;
}
.box .triangulo{
	position: absolute; top: 62px; left: 50%; margin-left: -10px; width: 19px; height: 7px; display: block;
	background: url("../images/common/trianguloAmarillo.png") no-repeat center 0 transparent;
}
.boxRegister.box  .triangulo{
	background: url("../images/common/trianguloVerde.png") no-repeat center 0 transparent;
}

/***************   STYLE DATOS DE USUARIO   *****************/

#userData {
	position: relative; padding: 0;
	background: url("../images/common/bgGreen.jpg") repeat-y scroll center top transparent;
    width: 100%; height: auto; overflow: auto;
}
.dataForm{
	width: 840px; padding: 40px 60px 30px 60px; float: left;
}
.titleData{ color: #ffffff; font-size: 65px; font-family: "Honey"; margin-bottom: 15px; }
.dataForm .col, .dataForm .textarea label{
	width: 380px; padding-right: 40px; float: left; color: #ffffff; font-size: 36px; font-family: "Honey"; display: block;
}
.dataForm .col2{ padding-top: 22px;  }
.dataForm form span{
	background: none; color: #ffffff; margin: 0; font-size: 36px;
}
#userData .dataForm form
{
	float: left; margin-bottom: 10px;
}

#userData .dataForm form .deleteImage {
	-webkit-background-clip: border-box;
	-webkit-background-origin: padding-box;
	-webkit-background-size: auto;
	background-attachment: scroll;
	background-clip: border-box;
	background-color: rgba(0, 0, 0, 0);
	background-image: url(../images/common/cerrarFoto.png);
	background-origin: padding-box;
	background-size: auto;
	color: rgb(255, 255, 255);
	cursor: auto;
	display: block;
	font-family: Helvetica, Arial;
	font-size: 11px;
	height: 27px;
	line-height: 65px;
	margin-top: -27px;
	overflow-x: hidden;
	overflow-y: hidden;
	position: absolute;
	text-decoration: underline solid rgb(255, 255, 255);
	width: 27px;
	z-index: 3;
}

#userData .dataForm form label, #userData .dataForm .textarea label{
	width: 150px; text-align: right; margin-right: 15px; display: block; float: left; padding-right: 0;
}
#userData .dataForm form input, #userData .dataForm textarea{
	 width: 170px; padding: 0 15px; height: 26px; border: none; float: left; margin-top: 5px;
	 -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 1px 1px 3px #146855;
	-moz-box-shadow: 1px 1px 3px #146855;
	box-shadow: 1px 1px 3px #146855;
}

#userData .dataForm .textarea{ float: left; width: 100%; display: block; }
#userData .dataForm textarea{ width: 590px; height: 80px; resize: none; }
#userData .dataForm #userForm .sbHolder, #userData .dataForm  #userForm.sbSelector{
	width: 190px; background-color: #ffffff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 1px 1px 3px #146855;
	-moz-box-shadow: 1px 1px 3px #146855;
	box-shadow: 1px 1px 3px #146855;
	margin-top: 5px;
}
#userData .dataForm .uploader label[for="image"] {
    display: none;
}
#userData .dataForm form fieldset.telf label{
	width: 330px;
}
#userData .dataForm form fieldset.telf input{ width: 20px; }
.topStatusVerified{
	width: 100%; height: 40px; float: left;
	background: url("../images/common/topStatusVerified.png") no-repeat transparent;
}
.statusVerified{
	width: 100%; padding-bottom: 50px; float: left;
	background: url("../images/common/bgStatusVerified.jpg") repeat-y transparent;
}
.statusVerified .content{
	padding: 25px 60px 30px 60px;
    width: 840px; overflow: auto;
}
.statusVerified .content .info{
	width: 280px; float: left; line-height: 21px; padding-left: 85px; margin-left: 10px; position: relative;
	background: url("../images/common/iconPersona.png") no-repeat left bottom transparent;
}
.statusVerified .content .info p{ color: #ffffff; font-size: 16px;  }
.statusVerified .content .info .title{ font-family: "Honey"; font-size: 36px; margin-bottom: 10px;  }
.statusVerified .verified{ position: absolute; right: -90px; bottom: 0; }
input#fileElem[type="file"] {
    height: 0;
    visibility: hidden;
    width: 0; margin: 0;
}
#userData .dataForm form #fileElem{ height: 0; }
#fileSelect{
	background: url("../images/common/default_user_pic_camara.jpg") repeat scroll 0 0 #fff;
    border: 5px solid #fff;
    height: 106px;
    width: 106px;
    float: left;
}

#pieContainer1 {
    height: 140px; width: 140px;
	position: relative; float: left; margin-left: 160px;
}

.pieBackground {
	background-color: rgba(256, 256, 256, 0.3);
	position: absolute;
	width: 140px;
	height: 140px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
}
.hold {
	position: absolute;
	width: 140px;
	height: 140px;
	-moz-border-radius: 50%;
	-webkit-border-radius:  50%;
	-o-border-radius:  50%;
	border-radius:  50%;
	clip: rect(0px, 140px, 140px, 70px);
}
.pie {
	position: absolute;
	width: 140px;
	height: 140px;
	-moz-border-radius:  50%;
	-webkit-border-radius:  50%;
	-o-border-radius:  50%;
	border-radius:  50%;
	clip: rect(0px, 70px, 140px, 0px);
}
#pieSlice1 .pie {
	background-color: #ffffff;
	-webkit-transform:rotate(160deg);
	-moz-transform:rotate(160deg);
	-o-transform:rotate(160deg);
	transform:rotate(160deg);
}

#pieSlice1_2 .pie {
	background-color: #bb0205;
	-webkit-transform:rotate(100deg);
	-moz-transform:rotate(100deg);
	-o-transform:rotate(100deg);
	transform:rotate(100deg);
}
.percentage{
	height:59px;
	width:84px;
	padding-top:25px;
	background: url("../images/common/bgGreen.jpg") repeat-y scroll center top transparent;
	position:absolute;
	top:50%;
	left:50%;
	margin:-42px 0 0 -42px;

	text-align:center;
	-moz-border-radius:  50%;
	-webkit-border-radius:  50%;
	-o-border-radius:  50%;
	border-radius:  50%;
}
.percentage .num{ color:#ffffff; font-size:32px; font-family: "Honey"; }


.addthis_sharing_toolbox{
	top: 145px;
	position: absolute;
	margin-left: 455px;

}

/***************   END OF DATOS DE USUARIO   *****************/


/* --- CAPA INFO MOBILE ---- */

#divMobile{
	display:none;
}




/********************************/

@keyframes animFooter
{
	0%{ bottom:-400px; opacity:0; }
	100%{ bottom:0px;	opacity:1; }
}
@-webkit-keyframes animFooter
{
	0%{ bottom:-400px; opacity:0; }
	100%{ bottom:0px; opacity:1; }
}
@keyframes animEntrar
{
	0%{ top:-100px; opacity:1; }
	100%{ top:0px;	opacity:1; }
}
@-webkit-keyframes animEntrar
{
	0%{ top:-100px; opacity:1; }
	100%{ top:0px; opacity:1; }
}

@keyframes animCoche
{
	0%{
		opacity: 1;
		top:65px;
		left:570px;
	}
	44%{
		top:64px;
		 left:630px;
		 -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg);
	}
	45%{
		top:64px;
		 left:630px;
		 -webkit-transform: rotate(-12deg); -moz-transform: rotate(-12deg); -o-transform: rotate(-12deg); -ms-transform: rotate(-12deg); transform: rotate(-12deg);
	}
	56%{
		top:57px;
		left:635px;
		-webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg);
	}
	62%{
		top:57px;
		left:638px;
		-webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg);
	}
	64%{
		top:59px;
		left:655px;
		-webkit-transform: rotate(10deg); -moz-transform: rotate(10deg); -o-transform: rotate(10deg); -ms-transform: rotate(10deg); transform: rotate(10deg);
	}
	70%{
		top:64px;
		left:670px;
		-webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg);
	}
	100%{opacity: 1;
		top:60px;
		left:720px;
	}
}

@-webkit-keyframes animCoche
{
	0%{
		opacity: 1;
		top:65px;
		left:570px;
	}
	44%{
		top:64px;
		 left:630px;
		 -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg);
	}
	45%{
		top:64px;
		 left:630px;
		 -webkit-transform: rotate(-12deg); -moz-transform: rotate(-12deg); -o-transform: rotate(-12deg); -ms-transform: rotate(-12deg); transform: rotate(-12deg);
	}
	56%{
		top:57px;
		left:635px;
		-webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg);
	}
	62%{
		top:57px;
		left:638px;
		-webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg);
	}
	64%{
		top:59px;
		left:655px;
		-webkit-transform: rotate(10deg); -moz-transform: rotate(10deg); -o-transform: rotate(10deg); -ms-transform: rotate(10deg); transform: rotate(10deg);
	}
	70%{
		top:64px;
		left:670px;
		-webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg);
	}
	100%{opacity: 1;
		top:60px;
		left:720px;
	}
}
@keyframes movCoche
{
	0%{ -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
	25%{ -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
	30%{ -webkit-transform: scale(1.01); -moz-transform: scale(1.01); -o-transform: scale(1.01); -ms-transform: scale(1.01); transform: scale(1.01); }
	40%{ -webkit-transform: scale(0.99); -moz-transform: scale(0.99); -o-transform: scale(0.99); -ms-transform: scale(0.99); transform: scale(0.95); }
	45%{ -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
	100%{ -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
}


@keyframes animButtonHeaderHome
{
	0%{ -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -o-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); opacity: 0; }
	60%{ -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -o-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5); }
	100%{ -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; }
}
@-webkit-keyframes animButtonHeaderHome
{
	0%{ -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -o-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); opacity: 0; }
	60%{ -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -o-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5); }
	100%{ -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; }
}

@keyframes animButtonHeader
{
	0%{ -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -o-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); opacity: 0; }
	60%{ -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -o-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5); }
	100%{ -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; }
}
@-webkit-keyframes animButtonHeader
{
	0%{ -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -o-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); opacity: 0; }
	60%{ -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -o-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5); }
	100%{ -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; }
}




/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {


	body.movil #divMobile{
		display:block; position: absolute; top: 0; height: 100%; width: 100%; z-index: 40;
	}
	#divMobile .bg{
		height: 100%; width: 100%; position: fixed;
		background-color: #fefefe;
	}
	#divMobile .info{
		position: absolute; left: 50%; top:50%; margin-left: -146px; margin-top: -164px;
		width: 272px; height: 328px; padding: 12px 10px;
		background: url("../images/common/divMobile.jpg") no-repeat center top transparent;
		background-size: 100% auto;
		text-align: center; color: #606060; font-size: 14px; line-height: 16px;
	}
		#divMobile .info .title{
			font-size: 60px; line-height: 50px; color: #eaac45; font-family: 'Honey';
			text-shadow: -1px 2px 0px rgba(255, 255, 255, 1);
		}

		#divMobile .info .button{
			font-size: 30px; color: #64440d; text-align: center; font-family: 'Honey';
			height: 28px; width: 180px; padding-top: 12px; margin: 140px auto 0 auto; position: relative;
			background: url("../images/common/buttonDivMobile.png") no-repeat center top transparent;
			background-size: 100% auto;
		}
}

/* Smartphones (landscape) ----------- */
@media only screen
and (min-width : 450px) {

    #divMobile .info{
		position: absolute; top:20px;  margin-top: 0px;
	}

}