html, body{margin:0;height:100%;background:#f9f9f9 url(../imagenes/back-top.jpg) repeat-x;font-family:Arial, Helvetica, sans-serif;font-size:12px;line-height:14px;color:#888;} input[type="submit"]{-webkit-appearance:none;}
a{color:#aaa;text-decoration:none;} a:hover{color:#f45252;} a img{border:none;} ul{list-style:none;padding:0;margin:0;}
.clear{clear:both;height:1px;width:100%;}
.input, .select, .form_buscar select, .huespedes_extra input{height:20px;background:url(../imagenes/back-input.jpg) repeat-x;border:1px solid #a4a4a4;border-radius:4px;padding:5px 6px 3px 6px;font-size:16px;line-height:18px;color:#888;outline-style:none;outline-width:0px;font-style:italic;} .select, .form_buscar select{height:30px;} textarea.input{height:auto;background:#f0f0f0;} form.logform .input{width:90%;max-width:300px;} form.logform .select{width:90%;max-width:314px;} form.logform .input#pass{width:80px;}
.submit{border:1px solid #860e0e;background:#ba2323 url(../imagenes/back-button.png) repeat-x left center;font-size:14px;font-weight:bold;color:#fff;padding:6px 10px;margin:0;cursor:pointer;border-radius:4px;}
#contenedor{position:relative;height:auto;min-height:100%;margin:auto;width:96%;max-width:920px;}
	#logo h1, #logo h3, #logo strong{margin:0;position:absolute;left:0;top:118px;z-index:3;font-size:14px;line-height:16px;}
	#header{position:absolute;left:0;top:0;width:100%;z-index:2;height:194px;text-align:center;}
		#header img{position:absolute;left:0;top:54px;}
		#header form{display:block;position:absolute;right:6px;top:6px;margin:0;height:52px;padding:0 0 0 24px;}
			#header form .input{height:25px;width:310px;position:relative;border-right:none;border-radius:4px 0 0 4px;}
			#header form .buscar{width:77px;height:30px;background:none;border:none;padding:0;position:relative;margin:0 0 0 -1px;cursor:pointer;}
				#button_b{background:url(../imagenes/back-submit.png) no-repeat;}
			#header form .selpais{border:none;background:none;font-size:14px;line-height:16px;color:#888;margin:0 10px;} #selpais{background:url(../imagenes/back-select.png) repeat-x;}
			#header form .lupa{position:absolute;left:0;top:6px;margin:0;}
		#header #usuarios{position:absolute;right:0;top:4px;padding:6px;color:#333;z-index:6;} #header #usuarios a{color:#333;padding:0 4px;}
		#header #separador{background:#79c7ff url(../imagenes/back-title.jpg) repeat-x 0 6px;padding:15px 10px;position:relative;top:146px;font-size:16px;line-height:18px;color:#003891;height:18px;border-radius:8px;}
			#header #separador h2, #header #separador h3{font-size:16px;line-height:18px;margin:0;color:#fff;}
			#separador .cont{width:550px;text-align:left;float:left;color:#fff;} #separador .cont strong{position:relative;top:-5px;}
			#header #separador a{color:#fff;text-decoration:none;}
			#separador .cont{height:18px;}
				#separador .cont span{position:absolute;top:90px;left:0;color:#888;font-size:12px;line-height:14px;} #header #separador .cont span a{color:#aaa;text-decoration:underline;}
		#header #menu{position:absolute;left:0;top:0;width:100%;z-index:5;text-align:left;}
			#menu a{padding:10px 10px 10px 10px;font-size:14px;line-height:16px;text-decoration:none;display:inline-block;border-right:1px solid #a9c8ef;color:#666;font-weight:bold;}
				#menu .izq{border-left:1px solid #a9c8ef;} #menu a:hover{color:#fff;background:#7bafef;} #menu a.active{background:#f14f4f url(../imagenes/arrow.png) no-repeat center bottom;color:#fff;}
		#header .banner{position:absolute;top:60px;right:0;width:468px;height:60px;background:#ccc;} #header img.banner{margin:0 !important;border-radius:8px;}
			#header .banner.text{font-size:30px;line-height:32px;text-align:right;color:#888;padding-top:14px;width:600px;}
	#wrapper{padding-top:240px;margin:0 auto;width:100%;}
		#left, #fleft{float:left;width:64.13%;position:relative;}
			.box{position:relative;background:#fff;border:1px solid #dfdfdf;border-radius:8px;padding:23px;min-height:80px;margin-bottom:20px;} #left .box p{margin-top:0;}
			#wrapper strong.title, #wrapper.empresas #left h1{background:#79c7ff url(../imagenes/back-title.jpg) repeat-x;padding:10px 20px 30px 20px;color:#fff;margin:0 0 -20px 0;font-size:16px;line-height:18px;display:block;border-radius:8px 8px 0 0;}
			#wrapper strong.title a, #wrapper.empresas #left h1 a{color:#fff;}
			.indice #left .box strong, .indice #right .box strong{font-size:16px;line-height:18px;color:#f45252;margin-bottom:10px;display:block;}
			.ico-index{position:absolute;left:-30px;top:23px;}
		#right, #fright{float:right;width:32.61%;}
	#footer{border-top:1px solid #ccc;background:url(../imagenes/shadow.jpg) no-repeat center top;padding:15px 0;}
		#fleft{border-right:1px solid #ccc;margin-bottom:15px;min-height:125px;}
			#fleft ul{display:block;float:left;width:140px;line-height:16px;} #fleft ul.ri{width:168px;} #fleft strong{font-size:14px;line-height:20px;}
				#fleft ul li a, #fleft ul li span{text-decoration:none;color:#888;display:block;margin-bottom:5px;} #fleft ul li a:hover{color:#f45252;} #fleft ul li a img, #fleft ul li span img{margin-bottom:-4px;} #fleft ul li span{color:#ccc;}
			#fleft .title{display:block;margin-bottom:10px;}
			#fleft h3{display:inline;font-size:12px;line-height:14px;font-weight:normal;}
		#fright img{margin:10px 0 0 -2px;}
		#footer .clear{text-align:center;padding:15px 0;border-top:1px solid #ccc;height:auto;}
	.boxfw{position:relative;background:#fff;border:1px solid #dfdfdf;border-radius:8px;padding:23px 96px;margin-bottom:20px;} .indice .boxfw{padding:23px;}
	#topbanner{position:relative;background:#fff;border:1px solid #dfdfdf;border-radius:8px;padding:20px;margin:-40px 0 30px 0;} .login #topbanner{margin-top:-20px;} #left .box.banner{min-height:inherit;padding:20px;} .mnbnr{margin-bottom:10px;}
#topbannerblog{position:relative;background:#fff;border:1px solid #dfdfdf;border-radius:8px;padding:20px;margin:-20px 0 30px 0;}
.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:1000px){ }

@media screen and (max-width:999px) and (min-width:768px){}

@media screen and (max-width:767px) and (min-width:481px){#contenedor{width:100%;}#wrapper{padding-top:200px;width:98%;} #logo h1, #logo h3, #logo strong{position:relative;width:270px;margin:0 auto;} #left, #right{width:100%;float:none;}
#header .banner, .ico-index, #header #usuarios, #menu a span{display:none;} #header #menu{text-align:center;} #header img{position:relative;} #header #separador{top:90px;width:96%;padding:15px 1%;margin:0 auto;}
#header form{position:relative;right:0;top:-9px;width:400px;margin:0 auto;} #footer{width:98%;margin:20px auto 0 auto;} .login #topbanner{margin-top:0;}}

@media screen and (max-width:480px){#contenedor{width:100%;}#wrapper{padding-top:200px;width:98%;} #logo h1, #logo h3, #logo strong{position:relative;width:270px;margin:0 auto;} #left, #fleft, #right, #fright{width:100%;float:none;}
#header .banner, .ico-index, #header #usuarios, #menu a span, .hidecat, #header form .lupa{display:none !important;} #header #menu{text-align:center;} #menu a{font-size:12px;} #header img{position:relative;}
#header #separador{top:90px;width:96%;padding:15px 1%;margin:0 auto;} #header form{position:relative;right:0;top:-9px;width:300px;margin:0 auto;padding:0;} #header form .input{width:210px;} #footer{width:98%;margin:20px auto;line-height:24px;}
#fright img{margin:10px 0 0 0;} #fleft{border:none;border-top:1px solid #ccc;padding:10px 0;min-height:0;} .masbuscado a{line-height:36px;} #left .box.banner{border:none;border-radius:0;padding:0;background:none;} .box{padding:10px;} #topbanner{padding:0;border:none;}
.login #topbanner{margin-top:0;}}