@import url("../../../../../media/css/global.min.css");
@import url("../../../../../media/css/highContrast.css");
@import url("../../../../../media/css/textOnly.css");
@import url("print.css");
@import url(https://fonts.googleapis.com/css?family=Raleway:100,300,400,700); /* font-family: 'Raleway', sans-serif; */
@import url("coreGovCo.css");

.carousel-control{
    opacity:1
}
.carousel-control .crl{
    margin-top:50%;
    color:#fff
}
.imgExample{
    width: 100%;
}

.versionPlatform{
    display: none;
}
.sinpadding [class*="col-"] {
   padding: 0;
}

/**** NEW TEMPLATE ***/

body {
	font-family: 'Raleway', sans-serif;
	font-size: 15px;
}
a {color: #215A9A; -webkit-transition: all .25s ease 0s; -moz-transition: all .25s ease 0s; -o-transition: all .25s ease 0s; transition: all .25s ease 0s;}
a:hover {text-decoration: none; -webkit-transition: all .25s ease 0s; -moz-transition: all .25s ease 0s; -o-transition: all .25s ease 0s; transition: all .25s ease 0s;}
#nexura {display: none;}
.azul {color: #215A9A;}
.ui-widget {font-family: 'Raleway', sans-serif;}

/*** HEADER ***/
header {
	background: #FFFFFF;
	position: relative;
	z-index: 99;
	box-shadow: 0px 0px 10px rgba(0,0,0,.25);
	-moz-box-shadow: 0px 0px 10px rgba(0,0,0,.25);
	-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.25);
	top: -21px;
}

#brand {padding: 15px 0; overflow: hidden; height: inherit;}
#brand h1 {display: none;}
header .logo, header .logo-gob {
	display: block;
	text-indent: -9999px;
	float: left;
	background-size: auto 100% !important;
	/*Se  adiciona*/
	color: transparent;
	font-size: 0px;
}
header .logo {
	/*background: url(../img/logo-alcaldia.png) no-repeat;*/
	width: 95px;
	height: 73px;
	margin-right: 10px;
}
header .logo-gob {
	/*background: url(../img/logo-gobierno.png) no-repeat;*/
	width: 99px;
	height: 73px;
	margin-right: 15px;
}

header .navbar {margin-bottom: 0;}
header .navbar-default {background: #FFFFFF; border: none;}
header .navbar-default .navbar-collapse, .navbar-default .navbar-form {border: none;}


/*** TOOLS ***/
#menu-tools {clear: both;}
#menu-tools > div {
	display: block;
	float: left;
	margin-left: 10px;
}
#menu-tools > div:first-child {margin-left: 0px;}

.fecha-actualizacion {
	color: #636363;
	font-size: 0.857em;
	padding: 6px 10px 6px 0;
	margin-top: 6px;
	border-right: 1px solid rgba(0,0,0,.1);
}

.tagline {
	color: #959595;
	line-height: 2.5em;
	font-weight: 300;
}
.socialnetworks .tagline {margin-right: 10px;}

.socialnetworks {}
.socialnetworks ul {
	padding: 0;
	margin: 0;
}
.socialnetworks ul li, .socialnetworks li.icon {
	list-style: none;
	display: inline-block;
	margin-left: 1px;
}
.socialnetworks ul li a, .socialnetworks li.icon a {
	color: #898989;
	border-top: 3px solid #215A9A;
	width: 40px;
	height: 37px;
	display: block;
	text-align: center;
	
    transition: all 0.25s;
    -moz-transition: all 0.25s;
    -webkit-transition: all 0.25s;
}
.socialnetworks li.icon a {padding: 0;}
.socialnetworks ul li a span.icon, .socialnetworks li.icon a span.icon {
	font-size: 1.5em;
	line-height: 1.5em;
}
.socialnetworks ul li a span.text, .socialnetworks li.icon a span.text {display: none;}
.socialnetworks ul li a:hover, .socialnetworks li.icon a:hover {
	color: #FFFFFF;
	background: #215A9A;
	border-color: rgba(0,0,0,.15);
	
    transition: all 0.25s;
    -moz-transition: all 0.25s;
    -webkit-transition: all 0.25s;
}

.socialnetworks ul li.facebook a, .socialnetworks li.icon.facebook a {border-color: #3B5998;}
.socialnetworks ul li.twitter a, .socialnetworks li.icon.twitter a {border-color: #55ACEE;}
.socialnetworks ul li.youtube a, .socialnetworks li.icon.youtube a {border-color: #CC181E;}
.socialnetworks ul li.instagram a, .socialnetworks li.icon.instagram a {border-color: #833AB4;}

.socialnetworks ul li.facebook a:hover, .socialnetworks li.icon.facebook a:hover {background-color: #3B5998; border-color: rgba(0,0,0,.2);}
.socialnetworks ul li.twitter a:hover, .socialnetworks li.icon.twitter a:hover {background-color: #55ACEE; border-color: rgba(0,0,0,.2);}
.socialnetworks ul li.youtube a:hover, .socialnetworks li.icon.youtube a:hover {background-color: #CC181E; border-color: rgba(0,0,0,.2);}
.socialnetworks ul li.instagram a:hover, .socialnetworks li.icon.instagram a:hover {background: #f09433; 
background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); 
background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 ); border-color: rgba(0,0,0,.2);}

.options a, .socialnetworks li.icon.config > a {
	color: #215A9A;
	width: 40px;
	height: 40px;
	display: block;
	text-align: center;
	border-color: rgba(0,0,0,0);
	
    transition: all 0.25s;
    -moz-transition: all 0.25s;
    -webkit-transition: all 0.25s;
}
.options a:hover, .socialnetworks li.icon.config > a:hover {
	color: #FFFFFF;
	background: #215A9A;
	border-color: rgba(0,0,0,.15);
	
    transition: all 0.25s;
    -moz-transition: all 0.25s;
    -webkit-transition: all 0.25s;
}

/*** MENU PRINCIPAL ***/
.nxBlockMegamenu.nxBlock {padding: 0;}
#megamenu {clear: both;}
#megamenu ul {
	padding: 0;
	margin: 0;
	text-align: center;
}
#megamenu ul li {
	list-style: none;
	float: left;
}
#megamenu ul li.twolines, .megamenu li.twolines {width: 120px;}
#megamenu ul li a, .megamenu > li > a {
	color: #898989;
	font-size: 0.938em;
	padding: 21px 12px;
	/*text-transform: uppercase;*/
	position: relative;
	display: block;
	margin-left: 1px;
	text-align: center;
	
    transition: all 0.25s;
    -moz-transition: all 0.25s;
    -webkit-transition: all 0.25s;
}
li.dropdown a.dropdown-toggle:after {
	font-family: 'FontAwesome';
	content: "\f107";
	display: inline-block;
}
#megamenu ul li.twolines a, .megamenu li.twolines > a {padding: 11px 7px;}
.megamenu > li a {color: #898989;}
.megamenu li .text {display: none;}
#megamenu .mm-item .mm-item-link:before {
	font-family: "FontAwesome";
	content: "\f107";
	color: #2CA1C1;
	font-size: 1em;
	position: absolute;
	bottom: 10px;
	left: 50%;
	margin-left: -5px;
}
.megamenu li.home, .megamenu li.search {width: inherit;}
.megamenu li.search legend {display: none;}
.megamenu li.home a, .megamenu li.search a {padding: 2px 12px 20px 12px/*21px 15px 20px 15px*/; text-indent: -9999px;}
.megamenu li.home a {
	color: #215A9A;
}
.megamenu .dropdown-menu li a:visited { color: #215A9A }

.megamenu li.search a {
	color: #FFFFFF;
	background: #215A9A;
	width: 42px;
}
.megamenu li.search > a:hover, .megamenu li.search > a:focus {background: #00AEEF; outline: none;}
.megamenu li.home a:after,
.megamenu li.search a:after {
	font-family: "FontAwesome";
	content: "\f015";
	display: block;
	font-size: 1em;
	text-indent: 0;
}
.megamenu li.search a:after {content: "\f002"; font-size: 1.35em;}
.megamenu li a:hover,
.megamenu li a:focus,
.megamenu li.home a:hover,
.megamenu li.search a:hover  {
	color: #FFFFFF !important;
	background: #215A9A !important;
}
.megamenu li a span.text {display: none;}

.megamenu .dropdown-menu {padding: 10px;}
.megamenu .dropdown-menu a {
	display: block;
	padding: 5px;
}
.megamenu .dropdown-menu a strong {
	color: #215A9A;
	font-size: 1.125em;
	font-weight: 700;
}
.megamenu .dropdown-menu a:hover strong, .megamenu .dropdown-menu a:focus strong {color: #FFFFFF;}
.megamenu .dropdown-menu ul {
    padding-left: 20px;
}
.megamenu .dropdown-menu li {
	color: #215A9A;
	list-style: none;
}
.megamenu .dropdown-menu li a {
	color: #898989;
}
.megamenu .dropdown-menu li .defaultEnlaces a:before {
    font-family: 'FontAwesome';
    content: "\f111";
    display: inline-block;
    vertical-align: middle;
    font-size: 6px;
    margin-right: 10px;
    color: #215A9A;
}

@media (max-width: 767px) {
	#brand {padding: 5px;}
	header .logo,
	header .logo-gob {height: 55px; width: 75px;}
	header#navbar { position: relative; }
	
	/*.socialnetworks ul li a,
	.socialnetworks li.icon a,
	.options a,*/
	.socialnetworks li.icon.config > a {width: inherit; margin-left: 5px; padding: 0 5px;}
	
	header .navbar-default .navbar-collapse.row {margin-left: 0; margin-right: 0; max-height: initial; }
	header .navbar-default .navbar-collapse > ul {/*padding: 0 30px;*/ text-align: center;}
	.navbar-nav .open .dropdown-menu {max-width: initial !important;}
	
	.megamenu li {width: inherit !important;}
	.megamenu li a {padding: 10px;}
	/*.megamenu li .text,
	.socialnetworks ul li a span.text,
	.socialnetworks li.icon a span.text*/ {display: inline-block;}
	.megamenu li.home a, .megamenu li.search a {text-indent: 0; padding: 10px;}
	.megamenu li.home a:after, .megamenu li.search a:after {margin-left: 5px; display: inline-block;}
	.megamenu .dropdown-menu a.megamenuPublicacionesEnlace { display: none !important; }
	
	header .socialnetworks {
		position: absolute;
		right: 70px;
		top: 15px;
	}
	.socialnetworks {
		/*position: absolute;
		right: 70px;*/ 
		margin: 0;
		z-index: 1;	}
}
@media (min-width: 768px) and (max-width: 991px){
	#megamenu ul li a, .megamenu > li > a {
	    padding: 21px 4px;
	}
}

/*** CONTENEDOR PRINCPAL ***/
#main-content {}
#main-content .container {
	background: url(../img/flag.png) left top no-repeat;
	padding-top: 30px;
	padding-bottom: 30px;
}
#main-content .container.flag-home {
	padding: 0;
	position: absolute;
}

/*** BOLETIN SUSCRIPCION ***/
#newsletter-home {
	color: #FFFFFF;
	background: #3A70BA;
	padding: 30px 0;
}
#newsletter-home .title-section {
	font-weight: 400;
	margin: 10px 50px 10px 0;
	float: left;
}
#newsletter-home .title-section:before {
	font-family: "FontAwesome";
	content: "\f003";
	color: #66A9F4;
	margin-right: 10px;
}
#newsletter-home .form-group input {
	background: transparent;
	color: #FFFFFF;
	border: 1px solid rgba(255,255,255,.5);
	height: 50px;
	min-width: 275px;
	padding: 6px 20px;
	margin-bottom: 10px;
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	text-align: center;
}
#newsletter-home .form-group {
    margin: 0 15px;
    vertical-align: top;
}
#newsletter-home .form-group ::-webkit-input-placeholder { color: #fff !important;}
#newsletter-home .form-group input:-webkit-autofill { background-color: #000 }
#newsletter-home .form-control:focus {
    border-color: rgba(255,255,255,1);
}
#newsletter-home .form-control:-moz-placeholder {
    color: rgba(255,255,255,.5);
}
#newsletter-home .form-control::-moz-placeholder {
    color: rgba(255,255,255,.5);
    opacity: 1;
}
#newsletter-home .btn-default {
	color: #FFFFFF;
	font-size: 1.125em;
	background: #00AEEF;
	height: 50px;
	padding: 6px 60px;
	display: block;
	margin: auto;
	border: none;
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
}
#newsletter-home .desubscribirse {
	padding: 6px 0;
    font-size: 13px;
    display: block;
    text-align: center;
    text-decoration: underline;
}
#newsletter-home .checkbox {
	color: rgba(255,255,255,.75);
	margin: 0 15px;
}
form#formSubscribe input#subscribirB {
    color: #FFFFFF;
    background: #215A9A;
    border-color: rgba(0,0,0,.15);
    padding: 7px 25px;
    border: 1px solid transparent;
    margin-bottom: 10px;
}


/*** FOOTER - PIE DE PÁGINA ***/
.footer-box {clear: both;}

footer a:visited { color: #aaa }
footer {
	color: #FFFFFF;
	padding: 30px 0;
	background: #215A9A;
}

footer .title-section {
	color: #FFFFFF;
	font-size: 2.5em;
	font-weight: 100;
	text-align: center;
	word-spacing: 1em;
	margin: 20px 0;
}
footer a {
	color: #FFFFFF;
	word-wrap: break-word;
}

footer a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
footer .enlace1 li a span:before {content: "\f105";}

footer .info {
	margin-bottom: 10px;
	margin-left: 30px;
}
footer .info span {
	font-weight: bold;
}
footer .info:before {
	font-family: "FontAwesome";
	content: "\f0ac";
	color: #66A9F4;
	font-size: 1.250em;
	margin: 0 7px 0 -25px;
}
footer .info.place:before {content: "\f0ac";}
footer .info.directory:before {content: "\f02d";}
footer .info.phone:before {content: "\f095";}
footer .info.email:before {content: "\f003";}
footer .info.clock:before {content: "\f017";}

/*** COPYRIGHT - DERECHOS RESERVADOS ***/
#copyright {
	background: url(../img/flag.png) center bottom no-repeat #1A437A;
	color: rgba(255,255,255,.9);
	font-size: 0.857em;
	padding: 30px 0;
}

#copyright .enlace1 {margin: 0; padding: 0;}
#copyright .enlace1 li {
	list-style: none;
	display: inline-block;
	margin-left: 15px;
	padding-left: 15px;
	border-left: 1px solid rgba(255,255,255,.25);
}
#copyright .enlace1 li a {color: rgba(255,255,255,.7);}
#copyright .enlace1 li a:hover, #copyright .enlace1 li a:focus {color: #FFFFFF;}

#copyright .brand {}
#copyright .brand span {display: block; font-size: 1.125em;}
#copyright .brand a {
	color: #66A9F4;
}
#copyright .brand a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

.socialnetworks.bottom {}
.socialnetworks.bottom .title {
	text-align: right;
}
.socialnetworks.bottom ul {
	float: right;
}
.socialnetworks.bottom ul li {
	margin-left: 5px;
}
.socialnetworks.bottom ul li a {
	color: rgba(255,255,255,.75);
	width: 50px;
	height: 50px;
	border: none;
	border-radius: 100px;
	-moz-border-radius: 100px;
	-webkit-border-radius: 100px;
}
.socialnetworks.bottom ul li a .fa {
	font-size: 2em;
	line-height: 2em;
}


/*** INTRO HOME ***/
.intro-box {
	position: relative;
}
.search-box {
	position: absolute;
	top: 155px;
	padding: 20px;
	background: rgba(0,0,0,.5);
}
.search-box legend {display: none;}
.search-intro {margin-bottom: 15px;}
.search input {
	font-size: 1.250em;
	height: 50px;
	border-color: rgba(0,0,0,.15);
	box-shadow: none;
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
}
.search .btn-primary {
	width: 50px;
	height: 50px;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}
.search .btn-primary .fa {font-size: 1.5em;}

.menu-preguntas {
	background: #FFFFFF;
	border: none;
	min-height: 40px;
	margin: 0;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}
.menu-preguntas .navbar-right {float: inherit !important;}
.menu-preguntas h2 {
	float: left;
	display: block;
	padding: 12px 20px;
	margin: 0 15px 0 0;
	font-size: 1.125em;
	color: #FFFFFF;
	background: #215A9A;
}
.menu-preguntas .megamenu > li > a {
	padding: 10px;
}

.menu-preguntas .megamenu > li > a:before {
	font-family: "FontAwesome";
	content: "\f128";
	color: #215A9A;
	margin-right: 5px;
	font-size: 1.125em;
}
.menu-preguntas .megamenu > li.que > a:before {content: "\f0eb";}
.menu-preguntas .megamenu > li.quien > a:before {content: "\f0c0";}
.menu-preguntas .megamenu > li.como > a:before {content: "\f25a";}
.menu-preguntas .megamenu > li.donde > a:before {content: "\f278";}
.menu-preguntas .megamenu > li.cuando > a:before {content: "\f073";}
.menu-preguntas .megamenu > li.porque > a:before {content: "\f27b";}

.menu-preguntas .megamenu > li > a:hover:before, .menu-preguntas .megamenu > li > a:focus:before {color: #FFFFFF;}

.menu-preguntas .open > .dropdown-menu {min-width: 350px; right: inherit;}
.menu-preguntas .dropdown-menu a {
	display: block;
	padding: 5px;
	border-bottom: 1px solid rgba(0,0,0,.15);
}
.menu-preguntas .megamenu > li a strong {font-weight: 400;}

.menu-preguntas .row {margin: 0;}
.menu-preguntas .col-md-12 {padding: 0;}

.media-intro-home {}
.media-intro-home img {width: 100% !important; height: auto !important;}

@media (max-width: 767px) {
	.search-box {top: 30%}
	.search-intro {margin-bottom: 0;}
}

/*** DEPENDENCIAS - COMUNIDADES ***/
.titulo-seccion {
	position: absolute;
	z-index: 1;
	margin: 15px 15px 0 15px;
}
.titulo-seccion h2 {
	color: #FFFFFF;
	background: #215A9A;
	padding: 10px 20px;
	margin: 0;
}
.nxBlock.margin-top {padding-top: 0;}

/*** GENERAL ***/
h1 {
	color: #215A9A;
	font-size: 2.5em;
	font-weight: 400;
}
h2, .modContent h2 {
	color: #215A9A;
	font-size: 1.533em;
	font-weight: 400;
}
.modContent h2 {margin-top: 30px;}
.modContent p {color: #555555;}

.nav-pills > li.active > a,
.nav-pills > li.active > a:focus,
.nav-pills > li.active > a:hover {background: #215A9A;}

/*** MENU TOOLS CONTENT ***/
.modMenuContainer .modMenu {margin-bottom: 15px;}
.modMenuContainer .panel-content {padding: 15px;}
.modMenuContainer .modMenu a, .share-options.bottom-redes li a {
	border-radius: 100%;
	width: 40px;
	height: 40px;
	border: 1px solid rgba(0,0,0,.1);
	background: rgba(0,0,0,.05);
	margin-left: 5px;
	padding: 0;
	text-align: center;
}
.modMenuContainer .modMenu li:first-child a {margin-left: 0px;}
.modMenuContainer .modMenu a .fa, .share-options.bottom-redes li a .fa {
	font-size: 1.250em;
	line-height: 2em;
	padding: 0;
}
.modMenuContainer .modMenu a:hover, .modMenuContainer .modMenu a:focus, .share-options.bottom-redes li a:hover, .share-options.bottom-redes li a:focus {
	color: #FFFFFF;
	background-color: #215A9A;
	outline: none;
}
.modMenuContainer .modMenu .text,
.breadcrumb li:first-child .text {display: none;}
.breadcrumb li a:hover, .breadcrumb li a:focus {
	color: #215A9A;
	text-decoration: underline;
}

#popSugerir, #modMenuComment {width: auto; border-radius: 40px; padding: 8px 20px;}
#popSugerir .text, #modMenuComment .text {display: block;}

#modMenuComment {width: auto; border-radius: 40px; padding: 8px 20px;}
#modMenuComment .text {display: block;}

.footer-share-options {
    border-top: 1px solid rgba(0,0,0,.15);
    padding-top: 20px;
    display: block;
    float: left;
    width: 100%;
}
.share-options .share-footer-title {
	margin-top: 10px;
    display: block;
    color: #215A9A;
    font-weight: bold;
}
.share-options.bottom-redes li.share-whatsapp { display: none; }

.modMenuContainer .panel-default {
	border-radius: 0;
	border-top: 3px solid #215A9A;
}
.modMenuContainer .panel-default .nav-pills > li a {
	padding: 0;
	text-align: center;
	width: 50px;
	height: 50px;
	border-radius: 100%;
	border: 1px solid rgba(0,0,0,.15);
}
.nxBlockDesign2 .ui-accordion .listSection li a:visited { color: #aaa;}
.modMenuContainer .panel-default .nav-pills > li a .fa {
	font-size: 1.5em;
	line-height: 2.125em;
	padding: 0;
}
.modMenuContainer .panel-default .nav-pills > li a:hover, .modMenuContainer .panel-default .nav-pills > li a:focus {
	color: #FFFFFF;
	background: #215A9A;
}

.modMenuContainer fieldset > div {margin-bottom: 15px;}
.modMenuContainer legend {
	color: #215A9A;
	border: none;
}
.form-group .label-span {padding-top: 8px; padding-bottom: 8px;}
.modMenuContainer .form-control {
	height: 50px;
	border-radius: 0;
}
.modMenuContainer .btn-primary {
	color: #FFFFFF;
	background: #215A9A;
	height: 50px;
	border-radius: 0;
	height: 50px;
}
.modMenuContainer .btn-primary .fa {font-size: 1.5em;}
.modMenuContainer .btn-primary:hover, .modMenuContainer .btn-primary:focus {
	background: #00AEEF;
	border-color: rgba(0,0,0,.2);
}

/*** MENU ICONOS ***/
.megamenuContenedorPrincipal .icon > a {
	padding-top: 8px;
	padding-bottom: 8px;
	margin-top: 5px;
	margin-bottom: 5px;
}
.megamenuContenedorPrincipal .icon > a:before {
	font-family: "FontAwesome";
	content: "\f105";
	font-size: 1.25em;
	margin-right: 7px;
}
.megamenuContenedorPrincipal .icon.subsidios > a:before {content: "\f291";}
.megamenuContenedorPrincipal .icon.educacion > a:before {content: "\f19d";}
.megamenuContenedorPrincipal .icon.ambiente > a:before {content: "\f0ac";}
.megamenuContenedorPrincipal .icon.comercio > a:before {content: "\f275";}
.megamenuContenedorPrincipal .icon.cultura > a:before {content: "\f19c";}
.megamenuContenedorPrincipal .icon.deporte > a:before {content: "\f1e3";}
.megamenuContenedorPrincipal .icon.movilidad > a:before {content: "\f1b9";}
.megamenuContenedorPrincipal .icon.salud > a:before {content: "\f0f0";}
.megamenuContenedorPrincipal .icon.impuestos > a:before {content: "\f0f2";}
.megamenuContenedorPrincipal .icon.turismo > a:before {content: "\f21a";}
.megamenuContenedorPrincipal .icon.vivienda > a:before {content: "\f015";}
.megamenuContenedorPrincipal .icon.servicios > a:before {content: "\f0e7";}
.megamenuContenedorPrincipal .icon.social > a:before {content: "\f0c0";}
.megamenuContenedorPrincipal .icon.urbanismo > a:before {content: "\f0f7";}

.megamenuContenedorPrincipal .icon.ninos > a:before {content: "\f1ae";}
.megamenuContenedorPrincipal .icon.jovenes > a:before {content: "\f0c0";}
.megamenuContenedorPrincipal .icon.mujeres > a:before {content: "\f182";}
.megamenuContenedorPrincipal .icon.adulto > a:before {content: "\f29d";}
.megamenuContenedorPrincipal .icon.capacidades > a:before {content: "\f29a";}
.megamenuContenedorPrincipal .icon.lgtbi > a:before {content: "\f225";}

/*** PAGINATION ***/
#genPaginate {margin-top: 30px !important; width: 100%; float: left;}
.pagination {margin: 0;}
.pagination > li > a, .pagination > li > span {
	border: none;
}
.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
	background-color: #215A9A;
	border-color: #215A9A;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span,
.pagination > li:last-child > a,
.pagination > li:last-child > span {
	border-radius: 0;
}

.dModGlosario #letras {border: none;}
.dModGlosario #letras a:hover, .dModGlosario #letras a:focus {
	color: #FFFFFF;
	background-color: #215A9A;
	outline: none;
}

/*.dModGlosario #letras li.active a {
	font-size: 1.467em;
	margin-top: -6px;
	padding: 5px 8px;
}*/

@media only screen and (min-width: 290px) and (max-width: 680px){
   
	h1 {font-size: 1.875em; word-break: break-word;}
	h2, .modContent h2 {font-size: 1.250em; word-break: break-word;}

}
@media only screen and (min-width: 290px) and (max-width: 329px){
   div.g-recaptcha>div>div>iframe {
       transform: scale(0.85);
       transform-origin: 4% 0;
   }

}
@media (max-width: 991px) {
	.pills-share {text-align: center; padding-left: 0;}
	.pills-share li {float: inherit; display: inline-block;}
}

/*** TABS GRUPO ***/
.tablaTabs1 {overflow: hidden;}
.tablaTabs1 > .titulo1 {margin-top: 30px;}
.ui-widget.ui-widget-content {background: transparent;}
.ui-tabs .ui-tabs-nav {
	text-align: center;
	border: none;
}
.ui-tabs .ui-tabs-nav li {
	float: inherit;
	display: inline-block;
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	border: none;
}
.ui-state-default a {font-size: 1.143em;}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
.ui-state-active a,
.ui-widget-content .ui-state-active a,
.ui-widget-header .ui-state-active a {
	border: none;
	color: #FFFFFF;
	background: #215A9A;
}

.ui-widget-header .ui-state-hover a,
.ui-widget-header .ui-state-hover a:hover,
.ui-widget-header .ui-state-hover a:link,
.ui-widget-header .ui-state-hover a:visited
.ui-widget-header .ui-state-focus a,
.ui-widget-header .ui-state-focus a:hover,
.ui-widget-header .ui-state-focus a:link,
.ui-widget-header .ui-state-focus a:visited {background: rgba(0,0,0,.15);}

.ui-tabs .ui-tabs-panel {border: none; padding-left: 0; padding-right: 0;}

/** TABS DISENO 2 **/
.nxBlockDesign2 .ui-state-default,
.nxBlockDesign2 .ui-widget-content .ui-state-default,
.nxBlockDesign2 .ui-widget-header .ui-state-default,
.nxBlockDesign2 .ui-state-default a,
.nxBlockDesign2 .ui-widget-content .ui-state-default a,
.nxBlockDesign2 .ui-widget-header .ui-state-default a {
	color: #FFFFFF;
}
.nxBlockDesign2 .ui-state-active,
.nxBlockDesign2 .ui-widget-content .ui-state-active,
.nxBlockDesign2 .ui-widget-header .ui-state-active,
.nxBlockDesign2 .ui-state-active a,
.nxBlockDesign2 .ui-widget-content .ui-state-active a,
.nxBlockDesign2 .ui-widget-header .ui-state-active a {
	border: none;
	color: #215A9A;
	background: #FFFFFF;
}
.nxBlockDesign2 .ui-widget-header .ui-state-default:focus,
.nxBlockDesign2 .ui-widget-header .ui-state-hover,
.nxBlockDesign2 .ui-widget-header .ui-state-hover:focus,
.nxBlockDesign2 .ui-widget-header .ui-state-hover a,
.nxBlockDesign2 .ui-widget-header .ui-state-hover a:hover,
.nxBlockDesign2 .ui-widget-header .ui-state-hover a:link,
.nxBlockDesign2 .ui-widget-header .ui-state-hover a:visited
.nxBlockDesign2 .ui-widget-header .ui-state-focus,
.nxBlockDesign2 .ui-widget-header .ui-state-focus:focus,
.nxBlockDesign2 .ui-widget-header .ui-state-focus a,
.nxBlockDesign2 .ui-widget-header .ui-state-focus a:hover,
.nxBlockDesign2 .ui-widget-header .ui-state-focus a:link,
.nxBlockDesign2 .ui-widget-header .ui-state-focus a:visited {color: #FFFFFF; background: rgba(0,0,0,.25);}

.facebook-content iframe {width: 100%;/* max-width: 370px;*/}

/*** DYNAMIC BLOCK ***/
.nxBlockDynamicLayout5 .item a {
	height: 170px;
	padding: 0 5px;
	/*** tamaño galeria imagenes bloque ***/
}
.nxBlockDynamicLayout5 a .image img {min-height: 170px; min-width: 170px;}

@media (max-width: 991px) {
	.nxBlockDynamicLayout5 .item a {height: 120px;}
}


.fondo1 {background-color: #F5F5F5;}
.dPrincipal .fondo3 .nxBlockDynamicLayout2.nxBlockDesign2 {  background: transparent;}
.fondo2, .nxBlockDesign2 {background-color: #215A9A;}
.tablaTabs1 .nxBlock {background: transparent;}
/**
.nxBlockDesign2.fondo3, .fondo3 {
	background: url(../../../../principal/media/galeria133270.jpg) no-repeat #215A9A;
	background-size: cover;
}
**/
.nxBlockDesign2.fondo3, .fondo3 {
    background-attachment: fixed;
    background-image: url("https://www.cali.gov.co/info/principal/media/galeria133270.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.nxBlockDesign2 h2 {color: #FFFFFF;}

.socialnetworks-block .col-md-6 {margin-bottom: 30px;}

/**** TOOLS CONTENT / MENU HERRAMIENTAS CONTENIDO ***/
#genPaginate, .tools-content {
	border-top: 1px solid rgba(0,0,0,.15);
	padding-top: 10px;
	margin-top: 10px;
}
.tools-content .title {
	color: #215A9A;
	padding: 8px 5px;
}
.nxBlockConfigTools {padding: 0;}
.contentLinkToolsHidden {
	position: absolute;
	top: -500px;
}

#toolsConfigContent {
	background: rgba(0,0,0,.05);
	border-bottom: 1px solid rgba(0,0,0,.05);
	padding-top: 5px;
	padding-bottom: 5px;
}
#toolsConfigContent .contentTools > div {margin-right: 15px; float: left;}
#toolsConfigContent .contentTools > div:last-child {margin-right: 0;}
#toolsConfigContent .contentIconConfigFont {font-size: .650em; margin-left: 30px;}
#toolsConfigContent .contentIconConfigFont a {
	display: inline-block;
	padding: 5px;
}
#toolsConfigContent .contentIconConfigFont a:hover,
#toolsConfigContent .contentIconConfigFont a:focus,
#toolsConfigContent .contentIconConfigFont a.active,
#toolsConfigContent .contentConfig > a:hover,
#toolsConfigContent .contentConfig > a:focus,
#toolsConfigContent .contentConfig > a.active {
	color: #FFFFFF;
	background: #215A9A;
	outline: none;
}
#toolsConfigContent .btn {
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}
#toolsConfigContent .contentConfig > .dropdown, #toolsConfigContent .contentConfig > a {float: left; margin-right: 15px;}
#toolsConfigContent .contentConfig > a {padding: 5px;}
#toolsConfigContent .open > .dropdown-menu {min-width: inherit;}

#toolsConfigContent .btn:hover, #toolsConfigContent .btn:focus, , #toolsConfigContent .btn.active {
	color: #FFFFFF;
	background: #215A9A;
	border-color: rgba(0,0,0,.1);
	outline: none;
}

div[class*="imgAsociada"] img {width: 100%;}

/*** ENCUESTA BLOQUE ***/
.nxBlockEncuestas {
	padding: 15px;
	border: 1px solid rgba(0,0,0,.1);
}
.nxBlockEncuestas > h2 {
	color: #215A9A;
	font-size: 2em;
	text-align: left;
	margin-bottom: 15px;
}
.nxBlockEncuestas .titleEncuesta {line-height: 1.250em;}
.nxBlockEncuestas form {padding: 10px;}
.nxBlockEncuestas form legend {display: none;}
.nxBlockEncuestas form label {
	font-weight: 400;
	color: #666666;
}
.nxBlockEncuestas form label input {
	border: 1px solid rgba(0,0,0,.35);
	box-shadow: none;
	margin-right: 5px;
}

.nxBlockEncuestas .encuestaBloqueResultado {
	text-align: center;
	color: #666666;
}
.nxBlockEncuestas .encuestaBloqueResultado {
	text-align: center;
	color: #666666;
}
.nxBlockEncuestas .encuestaBloqueVotar {margin-bottom: 10px; margin-top: 10px;}
.nxBlockEncuestas .content-total-bloqueencuentas {font-size: .875em; margin-top: 7px;}

.nxBlockEncuestas .btn-primary {display: block; width: 100%;}

.btn {
	color: #215A9A;
	border-color: #215A9A;
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
}
.btn:hover, .btn:focus {
	color: #FFFFFF;
	background: #215A9A;
	border-color: rgba(0,0,0,.15);
	outline: none;
}
.btn {
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
}
.btn-primary {
	color: #FFFFFF;
	background: #215A9A;
	border-color: rgba(0,0,0,.15);
}
.btn-primary:hover, .btn-primary:focus {
	background: #00AEEF;
	border-color: rgba(0,0,0,.15);
	outline: none;
}

/***** MENU RESPONSIVO *****/

.navbar-toggle {
	background: #215A9A;
	border-color: rgba(0,0,0,.15) !important;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}
.navbar-toggle .icon-bar {background-color: #FFFFFF !important;}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {background: #000000;}


/* TEMPORAL */
@media screen and (max-width: 767px) {
	.table-responsive>.table th, .table-responsive>.table td {white-space: inherit;}
}
/*********** CSS ENVIADO ALOZANO - FIN ***********/

.tamanoInicial img {
	width: inherit;
	height: inherit;
	min-width: inherit;
	min-height: inherit;
}

/*********** CSS CVILLADA ***********/

.dynamicYoutube>div>a>img { height: 100%;}
.videoYoutube .slick-slide, .videoYoutube .slick-track { width: 100% !important;}
.dPrincipal .nxBlockDynamic .item .fa { padding-right: 0;}
.modMenuContainer li.share-whatsapp { display: none;}
.menuInterno .typeAccordion { width: 100%;}
.slick-slide.slick-active:focus, .slick-slide > div:focus, .slick-slide .item:focus {  outline: none;}

.slick-slider .slick-slide { max-height: 700px;}
.new-tools-box { overflow: hidden;}
.megamenu.nav > li { position: static; }

/* Menú Fixed */
#main-home, #main-content { padding-top: 103px }
.dPrincipal .menuPpal.nxMenuFixed li.search a { display: block; transition: 1s; }
.dPrincipal .menuPpal li.search { width: 42px }
/*.dPrincipal .menuPpal li.search a, .nxMenuFixed .nxBlockConfigTools, #navbar.nxMenuFixed .socialnetworks { display: none; }*/
/**.nxMenuFixed #brand { padding: 5px 0;} **/
/**.nxMenuFixed .logo-gob, .nxMenuFixed .logo { height: 50px; transition: 0.4s;} */
/*Nuvos  estilo*/
/**.nxMenuFixed .logo-gob img, .nxMenuFixed .logo img { height: 50px; transition: 0.4s;} */

/*** Lineas atención del menú ***/
.separador span {
	width: 20%;
	float: left;
	margin-top: 10px;
}
.separador strong {
	display: block;
	border-bottom: 2px solid #f5f5f5;
}
@media (max-width: 500px){
	.separador span {
		width: 33%;
	}
}

/*** Publicaciones Hijas ***/
.pubHijas {
    background: #f1f1f1;
    margin-bottom: 20px;
    padding: 20px 25px;
    border-bottom: 2px solid #ddd;
    width: 100%;
    float: left;
}
.pubHijas ul {
    padding-left: 1px;
    margin-bottom: 0;
}
.pubHijas li {
    padding: 5px 0;
	color: #215A9A;
}

/*** Botón portal anterior ***/
.btnPortal strong {
	color: #215A9A;
	font-size: 14px;
}
.btnPortal {
	position: fixed;
	margin-top: 0;
	right: 0.3%;
	background: #f5f5f5;
	padding: 10px 10px 5px 10px;
	border-radius: 10px;
	font-size: 13px;
	width: 150px;
    box-shadow: 0px 0px 6px rgba(0,0,0,.20);	
}
.btnPortal a { color: #777; }
.btnPortal:after {
	font-family: "FontAwesome";
	content: "\f25a";
	color: #215A9A;
	display: block;
	font-size: 1.7em;
	text-align: right;
	margin-top: -26px;
}

.slickAction {
    position: relative;
}
.slickAction span.fa {
    position: absolute;
    bottom: 100px;
}
.slick-dotted.slick-slider {
    margin-bottom: 30px;
    max-height: 700px !important;
}
@media (max-width: 767px) {
	#main-home, #main-content { padding-top: 0 }	
	.btnPortal {
	    position: initial;
	    right: initial;
	    margin-top: 0;
	    width: 100%;
	    border-radius: 0;
	}
	.btnPortal:after { margin-top: -36px;}
	.nxBlockDynamicLayout7 .new-tools-box { padding: 10px; }
	#navbar li.search, .nxBlockDynamicLayout7 .new-tools-box .description { display: none;}
	.modMenuContainer li.share-whatsapp, .share-options.bottom-redes li.share-whatsapp { display: inline-block; }
	.slickAction span.fa { bottom: 60px }

}

@media (max-width: 479px) {
	.titulo-seccion h2 { padding: 5px; }
	.nxBlockDynamicLayout7 .new-tools-box.position9 {  padding: 10px; }
	.nxBlockDynamicLayout7 .new-tools-box { display: none; }
}
.nxBlockDynamicLayout7 .new-tools-box {
    height: auto;
}

@media (min-width: 768px) and (max-width: 991px) {
	#main-home, #main-content {
	    padding-top: 164px;
	}
	#newsletter-home .title-section { float: initial; }
}
@media (min-width: 992px) and (max-width: 1062px) {
	header .navbar-default .navbar-collapse, ul.megamenu {
		margin-right: 0;
	}
}
@media (min-width: 768px) and (max-width: 830px) {
	header .navbar-default .navbar-collapse, ul.megamenu {
		margin-right: 0;
	}
	#megamenu ul li a, .megamenu > li > a {
	    font-size: 0.85em;
	}
}
@media (min-width: 1200px) and (max-width: 1260px) {
	ul.megamenu {
		margin-right: 0;
	}
}

.fondo2 .dotsDynamic li button::before, .fondo3 .slick-dots li button::before {
    background: #fff;
}

/*** Buscador Moviles ***/
.buscadorResponsive legend { display: none; }
.buscadorResponsive {
    padding: 10px;
    background: rgba(0,0,0,.05);
    border-bottom: 1px solid rgba(0,0,0,.05);
}

/*** Youtube Play ***/
.item.dynamicYoutube {
    text-align: center;
}
.dynamicYoutube .videoPlay {
    position: absolute;
    font-size: 1px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}
.dynamicYoutube .videoPlay:before {
	font-family: 'FontAwesome';
    content: '\f16a';
    color: black;
    opacity: 0.7;
    font-size: 60em;
}
.dynamicYoutube .videoPlay:hover:before {
    opacity: 1;
    color: #bd161b;
}

.galeria li.galeria_item .contenedor-img .size-img-fijo img {
    max-height: 124px;
}
/*********** FIN CSS CVILLADA ***********/


/*** Ventana emergente de compartir una publicación por correo ***/
body.dSinDisenno h2 {
    padding: 0 15px;
}
body.dSinDisenno form.formGen {
    padding: 0 15px;
}
body.dSinDisenno .botones input#comentar {
    color: #FFFFFF;
    background: #215A9A;
    border: 0;
    padding: 7px 25px;
}
@media (max-width: 500px) {

	body.dSinDisenno .formGen fieldset label {
	    width: 100%;
	    text-align: left;
	    margin-bottom: 0;
	}
	body.dSinDisenno .formGen fieldset input {
	    width: 100%;
	}
}

/*********** CSS PERSONALIZADO LABELS USER***********/
.label-User-NStrong{font-weight: normal;}
/*********** CSS PERSONALIZADO LABELS USER FIN***********/
.open > .dropdownPub.dropdown-menu { min-width: initial; }

/*Estilos para imagen interna jssalgado*/
.resumenImgint {
    font-style: oblique;
    font-size: 13px;
}
.block--gov-accessibility .block-options{
	background-color #00484
}	
.block--gov-accessibility .block-options a{
	cursor: pointer;
    text-align: center;
    padding: 3px 2px;
	}
.block--gov-accessibility .block-options a:hover{
	background-color: #3366cc;
	color: #fff;
	margin: 0 auto;
}
.block--gov-accessibility .block-options a:focus{
	background-color: #3366cc;
	color: #fff;
	margin: 0 auto;
}	
.block--gov-accessibility .block-options a p {
    cursor: pointer;
    display: none;
    color: #fff;
    font-size: 1em !important;
    margin-left: 2.5em;
}
.block--gov-accessibility .block-options a .govco-icon {
    color: #fff!important;
    font-size: 1.5rem;
}
.block--gov-accessibility-clone {
    width: 3.2em !important;
    border-radius: 5px 0 0 5px;
    margin-left: 9em
}

.block--gov-accessibility-clone div.images {
    cursor: pointer;
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding: 8px 0;
    background-color: #004884;
    border-radius: 12px;
    border: 2px solid white;
    height: 12em
}

.block--gov-accessibility-clone div.images a {
    cursor: pointer;
    margin: 5px 0;
    text-align: center;
    height: 2.2em;
    padding: 3px 2px;
    padding-top: 0.3em
}

.block--gov-accessibility-clone div.images a .image-icon div {
    cursor: pointer;
    margin: 0 auto;
    position: relative;
    height: 26px;
    width: 27px;
    background-image: url("/assets/images/spr-govco.png") !important;
    background-repeat: no-repeat
}

.block--gov-accessibility-clone div.images a .image-icon #contrast {
    background-position: 0px -180px
}

.block--gov-accessibility-clone div.images a .image-icon #font-down {
    background-position: 0px -206px
}

.block--gov-accessibility-clone div.images a .image-icon #font-up {
    background-position: 0px -232px
}

.block--gov-accessibility-clone div.images a .image-icon #relevo {
    background-position: 0px -258px
}

.block--gov-accessibility-clone div.images a p {
    display: none;
    color: white;
    font-size: 1em;
    margin-left: 2.5em;
    cursor: pointer
}

.block--gov-accessibility-clone div.images a:hover {
    transform: translateX(-9em);
    -webkit-transform: translateX(-9em);
    background-color: #3772FF;
    width: 12em;
    cursor: pointer;
    text-align: left;
    padding: 5px;
    border-radius: 10px;
    transition: all 0.5s ease-in-out
}

.block--gov-accessibility-clone div.images a:hover .image-icon div {
    margin: 0 auto;
    position: absolute
}

.block--gov-accessibility-clone div.images a:hover p {
    display: inline-block !important
}

.block--gov-accessibility {
    position: fixed;
    right: -0.1em;
    top: 35vh;
    width: 3.2em !important;
    border-radius: 5px 0 0 5px;
    z-index: 4;
    background: transparent !important
}

.block--gov-accessibility .block-options {
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    padding: 8px 0!important;
    background-color: #004884;
    border-radius: 12px;
    border: 1px solid rgba(255,255,255,0.278);
}

.block--gov-accessibility .block-options a {
    cursor: pointer;
    text-align: center;
    padding: 3px 2px
}

.block--gov-accessibility .block-options a .govco-icon {
    color: #fff !important;
    font-size: 2.5rem
}
.block--gov-accessibility .block-options a:hover {
    transform: translateX(-9em);
    -webkit-transform: translateX(-8em);
    background-color: #3772FF;
    width: 11em;
    text-align: left;
    border-radius: 10px 0px 0px 10px;
    cursor: pointer;
    transition: all 0.5s ease-in-out;
    align-items: center;
    display: flex
}

.block--gov-accessibility .block-options a:hover {
    cursor: pointer;
    text-decoration: none;
}

.block--gov-accessibility .block-options a:hover .govco-icon {
    margin: 0 0.5rem
}

.block--gov-accessibility .block-options a:hover p {
    cursor: pointer;
    display: inline-block !important;
    margin-bottom: 0;
    margin-left: 0;
    font-family: "Work Sans", sans-serif;
    font-size: 0.8rem
}
header .header-gov {
    background-color: #36c;
    padding: 0;
    color: #fff;
    padding-left: 1em;
    padding-right: 1em;
    padding-top: 0.2em;
    padding-bottom: 0.2em;
}
header .header-gov .toolbar-gov-co {
    padding-top: 0.5em;
    text-align: center;
}
header .header-gov .toolbar-gov-co ul {
    padding: 0;
    margin: 0;
}
header .header-gov .toolbar-gov-co ul li.toolbar_language {
    color: #000;
    margin: 0;
    padding: 0;
}
header .header-gov .toolbar-gov-co ul li.toolbar_language a {
    color: #36c;
    line-height: 1;
    font-size: 1em;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    text-decoration: none;
    text-align: center;
    border: 0;
    font-family: 'Montserrat',sans-serif;
    font-weight: 600;
    background-color: #fff;
    width: 25px;
    height: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 0.4em;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
    font-size: 0.8em;
}
header .header-gov .logo-gov a img {
    display: block;
    width: 100%;
    height: auto;
}
header .header-gov .logo-gov a {
    display: block;
    max-width: 8em;
    padding: 0.5em;
}
header .header-gov .logo-gov {
    padding: 0 0.5em;
}
header .header-gov .toolbar-gov-co ul li.toolbar_language a.lang_active {
    display: none;
}
.govco-icon {
    font-family: "Govco Icon";
    font-size: 2em;
    color: #004884;
}
.item.nxImgAdjustExpand > a > span.image > img, .item.nxImgAdjustExpand > div > a > img.youtube-player {
    height: 100%;
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
}
/* END Documentacion Tipografia*/
/* BOTON YOUTUBE PUBLICACIONES */
.pgel a[onclick^="javascript:reprodV"] {
  position: relative;
}
.pgel a[onclick^="javascript:reprodV"] .youtube-player {
  width: 100%;
  min-width: 100%;
  height: auto;
}
.pgel a[onclick^="javascript:reprodV"] span.videoPlay {
  display: block;
  position: absolute;
  left: calc(50% - 29px);
  top: calc(50% - 20px);
  text-indent: -9999px;
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 58 40' style='enable-background:new 0 0 58 40;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FF0000;%7D .st1%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cpath class='st0' d='M56.35,6.28c-0.66-2.44-2.59-4.37-5.03-5.03C46.86,0.03,29,0.03,29,0.03s-17.86,0-22.32,1.18 c-2.4,0.66-4.37,2.63-5.03,5.07C0.48,10.74,0.48,20,0.48,20s0,9.3,1.17,13.72c0.66,2.44,2.58,4.37,5.03,5.03 C11.19,39.97,29,39.97,29,39.97s17.86,0,22.32-1.17c2.44-0.66,4.37-2.58,5.03-5.03c1.17-4.46,1.17-13.72,1.17-13.72 S57.57,10.74,56.35,6.28'/%3E%3Cpolygon class='st1' points='23.31,28.55 38.16,20 23.31,11.45 '/%3E%3C/svg%3E");
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  border-radius: 0.5em;
  width: 58px;
  height: 40px;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.pgel a[onclick^="javascript:reprodV"]:hover span.videoPlay,
.pgel a[onclick^="javascript:reprodV"]:focus span.videoPlay {
  -webkit-transform: scale(1.125);
  transform: scale(1.125);
}
@-webkit-keyframes aTopBottom {
  0% {
    padding-top: 0;
  }
  50% {
    padding-top: 10px;
  }
  100% {
    padding-top: 0;
  }
}
@keyframes aTopBottom {
  0% {
    padding-top: 0;
  }
  50% {
    padding-top: 10px;
  }
  100% {
    padding-top: 0;
  }
}