@charset "utf-8";
/* CSS Document */

*{
	margin: 0px;
	padding: 0px;
}

header, section, footer, aside, nav{
background: -webkit-gradient(linear, center top, center bottom, from(#B9DFF4), to(#fff));
background-image: linear-gradient(#B9DFF4,#fff);
display: block;
border-radius:0.8em;
}


body {text-align: center;}

#seccion{
	
	float: left;
	width: 60%;
	margin: 20px;
	padding: 0.7em;
}
.cabecera {
    background: -webkit-gradient(linear, center top, center bottom, from(#B9DFF4), to(#fff));
	background-image: linear-gradient(#B9DFF4,#fff);
	color: blue;	
	padding: 10px;	
}


.pie {
	clear: both;
	text-align: center;
	padding: 20px;
	border-top: 2px solid #999999;
}
.menu {
padding: 5px 15px;
} 

.menu li {  

list-style : none;
padding: 5px;
font: bold 14px verdana, sans-serif;
}


a:link   
{   
 text-decoration:none;   
}
a:hover{
	color:#009;
	}
.dattext a{
	color: #FFF;
	font-weight: bold;
}
.pn{
	
	font-weight: bold;
}
.columnder,.columnizq{
	float: left;
	width: 14%;
	margin: 20px 0px;
	padding: 20px;
	background: -webkit-gradient(linear, center top, center bottom, from(#B9DFF4), to(#fff));
	background-image: linear-gradient(#B9DFF4,#fff);
	
	
}

.columnizq{
	float: right !important;
}

.galeria{
	display: table;
	table-layout: fixed;
	padding: 0.5em;
	position: relative;
	text-align: center;
	width: 98%;
	background-color: red;
	margin: 0.5em 0;
}

.mapas{
	display: table;
	table-layout: fixed;
	padding: 0.5em;
	position: relative;
	text-align: center;
	width: 98%;
	height: 50%;
	
	margin: 0.5em 0;
}

div.asideder {
	width: 100%;
	margin:0.5em 0;
	text-align: center;
	background-color: #7266ba;
	color: #FFF;
	display: table;
	table-layout: fixed;
	border-radius: 0.5em 0;
	-webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
}

.mayus{
	text-transform: uppercase;
}

.daticon{
	display: table-cell;
	float: none;
	border-radius: 0.5em 0;
	table-layout: fixed;
	vertical-align: middle;
	background-color: #564aa3;
	text-align: center;
	font-size: 25px;
	padding: 8px;
	width: 30%;
	
}

.dattext{
	padding: 8px;
	display: table-cell;
	text-align: center;
	width: 70%;
	cursor: pointer;
}
.dattext2{
	padding: 8px;
	display: table-cell;
	text-align: justify;
	width: 70%;
	cursor: pointer;
}

/*---------------------------------------

	VENTANA MODAL DE LOGEO

-----------------------------------------*/

#signup,#signup2{
	font-family: "Helvetica Neue";
    width: 35%;
    padding-bottom: 2px;
    display:none;
    background: #F0F0F0;
    border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
    box-shadow: 0px 0px 4px rgba(0,0,0,0.7); -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.7); -moz-box-shadow: 0 0px 4px rgba(0,0,0,0.7);      
}

#signup-header { background: url(../img/hd-bg.png); padding: 5%; border-bottom: 1px solid #CCC; border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-right-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; }
#signup-header  h2 { text-align: left; color: #444; font-size: 1.7em;  margin-bottom: 3px; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5); }
#signup .txt-fld { position: relative; width: 90%; padding: 14px 20px; border-bottom: 1px solid #EEE; text-align: right; }
#signup .btn-fld {  width: 70%; overflow: hidden; padding: 12px 20px 12px 130px; }
#signup .txt-fld label { display: block; float: left; width: 25%; padding-top: 8px; color: #222; font-size: 1.3em; text-align: left;  }
#signup .txt-fld input { background: #DEF5E1; width: 70%; padding: 8px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; font-size: 1.2em; color: #222; background: #F7F7F7; font-family: "Helvetica Neue"; outline: none; border-top: 1px solid #CCC; border-left: 1px solid #CCC; border-right: 1px solid #E7E6E6; border-bottom: 1px solid #E7E6E6; }
#signup .txt-fld input:focus { background: #DEF5E1;}

#signup2 .txt-fld { position: relative; width: 90%; padding:0.5em; border-bottom: 1px solid #EEE; text-align: right; }
#signup2 .btn-fld {  width: 70%; overflow: hidden; padding: 12px 20px 12px 130px; }
#signup2 .txt-fld label { display: block; float: left; width: 25%; padding-top: 8px; color: #222; font-size: 1.3em; text-align: left;  }
#signup2 .txt-fld input { background: #DEF5E1; width: 70%; padding: 0.2em; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; font-size: 1.2em; color: #222; background: #F7F7F7; font-family: "Helvetica Neue"; outline: none; border-top: 1px solid #CCC; border-left: 1px solid #CCC; border-right: 1px solid #E7E6E6; border-bottom: 1px solid #E7E6E6; }
#signup2 .txt-fld textarea { background: #DEF5E1; width: 70%; padding: 0.2em; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; font-size: 1.2em; color: #222; background: #F7F7F7; font-family: "Helvetica Neue"; outline: none; border-top: 1px solid #CCC; border-left: 1px solid #CCC; border-right: 1px solid #E7E6E6; border-bottom: 1px solid #E7E6E6; }
#signup2 .txt-fld input:focus { background: #DEF5E1;}



button {
	cursor: pointer;
	float: right;
	font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
	background: #3F9D4A; 
	border: none;
    width: auto;
    overflow: visible;
    font-size: 1.4em;
    color: #FFF;
 	padding: 0.4em;  
 	border-radius: 4px; 
 	-webkit-border-radius: 4px; 
 	-moz-border-radius: 4px; 
 	font-weight: bold; 
 	text-shadow: 0 1px 0 rgba(0,0,0,0.4);
}
        
.modal_close { position: absolute; top: 12px; right: 12px; display: block; width: 5%; height: 14px; background: url(../img/modal_close.png); background-repeat: no-repeat; z-index: 2; }

#lean_overlay {
    position: fixed;
    z-index: 10000;
    top: 0px;
    left: 0px;
    height:100%;
    width:100%;
    background: #000;
    display: none;
}

nav.infor{

	width:98%;
	height:10%;
	padding:0.5em;
	border-radius:0.4em;
	margin:0.5em auto;
}
#city2{
			background: url(../imagen/imghome/ibague3.jpg ) ;
			background-size:98%; 
			background-repeat: no-repeat;
		
	}



@media screen and (max-width: 1200px) { 
	.columnder,.columnizq{
   		width:90%;
	}
	#seccion{
		width:90%;
	}
	#signup,#signup2{
		font-size: 9px;
    	width: 90%;
	}
	#signup .btn-fld { padding: none; float: right; }
	#signup2 .btn-fld { padding: none; float: right; }
	h2{
		font-size: 16px;
	}
	#imgadm{
		width: auto;
		height: 60%
	}
}