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

html, body {
	width:100%;
	height:100%;
}

body {
	margin:0;
	background: #060;
	color:#999;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	min-width:980px;
}


a {
	color:#F90;
	text-decoration:none;
	
}

.oculto {
	display:none;
}

.draggable {
	cursor:move;
}


#background-precarga {
   position: absolute;
   overflow: hidden;
   left: -9999px; 
   top: -9999px;
   height: 1px;
   width: 1px;
}


/*Header */

#distrito {
	margin:0;
	padding:0;
	line-height:0px;
	width:100%;
	background:#000;
	min-height:24px;
}

#idpc {
	margin:0;
	padding:0;
	width:100%;
	line-height:0px;
	background:#c00;
	min-height:47px;
	color:#fff;
	border-bottom:1px solid rgba(0,0,0,0.5);
	
}

a img, a img {
	border:none;
}

#logo {
	margin-left:28px;
	padding-top:5px;
	float:left;
}

#memoria {
	float:right;
	width:300px;
	padding-top:24px;
	font-size:16px;
	text-align:center;
	margin-right:30px;
	text-shadow:#333 1px 1px 3px;
	font-weight:bold;	
}

#memoria a {
	color:#fff;
	text-decoration:none;
}

 /* Wrap */

#wrap {
	height:90%;
	min-height:500px;
	position:relative;
	background:url('images/nv.png') no-repeat left top, url('images/bogota32.jpg') center no-repeat;
	
}



#coleccion {
	position:absolute;
	top:0px;
	right:30px;
	z-index:99;
	width:290px;
	text-align:center;
	font-size:11px;
	padding:5px;
}

#coleccion a {
	background:rgba(0,0,0,0.3);
	border-radius:0 0 5px 5px;
	padding:5px 25px;
	color:#ccc;
	text-decoration:none;
	}
#coleccion a:hover {
	color:#eee;
}


/* Introducción */

#intro {
	position:absolute;
	z-index:99;
	top:40px;
	right:15px;
	width:480px;
	font-size:11px;
	padding:10px;
	color:#ddd;
	text-align:right;
	line-height:16px;
}



/* Navidad */

#navidad {
	position:absolute;
	bottom:5px;
	right:0px;
	width:179px;
	min-height:220px;
	height:220px;
	background:url('images/samper25.png') no-repeat bottom right;
}



/* Marco Principal */

#marco {
	
	position:absolute;
	width:997px;
	min-width:997px;
	height:430px;
	min-height:430px;
	top:20%;
	left:20%;
}


#tranvia {
	position:relative;
	min-height:100%;
	min-width:100%;
	background:url('images/tranv.png') center no-repeat;
	
}

.adviento {
	position:absolute;
}
.adviento:hover{
}

.adviento-on:hover {
	cursor:pointer;
	border-radius:5px;
	background:rgba(0,255,0,0.2) url('images/on.png') no-repeat center top;
}
.adviento-off:hover {
	border-radius:5px;
	background:rgba(255,0,0,0.2) url('images/off.png') no-repeat center top;
}

.adviento-hoy {
	background:url('images/today.png') no-repeat center top;
}

#uno {
	top:218px;
	left:280px;
	min-height:79px;
	min-width:57px;
	width:57px;
}


#dos {
	top:220px;
	left:346px;
	min-height:78px;
	min-width:55px;
	width:55px;
}

#tres {
	top:222px;
	left:408px;
	min-height:80px;
	min-width:45px;
	width:45px;
}

#cuatro {
	top:224px;
	left:460px;
	min-height:80px;
	min-width:43px;
	width:43px;
}

#cinco {
	top:227px;
	left:509px;
	min-height:78px;
	min-width:40px;
	width:40px;
}

#seis {
	top:229px;
	left:552px;
	min-height:74px;
	min-width:41px;
	width:41px;
}

#siete {
	top:229px;
	left:597px;
	min-height:74px;
	min-width:39px;
	width:39px;
}

#ocho {
	top:230px;
	left:639px;
	min-height:75px;
	min-width:45px;
	width:45px;
}

#nueve {
	top:233px;
	left:688px;
	min-height:79px;
	min-width:45px;
	width:45px;
}

 /* Días */
 

 
 /* Egipto */

#egipto {
	position:relative;
	margin-top:20px;
	min-height:99%;
	min-width:100%;	
}

.point {
	position:absolute;
	border-radius:25px;
	background:url('images/point.png') center no-repeat;
	padding:10px;
}
.point:hover {
	background:rgba(0,255,0,0.3) url('images/point.png') center no-repeat;
	cursor:pointer;
	
}

.ruta {
	border:1px dashed #ccc;
	border-radius:15px 0 0 0;
	position:absolute;
}

#point-uno {
	top:70px;
	right:260px;
	min-height:35px;
	min-width:35px;
	width:35px;
}

#dia-uno {
	position:absolute;
	top:75px;
	right:170px;
	width:auto;	
	color:#fff;
	text-shadow:2px 5px 3px #000;
}

#ruta-uno { 
	top:94px;
	right:306px;
	min-height:142px;
	min-width:160px;
	width:160px;
	border-width:1px 0 0 1px;
}


#texto-uno {
	position:absolute;
	top:180px;
	right:190px;
	width:260px;
	text-align:justify;
	color:#ccc;
	padding-top:10px;
	font-size:14px;
}

#tranv-uno {
	bottom:37px;
	left:180px;
	border-width:0 1px 1px 0;
	min-width:280px;
	width:350px;
	height:200px;
	border-radius:0 0 15px 0;
	
}


/* Chapinero */



#chapinero{
	position:relative;
	margin-top:20px;
	min-height:99%;
	min-width:100%;	
}


#point-dos {
	top:140px;
	right:630px;
	min-height:35px;
	min-width:35px;
	width:35px;
}

#dia-dos {
	position:absolute;
	top:145px;
	right:570px;
	width:auto;	
	color:#fff;
	text-shadow:2px 5px 3px #000;
}


#texto-dos {
	position:absolute;
	top:200px;
	right:370px;
	width:260px;
	text-align:justify;
	color:#ccc;
	padding-top:10px;
	font-size:14px;
}

#tranv-dos {
	bottom:37px;
	left:180px;
	border-width:0 1px 1px 0;
	width:155px;
	height:200px;
	border-radius:0 0 15px 0;
	
}

/*San Francisco*/


#sanfrancisco{
	position:relative;
	margin-top:20px;
	min-height:99%;
	min-width:100%;	
}


#point-tres {
	top:120px;
	right:310px;
	min-height:35px;
	min-width:35px;
	width:35px;
}

#dia-tres {
	position:absolute;
	top:125px;
	right:220px;
	width:auto;	
	color:#fff;
	text-shadow:2px 5px 3px #000;
}


#texto-tres {
	position:absolute;
	top:150px;
	right:60px;
	width:260px;
	text-align:justify;
	color:#ccc;
	padding-top:10px;
	font-size:14px;
}

#tranv-tres {
	bottom:37px;
	left:180px;
	border-width:0 1px 1px 0;
	min-width:280px;
	width:475px;
	height:225px;
	border-radius:0 0 15px 0;
	
}


/* Sabana */
#sabana{
	position:relative;
	margin-top:20px;
	min-height:99%;
	min-width:100%;	
}


#point-cuatro {
	top:190px;
	right:990px;
	min-height:35px;
	min-width:35px;
	width:35px;
}

#dia-cuatro {
	position:absolute;
	top:185px;
	right:930px;
	width:auto;	
	color:#fff;
	text-shadow:2px 5px 3px #000;
}



#texto-cuatro {
	position:absolute;
	top:210px;
	right:470px;
	width:260px;
	text-align:justify;
	color:#ccc;
	padding-top:10px;
	font-size:14px;
}

#tranv-cuatro {
	bottom:37px;
	left:60px;
	border-width:1px 1px 1px 0;
	width:170px;
	height:170px;
	border-radius:0 15px 15px 0;
	
}


/* Nieves */
#nieves{
	position:relative;
	margin-top:20px;
	min-height:99%;
	min-width:100%;	
}


#point-cinco {
	top:100px;
	right:330px;
	min-height:35px;
	min-width:35px;
	width:35px;
}

#dia-cinco {
	position:absolute;
	top:105px;
	right:260px;
	width:auto;	
	color:#fff;
	text-shadow:2px 5px 3px #000;
}


#texto-cinco {
	position:absolute;
	top:180px;
	right:70px;
	width:260px;
	text-align:justify;
	color:#ccc;
	padding-top:10px;
	font-size:14px;
}

#tranv-cinco {
	bottom:37px;
	left:180px;
	border-width:0 1px 1px 0;
	width:455px;
	height:245px;
	border-radius:0 0 15px 0;
	
}

/* Fontibon */
#fontibon{
	position:relative;
	margin-top:20px;
	min-height:99%;
	min-width:100%;	
}


#point-seis {
	top:367px;
	right:430px;
	min-height:35px;
	min-width:35px;
	width:35px;
}

#dia-seis {
	position:absolute;
	top:370px;
	right:370px;
	width:auto;	
	color:#fff;
	text-shadow:2px 5px 3px #000;
}


#texto-seis {
	position:absolute;
	top:200px;
	right:170px;
	width:260px;
	text-align:justify;
	color:#ccc;
	padding-top:10px;
	font-size:14px;
}

#tranv-seis {
	bottom:37px;
	left:180px;
	border-width:0 0 1px 0;
	width:340px;
	height:225px;
	
}

/* Teusaquillo */
#teusaquillo {
	position:relative;
	margin-top:20px;
	min-height:99%;
	min-width:100%;	
}


#point-siete {
	top:140px;
	right:505px;
	min-height:35px;
	min-width:35px;
	width:35px;
}

#dia-siete {
	position:absolute;
	top:145px;
	right:440px;
	width:auto;	
	color:#fff;
	text-shadow:2px 5px 3px #000;
}


#texto-siete {
	position:absolute;
	top:200px;
	right:250px;
	width:260px;
	text-align:justify;
	color:#ccc;
	padding-top:10px;
	font-size:14px;
}

#tranv-siete {
	bottom:37px;
	left:180px;
	border-width:0 1px 1px 0;
	width:280px;
	height:200px;
	border-radius:0 0 15px 0;
	
}


/* Bosa */
#bosa {
	position:relative;
	margin-top:20px;
	min-height:99%;
	min-width:100%;	
}


#point-ocho {
	top:367px;
	right:30px;
	min-height:35px;
	min-width:35px;
	width:35px;
}

#dia-ocho {
	position:absolute;
	top:370px;
	right:90px;
	width:auto;	
	color:#fff;
	text-shadow:2px 5px 3px #000;
}



#texto-ocho {
	position:absolute;
	top:220px;
	right:150px;
	width:260px;
	text-align:justify;
	color:#ccc;
	padding-top:10px;
	font-size:14px;
}

#tranv-ocho {
	bottom:37px;
	left:180px;
	border-width:0 0 1px 0;
	width:670px;
	height:225px;
	
}



/* Catedral */
#catedral {
	position:relative;
	margin-top:20px;
	min-height:99%;
	min-width:100%;	
}


#point-nueve {
	top:130px;
	right:260px;
	min-height:35px;
	min-width:35px;
	width:35px;
}

#dia-nueve {
	position:absolute;
	top:135px;
	right:210px;
	width:auto;	
	color:#fff;
	text-shadow:2px 5px 3px #000;
}

#ruta-nueve { 
	top:155px;
	right:306px;
	min-height:10px;
	min-width:260px;
	width:160px;
	border-width:1px 0 0 1px;
}



#texto-nueve {
	position:absolute;
	top:200px;
	right:280px;
	width:260px;
	text-align:justify;
	color:#ccc;
	padding-top:10px;
	font-size:14px;
}

#tranv-nueve {
	bottom:37px;
	left:180px;
	border-width:0 1px 1px 0;
	width:250px;
	height:225px;
	border-radius:0 0 15px 0;
	
}

/* Regresar */

.regresar {
	position:absolute;
	bottom:7px;
	left:40px;
	min-height:67px;
	min-width:127px;
	border-radius:10px;
	background:url('images/tranvre.png') center no-repeat;
}

.regresar:hover {
	cursor:pointer;
	background:rgba(0,0,0,0.3) url('images/tranvre.png') center no-repeat;
	
}


/* Regalos */

#regalos {
	
	position:absolute;
	width:100%;
	min-width:1000px;
	height:90%;
	min-height:500px;
	top:0;
	left:0;
	
}

#close {
	position:absolute;
	z-index:99;
	top:9px;
	right:5px;
	width:20px;
	min-height:20px;
	height:20px;
	border-radius:5px;
	color:#900;
	font-weight:bold;
	text-align:center;
	border:1px #900 solid;
	font-size:18px;
	
}
#close:hover {
	cursor:pointer;
	background:rgba(0,0,0,0.2);
}


#descargar {
	position:absolute;
	width:50px;
	height:50px;
	top:15px;
	right:15px;
	padding:5px;
	border-radius:7px;
}
#descargar:hover {
	background:rgba(0,0,0,0.2);
}

#descargar a img {
	border:none;
}
	

/* Pie */

#bandera {
	position:absolute;
	bottom:5px;
	left:0px;
	font-size:11px
	}
	
	#bandera a {
	color:#ccc;
	text-decoration:none;
	}
	#bandera a:hover {
		color:#eee;
	}
	
#bandera li {
	width:80px;
	color:#ddd;
	text-align:center;
	background:rgba(0,0,0,0.3);
	border-radius:5px;
	padding:5px;
	margin-left:10px;
	display:inline-block;
	cursor:pointer;
}
#bandera li:hover {
	color:#eee;
}
	

#creditos-t {
	position:absolute;	
	color:#eee;
	background:#111;
	margin:0 auto;
	width:960px;
	z-index:105;
	padding:20px;
	height:550px;
	border-radius:0 0 10px 10px;
	box-shadow:0px 20px 20px #000;
}

#creditos-t p {
	line-height:14px;
}


#bandera-idartes {
	width:30%;
	float:left;
	padding:0 10px 0 20px;
	border-right:1px dashed #ccc;
}

#bandera-idpc {
	width:30%;
	float:left;
	padding:0 10px;
}

#bandera-investigacion {
	width:30%;
	float:right;
	padding:0 10px;
}

	
#social {
	position:absolute;
	bottom:5px;
	left:40%;
	width:400px;
	color:#ddd;
	text-align:center;
	font-size:16px;
	color:#fff;
}

.addthis_toolbox {
border:solid 1px #dcdcdc;
padding:10px 0 0;
}


.addthis_button_tweet {
padding-right:10px;
}

.addthis_button_facebook_like {
float:left;
display:block;
}

.addthis_button_facebook_like iframe {
width:110px !important;
}



/* Footer */	

#creditos {
	margin:0;
	padding:0;
	line-height:0px;
	width:100%;
	background:#000;
	min-height:44px;
	font-size:10px;
}

#creditos a {
	text-decoration:none;
	color:#ccc;
}
#creditos a:hover {
	text-decoration:underline;
	color:#ccc;
}

#institutos {
	padding-top:12px;
	margin-left:20px;
	margin-top:10px;
	float:left;
}#desarrollo {
	padding-top:12px;
	margin-right:20px;
	float:right;
}