html,
body {

    /*color: #353535;
    font-family: 'OpenSansRegular', Arial, sans-serif;
    line-height: 18px;*/

    color: #fff;
    font-family: 'OpenSansRegular', Arial, sans-serif;
    line-height: 1.32em;
    font-size: 17px;

    -webkit-font-smoothing		: antialiased;

    height: 100% !important;
  /* The html and body elements cannot have any padding or margin. */
    background-color: #111;

}

a {
    color: #ffffff;
}




a:hover, a:focus {

    text-decoration: underline;

    color: #ffffff;
}

#bbb{

  /*  position: absolute;
    width: 100%;
    height: 236px;
    left: 0px;
    top: 108px;

    background: url(../images/bb2.jpg) repeat no-repeat 117px 36px;*/
}

/* Wrapper for page content to push down footer */
#wrap {

 min-height: 100%;
height: auto;
margin: 0 auto -60px;
padding: 0 0 60px;

}

/* Set the fixed height of the footer here */
#footer {
    height: 90px;
    background-color: #424242;
   /* top: 100%;
    position: absolute;
    width: 100%;*/
}

.form-testimony{

margin: 0 auto;
    padding: 12px;
    width: 500px;

}

#submit-candidatura{
    display: block;
    margin: 0 auto;
}

#seltext{
    margin-top: 120px;
}
.btn-add-comment{
    position: relative;
    z-index: 500;
    background: #5A5A5A;
    border: none;
    font-size: 18px;
    height: 30px;
    padding: 3px 17px;
    float: right;
    color: white;
}
.btn-add-comment:hover{
    color: gray;
}

.btn-add-comment:active, .btn-add-comment.active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.carousel-indicators{z-index: 1000}
.created-by{
    top: 95px;
    right: 94px;
    text-align: center;
    width: 350px;
    color: #FFFFFF;
    text-shadow: 2px 1px 1px black;
    font-size: 21px;
}
.comment{
    position: relative;

    color: #B1B1B1;
    font-weight: bolder;

    width: 100%;
    z-index: 500;
    text-align: center;
}
.comments{
  /*  font-size: 18px;
    color: #727272;*/
    margin: 5px 2px;
}

.input-group-addon{
    background: #FFF;
    border: none;
    border-radius: 0px;
}

.input-group .form-control {
  /*  width: 200px;*/
}


.form-input-wide {
    width: 100% !important;
}


.platos_img{
    height: 240px;

}


h1{font-family: serif}
.bs-header h1 {
color: antiqueWhite;
text-shadow: 0px 10px 35px white;
}

.carousel {

    margin-bottom: 30px;
}

.well{
    background-color: #202020;
    border: 1px solid #3C3C3C;
    border-radius: 0px;
    width: 500px;
    margin: 0 auto;
}

.carousel-control.right {

background-repeat: repeat-x;
    box-shadow: 23px 0px 15px -1px black;
}

.carousel-control span {font-size: 35px;}
.carousel-control.left {

background-repeat: repeat-x;
    box-shadow: -23px 0px 15px -1px black;
}
.carousel-indicators {top: 200px}
.carousel {
height: 330px;
/*padding: 20px;*/
}
.carousel-indicators li {
border: 1px solid #8F1E1E;

}
.carousel-indicators .active {

}

.carousel-inner > .item > img, .carousel-inner > .item > a > img {
     height: 330px;
 }

.direccion-top{
    margin-top: 40px;
    text-align: right;
    position: absolute;
    right: 0px;
    top: 15px;
}

.direccion-top h3{    font-size: 20px;
}

#testimonials-carousel .item{text-align: center}
#testimonials-carousel img{
    margin: 0 auto;
   height: 176px
}


#testimonials-carousel.carousel-control.right {
    background-color:#000000;
    background-repeat: repeat-x;
}

#testimonials-carousel.carousel-control.left {
    background-color:#000000;
    background-repeat: repeat-x;
}

.testimonial-inline-home{
    margin-top: 5px;
}

.xs-small{
    font-size: 10px !important;
}

.big-char{
    font-size: 38px !important;
    line-height: 15px;
    color: #c0c0c0;
    left: -15px;
}

.glip-input{
    font-size: x-large;
    color: #000000;
}

.reserv-input{
height: 40px;

}

.g-input-sm{
    max-width: 250px;
}

.texto_platos_tmb{

}

hr {
    border-top: 1px dashed #C2C2C2;
}

.languages-div {
position: absolute;
right: -77px;
top: 10px;
    z-index: 1000;
}

.popover-title{color: black}
.popover-content{
/*width: 100%;*/
display: inline-block;
    }

.tour-vir span:hover {
    background-color:#FC756F;
    cursor:pointer;
}

#content-tvir a{margin-top: 5px; width: 250px}

.tvirt{
    position: absolute;
    top: 3px;
    left: 50%;

}

.tvirt:hover{
    text-decoration: none !important;
    /*background-color:#FC756F;*/
    cursor:pointer;

}

.social-div {
    position: absolute;
    right: 40%;
    top: 0px;
    z-index: 1000;
    background: transparent;
    padding: 5px 9px;
    border-radius: 0px 0px 2px 3px;
    box-shadow: 2px 2px 12px black;
}

ul.social {
	list-style: none;
	/*margin: 0px;*/
    padding: 0px 101px 0px 0px;
	text-align:center;
}
ul.social > li {
	width:30px;
	height:30px;
	display:inline-block;
	padding:0 2px;
}
ul.social > li a {
	display:block;
	width:30px;
	height:30px;
	overflow:hidden;
	-webkit-transition: background 0.2s;
	-moz-transition: background 0.2s;
	-o-transition: background 0.2s;
	-ms-transition: background 0.2s;
	transition: background 0.2s;
	text-indent:-999px;
    border-right: 1px solid #6D6D6D;
}
ul.social > li a.twitter {
    background: url(../images/twitter.png) no-repeat left top;
}
ul.social > li a.twitter:hover {
    background: url(../images/twitter.png) no-repeat left bottom;
}
ul.social > li a.facebook {
    background: url(../images/facebook.png) no-repeat left top;
}
ul.social > li a.facebook:hover {
    background: url(../images/facebook.png) no-repeat left bottom;
}
ul.social > li a.rss {
    background: url(../images/rss.png) no-repeat left top;
}
ul.social > li a.rss:hover {
    background: url(../images/rss.png) no-repeat left bottom;
}
ul.social > li a.blog {
    background: url(../images/blog.png) no-repeat left top;
}
ul.social > li a.blog:hover {
    background: url(../images/blog.png) no-repeat left bottom;
}

ul.social > li a.skype {
    background: url(../images/skype.png) no-repeat left top;
}
ul.social > li a.skype:hover {
    background: url(../images/skype.png) no-repeat left bottom;
}

ul.social > li a.youtube {
    background: url(../images/youtube.png) no-repeat left top;
}
ul.social > li a.youtube:hover {
    background: url(../images/youtube.png) no-repeat left bottom;
}
ul.social > li a.googleplus {
    background: url(../images/googleplus.png) no-repeat left top;
}
ul.social > li a.googleplus:hover {
    background: url(../images/googleplus.png) no-repeat left bottom;
}
ul.social > li a.vimeo {
    background: url(../images/vimeo.png) no-repeat left top;
}
ul.social > li a.vimeo:hover {
    background: url(../images/vimeo.png) no-repeat left bottom;
}
/* - language - */
ul.social > li a.ico_es {
    background: url(../images/ico_es.png) no-repeat left top;
}
ul.social > li a.ico_es:hover {
    background: url(../images/ico_es.png) no-repeat left bottom;
}
ul.social > li a.ico_en {
    background: url(../images/ico_en.png) no-repeat left top;
}
ul.social > li a.ico_en:hover {
    background: url(../images/ico_en.png) no-repeat left bottom;
}
ul.social > li a.ico_de {
    background: url(../images/ico_de.png) no-repeat left top;
}
ul.social > li a.ico_de:hover {
    background: url(../images/ico_de.png) no-repeat left bottom;
}
ul.social > li a.ico_fr {
    background: url(../images/ico_fr.png) no-repeat left top;
}
ul.social > li a.ico_fr:hover {
    background: url(../images/ico_fr.png) no-repeat left bottom;
}

ul.social > li a.tv_1 {
    background: url(http://www.miradordeaixa.com/resources/images/360_1.png) no-repeat left top;
}
ul.social > li a.tv_1:hover {
    background: url(http://www.miradordeaixa.com/resources/images/360_1.png) no-repeat left bottom;
}

ul.social > li a.tv_2 {
    background: url(../images/360_2.png) no-repeat left top;
}
ul.social > li a.tv_2:hover {
    background: url(../images/360_2.png) no-repeat left bottom;
}

ul.social > li a.tour {
    background: url(../images/tour.png) no-repeat left top;
}
ul.social > li a.tour:hover {
    background: url(../images/tour.png) no-repeat left bottom;
}

ul.grid{
    text-align: center;
}
ul.grid h3{
    color: #3A3535;
    text-shadow: 1px 1px 0px #F77D7D;
}

.grid p {
text-shadow: 0px 0px 10px #5F5F5F;
}



/*!
 * Datepicker for Bootstrap
 *
 * Copyright 2012 Stefan Petre
 * Improvements by Andrew Rowls
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 */
.datepicker {
    padding: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    direction: ltr;
    /*.dow {
          border-top: 1px solid #ddd !important;
      }*/

}
.datepicker-inline {
    width: 220px;
}
.datepicker.datepicker-rtl {
    direction: rtl;
}
.datepicker.datepicker-rtl table tr td span {
    float: right;
}
.datepicker-dropdown {
    top: 0;
    left: 0;
}
.datepicker-dropdown:before {
    content: '';
    display: inline-block;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    position: absolute;
    top: -7px;
    left: 6px;
}
.datepicker-dropdown:after {
    content: '';
    display: inline-block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #ffffff;
    position: absolute;
    top: -6px;
    left: 7px;
}
.datepicker > div {
    display: none;
}
.datepicker.days div.datepicker-days {
    display: block;
}
.datepicker.months div.datepicker-months {
    display: block;
}
.datepicker.years div.datepicker-years {
    display: block;
}
.datepicker table {
    margin: 0;
}
.datepicker td,
.datepicker th {
    text-align: center;
    width: 20px;
    height: 20px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: none;
}
.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
    background-color: transparent;
}
.datepicker table tr td.day:hover {
    background: #eeeeee;
    cursor: pointer;
}
.datepicker table tr td.old,
.datepicker table tr td.new {
    color: #999999;
}
.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
    background: none;
    color: #999999;
    cursor: default;
}
.datepicker table tr td.today,
.datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover {
    background-color: #fde19a;
    background-image: -moz-linear-gradient(top, #fdd49a, #fdf59a);
    background-image: -ms-linear-gradient(top, #fdd49a, #fdf59a);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a), to(#fdf59a));
    background-image: -webkit-linear-gradient(top, #fdd49a, #fdf59a);
    background-image: -o-linear-gradient(top, #fdd49a, #fdf59a);
    background-image: linear-gradient(top, #fdd49a, #fdf59a);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0);
    border-color: #fdf59a #fdf59a #fbed50;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color: #000 !important;
}
.datepicker table tr td.today:hover,
.datepicker table tr td.today:hover:hover,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today.disabled:hover:hover,
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today:hover.disabled,
.datepicker table tr td.today.disabled.disabled,
.datepicker table tr td.today.disabled:hover.disabled,
.datepicker table tr td.today[disabled],
.datepicker table tr td.today:hover[disabled],
.datepicker table tr td.today.disabled[disabled],
.datepicker table tr td.today.disabled:hover[disabled] {
    background-color: #fdf59a;
}
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active {
    background-color: #fbf069 \9;
}
.datepicker table tr td.range,
.datepicker table tr td.range:hover,
.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled:hover {
    background: #eeeeee;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.datepicker table tr td.range.today,
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today.disabled:hover {
    background-color: #f3d17a;
    background-image: -moz-linear-gradient(top, #f3c17a, #f3e97a);
    background-image: -ms-linear-gradient(top, #f3c17a, #f3e97a);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f3c17a), to(#f3e97a));
    background-image: -webkit-linear-gradient(top, #f3c17a, #f3e97a);
    background-image: -o-linear-gradient(top, #f3c17a, #f3e97a);
    background-image: linear-gradient(top, #f3c17a, #f3e97a);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3c17a', endColorstr='#f3e97a', GradientType=0);
    border-color: #f3e97a #f3e97a #edde34;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today:hover:hover,
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today.disabled:hover:hover,
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today:hover.disabled,
.datepicker table tr td.range.today.disabled.disabled,
.datepicker table tr td.range.today.disabled:hover.disabled,
.datepicker table tr td.range.today[disabled],
.datepicker table tr td.range.today:hover[disabled],
.datepicker table tr td.range.today.disabled[disabled],
.datepicker table tr td.range.today.disabled:hover[disabled] {
    background-color: #f3e97a;
}
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active {
    background-color: #efe24b \9;
}
.datepicker table tr td.selected,
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected.disabled:hover {
    background-color: #9e9e9e;
    background-image: -moz-linear-gradient(top, #b3b3b3, #808080);
    background-image: -ms-linear-gradient(top, #b3b3b3, #808080);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b3b3b3), to(#808080));
    background-image: -webkit-linear-gradient(top, #b3b3b3, #808080);
    background-image: -o-linear-gradient(top, #b3b3b3, #808080);
    background-image: linear-gradient(top, #b3b3b3, #808080);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b3', endColorstr='#808080', GradientType=0);
    border-color: #808080 #808080 #595959;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected:hover:hover,
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected.disabled:hover:hover,
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected:hover.disabled,
.datepicker table tr td.selected.disabled.disabled,
.datepicker table tr td.selected.disabled:hover.disabled,
.datepicker table tr td.selected[disabled],
.datepicker table tr td.selected:hover[disabled],
.datepicker table tr td.selected.disabled[disabled],
.datepicker table tr td.selected.disabled:hover[disabled] {
    background-color: #808080;
}
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active {
    background-color: #666666 \9;
}
.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover {
    background-color: #006dcc;
    background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
    background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
    background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
    background-image: -o-linear-gradient(top, #0088cc, #0044cc);
    background-image: linear-gradient(top, #0088cc, #0044cc);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
    border-color: #0044cc #0044cc #002a80;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active:hover.disabled,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active[disabled],
.datepicker table tr td.active:hover[disabled],
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active.disabled:hover[disabled] {
    background-color: #0044cc;
}
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active {
    background-color: #003399 \9;
}
.datepicker table tr td span {
    display: block;
    width: 23%;
    height: 54px;
    line-height: 54px;
    float: left;
    margin: 1%;
    cursor: pointer;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.datepicker table tr td span:hover {
    background: #eeeeee;
}
.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover {
    background: none;
    color: #999999;
    cursor: default;
}
.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover {
    background-color: #006dcc;
    background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
    background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
    background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
    background-image: -o-linear-gradient(top, #0088cc, #0044cc);
    background-image: linear-gradient(top, #0088cc, #0044cc);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
    border-color: #0044cc #0044cc #002a80;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active:hover.disabled,
.datepicker table tr td span.active.disabled.disabled,
.datepicker table tr td span.active.disabled:hover.disabled,
.datepicker table tr td span.active[disabled],
.datepicker table tr td span.active:hover[disabled],
.datepicker table tr td span.active.disabled[disabled],
.datepicker table tr td span.active.disabled:hover[disabled] {
    background-color: #0044cc;
}
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active {
    background-color: #003399 \9;
}
.datepicker table tr td span.old {
    color: #999999;
}
.datepicker th.datepicker-switch {
    width: 145px;
}
.datepicker thead tr:first-child th,
.datepicker tfoot tr:first-child th {
    cursor: pointer;
}
.datepicker thead tr:first-child th:hover,
.datepicker tfoot tr:first-child th:hover {
    background: #eeeeee;
}
.datepicker .cw {
    font-size: 10px;
    width: 12px;
    padding: 0 2px 0 5px;
    vertical-align: middle;
}
.datepicker thead tr:first-child th.cw {
    cursor: default;
    background-color: transparent;
}
.btn-default {
    color: #FFF;
    background-color: #494949;
    border-color: #5C5C5C;
}
.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open .dropdown-toggle.btn-danger {
    color: #fff;
    background-color: #535252;
    border-color: #4c4c4c;
}
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {
    color: #f2f2f2;
    background-color: #474747;
    border-color: #adadad;
}

.bootstrap-timepicker-widget, .datepicker-days {
    color: rgb(0, 0, 0);
}
/*!
 * Timepicker Component for Twitter Bootstrap
 *
 * Copyright 2013 Joris de Wit
 *
 * Contributors https://github.com/jdewit/bootstrap-timepicker/graphs/contributors
 *
 * For the full copyright and license information, please view the LICENSE
 * file that was distributed with this source code.
 */.bootstrap-timepicker{position:relative}.bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu{left:auto;right:0}.bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu:before{left:auto;right:12px}.bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu:after{left:auto;right:13px}.bootstrap-timepicker .add-on{cursor:pointer}.bootstrap-timepicker .add-on i{display:inline-block;width:16px;height:16px}.bootstrap-timepicker-widget.dropdown-menu{padding:2px 3px 2px 2px}.bootstrap-timepicker-widget.dropdown-menu.open{display:inline-block}.bootstrap-timepicker-widget.dropdown-menu:before{border-bottom:7px solid rgba(0,0,0,0.2);border-left:7px solid transparent;border-right:7px solid transparent;content:"";display:inline-block;left:9px;position:absolute;top:-7px}.bootstrap-timepicker-widget.dropdown-menu:after{border-bottom:6px solid #fff;border-left:6px solid transparent;border-right:6px solid transparent;content:"";display:inline-block;left:10px;position:absolute;top:-6px}.bootstrap-timepicker-widget a.btn,.bootstrap-timepicker-widget input{border-radius:4px}.bootstrap-timepicker-widget table{width:100%;margin:0}.bootstrap-timepicker-widget table td{text-align:center;height:30px;margin:0;padding:2px}.bootstrap-timepicker-widget table td:not(.separator){min-width:30px}.bootstrap-timepicker-widget table td span{width:100%}.bootstrap-timepicker-widget table td a{border:1px transparent solid;width:100%;display:inline-block;margin:0;padding:8px 0;outline:0;color:#333}.bootstrap-timepicker-widget table td a:hover{text-decoration:none;background-color:#eee;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;border-color:#ddd}.bootstrap-timepicker-widget table td a i{margin-top:2px}.bootstrap-timepicker-widget table td input{width:25px;margin:0;text-align:center}.bootstrap-timepicker-widget .modal-content{padding:4px}@media(min-width:767px){.bootstrap-timepicker-widget.modal{width:200px;margin-left:-100px}}@media(max-width:767px){.bootstrap-timepicker{width:100%}.bootstrap-timepicker .dropdown-menu{width:100%}}

.bootstrap-timepicker-widget .dropdown-menu{
    left:50%;
}
.bootstrap-timepicker-widget table td input {
    width: 45px;
}

.bootstrap-timepicker {
    display: table;}

.half{
    width: 50%;
    float: right;
}

.image-smenu{
    max-width: 450px;

}

/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */

#wrap > .container {
    padding: 0px 15px 0;
    position: relative;
    z-index: 1;
}

.pager li>a, .pager li>span {
    display: inline-block;
    padding: 16px 28px;
    background-color: #424242;
    border: none;
    border-radius: 0px;
    color: rgb(255, 255, 255);
    box-shadow: 1px 1px 1px black;
    text-shadow: -1px 1px 1px rgb(0, 0, 0);
    font-size: larger;
}
.pager li>a:hover, .pager li>a:focus {
    text-decoration: none;
    background-color: #1A1A1A;
  /*  color: rgb(124, 124, 124);*/
    text-shadow: 1px 1px 1px black;
}

.galeria li>a, .galeria li>span{
    width: 30%;
}
.imgaes img  {
    width: 100%;
}
.imgaes li>a:hover, .imgaes li>a:focus {
    text-decoration: none;
    background-color: transparent;

}

.imgaes li>a, .imgaes li>span {
    display: inline-block;
    padding: 0px;
    background-color: transparent;
    border: none;
    border-radius: 0px;
}

.imgaes li>a, .imgaes li>a {
    text-decoration: none;
    background-color: transparent;

}


.container-esp {
    padding: 14px 0px 0;
}
.white{
    color:#ffffff !important;
}
.container .credit {
  margin: 20px 0;
    text-shadow: 1px 1px 2px black;
    color: white;
}
.btn-danger {
    color: #fff;
    background-color: #6D6D6D;
    border-color: #686868;
}

.credit {

  margin: 17px 0px 0px 0px !important;
}

#footer > .container {
  /*padding: 15px;*/

}

.navbar{
float: right;
margin-right: -30px;
}
.navbar-nav {
margin: 0 auto !important;
position: relative !important;

float: none;


    position: relative;
}

.navbar-default .navbar-nav > li > a {
    color: #efefef;
    text-shadow: 2px 2px 2px black;
    text-transform: uppercase;
    background: none;
    font-weight: 300;
    border-bottom: 1px solid transparent;
}

.navbar-default {
/*background-color: #E6E6E6;
border-color: #E7E7E7;
box-shadow: 0px 1px 10px #020202;*/
}
.navbar-default {
    background-color: transparent;
    border-color: transparent;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {

color: white;
background-color: #111 !important;;
    border-bottom: 2px solid;

text-shadow: none;


}

.navbar-default .navbar-nav > li > a:hover {
    color: #ffffff;
border-bottom: 1px solid;
}

blockquote {
border-left: 4px dashed #C5A8A8;

}
.logan-quote{
    position: absolute;
    padding: 0px 101px;
    margin: 0 0 20px;
    top: 93px;
    color: #B8B8B8;
    font-family: serif;
}
/*

*/

.quot{
font-family: serif;
font-size: 110px;
color: #998078;
line-height: 1px;
margin: -25px 8px 22px 2px;
height: 32px !important;
position: relative;
display: inline-block;
}

.imglogo-foot {
position: absolute;
top: -25px;
border-radius: 45px;
/*box-shadow: 1px 1px 11px 1px black;*/
padding: 6px;
/*background: #ECECEC;*/
border: 2px dashed #D6A8A8;

    background: #A07272;
    box-shadow: 5px 2px 12px;

    background: #FC756F;
    border: none;
    color: #fff;
    display: inline-block;
    padding: 3px 15px;
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
    cursor: pointer;
    margin-right: 4px;
    box-shadow: 1px 1px 1px rgba(0,0,0,0.15);


}

.logobut{
    position: absolute;
    right: 54%;
    top: 33%;
    z-index: 500;
}


.modal-content {
    border: 5px dotted rgba(255, 255, 255, 0.31);
    padding: 20px;
    border-radius: 0px;
-webkit-box-shadow: 0 0px 0px 12px rgba(255, 255, 255, 0.31);
box-shadow: 0 0px 0px 12px rgba(255, 255, 255, 0.31);
    color: #000000;
}


.navbar-brand{
    position: absolute;
    width: 100%;

    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition: -webkit-transform .2s;
    -moz-transition: -moz-transform .2s;
    transition: transform .2s;
    /*position: relative;*/
    width: 300px;
    float: left;
    z-index: 1;
    margin: 0px 50px 40px 0;
    -webkit-perspective: 1800px;
    -moz-perspective: 1800px;
    perspective: 1800px;

    -webkit-font-smoothing: antialiased;
    color: #000;
    font-size: 13px;
    line-height: 20px;
    text-align: justify;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.navbar-brand:hover{

    -webkit-transform: rotate(90deg) translateY(30px);
    -moz-transform: rotate(90deg) translateY(30px);
    transform: rotate(90deg) translateY(30px);

}

.small-behind {
    position: relative;
    top: 44px;
    font-size: 14px;
    margin-left: 15px;
    color: #FC756F;
    width: 138px;
    display: block;
    text-align: center;
}
/*
 hovers
*/
table {
  border-collapse: collapse;
  border-spacing: 0; 
}
ol, ul {
  list-style: none;

}

.grid {
  margin: 0 auto;
  padding: 0;
  width: 100%;
  max-width: 1000px; 
}

.grid li {
  width: 25%;/*10%*/
 /* background: #F3EBEB;*/
  background: #000;
  float: left;
  position: relative;
  overflow: hidden;
}

.grid img {
  float: left;
  width: 100%;
  height: auto;
  position: relative;
  
  -webkit-transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
	 -webkit-transform: translate3d(0,0,0);
}

.grid .info {
  position: absolute;
  width: 100%;
  height: 100%;
  padding: 15px;
  background: transparent;/*#DC584C;*/
  display: none;
  z-index: 2;

  -webkit-transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
	 -webkit-transform: translate3d(0,0,0);
}

.grid p {
  font-size: 14px;
  font-weight: bold;
  color: #FFF;
}

.page-header {
margin: 10px 0 20px;
}

.bs-header {
font-size: 16px;
text-align: center;
text-shadow: 0 1px 0 rgba(0, 0, 0, .15);
font-size: 21px;
text-align: left;

    height: 144px;
}

#logo {
    position: relative;
    z-index: 499;
    height: 163px;
    box-shadow: 10px 0px 22px -6px #141414;
}

.bs-docs-home, .bs-header {
/*color: white;
background-color: #111;
background-image: url(../images/bb.png);
box-shadow: inset 0 -10px 21px #000;*/
}


.carbonad {
position: absolute;
top: 20px;
right: 0;
padding: 15px !important;
width: 330px !important;
min-height: 132px;

margin: 0 !important;
border-radius: 4px;
box-shadow: inset 0 3px 5px rgba(0, 0, 0, .075), 0 1px 0 rgba(255, 255, 255, .1);
}

.text-info-reserv{
    display: inline-block;
    color: white;
}


/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/*
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/

/*
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:url(../images/colorbox/overlay.png) repeat 0 0;}
#colorbox{outline:0;}
#cboxTopLeft{width:21px; height:21px; background:url(../images/colorbox/controls.png) no-repeat -101px 0;}
#cboxTopRight{width:21px; height:21px; background:url(../images/colorbox/controls.png) no-repeat -130px 0;}
#cboxBottomLeft{width:21px; height:21px; background:url(../images/colorbox/controls.png) no-repeat -101px -29px;}
#cboxBottomRight{width:21px; height:21px; background:url(../images/colorbox/controls.png) no-repeat -130px -29px;}
#cboxMiddleLeft{width:21px; background:url(../images/colorbox/controls.png) left top repeat-y;}
#cboxMiddleRight{width:21px; background:url(../images/colorbox/controls.png) right top repeat-y;}
#cboxTopCenter{height:21px; background:url(../images/colorbox/border.png) 0 0 repeat-x;}
#cboxBottomCenter{height:21px; background:url(../images/colorbox/border.png) 0 -29px repeat-x;}
#cboxContent{background:#fff; overflow:hidden;}
.cboxIframe{background:#fff;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{margin-bottom:28px;}
#cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
#cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
#cboxLoadingOverlay{background:url(../images/colorbox/loading_background.png) no-repeat center center;}
#cboxLoadingGraphic{background:url(../images/colorbox/loading.gif) no-repeat center center;}

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

#cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
#cboxPrevious{position:absolute; bottom:0; left:0; background:url(../images/colorbox/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxPrevious:hover{background-position:-75px -25px;}
#cboxNext{position:absolute; bottom:0; left:27px; background:url(../images/colorbox/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxNext:hover{background-position:-50px -25px;}
#cboxClose{position:absolute; bottom:0; right:0; background:url(../images/colorbox/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxClose:hover{background-position:-25px -25px;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}


/*responsive overload css*/

@media screen and (max-width: 399px) {
    .created-by{right: 0%;
        font-size: 20px;}
   .btn-add-comment{ /*right: 2%;*/
        font-size: 18px;}
    .social{right: 35%;
        top: 70px;}
    .small-behind {display: none}

    .languages-div{top:0px; right: 5px}
    .social-div{top: 0px; left: 0px; background: none; padding: 0px; box-shadow: none; text-align: left}
    .logobut {
        left: -10%;
        top: 15%;
        margin-left: 35px;
    }
    .logobut img{width: 110%;}
    

}

@media screen and (max-width: 767px) {

    .bs-header {height:20%;}
    #logo{display:none;}
.navbar-default {
float: none;
}

.navbar-header{
margin-top: 50px;
}

}

@media screen and (max-width: 470px) {
    .logobut img{
      /* width:80%;*/
      margin-top:30px;
    }
    
.languages-div {
display: table;
left: 59%;
z-index: 1001;
position: relative;

}
.navbar-toggle {
top: 31px;
z-index: 100;
}
.social-div {
padding: 0px;
display: inline-table;
}
@media (min-width: 400px) and (max-width: 767px) {
    .created-by{right: 20%;}
   /* .btn-add-comment{right: 22%;}*/

    .logobut {
        right: 0%;
        top: 2%;
        margin: 0 auto;
        position: relative;
    }

    .logobut img{
        margin: 0 auto;
        position: relative;
        top: 45px;
        text-align: center
    }
    .logobut{position: relative!important;right: 0%!important}
}

@media screen and (max-width: 991px) {
    .logan-quote{display: none}


    .logobut {
        position: absolute;
       right: 44%;
        top: 33%;

    }
    .direccion-top{
        display: none;
    }
}

@media screen and (max-width: 1200px) { 
#logo{   display: none;}
}
/*@media screen and (max-width: 1177px) {
   para que se vea mejor el footer en tablets*/
   /* #footer > .container {
        padding: 0px 0px 0px 0px;
    }
    .navbar-fixed-top, .navbar-fixed-bottom {
        position: relative;
    }
    .nav {
        padding-left: 250px;
    }


    /*para que se vea mejor el footer en tablets
}*/

@media screen and (max-height:  500px) {
    .navbar-fixed-top, .navbar-fixed-bottom {
        position: relative;
    }

}

@media (min-width: 768px) and (max-width: 991px) {
    .created-by{right: 24%;}
    .half{width: 100%;}
    .input-group .form-control {
        width: 100%
    }
 /*   .btn-add-comment{right: 22%;}*/

}

@media (min-width: 992px) and (max-width: 1199px) {
    .created-by{right: 12%;}
    /*.btn-add-comment{right: 8%;}*/
    .logobut {
        left: 12%;
        top: 45px;

    }
}

@media (min-width: 1200px) {

}