#header{
z-index: 9999;
width:100%;
background-color: #000; 
position: fixed;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
top: 0;
width: 100%;
height:57px;
-webkit-box-shadow: 0px 3px 13px 0px rgba(50, 50, 50, 0.8);
-moz-box-shadow:    0px 3px 13px 0px rgba(50, 50, 50, 0.8);
box-shadow:         0px 3px 13px 0px rgba(50, 50, 50, 0.8);
}

#redes{
float:left;
width: 10%;
padding-top: 10px;
}

#redes a img{
padding-left: 0;
padding-right: 10px; 
width: 100%;
max-width: 32px;
float: right;
}

 
#navigation {
list-style:none;
float:left;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
top: 0;
width: 90%;
padding-top:10px;
z-index:9999;
}

#navigation ul {
    margin-left: 10px;
}
#navigation li {
	margin:0px;
	padding:0px; 
	float:left;
	margin-right: 3.5%;

}

#navigation a {
font-size: 14px;
margin-left: 0px;
margin-right: 0px;
color: #00B0BD;
text-decoration: none;
border-bottom: 0px solid #00B0BD;
padding: 0;
transition: 0.5s ease;
border-bottom: 3px solid transparent;    
 }

#navigation a:hover {
border-bottom: 2px solid #00B0BD;
padding: 0;
} 
 
#navigation a.selected {
border-bottom: 2px solid #00B0BD;
padding: 0;
} 
 

/*bases colores*/
#seccionguia{
height: 57px;
}

.basecolor {
   display: table;
   width: 100%;
}
.basecolorcentro {
   display: table-cell;
   text-align: center;
   vertical-align: top;

}
.sombra{
  -webkit-box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.5);
  -moz-box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.5);
  box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.5);
  }


.fondoazul{
background-color:#00B0BD;
}
.fondogris{
background-color:#243038;
}
.fondogrisclaro{
background-color:#E3E3E3;
} 



/*
font-family: 'Josefin Sans', sans-serif;
font-family: 'Abril Fatface', cursive;
 
font-family: 'Montserrat', sans-serif;
*/
html{
transition: all 0.5s ease; 

}


body{
	  letter-spacing: 1px;
	text-align: left;
background: #E3E3E3;
	}
h1{
	font-family: 'Abril Fatface', cursive;
	font-size:55px;
	text-align: left;
		line-height:55px;
color:#fff;
}	
h3{
	font-family: 'Montserrat', sans-serif;
	font-size:27px;
 	text-align: left;
	line-height:55px;
	color:#00B0BD;
}	

h6{
	font-family: 'Montserrat', sans-serif;
	font-size:17px;
 	text-align: left;
	line-height:18px;
	font-weight: 700;
	color:#00B0BD;
}	


p{
	font-family: 'Josefin Sans', sans-serif;
	font-size:17px;
	text-align: left;
		line-height:19px;
		color:#fff;
} 


p:first-child{
	padding-top: 12px;
}

p:last-child{
	padding-bottom: 100px;
}

#titulo h1{
font-family: 'Abril Fatface', cursive;
	font-size:55px;
 	font-weight: 700;
 letter-spacing: 1px;
		line-height:70px;
}


p.pmonserrat{
	font-family: 'Montserrat', sans-serif;
	font-size:17px;
	text-align: left;
		line-height:19px;
			font-weight: 700;
color:#000;
} 
p.pmonserrat a{
text-decoration: none;
} 
p.pmonserrat a:hover{
text-decoration: underline;
} 
/**/
#isologo{
width: 1%;
margin: 5% 0 0 8%;
}
#isologo img{ 
max-width: 512px; 
}

#foto01{
background: url(../images/bogota_dia2.jpg)   top fixed;
background-repeat: no-repeat;
background-size: 100%;
left: 0;
margin: 0;
top: 0;
height: 500px;
width: 100%; 
 
}
	
#foto02{
background: url(../images/bogota_mapa2.png)  top fixed;
   background-repeat: no-repeat ;
/*   background-repeat: repeat-x;
background-repeat: no-repeat ;
*/
background-size: cover;
left: 0;
margin: 0;
top: 0;
 height:600px;
width: 100%; 
 
}
#foto03{
background: url(../images/bogota_noche2.jpg) bottom fixed;
   background-repeat: no-repeat ;
/*   background-repeat: repeat-x;
background-repeat: no-repeat ;
*/
background-size: cover;      


left: 0;
margin: 0;
top: 0;
 height:600px;
width: 100%; 
 
}

#foto04{
background: url(../images/equipo.jpg)  top fixed;
   background-repeat: no-repeat;

 
left: 0;
margin: 0;
top: 0;
 height:455px;
width: 100%; 
 
}

.container {
 
margin: 50px auto 0 auto;
 
}

/* recuadros*/
ul.rig {
margin-top:15px;
	list-style: none;
	font-size: 0px;
	
}
ul.rig li {
	display: inline-block;
margin: 2% 2% 5% 0;
	color:#fff;
	border: 0px solid #ddd;
	font-size: 16px;

	vertical-align: top;

	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
ul.rig li img {
width:100%;
height: auto; 
max-width: 245px;
}
   
/* class for 1 columns */
 

/* class for 3 columns */
ul.rig.columns-3 li {
width: 31.2%;   
}

ul.rig.columns-3 li h6{
margin-left:17px;
 	}

/* mediosrig*/
ul.mediosrig {
margin-top:15px;
	list-style: none;
	font-size: 0px;
	
}
ul.mediosrig li {
	display: inline-block;
margin: 2% 4% 10% 0;
	color:#fff;
	border: 0px solid #ddd;
	font-size: 16px;

	vertical-align: top;

	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}


ul.mediosrig.columns-2 li h6{

	color:#243038;
	}



ul.mediosrig.columns-2 li h6 span{	  
	color:#fff;
	}


/* class for 2 columns */
ul.mediosrig li {
	width: 45.5%;  
}
/* TRNASICIONES HOVER*/
 a{
opacity:1;
transition: 0.5s ease-in-out;
}
a:hover{
opacity:0.8;
}
.verfotos{
	margin:20px 0 0 0;
float:left;
background: #243038;
padding:5px;
	color:#fff;
	font-size: 17px;
	font-weight: 700;
	text-decoration: none;
}
.verfotos a{
  	text-decoration: none;
	color:#fff;
 
}
.verfotos a:hover{
 	color:#00B0BD;
 	text-decoration: none;
}


/* FOOTER*/
#footer{
	color:#fff;
height:150px;
padding-top: 45px;
}

/* footer izq*/
#lurebog{
	margin-bottom: 35px;

	padding-left:50px;	
	float:left;
	border-right: 1px solid #fff;
	text-align: left;
	padding-right: 30px;
}
#lurectg{
margin-bottom: 35px;
		margin-left:30px;	
	float:left;
	border-right: 1px solid #fff;
	text-align: left;

	padding-right: 30px;
}
#luremg{
margin-bottom: 35px;
	padding-left:30px;	
	float:left;
	border-right: 1px solid #fff;
	text-align: left;

	padding-right: 30px;
}
#lurebog a, #lurectg a,#luremg a{
	color:#fff;
	text-decoration: none;
	font-weight: 700;
}
/* footer izq*/

#luremedialogo{
	float:right;
	text-align: left;
}
#infocontacto{
	float:right;
text-align: left;
margin-left:30px;	
margin-right:80px;
	font-weight: 700;
}
.button, button, input[type="submit"], input[type="reset"], input[type="button"] {
color: #fff;
background:#243038;
display: inline-block;
font-size: 16px;
font-weight: bold;
text-decoration: none;
cursor: pointer;
margin-bottom: 20px;
line-height: normal;
width: 150px;
border:0;
}

.button:hover, button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover {
color: #aaa;

}
 

select {
    display: inline-block;
   z-index:2;
}
label {
    position: relative;
    display: inline-block;
}
 .selectcolor{
    background-color: #D5EBEE;
}

/* flecha */
.notIE label:after {
    content: '';
    width: 23px;
    height: 24px;
    position: absolute;
    display: inline-block;
    top: 0px;
    right: 0px;
    z-index:1;

    background: url(../images/flecha.jpg) no-repeat right center white;
 pointer-events: none;
}
form{
	float:right;
	display: table-cell;
	}

#header
{
display:block;
}
		#nav
			{
				display:none;}


		#nav
		{					background-color: #000;
			width: 60em; /* 1000 */
			font-family: 'Montserrat', sans-serif;
			font-weight: 700;
			position: absolute;
			top: 25%;
			left: 50%;
 	font-size: 14px;}

			#nav > a
			{
				display: none;
			}

			#nav li
			{
				position: relative;
			}
				#nav li a
				{
					color: #00B0BD;
					display: block;
				}
				#nav li a:hover
				{font-weight: 700;
					color: #fff;
					background-color: #000;
				}

				#nav li a:active
				{

					
					background-color: #000 !important;
				}

			#nav span:after
			{
				width: 0;
				height: 0;
				border: 0.313em solid transparent; /* 5 */
				border-bottom: none;
				border-top-color: #00B0BD;
				content: '';
				vertical-align: middle;
				display: inline-block;
				position: relative;
				right: -0.313em; /* 5 */
			}

			/* first level */

			#nav > ul
			{
				height: 3.75em; /* 60 */
				background-color: #243038;
			}
				#nav > ul > li
				{
					width: 25%;
					height: 100%;
					float: left;
				}
					#nav > ul > li > a
					{
						text-decoration: none;
						height: 100%;
					 	line-height: 1.5em; /* 60 (24) */
						text-align: center;
					}
						#nav > ul > li:not( :last-child ) > a
						{
							border-right: 1px solid #00B0BD;
						}
						#nav > ul > li:hover > a,
						#nav > ul:not( :hover ) > li.active > a
						{
							background-color: #243038;
						}
 
			


@media only screen and ( max-width: 1330px) /* 1000 */
		{
/*navegacion */
 
#navigation a {
 font-size: 12px;
}
#navigation li {
 margin-right: 1.5%;
}

/* */
}
 
	#luremedialogo, #infocontacto {
display: block;
	}



#infocontacto2{
margin-left:25px;
text-align: left;
font-weight: 700;
margin-top: -17px;
}

#contacto2 {
display: none;
	}


	
@media only screen and ( max-width: 2500px) /* 1000 */
		{
#foto01{
background: url(../images/bogota_dia2.jpg)   top fixed;
background-size: 100%;
}

}



@media only screen and ( max-width: 1500px) /* 1000 */
		{

#foto01{
background: url(../images/bogota_dia2.jpg)   top fixed;
background-size: cover;

}



}


@media only screen and ( max-width: 1220px) /* 1000 */
		{

#luremedialogo, #infocontacto {
display: none;
	}

#contacto2 {
display: block;
	}
}

 


@media only screen and ( max-width: 1150px) /* 1000 */
		{

 #foto04 {
 background-size: 160%;
 height: 300px;
 }


}		


#titulo h3{
color:#243038;
line-height:30px;
}
#titulo h1{
color:#fff;  
font-size:50px;
line-height:50px;
}


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

#navigation a {
 font-size: 10px;
 line-height: 9px;
}
#navigation li {
 margin-right: 1.5%;
}
#redes a img {
padding-top:7px;
max-width: 25px;
}

p.pmonserrat {
font-size: 15px;
}


}


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

#titulo h3{
	font-size:20px;
 
line-height:20px;
}
#titulo h1{ 
font-size:40px;
line-height:40px;
}



}


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

#navigation a {
 font-size: 9px;
 line-height: 9px;
}
p.pmonserrat {
font-size: 12px;
}



}


		@media only screen and ( max-width: 767px )  
		{
p.pmonserrat {
font-size: 14px;
}

form{
	float: none;
}

#lurebog {
padding-left: 30px;
}


#lurebog, #lurectg, #luremg {
	clear:both;
padding-left:150px;
float:none;
border-right: 0px solid #fff;

}

#lurectg{

padding-left:120px;


}
#infocontacto {
margin-bottom:25px;
float:right;
margin-left: 0px; 
margin-right: 0px; 
font-size: 12px;}

#luremedialogo {
float:left;

	}

#luremedialogo img{
width:80%;
}


input, textarea, select {
width: 300px;
}
#navigation {
padding-top: 5px;
	}
#navigation a {
font-size: 12px;
margin-left: 10px;
margin-right: 0.2%;
color: #00B0BD;
text-decoration: none;
border-bottom: 0px solid #00B0BD;
padding: 0;

}
#redes a img {

padding-right: 5px;

max-width: 25px;
}


#header{
display:none;
}
#nav{
display:block;
z-index: 9999;
width:100%;
top: 0;
-webkit-box-shadow: 0px 3px 13px 0px rgba(50, 50, 50, 0.8);
-moz-box-shadow:    0px 3px 13px 0px rgba(50, 50, 50, 0.8);
box-shadow:         0px 3px 13px 0px rgba(50, 50, 50, 0.8);
}


li {
	margin-bottom: 0px; 
}
			html
			{
				font-size: 75%; /* 12 */
			}

			#nav
			{
position: fixed;
				top: 0;
				left: auto;
			}
				#nav > a
				{
					width: 30px; /* 50 */
					height:30px; /* 50 */
					text-align: left;
					text-indent: -9999px;
					background-color: #000;
					position: relative;

background-image: url(../images/menu_icon.png);
				}
					#nav > a:before,
					#nav > a:after
					{
						position: absolute;
 						top: 35%;
						left: 25%;
						right: 25%;
						content: '';
					}
					#nav > a:after
					{
						top: 60%;
					}

				#nav:not( :target ) > a:first-of-type,
				#nav:target > a:last-of-type
				{
					display: block;
				}


			/* first level */

			#nav > ul
			{
				height: auto;
				display: none;
				position: absolute;
				left: 0;
				right: 0;
			}
				#nav:target > ul
				{
					display: block;
				}
				#nav > ul > li
				{
					width: 100%;
					float: none;
				}
					#nav > ul > li > a
					{
						height: auto;
						text-align: left;
						padding: 0 0.833em; /* 20 (24) */
					}
					
					#nav > ul > li > a:hover
					{
					background:#000; }
						#nav > ul > li:not( :last-child ) > a
						{
							border-right: none;
							border-bottom: 1px solid #000;
						}


				/* second level */

				#nav li ul
				{
					position: static;
					padding: 1.25em; /* 20 */
					padding-top: 0;
				}
		}


/* menu mobil*/
@media (max-width: 640px) {
#foto01{
background: url(../images/bogota_dia2.jpg)   top fixed;
background-repeat: no-repeat;
background-size: cover;}



ul.mediosrig.columns-2 li h6 {

font-size: 12px;
}

#isologo img {
max-width: 310px;
}
#foto01 {
height: 200px;
}
#infocontacto {
margin-right: 20px;

}

#luremedialogo {

margin-left: 12px;
}

	ul.grid-nav li {
		display: block;
		margin: 0 0 5px;
	}
	ul.grid-nav li a {
		display: block;
	}
	ul.rig {
		margin-left: 0;
	}
	ul.rig li {
		width: 100% !important; /* over-ride all li styles */
		margin: 0 0 20px;
	}
ul.rig li .icono {
	padding:10% 0 10% 10%;
}


} 


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

 

#infocontacto {
margin-right: 0px;

}

#luremedialogo {

margin-left: 0px;
}


}

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

#infocontacto {
margin-right: 5px;
}


#lurebog, #lurectg, #luremg {
padding-left: 100px;
}


#lurectg {
padding-left: 70px;
}

 
p.pmonserrat {
font-size: 13px;
}

}