/* ==========================================================================
   Author's custom styles
   ========================================================================== */


body{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0a1e41+0,19447b+100 */
	background: rgb(10,30,65); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(10,30,65,1) 0%, rgba(25,68,123,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(10,30,65,1) 0%,rgba(25,68,123,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(10,30,65,1) 0%,rgba(25,68,123,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a1e41', endColorstr='#19447b',GradientType=0 ); /* IE6-9 */
	min-height: 100vh;
	overflow-x: hidden;
	font-family: Arial, Helvetica, sans-serif;
}
h2,h3{
	font-size: 14px;
	color: #ff9933;
	font-weight: bold;
	margin-top: 10px;
}

ul{
	padding: 0px;
	list-style-type: none;
	margin: 0px;
}
a:hover{
	color: inherit;
}
aside{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ea620c+0,f48600+100 */
	background: rgb(234,98,12); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(234,98,12,1) 0%, rgba(244,134,0,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(234,98,12,1) 0%,rgba(244,134,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(234,98,12,1) 0%,rgba(244,134,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea620c', endColorstr='#f48600',GradientType=0 ); /* IE6-9 */	
	-webkit-box-shadow: 0px 9px 17px 0px rgba(50, 50, 50, 0.59);
	-moz-box-shadow:    0px 9px 17px 0px rgba(50, 50, 50, 0.59);
	box-shadow:         0px 9px 17px 0px rgba(50, 50, 50, 0.59);
	position: relative;
	z-index: 8;
	margin-bottom: 5px;
	padding: 10px 0px;
}
aside *{
	color: #fff;	
}
aside ul li{
	padding: 0px;
	margin: 0px;	
}
aside ul li a{
	text-transform: uppercase;
	font-weight: bold;
	font-family: 'century gothic', sans-serif;
}
aside ul li a:hover{
	color: #940101;
	text-decoration: none;
}
main{
	background: #fff;
	padding: 20px 0px;
}
.nopadding{
	padding: 0px;
}
.caja{
	margin: auto;
	max-width: 960px;
}
.excerpt{
	  display: inline-block;
    float: right;
    width: 49%;    
    margin-right: 174px;
}
.galeria{
  margin-bottom: 15px;
}
.galeria li{
  display: none;
}
.galeria li:first-child{
  display: block;
  text-align: center;
  width: 100%;
  background: gainsboro;
}
.galeria li:first-child a{
  display: block;
  text-align: center;
  width: 100%;
  background: #252525;
  cursor: url(../img/vermas.png), auto;
}
.galeria li:first-child a img{
  max-width: 100%;
}
/* NAVEGACION */
nav{
	border-right: solid thin #999;
}
nav ul li h5{
	border-bottom: solid thin #999;
	padding: 5px 0px;
  margin: 5px;
  font-weight: bold;
}
nav ul li a{
	color: #999;	
}
nav ul li a:hover{
	color: #000;
}
/* submenu */
nav ul li ul{
	padding-left: 30px;
}
nav ul li ul li{
	
}
table{
	width: 100%;
}
td{
	width: 18%;
}
h1{
	color: #ff9933;
  border-bottom: solid thin #999;
  font-size: 18px;
  font-weight: bold;
  margin: 0px;
  padding: 6px 0px;
}
h1 span{
	color: #666;
}
.formulario{
	padding-right: 30%;
	margin: 30px 0px;
}
.formulario input{
	margin: 3px 0px;
}
.ficha{
	font-size: 12px;
}
.gris{
	padding: 5px 0px;
	background: #ccc;
	font-weight: bold;
	margin-top: 10px;
}
.ficha .btn{
	margin-top: 10px;
}
.reservado{
    display: inline-block;
    background: #f15050;
    width: 50%;
    padding: 5px 0px;
    margin: 10px 0px;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: bold;
}

/* SINGLE */
.single h2{
	font-size: 16px;
	border-bottom: solid thin #666;
	padding-bottom: 10px;
	margin-top: 20px;
}
.single h2 span{
	color: #666;
}
.single h5.gris{
	padding: 5px 10px;
}

/* ==========================================================================
   Media Queries
  ========================================================================= */


.tog{
    display: none;
}

/* Large desktops and laptops */
@media (min-width: 1200px) {
    #header{
        nav{
            display: block !important;
        }
    }
}

/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {

}

/* Portrait tablets and small desktops */
@media (min-width: 801px) and (max-width: 991px) {
	
}

/* Landscape phones and portrait tablets */

@media (max-width: 800px) {

}

/* Portrait phones and smaller */
@media (max-width: 480px) { 
	.xs-center{
		text-align: center;
	}
	nav{
		display: none;
	} 
	.formulario{
		padding: 0px;
	} 
  .tog{
    display: inline-block;
  }
}

@media print,
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 1.25dppx),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important; /* Black prints faster:
                                   http://www.sanbeiji.com/archives/953 */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}