@import url(https://fonts.googleapis.com/css?family=Alegreya+Sans);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400italic,400,700,600,300);

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }
body {padding: 50px 0; margin: 0px; font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-size: 13px; line-height: 1.42857; color: rgb(51, 51, 51); background-color: rgb(240,240,240)}
audio:not([controls]) { display: none; height: 0px; }
b, strong { font-weight: bold; }
hr { height: 0px; -moz-box-sizing: content-box; }
img { border: 0px none; }
svg:not(:root) { overflow: hidden; }

a { color: rgb(43, 166, 203); text-decoration: none; line-height: inherit; }
.bold { font-weight: 700; }
.semibold { font-weight: 600; }
.UC { text-transform: uppercase; }
.tiny { font-size: 8px; }
.s11 { font-size: 11px; }
.sep { letter-spacing: 1px; }
.sep2 { letter-spacing: 2px; }
.sep3 { letter-spacing: 3px; }
.sep5 { letter-spacing: 5px; }
.greenBg { background-image: url('../images/greenbg.png'); }
.grayBg { background-image: url('../images/graybg.png'); }
.whiteBg { background-image: url('../images/whitebg.png'); }
.green { color: rgb(99, 202, 168); }
.white { color: rgb(255, 255, 255); }
.lightGreen { color: rgb(207, 246, 235); }
.textGray { color: rgb(49, 48, 61); }
.ancho1 { width: 230px;}
.ancho2 { width: 33%;}
.centrado {text-align: center;}

h1, h2, h3, h4, h5{font-family: 'Alegreya Sans'}
h1 { margin: 0.67em 0px; font-size: 2em; color:#464650; text-transform:uppercase;}
.clear { clear: both; }

label{display: block; float: left; width:100px; line-height:20px;}
input#submit, input[type="submit"], input#button, input[type="button"] { cursor: pointer; color: rgb(255, 255, 255); font-weight: bold; background: url('button-gradient.png') repeat scroll 0% 0% rgb(60, 145, 222); border: 2px solid rgb(232, 232, 232); height: 34px;}
input#submit:hover, input[type="submit"]:hover, input#button:hover, input[type="button"]:hover { background-position: 0px 34px; }

nav { font-weight: normal ! important; }
nav { font-size: 0px; }
nav a { font-size: 16px; }
#menu-superior { margin-bottom: 20px; margin-top: 20px; }
#menu-superior .MenuPrincipal { list-style: none outside none; text-align: left; height: auto; width: 100%; vertical-align: middle; }
#menu-superior .MenuPrincipal li { display: inline-block; margin: 0px ! important; padding: 0px ! important; text-align: left; position: relative; font-family: 'Alegreya Sans'}
#menu-superior .MenuPrincipal li a { display: block; padding: 5px 30px; width: auto; }
#menu-superior .MenuPrincipal li a:hover, .MenuSeccion li a:hover {  }
#menu-superior .MenuPrincipal .select {  }
#menu-superior .MenuPrincipal .select:hover {  }
#menu-mobile-button { z-index: 50; cursor: pointer; }
#menu-mobile-button ul { margin-top: 10px; padding: 0px ! important; }
#menu-mobile-button ul li { display: inline-block; vertical-align: middle; }
#menu-mobile-button .iconoMenuBg { width: 43px; height: 40px; padding: 5px; }
#menu-mobile-button ul li a { display: block; height: 100%; width: 100%; background-repeat: no-repeat; }
#menu-mobile .MenuPrincipal { list-style: none outside none; padding: 0px; margin: 0px; font-size: 30px ! important; font-family: Arial,Helvetica,sans-serif ! important; }
#menu-mobile .MenuPrincipal li { padding: 0px; margin: 0px; }
#menu-mobile .MenuPrincipal > li { border-bottom: 1px solid rgb(209, 209, 209); padding-left: 20px; }
#menu-mobile .MenuPrincipal li a { color: rgb(0, 0, 0); display: block; padding: 10px 0px; border-bottom: 1px solid rgb(255, 255, 255); }
#menu-superior .MenuPrincipal { background: linear-gradient(to bottom, rgb(163, 219, 244) 0%, rgb(109, 175, 220) 63%, rgb(72, 152, 206) 100%) repeat scroll 0% 0% transparent; }
#menu-superior .MenuPrincipal li { color: rgb(255, 255, 255); background: linear-gradient(to bottom, rgb(163, 219, 244) 0%, rgb(109, 175, 220) 63%, rgb(72, 152, 206) 100%) repeat scroll 0% 0% transparent; }
#menu-superior .MenuPrincipal li a { border-bottom: 1px solid rgb(64, 160, 213); font-size: 24px; border-right: 1px solid rgb(64, 160, 213); border-left: 1px solid rgb(194, 230, 247); color: rgb(255, 255, 255); }
#menu-superior .MenuPrincipal > li:hover { background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.3); }
#menu-superior .MenuPrincipal .select { background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.3); }
#menu-superior .MenuPrincipal li:hover .select { background: none repeat scroll 0% 0% transparent; }

#header { width: 100%; height: 81px; position: relative; }
#mainnav { width: 980px; margin: auto; padding-top: 10px; }
#foot { position: relative; width: 100%; height: 48px; bottom: 0px; overflow: hidden; display: none;}
#footCont { width: 990px; margin: auto; position: relative; }
#socialFoot { right: 0px; position: absolute; width: 155px; top: -15px; height: 100%; }
.imcentered { vertical-align: middle; }
.header-title-right{float:right; margin-top:0px; margin-right:20px; text-align: right; width:350px;}
.header-title-right h3{font-size:18px; color: rgb(255,255,255); text-transform:uppercase; font-weight:400; margin: 0px;}
.header-title-right p{margin: 0px; color: rgb(255,255,255);}
.header-title-right a{color: #4C4B56;}
#selectLang {float: right; margin-left:20px; display:none;}
#selectLang .menuBut{font-size: 15px;text-decoration: none;text-transform: uppercase;font-weight: 700; font-family: 'Alegreya Sans'}
#selectLang .menuBut:hover, #selectLang .activo{ color:#429E85;}
#selectLang a{color: rgb(255,255,255);font-family: 'Alegreya Sans'; font-size:15px;}

#marco{width:80%; margin: 0px auto; position: relative;}
#aviso_cuenta {width:60%; text-align: center; margin: 40px auto 40px auto; padding:5px; border:2px solid rgb(0,128,0); background-color: rgb(240,255,240);}

#panelbusq {width:100%; height: 48px; position: relative; z-index: 2;}
#panelres {float: right; width:100%; position: relative;}
#panelres h1{font-size:24px; font-weight:400;}
#panelres .reservafinal {width:55%; float: left; margin-top:10px; padding: 0px;}
.habres {float: right; border-left: 1px solid black; padding-left:5px; margin-top:10px;}

#panelcons {}
#panelcons .imagencons{float: left; width:20%}
#panelcons .formacons{float: right; width:75%;}
#panelcons .tercio {float: left; width:33%;}
#panelcons form {}
#panelcons form label {display: block; width:90%}
#panelcons form input[type=text] {
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none;
  margin: 5px 1px 3px 0px;
  padding: 6px; 
  border: 1px solid rgb(204, 204, 204);
  width:90%;
}
#panelcons form input[type=text]:focus  {
  box-shadow: 0 0 5px rgb(168, 234, 215);
  margin: 5px 1px 3px 0px;
  border: 1px solid rgb(168, 234, 215);
}
#panelcons input[type="submit"] { background-color: rgb(99, 202, 168); color: rgb(238, 238, 238); font-weight: 600; text-transform: uppercase; font-size: 11px; padding: 10px 30px; display: inline-block; letter-spacing: 2px; }

#panelformres form {width:60%; float: left;}
#panelformres form:after {clear: both;}
#panelformres form .col {float: left; width: 45%;}
#panelformres form label{display: block; float: left; width:30%; line-height:20px; padding-top: 5px; overflow: hidden;}
#panelformres form input[type=text], #panelformres form textarea, #panelformres form select {
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none;
  margin: 5px 1px 3px 0px;
  padding: 6px; 
  border: 1px solid rgb(204, 204, 204);
  width:60%;
}
#panelformres form input[type=text]:focus, #panelformres form textarea:focus, #panelformres form select:focus  {
  box-shadow: 0 0 5px rgb(168, 234, 215);
  margin: 5px 1px 3px 0px;
  border: 1px solid rgb(168, 234, 215);
}
#panelformres.input#submit, #panelformres form input[type="submit"], #panelformres.input#button, #panelformres form input[type="button"] {margin: 0px 5px 5px 0px; background: none repeat scroll 0% 0% rgb(128, 213, 189); color: rgb(255, 255, 255); text-transform: uppercase; font-size: 12px; line-height: 26px; border: medium none; cursor: pointer; text-align: center;}
#panelformres.input#submit, #panelformres form input[type="submit"]:hover, #panelformres.input#button, #panelformres form input[type="button"]:hover {background:#464650; color:#80d5bd;}

#panelformres .reservafinal {width:60%; float: left; margin-top:10px;}

#panelformres h1{font-size:24px; font-weight:400;}
.reservafinal {margin-left:10px; float: left;}
.pagodecidir {width:45%; float: left;}
.pagopaypal {width:45%; float: right;}
.nota {font-weight: bold; text-align: center; font-size: 1.2em; border: 2px solid red; padding: 10px; background-color: rgb(255,220,220)}
.cartel_texto {line-height:20px; font-size:1.2em; padding-right:10px;}
.datos_texto {line-height:20px; font-size:1.2em; font-weight:bold;}
.aviso_pendiente{ width:95%; margin-top:10px; background-color: rgb(255,0,0); padding:15px 0px 15px 5%; font-size: 1.2em; color: white;}
.aviso_ok{ width:95%; margin-top:10px; background-color: rgb(0,255,0); padding:15px 0px 15px 5%; font-size: 1.2em; color: white;}
.condiciones {margin: 20px 0px 20px 0px; padding: 0px; line-height:10px; font-weight: bold;}

#loginContainer {position: fixed; top:0px; left: 0px; width:100%; height:100%; display: none; background-color: rgba(192,192,192,0.8); z-index: 5;}
#loginBox { position: absolute; top: 30%; left: 35%; width:30%; height:185px; z-index: 5;}
#loginForm {position: relative; width:100%; height:100%; background-color: rgb(46, 88, 166); -moz-border-radius:10px;-webkit-border-radius:10px; border-radius:10px; border: 2px solid white; padding-top:10px;}
#loginForm .botonazul4x {position:absolute; top: -10px; right:-10px; width: 29px; height:29px; background: url('../images/reserva1_cerrar.png') no-repeat center center transparent; color: rgb(255,255,255); text-transform: uppercase; font-size:10px; border: 0px none; font-weight: bold;}
fieldset#body {padding: 10px 13px 5px 13px; margin: 0px auto; width:90%; border: 0px none;}
#loginForm .olvido { width: auto; margin: 1px 9px 0px 0px; float: left; padding: 0px; border: 0px none; font-size: 10px;}
#loginForm #login { width: 72px; height:37px; float: left; color: rgb(255, 255, 255); text-shadow: 0px -1px rgb(39, 141, 184); margin: 0px 12px 0px 0px; cursor: pointer; border: 0px none;}
#loginForm span { text-align: center; display: block; padding: 2px 0px 2px; }
#loginForm span a { color: rgb(255, 255, 255); text-shadow: 1px 1px rgb(58, 69, 77); font-size: 12px;}
.holding {position:relative; overflow:visible; width:100%; text-align: center; font: 15px "Helvetica Neue", Arial,sans-sarif; border: 0px none;}
.holding input{padding:2px 7px 2px 17px; width:90%; height:36px; -moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;margin-bottom:8px;opacity:1!important;}
.holding input:focus+span.holder{opacity:.6;}
.holding .holder {position:absolute; top: 7px; left: 35px; z-index:1; color: #999; line-height:20px; text-shadow:0 1px 0 rgba(255,255,255,0.5);-webkit-transition:opacity .1s,font-size .1s;-moz-transition:opacity .1s,font-size .1s;-o-transition:opacity .1s,font-size .1s; text-align: left;}
.holding input{border:none!important;-webkit-box-shadow:0 -1px 0 rgba(0,0,0,.3),inset 0 1px 2px rgba(0,0,0,.2);-moz-box-shadow:0 -1px 0 rgba(0,0,0,.3),inset 0 1px 2px rgba(0,0,0,.2);box-shadow:0 -1px 0 rgba(0,0,0,.3),inset 0 1px 2px rgba(0,0,0,.2);background-color:white;color:#567792;opacity:.7;-webkit-transition:opacity 1s;-moz-transition:opacity 1s;-o-transition:opacity 1s; background-color: #eeeeee;}
.holding input:focus, .holding input.focused, .holding input.actasfocused{-webkit-box-shadow:0 -1px 0 rgba(0,0,0,.3),inset 0 1px 2px rgba(0,0,0,.1),0 0 10px rgba(255,255,255,.9) -moz-box-shadow:0 -1px 0 rgba(0,0,0,.3),inset 0 1px 2px rgba(0,0,0,.1),0 0 10px rgba(255,255,255,.9);box-shadow:0 -1px 0 rgba(0,0,0,.3),inset 0 1px 2px rgba(0,0,0,.1),0 0 10px rgba(255,255,255,.9);opacity:1;outline:none;}
.holding:hover input{opacity:.9;-webkit-box-shadow:0 -1px 0 rgba(0,0,0,.4),inset 0 1px 2px rgba(0,0,0,.3);-moz-box-shadow:0 -1px 0 rgba(0,0,0,.4),inset 0 1px 2px rgba(0,0,0,.3);box-shadow:0 -1px 0 rgba(0,0,0,.4),inset 0 1px 2px rgba(0,0,0,.3);}

#pagoContainer {position: fixed; top:0px; left: 0px; width:100%; height:100%; display: none; background-color: rgba(192,192,192,0.8); z-index: 5;}
#contactForm { position: absolute; left: 20px; top: 90px; width: 275px;}
#contactForm select { width: 220px; padding: 6px; border: 1px solid rgb(204, 204, 204); }
#contactForm input[type="submit"] { background-color: rgb(99, 202, 168); color: rgb(238, 238, 238); font-weight: 600; text-transform: uppercase; font-size: 11px; padding: 10px 30px; display: inline-block; letter-spacing: 2px; }
#contactForm input[type="submit"]:hover { color: rgb(66, 158, 133); }
#contactForm ul {border: 1px solid red; margin: 0px; padding: 0px; border: 0px none; outline: 0px none; vertical-align: top;}
#contactForm ul li {list-style: none outside none; margin-bottom: 5px;}
#contactForm input[type=radio] {height:30px; float: left; margin-right:5px;}
.page { width: 700px; margin: 30px auto 0px; position: relative; z-index: 3; }
.page .pageHeader { height: 30px; padding: 30px 40px; background-image: url('../images/graybg.png'); }
.page .pageContent { padding: 20px 20px 20px 320px; position: relative; }
.page .pageContent p { font-style: italic; font-size: 14px; color: rgb(49, 48, 61); padding-right: 15px; }
.page .pageContent a { background-color: rgb(99, 202, 168); color: rgb(238, 238, 238); font-weight: 600; text-transform: uppercase; font-size: 11px; padding: 10px 30px; display: inline-block; letter-spacing: 2px; }
.page .pageContent a:hover { color: rgb(66, 158, 133); }
.pageTitle { font-size: 24px; text-transform: uppercase; font-weight: 300; color: rgb(49, 48, 61); margin-bottom: 20px; }
.pageGreenTitle { font-size: 14px; text-transform: uppercase; font-weight: 600; color: rgb(99, 202, 168); margin-top: 3px; }
.imcentered { vertical-align: middle; }
.sectionTitle { font-size: 16px; text-transform: uppercase; font-weight: 700; color: rgb(207, 246, 235); display: inline; }

#error {width:40%; text-align: center; margin: 40px auto 40px auto; padding:20px; border:2px solid red; background-color: rgb(255,240,240);}
.aviso_enlace {margin: 0px auto 10px auto; border: 2px solid red; background-color: rgb(255,240,240); width:40%; text-align: center; padding-top: 10px; padding-bottom:10px; font-size: 1.2em}

#panellogin {position: relative; text-align: left;margin: 0 auto;width: 940px;}
table.login {margin: 5px auto;}
table.login th {padding: 5px 10px 5px 0;vertical-align: top;text-align: right;}
table.login td {}
table.login input.inputtext {width: 250px !important;color: #515348;}
table.login input.public-button {margin: 0;}
table.login select {padding: 3px;color: #515348;}
table.login tr td.separator {padding: 10px 0 10px 0;}
table.login tr td.separator div {border-top: 1px dotted #bbb;height: 0;line-height: 0;font-size: 0;}
table.login span.tipinline {font-size: 0.9em;color: #777;}

.pagination {clear: both; width: 95%; padding: 0px; font-family: Arial; font-size: 12px; height: 30px; margin-left:10px; margin-bottom:20px; text-align: center;}
.pagination a {font-size: 14px; text-decoration: none; color: rgb(64,64,64); padding: 2px 7px; text-transform: uppercase; border: 1px solid}
.pagination a:hover, .pagination a:active {color: rgb(16,16,16)}
.pagination span.current { font-weight: bold; font-size: 16px; text-decoration: none; color: rgb(64, 64, 64); padding: 2px 3px 2px 3px; }

.menbvnda {width:400px; font-size:16px; float: right; text-align:right; margin-right:20px;}
/*
.habitacion {float:left; width:45%; border:1px solid #464650; box-sizing: border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; margin-right:3%; margin-bottom:10px; overflow: hidden;}
.habitacion h2 {font-weight:bold; font-size:12px; color:#80d5bd; text-transform:uppercase; background:#464650; padding: 20px; text-decoration:none; margin-top:0px;}
.habimg {float:left; width:30%; height:120px; margin: 0px 1% 10px 10px;}
.habimg img{width:100%;}
.habdesc {float: right; width:62%; margin-right:3%; text-align: justify; height:60px; overflow: hidden;}
.habdesc p {font-size:12px; color:#464650; line-height:18px;}
.habestadia {text-align: right; padding-right:20px; margin:5px 0px 0px 0px;}
.ribbon {padding: 5px; color: #FFF; text-transform: uppercase; text-align: center; font-family: 'Open Sans', sans-serif; font-weight: 100; margin: 0;}
.ribbon-custom-4 {background-color: #5cb85c; position: relative; z-index: 6;}
.ribbon-custom-4:before, .ribbon-custom-4:after {content: ""; width: 0; height: 0; position: absolute; font-size: 0; line-height: 0; z-index: 5; border-bottom: 0 solid transparent;  border-top: 15px solid transparent;  top: -15px;}
.ribbon-custom-4:before {border-left: 20px solid #3d8b3d; right: 0;}
.ribbon-custom-4:after {border-right: 20px solid #3d8b3d; left: 0;}
.ribbon-custom-4 .ribbon-left {display: block; height: 30px; width: 20px; background-color: #5cb85c; position: absolute; z-index: -1; left: 0px; top: -15px;}
.ribbon-custom-4 .ribbon-right {display: block; height: 30px; width: 20px; background-color: #5cb85c; position: absolute; z-index: -1; right: 0px; top: -15px;}
.habpanel {float:left; width:47%; margin-left:1%;}
.habprecio {text-align: left; margin: 0px; font-size: 1em;}
.habnumprecio {font-weight: bold; text-align: right; font-size: 1.2em;}
.habmodos {width: 100%; color: rgb(70, 70, 80); border-bottom: 1px solid rgb(190, 190, 190); line-height:30px; position: relative;}
.boton_reserva {display: block; position: absolute; right: 5px; top: 0px; background:#80d5bd; color:#fff; font-weight:bold; text-transform:uppercase; font-size:12px; width:100px; height:26px; line-height:26px; border:none; cursor:pointer; text-align:center;}
.boton_reserva:hover {background:#464650; color:#80d5bd;}
.habitacionadic { position: absolute; top: 10px; left:20%; width: 60%; border: 1px solid rgb(70, 70, 80); -moz-box-sizing: border-box; margin-right: 11px; margin-bottom: 10px; background-color: white; display:none;}
.habitacionadic h2 { font-weight: bold; font-size: 12px; color: rgb(128, 213, 189); text-transform: uppercase; background: none repeat scroll 0% 0% rgb(70, 70, 80); padding: 20px; text-decoration: none; margin-top: 0px; }
.habdescadic { float: right; width: 62%; margin-right: 3%; text-align: justify; overflow: hidden; }
.button_small {display:block; text-align: right; margin-right:25px; line-height:20px;}
*/
.habitacion { display: inline-table; width: 48%; border: 1px solid rgb(70, 70, 80); box-sizing: border-box; margin-right: 1%; margin-bottom: 10px;}
.habitacion h2 { font-weight: bold; font-size: 12px; color: rgb(128, 213, 189); text-transform: uppercase; background: none repeat scroll 0% 0% rgb(70, 70, 80); padding: 20px; text-decoration: none; margin-top: 0px; }
.habimg { display: inline-table; width:38%; vertical-align: top; }
.habimg img { width: 100%; }
.habdesc { display: inline-table; width:57%; vertical-align: top; margin-left: 1%;}
.habpanel { width: 95%; margin-left:2% }
.habpanel:after, .habpanel:before{ clear: both; }
.habmodos{ width:100%; display: block; padding:0px 0px 10px 0px; margin-bottom:5px; }
.habmodosnr{ background-color: #DCDCDC;}
.ribbon { padding: 5px; color: rgb(255, 255, 255); text-transform: uppercase; text-align: center; font-family: "Open Sans",sans-serif; font-weight: 100; margin: 0px; }
.ribbon-custom-4 { background-color: rgb(92, 184, 92); position: relative; z-index: 6; }
.ribbon-custom-4:before, .ribbon-custom-4:after { content: ""; width: 0px; height: 0px; position: absolute; font-size: 0px; line-height: 0; z-index: 5; border-bottom: 0px solid transparent; border-top: 15px solid transparent; top: -15px; }
.ribbon-custom-4:before { border-left: 20px solid rgb(61, 139, 61); right: 0px; }
.ribbon-custom-4:after { border-right: 20px solid rgb(61, 139, 61); left: 0px; }
.ribbon-custom-4 .ribbon-left { display: block; height: 30px; width: 20px; background-color: rgb(92, 184, 92); position: absolute; z-index: -1; left: 0px; top: -15px; }
.ribbon-custom-4 .ribbon-right { display: block; height: 30px; width: 20px; background-color: rgb(92, 184, 92); position: absolute; z-index: -1; right: 0px; top: -15px; }
.habpanelpr1{ text-align: right; margin-right:1%;}
.habprecio { text-align: left; margin: 0px; font-size: 1em; }
.habnumprecio { font-weight: bold; text-align: right; font-size: 1.2em; }
.habpanelds {margin: 0px 0px 0px 5px; font-size: 0.85em;}
.boton-reserva { display: inline-table; width:48%; vertical-align: bottom; margin-right:1%; border-bottom: 1px solid rgb(190, 190, 190); }
.boton-reserva p { display:inline-block; margin-left:5%; width:42%}
.boton-reserva a { display:inline-block; margin-right:5%; width:42%; background: none repeat scroll 0% 0% rgb(128, 213, 189); color: rgb(255, 255, 255); font-weight: bold; text-transform: uppercase; font-size: 12px; width: 100px; height: 26px; line-height: 26px; border: medium none; cursor: pointer; text-align: center; margin-left:5%;}
.boton_reserva a:hover { background: none repeat scroll 0% 0% rgb(70, 70, 80); color: rgb(128, 213, 189); }
.button_small { display: block; text-align: right; margin-right: 25px; line-height: 20px; }

.camas{border-bottom: 1px solid black; clear: both; height:120px; width:80%; margin: 15px auto 0px auto;}
.camasnom {display: inline-block; width:45%; float: left; list-style: none outside none;}
.camaspax {display: inline-block; width:45%; float: right; list-style: none outside none;}

.act_sistema { float: right; margin-bottom: 30px; }
#panel_tipos, #panel_camas { margin: 25px auto 0px; height: auto; overflow: hidden; position: relative; width:885px;}
#panel_tipos h1, #panel_camas h1 { margin-left: 10px; }
#panel_tipos .wpsc_variation_forms { display: none ! important; }
.categoria { float: left; padding-bottom: 20px;}
.categoria-desc { font-size: 12px; line-height: 1.7em; color: rgb(120, 119, 119); padding-bottom: 10px; }
a.arrow { float: right; position: absolute; right: 0px; top: 50%; background: url('../images/arrow.png') no-repeat scroll 0% 0% transparent; border: medium none; width: 14px; height: 37px; cursor: pointer; }
li.categoria input[type="submit"] { margin-top: -5px; width: 135px; float: left; display: block; background-position: 0px 0px; margin-top: 20px; font-size: 14px;}

.imagenhab{ width: 230px; float: left; margin-right: 55px; text-align: right;}
.imagenhab img {width: 100%; height:150px;}
#panelformtipos, #panelformusuarios {width:100%;}
#panelformtipos textarea{width:100%; height:60px; clear: both;}
#panelformtipos input#submit, #panelformtipos input[type="submit"], #panelformtipos input#button, #panelformtipos input[type="button"] {float: right; margin-top: 33px;}

.filtros {float: left; width:20%;}
.filtros label {width:85%; margin-top: 5px;}
.lista {float: right; width:75%;}
.usuarios {width:100%; position: relative; border-bottom: 1px solid black; margin-bottom:10px; padding-bottom:10px;}
.forma_usuarios {position: absolute; right:0px; top:0px;}
.texto_usuarios{float: left; width:40%;}

.col3 {float: left; width:45%; margin-left:3%;}
.col4 {float: right; width:45%; margin-right:3%;}
.col3 dt, .col4 dt {width:30%; float: left; margin-bottom: 5px;}
.col3 dd, .col4 dd {width:50%; float: left; margin-bottom: 5px;}
.col3 dd input, .col4 dd input {width:80%;}

#panelformusuarios label {width:200px;}
#panelformusuarios input#submit, #panelformusuarios input[type="submit"], #panelformusuarios input#button, #panelformusuarios input[type="button"] {float: right; margin-top: 33px;}

.styled-select {
   background: url(../images/15xvbd5.png) no-repeat 96% 0;
   height: 29px;
   overflow: hidden;
   width: 100%;
}

.styled-select select {
   background: transparent;
   border: none;
   font-size: 14px;
   height: 29px;
   padding: 5px; /* If you add too much padding here, the options won't show in IE */
   width: 268px;
}

.semi-square {
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
}

.blue    { background-color: rgb(60, 145, 222); }
.blue select    { color: #ffffff; }

.navbar-default { background: linear-gradient(to bottom, rgb(163, 219, 244) 0%, rgb(109, 175, 220) 63%, rgb(72, 152, 206) 100%) repeat scroll 0% 0% transparent !important;}
.navbar-default .navbar-nav > li > a {color: #FFF !important; border-left: 1px solid #FFF;}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { color: #333 !important;  background-color: #e7e7e7;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #555;
    background-color: #2D7DB3;
}

/*
@media only screen and (min-width: 1024px) {
.habitacion {height:400px;}
}
*/

@media only screen and (min-width: 480px) and (max-width: 1024px) {
#header, header, #grayBar, #mainnav, #panelbusq, .panelres {width:100%;}
#header {height:120px;}
#grayBar {height:170px;}
.habitacion {width:100%; margin: 0px 0px 10px 0px;}
.habpanel {float:left; width:98%; margin-left:1%;}
}

@media only screen and (max-width: 480px) {
#header, header, #graybar, #mainnav, #panelbusq , .panelres, #panelformres form, .ancho1, .ancho2 {width:100%;}
#header {background-color: green; height:120px;}
#grayBar {background-color: grey; height:210px;}
#mainnav h3{display: none;}
.menbvnda {clear: both; width:100%; text-align:center; margin: 0px;}
.habitacion {width:100%; margin: 0px 0px 10px 0px;}
.habdesc {display: none;}
.habimg {height:80px;}
.habmodos {margin-top:5px;}
.habpanel {float:left; width:98%; margin-left:1%;}
#panelformres form .col {width:100%;}
#panelformres form input[type=text], #panelformres form textarea, #panelformres form select{width:100%;}
#panelformres form label{width:60%;}
#panelformres .habres {display: none;}
.habres {clear: both; border: 0px; padding:0px}

#panelcons .imagencons{display: none;}
#panelcons .formacons{width:100%;}
#panelcons .tercio {width:100%;}

.page { width: 100%; margin: 0px; position: relative; z-index: 3; height:100%; overflow: auto;}
.page .pageHeader { height: 20px; padding: 10px;}
.page .pageContent { padding: 10px; position: relative; background-color: white;}
#contactForm {position: relative; width:100%; top:-5px;}
#contactForm ul li {margin-bottom: 15px;}
}