html, body {margin: 0; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 16px; color: #333; background: #fff;} input[type="submit"] {-webkit-appearance: none;}
a {text-decoration: none; color: #9c0;} a:hover {color: #222;} a img {border: none;} .clear {clear: both;} .separador {background: #333; min-height: 40px;} ul, li {list-style: none; margin: 0; padding: 0;}
.input, .select, .txtarea {padding: 12px; border-radius: 6px; background: #fff; font-size: 16px; line-height: 18px; border: 1px solid #9c0; color: #333; outline-width: 0px; margin: 0;} .select {height: 46px;}
	.submit {font-size: 16px; line-height: 18px; background: #9c0; color: #333; padding: 12px; border-radius: 6px; border: none; cursor: pointer;} #enviarbuscador.submit {background: #333; color: #9c0; width: 187px;}
	#locrec, #locent {width: 626px;} .otradev #locrec, .otradev #locent {width: 295px;} .otradev #locrec {margin-right: 10px;} #fecharec, #fechaent {width: 110px;}
	#horarec, #horaent {width: 62px; background: #fff url(../images/back-select.png) no-repeat right center;} h2, h3 {font-size: 20px; line-height: 22px; margin: 20px 0;} b font {color: #628200 !important;} #main h2 a {color: #333;}
#contenedor {position: relative; min-width: 1225px;} #contenedor.index .separador {margin-top: 500px;}
#header {width: 100%; background: #9c0 url(../images/back-head.png) 0 60px no-repeat; border-bottom: 10px solid #333;}
	#head {position: relative; width: 900px; margin: 0 auto; height: 220px; padding-top: 40px;} #head h1 {margin: 10px 0 10px 4px; color: #6c8819; font-size: 30px; line-height: 32px; text-transform: uppercase;}
		#header h1 a {color: #333;} #header h1 span {display: block; padding: 2px 0 0 100px;} #header h1 a span {color: #6c8819;}
		#header .domain {position: absolute; left: 338px; bottom: 4px; font-size: 20px; line-height: 22px; color: #c1e066; font-style: italic;}
	#head .logo {margin-top: 10px;} .form_buscar {margin: 10px 0;} .form_buscar td {padding: 0 8px 0 0;} .devolucion {position: relative; padding-top: 8px !important;}
#menu {position: absolute; left: 0; top: 0; width: 100%; background: #000;} #menu .cont {width: 900px; margin: 0 auto; border-left: 1px solid #333;}
	#menu a {display: block; float: left; padding: 8px 12px; color: #fff; border-right: 1px solid #555;} #menu a:hover {background: #9c0; color: #000;}
#wrapper {width: 1125px; margin: 20px auto; z-index: 1001;} #grid {position: absolute; left: 0; top: 270px; width: 100%; background:#fff url(../images/background.png); overflow: hidden; height: 500px;}
	#carousel {position: relative; width: 1125px; height: 500px; margin: 0 auto; background: #222;} #carousel #slider {width: 900px; float: left;}
	#wrapper #main {width: 690px; float: left;} #wrapper #sidebar {width: 405px; float: right;} #wrapper p {margin: 14px 0 20px 0;}
		.indest {margin-bottom: 20px;} .indest li {width: 20%; float: left; line-height: 20px;} .alldest {padding: 20px 0 20px 44px; background: url(../images/dest.png) no-repeat left center; margin-top: 20px; border-top: 1px solid #999;}
		.rating {font-size: 16px; line-height: 18px;} .rating span {font-weight: bold; color: #9c0;} strong.title {display: block; font-size: 20px; line-height: 22px; margin: 20px 0;}
			p.test {font-size: 12px; line-height: 14px; border-bottom: 1px solid #999; padding: 0 0 20px 44px; background: url(../images/quot-open.png) no-repeat;}
				p.test i {display: block; padding: 10px 44px 10px 0; background: url(../images/quot-close.png) no-repeat right bottom;} .telf {width: 100%; height: auto; max-width: 405px;}
	#wrapper.destinos {width: 892px;} #wrapper.destinos ul {line-height: 20px;} ul.paises {width: 33%; float: left; margin: 20px 0;} .abecedario {margin: 20px 0;} #wrapper.destinos h3 {display: inline; font-size: 14px; line-height: 16px;}
	#contacto .txtarea {width: 90%;} .contacto_ko {color: #c00;} .contacto_ok {color: #060;} #social {padding-top: 20px;} #social .box {background: #f2f2f2; padding: 10px; margin: 20px 0; border-radius: 4px;}
#footer {background: #9c0; border-top: 10px solid #333; padding: 20px 0;} #footer a {color: #000;} #footer p {text-align: center; margin: 0;}
#buscador {position: absolute; left: 0; top: 126px; width: 100%;} #buscacoches {position: relative; width: 900px; margin: 0 auto; z-index: 10;} #ui-datepicker-div, .ui-autocomplete {z-index: 1002 !important; display: none;}
	div.time-picker {position: absolute; height: 266px; width: 6.0em; overflow: auto; background: #fff; border: 1px solid #aaa; z-index: 99; margin: 0;} div.time-picker-12hours {width: 6em;} div.time-picker ul {list-style-type: none; margin: 0; padding: 0;}
	div.time-picker li {cursor: pointer; height: 22px; font-size: 20px; line-height: 22px; padding: 4px 3px 4px 12px; color: #999;} div.time-picker li.selected {background: #333; color: #9c0;}
.tocs h4 {margin: 40px 0 8px 0; font-size: 14px; line-height: 16px;} .tocs p {margin: 0 0 20px 0;} .tocs ul, .tocs ul span {padding-left: 10px; display: block;} .tocs ul {margin-bottom: 20px;} .tocs ul li {margin-top: 10px;}

@media screen and (min-width: 1225px) {}

@media screen and (max-width: 1224px) and (min-width: 768px) {
#contenedor {min-width: 100%;} #wrapper {width: 90%; max-width: 1125px;} #wrapper.destinos {width: 90%;} #wrapper #main {width: 61.3%;} #wrapper #sidebar {width: 36%;} .indest li {width: 33%;} #head {width: 668px;} #buscacoches {width: 668px;}
#menu .cont {width: 73%;} #contenedor.index .separador {margin-top: 370px;} #grid {height: 370px;} #carousel {width: 668px; height: 370px;} #carousel #slider {width: 668px;} .nivo-caption {width: 648px !important;} .theme-default .nivo-controlNav {display: none;}
}

@media screen and (max-width: 767px) and (min-width: 481px) {
#contenedor {min-width: 100%;} #wrapper {width: 90%; max-width: 1125px;} #wrapper.destinos {width: 90%;} #wrapper #main, #wrapper #sidebar {width: 100%; float: none;} .twitter-timeline.twitter-timeline-rendered {width: 100% !important;} .indest li {width: 33%;}
	#head {width: 468px;} #head h1 {font-size: 24px; line-height: 26px;} #header h1 span {} #header .domain {left: 150px;} .theme-default .nivo-controlNav {display: none;} #menu .cont {width: 100%; border: none;}
#buscacoches {width: 472px;} .input, .select, .txtarea {font-size: 14px; line-height: 16px; padding: 8px;} #locrec, #locent {width: 438px;} #fecharec, #fechaent {width: 95px;} #horarec, #horaent {width: 54px;} .otradev #locrec, .otradev #locent {width: 205px;}
	#enviarbuscador.submit {font-size: 14px; line-height: 16px; width: 68px; padding: 8px;} .telf {display: block; margin: 0 auto;}
#contenedor.index .separador {margin-top: 264px;} #grid {height: 264px;} #carousel {width: 470px; height: 264px;} #carousel #slider {width: 470px;} .nivo-caption {width: 450px !important; font-size: 12px; line-height: 14px;}
	.theme-default .nivo-controlNav {display: none;} #contacto .input, #contacto .txtarea {width: 96%;}
}

@media screen and (max-width: 480px) {
#contenedor {min-width: 100%;} #wrapper {width: 90%; max-width: 1125px;} #wrapper.destinos {width: 90%;} #wrapper #main, #wrapper #sidebar {width: 100%; float: none;} .twitter-timeline.twitter-timeline-rendered {width: 100% !important;} #buscador {top: 110px;}
	.indest li {width: 33%;} #header {background-position: 0 100px;} #head {width: 100%; height: 330px;} #head h1 {font-size: 16px; line-height: 18px;} #header h1 span {padding-left: 40px;} #header .domain {left: auto; right: 10px; width: 90%; font-size: 18px;}
#footer span {display: block;} #footer span span {display: none;} #menu .cont {width: 100%; font-size: 11px; line-height: 14px; border: none;} #menu a {padding: 8px;}
#buscacoches {width: 95%;} .input, .select, .txtarea {font-size: 14px; line-height: 16px; padding: 8px;} #locrec, #locent {width: 94%;} #fecharec, #fechaent {width: 88px;} #horarec, #horaent {width: 54px;} .otradev #locrec, .otradev #locent {width: 94%;}
	#enviarbuscador.submit {font-size: 14px; line-height: 16px; width: 68px; padding: 8px;} .fblock {display: block; margin-bottom: 4px;} #locent {margin-top: 4px;} .form_buscar table {width: 100%;}
#contenedor.index .separador {margin-top: 180px;} #grid {height: 180px; top: 380px;} #carousel {width: 320px; height: 180px;} #carousel #slider {width: 320px;} .nivo-caption {width: 300px !important; font-size: 10px; line-height: 12px;}
	.theme-default .nivo-controlNav {display: none;} #contacto .input, #contacto .txtarea {width: 96%;} ul.paises {width: 100%;} .abecedario {letter-spacing: -1px;}
}