.contenido {
    background-color: #fff;
}

.contenido img{
	margin:10px auto;
	clear:both;
	display:block;
	max-width:100%;
}

.navbar-inverse {
    border: none;
    margin: -4px
}

.navbar-inverse .navbar-nav {
    margin-top: 15px
}

.navbar-inverse .navbar-nav>li>a {
    padding: 5px 9px;
    border-radius: 4px;
    color: #DDE4EC;
    background-color: #174071;
    margin: 0 3px;
}

.navbar-inverse .navbar-nav>li>a:focus,
.navbar-inverse .navbar-nav>li>a:hover {
	background-color: #2b6ab8;
	
}

.navbar-inverse .navbar-nav>.open>a,
.navbar-inverse .navbar-nav>.open>a:focus,
.navbar-inverse .navbar-nav>.open>a:hover {
    background-color: #2b6ab8;
}

.navbar-inverse .navbar-nav .dropdown-menu {
    background-color: #2c3e50;
    padding: 0;
    margin-top: -3px;
}

.navbar-form {
    margin-top: -4px;
    width: 200px
}

#footer {
    width: 100%;
    background-color: #12335A;
    margin: 20px 0 0;
    padding: 20px 0 40px;
    color: #fff;
    font-size: 12px
}

#footer hr {
    border-color: gray
}

.ifooter {
    background-color: #153A66;
    padding: 15px;
    display: table;
    width: 100%;
    border-radius: 8px
}


#footer ul {
    margin-top: 10px;
    color: #D0D8E0;
    display: table
}

@media only screen and (max-width :1200px) {
    .buscar {
        display: none
    }
}

@media only screen and (max-width :992px) {
    li.aventura,
    li.centro,
    li.historia {
        display: none
    }
}

@media only screen and (max-width :768px) {
    .destino-i {
        width: 30.65%;
        margin: 10px 1.2%
    }
    li.aventura,
    li.centro,
    li.historia,
    li.regiones,
    li.tours {
        display: inline;
    }

}

@media only screen and (max-width :768px) and (orientation :portrait) {
    li.aventura,
    li.centro,
    li.historia {
        display: none;
    }
	
}

body {
    padding-top: 60px;
    color: #34495e;
    background: #f5f5f5;
    font-family: Roboto, sans-serif;
    font-weight: 300;
}

.cont {
    background-color: #fff;
    border-radius: 5px;
    padding-top: 15px;
}

.cderecha {
    background-color: #FBFBFB;
    border-left: solid 1px #DBDDDF;
    border-radius: 0 5px 5px 0
}

.sugeridas .btn-default, .relacionadas .btn-default, .contenido .btn-default{
margin:0 4% 5% 4%;
width:90%;
}

.sugeridas img, .relacionadas img{
	width:100%;
	margin-bottom:2px;
}

.sugeridas .item, .relacionadas .item{
	margin-bottom:12px;
}

.sugeridas h4, .relacionadas h4 {
    border-bottom: solid 1px #CFD0D1;
    padding-bottom: 3px;
    display: block;
    width: 100%;
    color: #0A2541;
}

.relacionadas ul {
    padding: 0 7px 0 28px;
}

.emerald{background-color:#34AF1C;margin:-18px 0 0;color:#fff;}

.emerald h1{font-size:25px;}

.listado img {
    width: 100%;
    margin: 0 0 10px;
    border: 1px solid #C6D2D0;
    border-radius: 2px
}


.fitem {
    margin: 0 0 25px
}

.temasrel {
    padding: 5px 0 20px;
    border-top: dotted 1px gray;
    display: table;
    clear: both
}


#footer a {
    color: #EBECE6
}

#footer a.btn-default {
    color: #00f
}



.pagecontact {
    background-color: #FEFFDB
}

.headcontact {
    margin-top: 12px;
    border-radius: 8px;
    padding: 12px 8px 4px
}

.headcontact h3 {
    padding: 0;
    margin: 0
}

.headcontactverde {
    background-color: #3C881B
}

.headcontactazul {
    background-color: #1B4488
}

.headcontactnaranja {
    background-color: #D79B32
}


.xplorando {
    background-color: #1D508D;
}

.xplorando a:not(.btn) {
    color: #DDE4EC;
}

.grid-index ul{
	padding:0;
	margin:0;
	list-style-type: none;
}

.grid-index ul li{
	width:31.33%;
	padding:0;
	margin:1%;
	float:left;
	height:320px;
	overflow:hidden;
}
	
.grid-index ul li img{
	width:100%;
	border:1px solid gray;
	border-radius: 6px;
}

.grid-index ul li a h3{
	color:#022a5a;
	font-size:20px;
	margin:8px 0 2px 0;
}

.grid-index .griditem{
	margin:2px 8px;
}

.grid-index ul li a{
	color:black;
	text-decoration:none;
}

.grid-index ul li:hover{
	border-radius: 6px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #214273;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #214273
}

.carousel-container{
	padding:0 2.2%;
	margin: -4px auto 0 auto;
	max-width:1200px;

}

.carousel-container #topcarousel .carousel-foto{
	overflow:hidden;
	width:57%;
	max-height:280px;
	margin:4px 4px;
	float:left;
	position:relative;
}

.carousel-container #topcarousel .carousel-foto img{
	width:100%;
}

.carousel-texto{
	margin: 0 0 0 20px;
	width:36%;
	float:left;
	position:relative;
	color:black;
}

#topcarousel .carousel-texto h2{
	margin-top:20px;
	color:#020262;
}

#topcarousel .carousel-texto .btn-success{
	margin-top:10px;
	width:auto;
}

#topcarousel .carousel-indicators{
	margin-bottom:-10px;
}

@media (max-width:986px){
#topcarousel .carousel-texto .btn-success{display:none;}
#topcarousel .carousel-texto h2{font-size:20px;margin-top:10px;}
.grid-index ul li{width:48%;}
}

@media (max-width:756px){
#topcarousel .carousel-texto h2{font-size:22px;margin-top:30px;}
#topcarousel .introtexto{display:none;}
}

@media (max-width:700px){
.carousel-container #topcarousel .carousel-foto{float:none;width:98.5%;}
.carousel-container #topcarousel .carousel-texto{width:98.5%;text-align:center;margin:0;margin-top:-20px;}
.carousel-container #topcarousel .carousel-texto h2{font-size:18px;}
#topcarousel .carousel-indicators{margin-bottom:35px;}
}

@media (max-width:600px){
.carousel-container #topcarousel .carousel-texto h2{font-size:16px;}
.grid-index ul li{width:98%;}
.grid-index ul li {height:340px;}
}

.separador-frontpage{
	background-color:#662200;
	height:20px;
	max-width:1200px;
	width:100%;
	margin:4px auto -3px auto;
	text-align:center;
	padding:5px 0;
	display:table;
	color:white;
}