/* -------------------------------------------------------------- 

CSS para Hotel Aloha Sol

Por ivan duran olivero

od.soluciones web

ivand@odsoluciones.com   

-------------------------------------------------------------- */

/* reset.css */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}

body {line-height:1.5;}

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

caption, th, td {text-align:left;font-weight:normal;}

table, td, th {vertical-align:middle;}

blockquote:before, blockquote:after, q:before, q:after {content:"";}

blockquote, q {quotes:"" "";}

a img {border:none;}



/* typography.css */

body {font-size:75%;color:#222;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;}

h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}

h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}

h2 {font-size:2em;margin-bottom:0.25em;}

h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}

h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;height:1.25em;}

h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}

h6 {font-size:1em;font-weight:bold;305f89}

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}

.home_tall_box p, .home_box p {margin-left:5px;margin-right:5px;margin-top:0;color:#222;}

.home_tall_box h4, .home_box h4 {margin-left:5px;margin-right:5px;font-weight:bold;margin-top:.5em;margin-bottom:.45em;}

#page_content p {margin:0 1em 1.5em 1em;text-align:justify;}

img.top_img_url {margin:5px 5px 0 5px;}

p {margin:0 0 ;}
.footer p {color:#305f89;font-weight:bold;}
p img {float:left;margin:.75em 1em 1em 0;padding:0;}

p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}

a:focus, a:hover {color:#000;text-decoration:underline;}

a {color:#305f89;text-decoration:none;}

blockquote {margin:1.5em;color:#666;font-style:italic;}

strong {font-weight:bold;}

em, dfn {font-style:italic;}

dfn {font-weight:bold;}

sup, sub {line-height:0;}

abbr, acronym {border-bottom:1px dotted #666;}

address {margin:0 0 1.5em;font-style:italic;}

del {color:#666;}

pre, code {margin:1.5em 0;white-space:pre;}

pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}

li ul, li ol {margin:0 1.5em;}

ul, ol {margin:0 1.5em 1.5em 1.5em;}

ul {list-style-type:disc;}

ol {list-style-type:decimal;}

dl {margin:0 0 1.5em 0;}

dl dt {font-weight:bold;}

dd {margin-left:1.5em;}

table {margin-bottom:1.4em;width:100%;}

th {font-weight:bold;background:#C3D9FF;}

th, td {padding:4px 10px 4px 5px;}

tr.even td {background:#E5ECF9;}

tfoot {font-style:italic;}

caption {background:#eee;}

.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}

.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}

.hide {display:none;}

.quiet {color:#666;}

.loud {color:#000;}

.highlight {background:#ff0;}

.added {background:#060;color:#fff;}

.removed {background:#900;color:#fff;}

.first {margin-left:0;padding-left:0;}

.last {margin-right:0;padding-right:0; color:#666;}

.top {margin-top:0;padding-top:0;}

.bottom {margin-bottom:0;padding-bottom:0;}





/* A container should group all your columns. */

.container, .footer {

  width: 740px;

  padding:10px;
padding-top:5px;
  margin: 0 auto;

  background-color:#fff;

  

}







.container2{
  width: 760px;
  margin: 10px auto 0 auto;
  padding:0;

}

br.clear{height:1px;line-height:1px;}



/* Use this class on any div.span / container to see the grid. */

.showgrid { 

  background: url(src/grid.png); 

}



/* Body margin for a sensile default look. */

body {

  margin:1em 0;
  background-color:#ddd;
  background-repeat:repeat-x;	

}





/* Columns

-------------------------------------------------------------- */



/* Sets up basic grid floating and margin. */

div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10 {float:left;margin-right: 10px;}



/* The last column in a row needs this class. */

div.last { margin-right: 0; }



/* Use these classes to set the width of a column. */

.span-1  { width: 65px;}

.span-2  { width: 140px;}

.span-3  { width: 215px;}

.span-4  { width: 290px;}

.span-5  { width: 420px;}

.span-6  { width: 440px;}

.span-7  { width: 515px;}

.span-8  { width: 590px;}

.span-9  { width: 665px;}

.span-10, div.span-10 { width: 740px; margin: 0; }

.footer .span-5 {width:480px;}

/* Add these to a column to append empty cols. */

.append-1  { padding-right: 75px;}

.append-2  { padding-right: 150px;}

.append-3  { padding-right: 225px;}

.append-4  { padding-right: 300px;}

.append-5  { padding-right: 375px;}

.append-6  { padding-right: 450px;}

.append-7  { padding-right: 525px;}

.append-8  { padding-right: 600px;}

.append-9  { padding-right: 675px;}





/* Add these to a column to prepend empty cols. */

.prepend-1  { padding-left: 75px;}

.prepend-2  { padding-left: 150px;}

.prepend-3  { padding-left: 225px;}

.prepend-4  { padding-left: 300px;}

.prepend-5  { padding-left: 375px;}

.prepend-6  { padding-left: 450px;}

.prepend-7  { padding-left: 525px;}

.prepend-8  { padding-left: 600px;}

.prepend-9  { padding-left: 675px;}



/* Border on right hand side of a column. */

div.border {

  padding-right:4px;

  margin-right:5px;

  border-right: 1px solid #eee;

}



/* Border with more whitespace, spans one column. */

div.colborder {

  padding-right:63px;

  margin-right:60px;

  border-right: 1px solid #eee;

}



/* Use these classes on an element to push it into the 

   next column, or to pull it into the previous column.  */



.pull-1 { margin-left: -75px;}

.pull-2 { margin-left: -150px;}

.pull-3 { margin-left: -225px;}

.pull-4 { margin-left: -300px;}

.pull-5 { margin-left: -375px;}

.pull-6 { margin-left: -450px;}

.pull-7 { margin-left: -525px;}

.pull-8 { margin-left: -600px;}

.pull-9 { margin-left: -675px;}

.pull-10 { margin-left: -750px;}



.pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10 {float:left;position:relative;}





.push-1 { margin: 0 -75px 1.5em 75px;}

.push-2 { margin: 0 -150px 1.5em 150px;}

.push-3 { margin: 0 -225px 1.5em 225px;}

.push-4 { margin: 0 -300px 1.5em 300px;}

.push-5 { margin: 0 -375px 1.5em 375px;}

.push-6 { margin: 0 -450px 1.5em 450px;}

.push-7 { margin: 0 -525px 1.5em 525px;}

.push-8 { margin: 0 -600px 1.5em 600px;}

.push-9 { margin: 0 -675px 1.5em 675px;}

.push-10 { margin: 0 -750px 1.5em 750px;}



.push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10 {float:right;position:relative;}



/* Misc classes and elements

----------------	---------------------------------------------- */



/* Use a .box to create a padded box inside a column.  */ 

.box { 

  padding: 1.5em; 

  margin-bottom: 1.5em; 

  background: #E5ECF9; 

}



/* Use this to create a horizontal ruler across a column. */

hr {

  background: #ddd; 

  color: #ddd;

  clear: both; 

  float: none; 

  width: 100%; 

  height: .1em;

  margin: 0.45em 0 0.45em 0;

  border: none; 

}

hr.space {

  background: #fff;

  color: #fff;

}



/* Clearing floats without extra markup

   Based on How To Clear Floats Without Structural Markup by PiE

   [http://www.positioniseverything.net/easyclearing.html] */



.clearfix:after, .container:after {

    content: "."; 

    display: block; 

    height: 0; 

    clear: both; 

    visibility: hidden;

}

.clearfix, .container {display: inline-block;}

* html .clearfix,

* html .container {height: 1%;}

.clearfix, .container {display: block;}



/* Regular clearing

   apply to column that should drop below previous ones. */



.clear { clear:both; }



/* Layoyut */

#header {height:12	0px;}

#nav {height:3em;border-bottom:1px SOLID #ccc;border-top:1px SOLID #ccc;margin-bottom:.5em;background-image:url(images/nav_bg.gif);background-repeat:repeat-X;}

#main {background-color:#fff;margin-bottom:.5em;height:260px;}

#main_side {height:260px;background-color:#639ec8;background-image:url(images/bg-menu.gif);background-repeat:repeat-y;background-position:top right;}

.home_box {height:210px;background-color:#ddd;padding-bottom:.5em;}
.home_tall_box {height:250px;background-color:#ddd;padding-bottom:.5em;}
.home_tall_box h4, .home_box h4 {text-transform:uppercase;}

.home_tall_box img, .home_box img {margin-left:5px;margin-top:5px;}

#page_content {}

.content_wrapper {background-color:#eee;}

.content_wrapper #main_side {width:210px;margin-top:5px;height:500px;margin-bottom:5px;}

.post {background-color:#fff;border:1px solid #ddd;width:503px;margin-left:5px;MARGIN-TOP:5PX;padding-top:10px;padding-bottom:2em;margin-bottom:5px;}

.post h2 {padding-left:10px;margin-bottom:.25em;}

.post img.tarifario {margin-top:0;}

div.wp-caption {margin-left:1em;margin-right:1em;margin-top:0;margin-bottom:.5em;float:left;padding-right:2px;border:1px solid #ccc; background-color:#eee;}

div.wp-caption img {margin:5px;border:1px solid #fff;padding:0;}

div.wp-caption p.wp-caption-text{margin-bottom:0;padding:0;line-height:1em;}



/*MENU*/

#nav ul{margin:0;padding:0;height:36px;background-position:top left;background-repeat:no-repeat;}
#nav ul li{display:inline;float:left;margin:0;line-height:36px;}
#nav ul li a {border-left:1px solid #eee;border-right:1px solid #ccc;line-height:36px;padding-left:10px;padding-right:10px;display:inline-block;color:#ff9955;font-weight:bold;text-decoration:none;}
#nav ul li a:hover {background-image:url(images/nav_hover_bg.gif);background-repeat:repeat-X;color:#fff;border-left:1px solid #f9981d;border-right:1px solid #faa031;}


/*mainside*/

#main_side ul li.first {border-top:1px solid #305f89;}

#main_side ul {color:#fff;list-style:none;margin-top:1em;margin-left:0;margin-right:0px;border-top:1px solid #305f89;}

#main_side ul li ul {border-top:none;margin-top:0;}

#main_side ul li ul li a {padding-left:10%;text-transform:none;width:90%;font-weight:normal;}

#main_side ul li ul li a:hover {text-decoration:underline;background-color:transparent;}

#main_side ul li {width:100%;line-height:2em;}

#main_side ul li a{text-transform:uppercase;border-bottom:1px solid #305f89;font-weight:bold;padding-left:5%;padding-top:.25em;padding-bottom:.25em;width:95%;display:block;TEXT-Decoration:none;color:#fff;}

#main_side ul li a:hover {background-color:#305f89;}

.current_page_item a {background-color:#305f89;}

li.current_page_item ul li a {background-color:transparent;}

dd.gallery-caption {color:#305f89;font-weight:bold;}