{% load i18n %}
{% get_current_language as LANGUAGE_CODE %}


* {
	margin:0;
	padding:0;
}

a {
	text-decoration: underline;
        color:#555;
}

a:hover {
/* 	text-decoration: underline; */
}

body {
background:#fff7b4;
/* font-family: Georgia, Times, Times New Roman, serif; */
font-family: Helvetica, Hervetica Neue, Arial, sans-serif;
color:#555;
}

.box {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.8);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.8);
}

h2 {
font-size:26px;
border-bottom:3px solid #F7B925;
padding:10px 40px;
margin:10px -40px;
color:#BED03E;
}

/*---------------------------- MAIN ---------------------------*/

/* #main { */
/* margin: 20px auto; */
/* width:800px; */
/* height:600px; */
/* width:100%; */
/* } */

/*---------------------------- HEADER ---------------------------*/

#header {
/* width:800px; */
height:80px;
/* margin:0 auto; */
clear:both;
}

/*---------------------------- MENU ---------------------------*/

#logo{
position:absolute;
/* width:100px; */
/* height:90px; */
/* top:90px; */
display:block;
margin:30px 25px 25px;
float:left;
}

#msg-ie {
display:none;
}

.logo {
background:url("/static/images/logo.png") no-repeat;
width:80px;
height:72px;
text-indent:-9999px;
display:block;
}

#lang {
float:right;
}

#lang li {
list-style:none;
float:left;
margin:10px 5px;
}

#lang a {
height:16px;
width:16px;
display:block;
}

#lang a:hover {
background-position: -16px;
}

#lang .active {
background-position: -16px;
}

.en {
background:url("/static/images/en.png") no-repeat;
}

.es {
background:url("/static/images/es.png") no-repeat;
}

.de {
background:url("/static/images/de.png") no-repeat;
}

.fr {
background:url("/static/images/fr.png") no-repeat;
}

.ru {
background:url("/static/images/ru.png") no-repeat;
}

#nav {
padding:0 0 12px 150px;
margin-top: 30px;
width:650px;
float:right;
height:30px;
clear:both;
/* background:#bed03e; */
/* border: 1px solid #bed03e; */
border-bottom: 8px solid #bed03e;
font-family: Helvetica, Hervetica Neue, Arial, sans-serif;
/* font-family: Georgia, Times, Times New Roman, serif; */
}

#nav li {
float:right;
list-style:none;
margin-right:30px;
/* width:150px; */
}

#nav li:first-child {
margin-right:0px;
}

#nav li:nth-child(2) {
/* margin-right:30px; */
}

#nav li ul li {
margin:0;
/* padding:0 10px; */
float:none;
/* margin-top:-10px; */
background:#fff7b4;
border-bottom:1px solid #cccd2b;
/* width:70px; */
}

#nav li ul li:first-child {
/* border-top:3px solid #cccd2b; */
margin-top:3px;
}

#nav li ul li:nth-child(2) {
margin:0;
}

#nav li ul li:last-child {
border-bottom:5px solid #cccd2b;
}

#nav li ul li a {
text-align:center;
font-size:12px;
line-height:30px;
/* height:30px; */
/* width:85px; */
/* display:block; */
}

#nav li ul li a:hover {
/* background:url("/static/images/submenu_bg.png"); */
/* color:#3671A8; */
}

#nav li ul {
/* display:none; */
/* For IE 5-7 */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
/* For IE 8 */
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
opacity:0;
-webkit-transition: opacity .2s ease-in-out;
}

#nav li:hover ul {
/* display:block; */
/* For IE 5-7 */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
/* For IE 8 */
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
opacity:1;
position:relative;
z-index:1000;
-webkit-transition: opacity .2s ease-in-out;
}

#nav a {
color:#f7b925;
text-decoration:none;
/* text-align:center; */
font-size:13px;
/* line-height:30px; */
/* height:30px; */
/* width:133px; */
display:block;
font-weight:normal;
}

#nav a h2{
font-size:17px;
color:inherit;
background:url(../images/navh1.png) no-repeat bottom left;
padding:0 0 2px 0;
/* font-weight:normal; */
letter-spacing:1px;
margin:0;
color:auto;
border-bottom:none;
}

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

#nav a:hover h2{
color:#bed03e;
}

#nav .active h2{
/* background-position: center -50px; */
color:#bed03e;
}

/*---------------------------- CONTENT ---------------------------*/

.right {
float:right;
}

.left {
float:left;
}

.center {
width:800px;
margin:0 auto;
}

.link-small {
font-size:11px;
margin:10px;
}

#contenido {
/* width: 798px; */
width:100%;
/* height: 350px; */
/* height: 100%; */
/* margin: 0; */
overflow:hidden;
/* background:#f2d069; */
clear:both;
}

#contenido li {
/* width: 800px; */
/* position: absolute; */
/* list-style-type: none; */
/* list-style-image: none; */
/* list-style-position: outside;  */
/* opacity: 0; */
/* display: none; */
}

.slider {
/* overflow: hidden; */
/* position: relative; */
height: 350px;
width:800px;
margin:0 auto;
}

#imagenes img {
/* height:350px; */
/* width:800px; */
}


/*.transp {
margin:-120px 0 0;
height:50px;
line-height:50px;
background:#000;
opacity: .7;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}*/

/*#photos_main {
width:800px;
margin:0 auto;
}*/

/*div.slider a.slider_prev, div.slider a.slider_next {
	font:  1.2em Arial, sans-serif;
	color: #ccc;
	margin-top: 10px;	
}*/

span.principal {
font-size:20px;
}

#intro {
/* width:800px; */
margin-bottom:20px;
}

#intro h1 {
margin:10px 0;
text-align: center;
}

#contact-info {
width:40%;
float:left;
}

#contact-info h3 {
color:#BED03E;
margin: 20px 0 10px;
}

#contact-form fieldset{
/* margin-top: 20px; */
/* height:200px; */
border-style:none;
/* border: 1px solid #666; */
background:#D4D943 url("/static/images/comments.png") no-repeat bottom left;
}

.contact_form li {
/* margin:10px; */
padding:10px;
clear:both;
list-style:none;
float:right;
text-align:left;
}

.contact_form .enviar input{
cursor:pointer;
width:75px;
}

.contact_form input, textarea {
margin: 0 20px 0 20px;
float:right;
width: 250px;
/* border-style:none; */
/* background:none; */
}

#id_cc_myself {
width:auto;
margin-top:4px;
}

#contact {
height:353px;
}

#contact-form {
float:right;
margin-bottom:20px;
}

#msg {
text-align:center;
margin:30px 0 0 0;
display:none;
}

.msg {
border: 1px solid;
padding: 15px;
margin:0 auto 20px;
font-size:12px;
display:inline-block;
text-align:left;
cursor:pointer;
}

.error {
color: #D63301;
background: #FFCCBA url("/static/images/error.png") no-repeat 10px center;
}

.success {
color: #4F8A10;
background: #DFF2BF url("/static/images/success.png") no-repeat 10px center;
padding-left:55px;
}

.error li {
margin: 0 0 0 55px;
}

.error li ul li{
margin:0 0 0 25px;
}

.text {
clear:both;
}

.text-rooms li{
float:left;
}

/*.text h2 {
font-size:26px;
border-bottom:3px solid #F7B925;
padding:10px 40px;
margin:20px -40px;
color:#BED03E;
}*/

.text p {
font-size:12px;
width:360px;
margin:0 20px;
line-height:18px;
text-align:justify;
/* margin:20px 0; */
/* color:#3D3D3D; */
font-style:italic;
}

.text img {
width:360px;
height:223px;
margin:0 17px;
border:3px solid;
vertical-align:bottom;
}

.text li {
list-style: none;
/* height:175px; */
margin:20px 0;
display:inline-block;
/* height:200px; */
}

.text .img-right p {
float:left;
}

.text .img-right img {
float:right;
border-color:#BED03E;

}

.text .img-left p {
float:right;
}

.text .img-left img {
float:left;
border-color:#F7B925;
}

.text .img-left .btn {
margin:20px;
}

.text .img-left .btn:active {
margin:21px 20px 19px;
}

.orange-separator {
/* width:800px; */
height:8px;
/* margin:0 auto; */
background:#f7b925;
clear:both;
}

/*.ss-form-title {
font-size:34px;
border-bottom:3px solid #F7B925;
padding:20px 40px;
margin:20px -40px;
color:#BED03E;
}*/

.ss-form {
/* height:450px; */
/* overflow: -moz-scrollbars-vertical; */
font-size:14px;
color:#000;
}

.ss-form div {
margin:10px 0;
}

.errorbox-good {
width:266px;
float:left;
}

.errorbox-good-info {
width:532px;
clear:both;
}

.booking-br {
clear:both;
}

.ss-q-title {
display:block;
font-weight:bold;
color:#BED03E;
}

.ss-required-asterisk {
color:#FF0000;
}

.ss-q-help {
display:block;
color:#666;
margin:0 0 5px;
}

.ss-form-entry {
margin-bottom:10px;
}

.ss-q-long {
margin:0;
float:none;
width:100%;
}

.ss-paragraph-text {
width:82%;
}

.ss-choice-item {
margin:5px 0;
list-style:none;
}

.ss-q-other {
width:17px;
}

.ss-footer {
font-size:10px;
}

.ss-terms {
clear:both;
display:block;
}


.thanks-msg {
display:table;
text-align:center;
border:3px solid #BED03E;
padding:40px 40px 30px;
margin:20px auto;
font-style:normal;
font-weight:bold;
font-size:24px;
}

.thanks-msg2 {
margin-top:10px;
font-size:18px;
font-weight:normal;
}

.thanks-links li{
height:auto;
margin:10px 20px;
font-size:16px;
}

.links2 li a {
display:block;
color:inherit;
text-decoration:underline;
}

#services {
margin-bottom:20px;
}

.left-col {
width:40%;
float:left;
margin:20px 0;
}

.right-col {
float:right;
margin:40px 0;
}

.right-col li {
margin:5px 0;
}

.top_clean_es {
background: url("/static/images/top-clean-hotel-es.png");
}

.top_clean_en {
background: url("/static/images/top-clean-hotel-en.png");
}

.top_clean_es, .top_clean_en {
width:100px;
height:57px;
display:block;
position:absolute;
margin:-26px 0 0 -50px;
}

.prt-btn {
position:absolute;
margin:30px 0 0 720px;
font-size:14px;
line-height:20px;
color:#0000CC;
background: url("/static/images/print.png") no-repeat right;
padding: 0 20px 0 0;
}

.btn{
text-decoration: none;
color: #FFF;
font-weight: bold;
line-height: 1;
/* text-shadow: 0 1px 1px rgba(0,0,0,0.5); */
background: #ABBF11;
font-size: 16px;
display: inline-block;
padding: 5px 10px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
border-bottom: 1px solid rgba(0,0,0,0.25);
position: relative;
cursor: pointer;
}

.btn:hover{
color: #FFF;
background: #88A61B;
text-decoration:none;
}

/*---------------------------- FOOTER ---------------------------*/

#footer {
background: url("/static/images/footer-bg.png") repeat-x bottom;
/* margin:20px auto 0; */
margin-top:20px;
padding:10px;
/* height:100px; */
/* width:800px; */
clear:both;
}

#footer p {
text-align:center;
font-size:11px;
/* color:#BED03E; */
}

#footer .mail {
font-weight:normal;
/* color:#888; */
text-decoration:underline;
}

#ha-online {
margin:-30px 15px 0;
/* clear:both; */
float:right;
text-align:center;
}

#ha-online h5 {
/* color:#F7B925; */
font-size:11px;
/* font-weight:normal; */
/* font-family:Palatino; */
}

#ha-online ul {
display:inline-block;
}

#ha-online li {
list-style:none;
float:left;
margin:5px 5px;
}

#ha-online a {
height:16px;
width:16px;
display:block;
text-indent:-9999px;
}

/*#ha-online a:hover {
background-position: -75px;
}*/

.online-fb {
background:url("/static/images/fb.png") no-repeat;
}

.online-fl {
background:url("/static/images/fl.png") no-repeat;
}

#links {
clear:both;
text-align:center;
/* font-family: Georgia, Times, Times New Roman, serif; */
/* letter-spacing:1px; */
}

.links {
/* height:33px; */
list-style:none;
display:inline-block;
}

.links li {
/* display:block; */
float:left;
margin:10px 0;
padding:0 10px;
font-size:11px;
border-right: 1px solid black;
}

.links li:last-child {
border:none;
}

#sponsors {
text-align:center;
clear:both;
}

#sponsors ul {
display:inline-block;
}

#sponsors li {
list-style:none;
float:left;
margin:10px 5px;
}

#sponsors a {
height:50px;
width:50px;
display:block;
}

#sponsors a:hover {
background-position: -50px;
}

.solarinhome {
background:url("/static/images/solarinhome.png") no-repeat left center;
}

.rumbo {
background:url("/static/images/rumbo.png") no-repeat left center;
}

a.corfo {
width:100px;
background:url("/static/images/corfo.png") no-repeat left center;
}