body{font-family:'Times New Roman'}
.box{background: rgb(253, 253, 253);}
.row{width:885px;margin:0 auto}
.old{width:1060px;padding:0 !important;padding-top:10px!important;}
a:hover{ text-decoration:none}
#logo{width:360px}
#menu{width:700px;float:left}
#menu div{float:left}
#menu div img{transition:all .5s ease}
#menu div p{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:13px;}
#menu div a:hover p{font-weight:bold}
#menu div a:hover img{opacity:.8}
hr{width:100%;clear:both}
.des{width:90%;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:13px;margin:20px auto;}
#cajascont{width:90%;margin:0 auto}
.cajas {width:250px;height:169px;margin:10px auto}
.cajas img{transition:all .5s ease}
.cajas:hover img{opacity:.7}
.cajas p{color:white;background-color:rgba(0,0,0,.8);font-size:14px}
.intro {text-align:center}
.intro h1 {font-family:'Times New Roman';font-size:32px;font-weight:bold;}
#menu2{display:none}
.vis{display:none}

.pie p span{font-weight:bold;font-size:24px;font-family:Verdana, Arial, Helvetica, sans-serif}


/*COmoLlegar*/
.llegar{text-align:left}
.como p{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:13px!important;line-height:normal!important;padding:2% 3%;text-align:left}

/*servicios*/
.servicios{text-align:left;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:15.6px}
.ser{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:18px;text-align:left}

/*Preguntas*/
.preguntas p, .preguntas ul li{text-align:left}
.preguntas a{text-decoration:underline!important}
.lista, .preguntas{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:13px }
.lista li a{text-decoration:underline!important}
.lista li{margin:5px 0}
.ver{font-family:Verdana, Arial, Helvetica, sans-serif;}

/*Galería*/
.item {
    width: 81%;
    margin: 0 auto;
}
.imagen{max-width:25%;float:left}
.pan{max-width:50%!important}
.pan2{max-width:33%!important}

.imagen img{border:1px solid green;margin:1%;max-width:100%;transition:all .5s ease}
.imagen img:hover {
    -webkit-filter: hue-rotate(0deg) contrast(1.2);
	-moz-filter: hue-rotate(0deg) contrast(1.2);
	-o-filter: hue-rotate(0deg) contrast(1.2);
	-ms-filter: hue-rotate(0deg) contrast(1.2);
	filter: hue-rotate(0deg) contrast(1.2);
}
.carousel-control {
    width: 8%;
    filter: alpha(opacity=50);
    opacity: .5;
    background-color: rgb(54, 255, 54);
}


@media screen and (max-width:1059px) {
.row{margin:0 auto;}	
img{max-width:100%!important}	
.old{width:98%;}
#logo{width:30%}
#menu{width:70%}
.pie p{font-size:18px}


}
@media screen and (min-width:668px) and (max-width:1059px){
.row{width:95%;margin:0 auto;}	
img{max-width:100%!important}	
.old{width:100%;}
#logo {width: 300px;margin: 0 auto;float: none!important;}
#menu{float:none;width:700px;margin:0 auto}
#cajascont {width:500px}
@media screen and (min-width:800px) and (max-width:1059px){
#cajascont {width:750px}
}
@media screen and (min-width:1024px){
#logo,#menu {float: left!important;}

}
.cajas {height: 200px;}
.pie p{font-size:18px}	

.llegar h2{font-size:1.5em;text-align:center;margin:-10px auto 0}
}

@media screen and (max-width:479px){
.old{padding-top: 0px!important;margin-top: -10px;}	
#logo {width: 300px;margin: 0 auto;float: none!important;}
#menu{float:none;margin:0 auto;width:312px}
#menu div p {font-size: 10px;}
#menu div {float: left;max-width: 105px;height: 109px;}
#menu div img {transition: all .5s ease;width: 100%;height: 90px;}
.row{width:100%}
.cajas{float:none}
p {font-size:1em}
.intro h1 {font-size: 18px;}
.pie{padding:5px 0}
.pie p span {font-size: 14px;}
.pie img{width:50px;margin-top:10px}
.invi{margin-top: 235px;}
.intro {text-align: center;margin-top: -25px!important;}
.ver{margin-top:20px}
.llegar h2{font-size:1.2em;text-align:center}
.imagen{max-width:33.33%;float:left}
}
@media screen and (min-width:480px) and (max-width:567px){
p {font-size: 1em;}
.row{width:100%}	
#logo {width: 100%;float: none!important;margin: -25px auto 0;}
#logo img{margin: 0 auto;display: block;}
#menu {width: 100%;height: 125px;}
@media screen and (min-width:494px){
#menu {width: 494px;float:none;margin: 0 auto;}	
}
#menu div {float: left;max-width: 17%;}
#menu div p {font-size: 10px;}
#menu div img {transition: all .5s ease; height: 90px;}
.intro h1 {font-size: 18px;margin-top: -10px;}
#cajascont {width: 95%;}
.cajas {width: 50%;height: 169px;margin: 10px auto;float:left}
.cajas p{font-size:13px}
.pie p span {font-size: 14px;}
.pie img{width:50px;margin-top:10px}
.llegar h2{font-size:1.2em;text-align:center;margin:-10px auto}

}

@media screen and (min-width:568px) and (max-width:667px){
p {font-size: 1em;}
#logo {width: 300px;margin: 0 auto;float: none!important;}
#menu {width: 494px;height: 125px;margin: 0 auto;float:none }
#menu div {float: left;}
#menu div p {font-size: 10px;}
#menu div img {transition: all .5s ease; height: 90px;}
.row{width:95%;margin:0 auto;}	
img{max-width:100%!important}	
.old{width:100%;}
#cajascont {width:500px}
.cajas {width: 50%;height: 200px;}
.intro h1 {font-size: 20px;margin-top: -10px;}
.pie p span {font-size: 14px;}
.pie img{width:50px;margin-top:10px}

.llegar h2{font-size:1.3em;text-align:center;margin:-10px auto 0}
}
/*
    .brand {
        display: inherit;
        margin: 0;
        padding: 30px 0 10px;
        text-align: center;
        text-shadow: 1px 1px 2px rgba(vetica Neue",Helvetica,Arial,sans-serif;
        font-size: 5em;
        font-weight: 700;
        line-height: normal;
        color: #fff;
    }

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

    .img-left {
        float: left;
        margin-right: 25px;
    }

    .address-bar {
        display: inherit;
        margin: 0px;
    	padding: 20px 0px;
    	text-align: center;
    	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
    	text-transform: uppercase;
    	font-size: 1.25em;
    	font-weight: 400;
    	letter-spacing: 3px;
    	color: #FBF6F6;
    	/*background-color: rgba(186, 98, 57, 0.5);
		background-color: #2EDB15;

    }

    .navbar {
        border-radius: 0;
    }

    .navbar-header {
        display: none;
    }

    .navbar {
        min-height: 0;
    }

    .navbar-default {
        border: none;
        background: #fff;
        background: rgba(255,255,255,0.9);
    }

    .nav>li>a {
        padding: 5px;
    }

    .navbar-nav>li>a {
        line-height: normal;
    }

    .navbar-nav {
        display: table;
        float: none;
        margin: 0 auto;
        table-layout: fixed;
        font-size: 1.25em;
    }
	.navbar-nav>li a::after{content:' |';color:black}
	.navbar-nav>li:last-child a::after{content:'';}
	.cajas{height:300px}
}
@media screen and (min-width:968px) {
.cajas{height:340px}

}
@media screen and (min-width:1200px) {
    .box:after {
        content: '';
        display: table;
        clear: both;
    }
}

.navbar-default {background-color: white;}
.verde{color:#339900}