@charset "utf-8";
/* latin */
@font-face {
  font-family: 'Calibri';
  font-style: italic;
  font-weight: 400;
  src: local('Calibri Italic'), local('Calibri-Italic'), url(https://fonts.gstatic.com/l/font?kit=s6BJz6dd05IaBkVSZYii2ltXRa8TVwTICgirnJhmVJw&skey=36a3d5758e0e2f58&v=v8) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* latin */
@font-face {
  font-family: 'Calibri';
  font-style: italic;
  font-weight: 700;
  src: local('Calibri Bold Italic'), local('Calibri-BoldItalic'), url(https://fonts.gstatic.com/l/font?kit=tglRjQQneep4ISNw_cVZOOgdm0LZdjqr5-oayXSOefg&skey=8b00183e5f6700b6&v=v8) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* latin */
@font-face {
  font-family: 'Calibri';
  font-style: normal;
  font-weight: 400;
  src: local('Calibri'), url(https://fonts.gstatic.com/l/font?kit=YH3ek_qpdaY7ILI-bfzlYQ&skey=a1029226f80653a8&v=v8) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* latin */
@font-face {
  font-family: 'Calibri';
  font-style: normal;
  font-weight: 700;
  src: local('Calibri Bold'), local('Calibri-Bold'), url(https://fonts.gstatic.com/l/font?kit=cCwcoZCh95jEfkePtzfl9_k_vArhqVIZ0nv9q090hN8&skey=cd2dd6afe6bf0eb2&v=v8) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

body {
	background-color:#333333;
	background-color:#06335C;
	background-color:#F6F6F6;
	/* Color del fondo lateral*/
	background-color:#BEBBCC;
	color:#3F3F3F;
	margin:0px;
	font-family: 'Calibri', Arial, Helvetica, sans-serif;
	font-size: 1.4em; 
}

/* Quitar bordes redondeados en IPAD e IPHONE*/
input {
/*    -webkit-appearance: none; */
    border-radius: 4;
}
.center-pills {
    display: flex;
    justify-content: center;
}
.center {
     float: none;
     margin-left: auto;
     margin-right: auto;
}
.inline {
    display:inline-block;
}
h1, h2, h3, h4, h5 {
	color:#000000;
	font-family:ZapfHumnstBTBold, Helvetica, Arial, sans-serif;
	font-family:Calibri, Arial, sans-serif;
}
h1 {
	font-size: 22px;
	font-weight: bold;
}
h2 {
	font-size: 18px;
	font-weight: bold;
}
h3 {
	font-size: 13px;
	font-weight: bold;
}
a {
	color:#1570A6;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
a:visited {
	color:#125E8B;
}
.header {
	width:100%;
	background: #FFFFFF;
	background: #1D3156;
	/* box-shadow: 0px 3px 5px #000000; */
}
.header #estiloweb_logo {
	/* box-shadow: 0px 3px 5px #FFFFFF; */
	background-color:#06335C;
	background-color:#FFFFFF;
	background-color:#1D3156;
	width:960px;
	/* min-height:147px; */
	margin:auto;
	background-image:url("imagenes/fondo_header.jpg");
	background-repeat:repeat-x;
	height:150px;
	/*box-shadow: 0px 3px 5px #FFFFFF;*/
}
.header #estiloweb_logo img {
	margin:15px;
}
.estiloweb_nav {
	/*box-shadow: 0px 3px 5px #FFFFFF;*/
	border-color:#A3ADB8;
	border-style:solid;
	border-right:hidden; 
	border-left:hidden;
	border-width:1px;
	width:960px;
	width:100%;
	height:33px;
	height:35px;
	margin:auto;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #cfd4da 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#cfd4da)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#cfd4da 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#cfd4da 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#cfd4da 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#cfd4da 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cfd4da',GradientType=0 ); /* IE6-9 */
}
.estiloweb_cssmenu {
	width:960px;
	margin:auto;
}
.content {
	width:960px;
	margin:auto;
	background-color:#FFFFFF;
	padding:20px;
	word-wrap: break-word;
	box-shadow: 0px 3px 5px #FFFFFF;
	padding-bottom:20px;
	min-height: 400px;
}
#estiloweb_footer {
	box-shadow: 0px 3px 5px #FFFFFF;
	border-color:#A3ADB8;
	border-style:solid;
	border-right:hidden; 
	border-left:hidden;
	border-width:1px;
	width:960px;
	width:100%;
	height:140;
	margin:auto;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #cfd4da 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#cfd4da)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#cfd4da 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#cfd4da 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#cfd4da 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#cfd4da 100%); /* W3C */
	background: #06335C;
	background: #1D3156;
	color: #FFFFFF;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cfd4da',GradientType=0 ); /* IE6-9 */
	/*
	border-bottom-right-radius:10px;
	border-bottom-left-radius:10px;
	*/
}
#estiloweb_footer div {
	margin:5px;
	text-align:center;
	display:flex;
}
#estiloweb_footer a {
	color:#6B92B2;
}
#estiloweb_footer a:hover {
	color:#01FFE7;
}
.boton_acercade_cc {
	background-image:url('../../medios/imagenes/por_capitalcolombia_com_blanco.png');
	background-repeat:no-repeat;
	display:inline-block;
	vertical-align:middle;
	cursor:pointer;
	text-indent:-9999px;
	background-position:0px 0px;
	margin: auto;
	width: 125px;
	height: 50px;
}
.boton_acercade_cc:hover {
	background-position:-125px 0px;
}
.borde {
	border: 1px solid #dddddd;
	box-shadow: 0 0 3px #eee;
	border-radius: 6px;
}
.oculto_en_pc {
	display:none;
}
.oculto_en_movil {
	display: none !important;
}
.correcto {
	font-size: 26px;
	font-weight: bold;
	text-align: center;
	background-color: #50FF26;
	padding: 5px;
}
.error {
	font-size: 26px;
	font-weight: bold;
	text-align: center;
	background-color:#FF0027;
	color: #E8FF00;
	padding: 5px;
}

/* Recomendaciones del uso de tipo de fuente Calibri */

h1 {
	font-family: Calibri,Arial,Candara,Segoe,Segoe UI,Optima,sans-serif;
	font-size: 24px;
	font-style: normal;
	font-variant: normal;
	font-weight: 500;
	line-height: 26.4px;
}
h3 {
	font-family: Calibri,Arial,Candara,Segoe,Segoe UI,Optima,sans-serif;
	font-size: 14px;
	font-style: normal;
	font-variant: normal;
	font-weight: 500;
	line-height: 15.4px;
}
body {
	font-family: Calibri,Arial,Candara,Segoe,Segoe UI,Optima,sans-serif;
	/* font-size: 14px; */
	font-size: 10pt;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	line-height: 20px;
}
p {
	font-family: Calibri,Arial,Candara,Segoe,Segoe UI,Optima,sans-serif;
	/* font-size: 14px; */
	font-size: 10pt;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	padding:0px;
	margin:0px;
	/* line-height: 20px; */
}
blockquote {
	font-family: Calibri,Arial,Candara,Segoe,Segoe UI,Optima,sans-serif;
	font-size: 21px;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	line-height: 30px;
}
pre {
	font-family: Calibri,Arial,Candara,Segoe,Segoe UI,Optima,sans-serif;
	font-size: 13px;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	line-height: 18.5667px;
}
/* Fin Recomendaciones del uso de tipo de fuente Calibri */


/* @media all and (max-width: 480px) { */
@media all and (max-width: 800px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
	body {
	margin:0px;
	/*
	font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-family:Calibri, Arial;
	*/
	background-color:#333333;
	font-size: 0.8em; /* 461/12 */
	font-size: 1.4em; /* 461/12 */
	}
	img {
		max-width: 100%;
		height: auto;
	}	
	.header #estiloweb_logo {
		background-color:#06335C;
		background-color:#1D3156;
		width:auto;
		margin:auto;
		background-image:url("capital_colombia_imagenes/capital_colombia_fondo_header.jpg");
		height:auto;
		text-align: center;
	}
	.estiloweb_nav {
		width:auto;
		margin:auto;
		height:33px;
		background-color:#F4EFEF;
		border-color:#A3ADB8;
		border-style:solid;
		border-right:hidden; 
		border-left:hidden;
		border-width:1px;
		margin:auto;
	}
	.content {
		width:auto;
		margin:auto;
		background-color:#FFFFFF;
		text-overflow:clip;
		overflow:scroll;
		padding:2.08%;
		padding-bottom:30px;
		min-height: 150px;
	}
	#estiloweb_footer {
		width:auto;
		margin:auto;
		display:block;
		font-size:0.8em;
		border-radius:0px;
	}
	.oculto_en_movil {
		display:none;
	}
	.oculto_en_pc {
		display:inherit;
	}
}
#fondo{display:none;position:fixed;background-color:black;width:100%;left:0px;top:0px;right:0px;bottom:0px;-moz-opacity:0.7;opacity:.7;z-index:1100;}
#popup{display:none;position:absolute;z-index:2000;}
#elpop{width:100%;height:100%;padding:1%;background-color: #FFFFFF;overflow: auto;}
@media(max-width:991.98px){
	#popup{width:98vw;height:98vh;}
}
@media(min-width:992px){
	#popup{width:80vw;height:70vh;}
}
