/*
Theme Name: Toolbox
Theme URI: http://wordpress.org/extend/themes/toolbox
Author: Automattic
Author URI: http://automattic.com/
Description: A semantic, HTML5, canvas for CSS artists and an ultra-minimal set of super-clean templates for your own WordPress theme development.
Version: 1.4
License: GNU General Public License
License URI: license.txt
Tags: custom-menu, sticky-post, microformats, rtl-language-support, translation-ready, full-width-template, post-formats

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/* =Structure
-------------------------------------------------------------- */
body {margin: 0px; font-family: arial;}
body a {text-decoration: none;}

h4 {font-weight: 300; font-size: 20px;}

#page {display: block;}
#page-container {display: block;  margin-left: auto; margin-right: auto; padding: 10px 20px 60px 20px;}


.entry-title {font-family: 'Roboto', 'Oswald', sans-serif; font-weight: 400;}

#primary {
	float: left;
	width: 100%;
}
#content {
	margin: 0 280px 0 0;
}
#main .widget-area {
	float: right;
	overflow: hidden;
	width: 220px;
}

.banner-ad {max-width: 1000px; margin: 0 auto;}

.banner-ad img {
  max-width: 100%;
  display: block;
  width: auto;
  height: auto;
}


.embed-container {
	position: relative;
	padding-top: 30px;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
	top: 0;
	left: 0;
	width: 100%;
}

.home #cont-ppal {
    float: none;
    width: 63%;
    color: #000;
    margin: auto;
    padding: 0;
}

#lang_sel_list {float: right; width: 280px; font-weight: 400; margin-right: 15px; font-size: 12px;}
#lang_sel_list a {font-size: 12px;}
#lang_sel_list a, #lang_sel_list a:visited {line-height: 16px; color: #555;}

.home #cont-ppal h1 {display: none;}
#cont-ppal {float:left; width: 63%; padding-left: 7%; color: #000;}
#cont-ppal h1, .entry-title {text-transform: uppercase; font-weight: 300;}
#cont-sec {float:left; width: 25%;}
#cont-sec h2 {text-transform: uppercase; font-family: 'Roboto', 'Oswald', sans-serif; border-bottom: 3px solid #555; padding-bottom: 4px;}
#cont-sec ul {font-family: 'Roboto', arial; margin-left: 0px; padding-left: 0px; list-style: none;}
#cont-sec ul li {margin: 10px 0px; padding-bottom: 10px; }
#cont-sec ul li a {padding: 9px 0 9px 9px; margin: 0 16px 0 0; font-size: 14px;	color:#555; text-transform: uppercase;}
#cont-ppal ol li {padding-bottom: 5px;}
.entry-content {font-family: 'Roboto', georgia; line-height: 25px; color: #555; font-size: 16px; line-height: 1.75; color: #555; font-weight: 300;}
.entry-content p {font-family: 'Roboto', sans-serif; font-size: 16px;
line-height: 1.75; color: #555; font-weight: 300;}
.entry-content h2 {font-family: 'Roboto'; font-size: 25px; font-weight: 300;}
.entry-content h3 {font-family: 'Roboto'; font-size: 20px; font-weight: 400;}
.tbtarifas {border-collapse: collapse;}
.tbtarifas th {background: #f7f7f7;}
.tbtarifas th, .tbtarifas td {padding: 4px 10px; border: 1px solid #f7f7f7;}
.prensa img {padding: 0 5px;}
.info-op {width:22%; float: left; margin-right: 1%;}
.photocrati-nextgen_pro_slideshow iframe {margin-top: -30px !important;}
.home .temp-title {display: none;}

#colophon {
	clear: both;
	display: block;
	width: 100%;
}

/* Increase the size of the content area for templates without sidebars */
.full-width #content,
.image-attachment #content,
.error404 #content {
	margin: 0;
}

/* Text meant only for screen readers */
.screen-reader-text,
.assistive-text {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
}

/* Alignment */
.alignleft {
	display: inline;
	float: left;
}
.alignright {
	display: inline;
	float: right;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}


/* =Header
-------------------------------------------------------------- */

#branding {height: 70px; background: #fff;}
.head-container { margin-left: auto; margin-right: auto; position: relative;}
#image-container {max-width: 100%; margin: 0px auto;   position: relative; max-height: 450px; clear:both;}
#himgback {width: 100%; max-width: 1600px; margin-left: auto; margin-right: auto;}
#himgback img {display: block; height:auto; width:100%}
#image-container img {  left: 50%;}
.h-image-container {max-height: 800px !important;}
.temp-title {color: #fff; text-transform: uppercase; margin-left: auto; margin-right: auto; font-family: 'Roboto'; font-weight: 300; position: absolute; bottom: 0%; width:100%; height: 100%;}
.frase-header {margin:0px; font-size: 12px;}
.temp-title h2 {margin:0px; font-weight: 300;}
.hheader {float: left; width: 400px; margin-left:20px; position: absolute; bottom: 5%;}
.hclock {float: right; width: 240px; font-size: 1vw; font-weight: 300; background: url('/wp-content/themes/altiplanicov2/images/back.png'); height: 100%;}
.breadcrumbs {font-size: 12px; color: #000; margin-bottom: 10px; width: 600px; font-weight: bold;}
.breadcrumbs a {font-size: 12px; color: #000; font-weight: normal;}
.logosq {position: absolute; top: 0; left: 0; width: 122px; height: 102px; background: url('/wp-content/themes/altiplanico/images/logo.png') no-repeat center  #fff; z-index: 10;}
.logosq a {display: block; height: 100%; text-indent: -9999px;}
#reservas {margin-left: 30px;}
input#btn-reserva, input#aSearch{background: #E2736A; border: 0px; padding: 6px 10px; margin-top: 10px; color: #fff; font-size: 14px;}
.hclock select {background: #fff; border-radius: 0; border: 0px;}
#resespacio {height: 10%;}
.fechas {width: 150px;}
#resespacio h3 {margin: 10px 0px; padding-left: 30px; padding-bottom: 10px; border-bottom: 1px dotted #fff;}

#site-title {
	max-width: 200px; float: left; margin-left: 20px;
}
#site-title h1 {margin: 14px 0px;}
#site-title h1 a {
	font-size: 30px; font-family: 'Roboto'; font-weight: 300; color: #555; margin: 0px; padding: 0px; line-height: 30px;
}
#site-description {
	font-size: 1em;
	font-weight: normal;
	margin: 0 0 1em;
}


/* =Menu
-------------------------------------------------------------- */

#access {
	background: #fff;
	display: block;
	float: left;
	width: 100%;
}
#access ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
}
#access li {
	float: right;
	position: relative;
}
#access a {
	display: block;
	line-height: 2em;
	padding: 16px 8px;
	text-decoration: none;
	color: #555;
	text-transform: uppercase;
font-family: 'Roboto', 'Oswald', sans-serif;
font-weight: 400;
font-size: 14px;
}
}
#access ul ul {
	display: none;
	float: left;
	position: absolute;
	top: 2em;
	left: 0;
	z-index: 99999;
}
#access ul ul ul {
	left: 100%;
	top: 0;
}
#access ul ul a {
	background: #fff;
	line-height: 1em;
	padding: .5em .5em .5em 1em;
	width: 10em;
	height: auto;
}
#access li:hover > a,
#access ul ul :hover > a {
	background: #f7f7f7;
}
#access ul ul a:hover {
	background: #f7f7f7;
}
#access ul li:hover > ul {
	display: block;
}

#menu-top { height: 32px; background: #f7f7f7;}
.navcont {padding-left: 0px;}
#menu-top ul {margin: 0px; list-style-type: none; list-style: none; float: right;}
#menu-top ul  li {float: left; color: #555; font-size: 12px; padding: 8px 1px;}
#menu-top ul  li a {padding: 8px 5px; color: #555; text-transform: uppercase; font-family: 'Roboto'; }
ul .wpml-ls-menu-item a {display: inline !important;}

#menu-item-2389 {background: #f63f2f; color: #fff;}
#menu-item-2389 a {color: #fff !important; padding-left: 30px; padding-right: 30px; font-weight: 700;}
#menu-item-3744, #menu-item-3745, #menu-item-3746 {background: #E2736A; color: #fff;  width: 210px; text-align: center;}
#menu-item-3744 a, #menu-item-3745 a, #menu-item-3746 a {color: #fff; padding: 16px 0px;}
#menu-item-3744 a:hover, #menu-item-3745 a:hover, #menu-item-3746 a:hover {color: #555;}

/* =Reservas mobile
-------------------------------------------------------------- */
#menu-item-3937, #menu-item-3938, #menu-item-3939, #menu-item-3940, #menu-item-3941, #menu-item-3942, #menu-item-3944, #menu-item-3945, #menu-item-3946, #menu-item-3947, #menu-item-3948, #menu-item-3949 {background: #f63f2f; display:none;}
#menu-item-3937 a, #menu-item-3938 a, #menu-item-3939 a,  #menu-item-3940 a, #menu-item-3941 a, #menu-item-3942 a, #menu-item-3944 a, #menu-item-3945 a, #menu-item-3946 a, #menu-item-3947 a, #menu-item-3948 a, #menu-item-3949 a {color: #fff !important; }

@media screen and (max-width: 600px) {
#menu-item-3937, #menu-item-3938, #menu-item-3939, #menu-item-3940, #menu-item-3941, #menu-item-3942, #menu-item-3944, #menu-item-3945, #menu-item-3946, #menu-item-3947, #menu-item-3948, #menu-item-3949 {display:block;}
#menu-item-3935, #menu-item-3934, #menu-item-3936, #menu-item-1942, #menu-item-1941, #menu-item-1940, #menu-item-1945, #menu-item-1944, #menu-item-1943, #menu-item-2195, #menu-item-2191, #menu-item-2192 {display:none;}
}


/* =Content
-------------------------------------------------------------- */

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.sticky {
}
.entry-meta {
	clear: both;
	display: block;
}
.single-author .entry-meta .byline {
	display: none;
}
#content nav {
	display: block;
	overflow: hidden;
}
#content nav .nav-previous {
	float: left;
	width: 50%;
}
#content nav .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}
#content #nav-above {
	display: none;
}
.paged #content #nav-above,
.single #content #nav-above {
	display: block;
}
#nav-below {
	margin: 1em 0 0;
}
.page-link {
	clear: both;
	margin: 0 0 1em;
}
.page .edit-link {
	clear: both;
	display: block;
}

/* 404 page */
.error404 .widget {
	float: left;
	width: 33%;
}
.error404 .widget .widgettitle,
.error404 .widget ul {
	margin-right: 1em;
}
.error404 .widget_tag_cloud {
	clear: both;
	float: none;
	width: 100%;
}

/* Notices */
.post .notice,
.error404 #searchform {
	background: #eee;
	display: block;
	padding: 1em;
}

/* Image Attachments */
.image-attachment div.entry-meta {
	float: left;
}
.image-attachment nav {
	float: right;
	margin: 0 0 1em 0;
}
.image-attachment .entry-content {
	clear: both;
}
.image-attachment .entry-content .entry-attachment {
	background: #eee;
	margin: 0 0 1em;
	padding: 1em;
	text-align: center;
}
.image-attachment .entry-content .attachment {
	display: block;
	margin: 0 auto;
	text-align: center;
}

/* Aside Posts */
.format-aside .entry-header {
	display: none;
}
.single .format-aside .entry-header {
	display: block;
}
.format-aside .entry-content,
.format-aside .entry-summary {
	padding-top: 1em;
}
.single .format-aside .entry-content,
.single .format-aside .entry-summary {
	padding-top: 0;
}

/* Gallery Posts */
.format-gallery .gallery-thumb {
	float: left;
	margin: 0 1em 0 0;
}

/* Image Posts */
.format-image .entry-header {
	display: none;
}
.single .format-image .entry-header {
	display: block;
}
.format-image .entry-content,
.format-image .entry-summary {
	padding-top: 1em;
}
.single .format-image .entry-content,
.single .format-image .entry-summary {
	padding-top: 0;
}


/* =Images
-------------------------------------------------------------- */

a img {
	border: none;
}
p img {
	margin-bottom: 0.5em; /* a small bottom margin prevents content floating under images */
}
/*
Resize images to fit the main content area.
- Applies only to images uploaded via WordPress by targeting size-* classes.
- Other images will be left alone. Use "size-auto" class to apply to other images.
*/
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img,
.widget-area img,
.wp-caption {
	max-width: 100%; /* When images are too wide for containing element, force them to fit. */
	height: auto; /* Override height to match resized width for correct aspect ratio. */
}
img.alignleft {
	margin-right: 1em;
}
img.alignright {
	margin-left: 1em;
}
.wp-caption {
	padding: .5em;
	text-align: center;
}
.wp-caption img {
	margin: .25em;
}
.wp-caption .wp-caption-text {
	margin: .5em;
}
.gallery-caption {
}
.wp-smiley {
	margin: 0;
}


/* =Forms
-------------------------------------------------------------- */

#searchform label {
	display: none;
}
#searchform input#s {
	width: 60%;
}
input[type=text],
input#s {
	margin: 0 1em 0 0;
	width: 60%;
}
textarea {
	width: 80%;
}

/* Class for labelling required form items */
.required {
	color: #cc0033;
}


/* =Comments
-------------------------------------------------------------- */

article.comment {
	display: block;
}
#respond input[type=text] {
	display: block;
	width: 60%;
}
#respond textarea {
	display: block;
	margin: 0 0 1em;
	width: 80%;
}
#respond .form-allowed-tags {
	clear: both;
	width: 80%;
}
#respond .form-allowed-tags code {
	display: block;
}


/* =Widgets
-------------------------------------------------------------- */

.widget {
	display: block;
}
.widget-area .widget_search {
	overflow: hidden;
}
.widget-area .widget_search input {
	float: left;
}

/* calendario */

#calroot{background-color:#FFF;border:1px solid #eee;font-size:11px;margin-left:-7px;margin-top:6px;padding:2px;width:198px;z-index:10000}
#calhead{height:22px;padding:2px 0}
#caltitle{color:#000;float:left;font-size:11px;line-height:20px;text-align:center;text-transform:uppercase;width:155px}
#calnext,#calprev{background:transparent url(/wp-content/themes/altiplanicov2/images/prev.gif) no-repeat scroll center center;cursor:pointer;display:block;float:left;height:20px;width:20px}
#calnext{background-image:url(/wp-content/themes/altiplanicov2/images/next.gif);float:right}
#calprev.caldisabled,#calnext.caldisabled{visibility:hidden}
#caltitle select{font-size:10px}
#caldays{border-bottom:1px solid #ddd;height:14px}
#caldays span{display:block;float:left;text-align:center;width:28px}
#calweeks{background-color:#fff;margin-top:4px}
.calweek{clear:left;height:22px}
.calweek a{color:#666;display:block;float:left;font-size:11px;height:20px;line-height:20px;margin-left:1px;text-align:center;text-decoration:none;width:27px}
.calweek a:hover,.calfocus{background-color:#ddd}
a.calsun{color:red}
a.caloff{color:#ccc}
a.caloff:hover{background-color:#f5f5fa}
a.caldisabled{background-color:#efefef!important;color:#ccc!important;cursor:default}
#calcurrent{background-color:#e2736a;color:#FFF}
#caltoday{background-color:#333;color:#fff}



/* =Footer
-------------------------------------------------------------- */


#colophon {padding: 1em 0 0;}

#footerpage {width:100%;  }
#footercont {margin: 0px auto; font-family: 'Lato'; clear: both; color: #000;}
#footercont a {color: #000; text-decoration: none; font-weight: 200; font-size: 14px;}
#footercont h2 { font-size: 19px;}
#menu-footer {width:100%; height: 34px; text-align: center; background: #ddd;}
#menu-footer ul {margin: 0px; list-style:none; text-align: center; width:auto; display:inline-block; padding-left: 0px;}
#menu-footer ul li {float: left; padding: 5px 10px;}
#menu-footer ul li a {text-transform: uppercase; padding: 5px 10px; font-weight: 400;}
#info-footer {width:100%; height: 40px; text-align: center; background: #A7A7A7; color: #000; font-weight: 400; font-size: 12px;}
#info-footer p {margin: 0px; line-height: 40px; width: 400px; float: left;}
.logoscont {width: 580px; margin-left: auto; margin-right: auto;}
.logoscont img {margin: 7px 3px;}

#news-footer-cont {width:100%; height: 34px;  padding: 10px 0px; background: #a7a7a7;}
#news-footer {width: 460px; margin-left: auto; margin-right: auto;}
.email-news {width: 240px !important; float: left; }
.mc4wp-form {margin: 0px !important;}
.newstit {float: left; line-height: 34px; margin-right: 10px;}

@media screen and (max-width: 900px) {
.menu-principal-container, .menu-principalpt-container, .menu-principaleng-container {display: none;}
.hclock {display: none;}
}

@media screen and (max-width: 600px) {
#footerpage {display: none;}
.menu-barraprincipal-container, .menu-pcapl-container, .menu-barraprincipalpor-container {display: none;}
#cont-sec {float: left; width: 90%; padding-left: 5%; padding-right: 5%;}
#cont-sec h2 {margin: 0px;}
#cont-sec ul {background: #f7f7f7;  border: 0 solid #ddd; border-width: 0 0 1px 1px;}
#cont-sec ul li {margin: 0px; padding: 2px 5px 6px 5px; border: 0px solid #ddd; border-width: 1px 1px 0 0;}
#cont-sec ul li a {font-size: 12px; font-weight: 400; padding: 5px;}
#cont-ppal {width: 90%; padding: 0 5%;}
#cont-ppal h1 {margin-top: 3px;}
#page-container {padding: 0px;}
.temp-title {display: none;}

}

@media screen and (max-width: 480px) {
#lang_sel_list {width: 100%; float:left;}
#colophon {display: none;}
}
