/* -----------
 *  COMMON CSS
 * ----------- */
ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
body {
	background: #353433;
	font-family: 'Open Sans', sans-serif;
	line-height: 1.6;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizelegibility;
	font-synthesis: none;
}
body.detalle-noticia {
	background: white;
}
footer {
	background: #353433;
}
body.mobile-opened {
	overflow: hidden;
}
a:hover, a:visited, a:active {
	text-decoration: none !important;
}

/* -----------
 *  LOGO HOME
 * ----------- */

#home-logo {
	position: relative;
	z-index: 3;
}
#logo-quilmes {
	display: block;
	width: 408px;
	margin: 0 auto;
	margin-top: 50px;
	text-align: center;
}
#logo-quilmes img {
	max-width: 100%;
/*coronavirus*/
	padding-top: 50px;
}

/* -----------
 *  CLIMA Y TEMPERATURA
 * ----------- */

@font-face {
	font-family: 'Weather Icons';
	src: url('../fonts/artill-clean-weather-icons/artillcleanweathericons-Regular.eot');
	src: url('../fonts/artill-clean-weather-icons/artillcleanweathericons-Regular.eot?#iefix') format('embedded-opentype'),  url('../fonts/artill-clean-weather-icons/artillcleanweathericons-Regular.woff') format('woff'),  url('../fonts/artill-clean-weather-icons/artillcleanweathericons-Regular.ttf') format('truetype'),  url('../fonts/artill-clean-weather-icons/artillcleanweathericons-Regular.svg#artillcleanweathericons-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
}

#weather {
	width: 400px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 4;
	text-align: center;
	background: url(../img/inicio/degrade-clima.png) repeat-x;
}
#weather {
	left: inherit;
	right: 0;
}
#weather ul {
	margin: 0;
	padding: 0;
}
#weather li {
	color: #afaeae;
	font-family: Open Sans;
	font-weight: 400;
	font-size: 15px;
	/* background: rgba(54,53,52,0.7); */
	padding: 13px 0;
	margin: 0 1px;
	display: inline-block;
	vertical-align: middle;
}
#weather li.temp {
	font-weight: 600;
	margin-right: 18px;
}
#weather li.texto {
	margin-right: 15px;
}
#weather li.texto:last-child {
	margin-right: 0;
}

@media(max-width:400px) {
#weather {
	width: 100%;
}
#weather li.mobile {
	display: none;
}
}
#weather li.icono {
	padding: 0 0 12px;
	margin-right: 10px;
}
#weather i {
	font-family: Weather Icons;
	font-size: 40px;
	font-weight: normal;
	font-style: normal;
	text-transform: none;
	line-height: 1;
}
.icon-0:before {
	content: ":";
}
.icon-1:before {
	content: "p";
}
.icon-2:before {
	content: "S";
}
.icon-3:before {
	content: "Q";
}
.icon-4:before {
	content: "S";
}
.icon-5:before {
	content: "W";
}
.icon-6:before {
	content: "W";
}
.icon-7:before {
	content: "W";
}
.icon-8:before {
	content: "W";
}
.icon-9:before {
	content: "I";
}
.icon-10:before {
	content: "W";
}
.icon-11:before {
	content: "I";
}
.icon-12:before {
	content: "I";
}
.icon-13:before {
	content: "I";
}
.icon-14:before {
	content: "I";
}
.icon-15:before {
	content: "W";
}
.icon-16:before {
	content: "I";
}
.icon-17:before {
	content: "W";
}
.icon-18:before {
	content: "U";
}
.icon-19:before {
	content: "Z";
}
.icon-20:before {
	content: "Z";
}
.icon-21:before {
	content: "Z";
}
.icon-22:before {
	content: "Z";
}
.icon-23:before {
	content: "Z";
}
.icon-24:before {
	content: "E";
}
.icon-25:before {
	content: "E";
}
.icon-26:before {
	content: "3";
}
.icon-27:before {
	content: "a";
}
.icon-28:before {
	content: "A";
}
.icon-29:before {
	content: "a";
}
.icon-30:before {
	content: "A";
}
.icon-31:before {
	content: "6";
}
.icon-32:before {
	content: "1";
}
.icon-33:before {
	content: "6";
}
.icon-34:before {
	content: "1";
}
.icon-35:before {
	content: "W";
}
.icon-36:before {
	content: "1";
}
.icon-37:before {
	content: "S";
}
.icon-38:before {
	content: "S";
}
.icon-39:before {
	content: "S";
}
.icon-40:before {
	content: "M";
}
.icon-41:before {
	content: "W";
}
.icon-42:before {
	content: "I";
}
.icon-43:before {
	content: "W";
}
.icon-44:before {
	content: "a";
}
.icon-45:before {
	content: "S";
}
.icon-46:before {
	content: "U";
}
.icon-47:before {
	content: "S";
}

/* -----------
 *  POPUP Vera 
 * ----------- */

#html5box-html5-lightbox #html5-text {
	color: #4a4a49 !important;
	font-size: 16px !important;
	font-weight: 400 !important;
	font-family: Source Sans Pro !important;
	text-align: left !important;
}
#html5box-html5-lightbox .html5-description {
	color: #4a4a49 !important;
	font-size: 20px !important;
	font-weight: 600 !important;
	font-family: Source Sans Pro !important;
	margin: 0 !important;
}
#html5box-html5-lightbox #html5-text a {
	display: block !important;
	color: #fff !important;
	text-transform: uppercase !important;
	text-align: center !important;
	padding: 8px 16px !important;
	margin: 0 5px !important;
	background: #5a3f84 !important;
	transition: all .2s ease-in-out !important;
}
#html5box-html5-lightbox #html5-text a:hover {
	color: #fff !important;
	background: #5a3f84 !important;
	text-decoration: none !important;
}
#html5-play, #html5-pause {
	display: none !important;
}

#html5box-html5-lightbox .html5-next-touch {
	margin-right: 10px !important;
}

#html5box-html5-lightbox .html5-prev-touch {
	margin-left: 10px !important;
}


.popup-contenedor .video{
	width: 100%;
	background-color: pink;
}
.popup-contenedor .banner{
	width: 100%;
	height: 100px;
	background-image: url(../img/gobierno/20-obras-2017/quilmes20obras-bkg.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50%;
	position: relative;
	font-size: 16px;
	font-family: Source Sans Pro;
	color: #fff;
}

/* -----------
 *  ACCESOS HOME
 * ----------- */

#accesos-home {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50%;
	overflow: hidden;
	height: 100vh;
	width: 100%;
	position: relative;
}

@media(max-height:480px) {
#accesos-home {
	min-height: 480px;
}
}

@media(max-height:414px) {
#accesos-home {
	min-height: 414px;
}
}

@media(max-height:375px) {
#accesos-home {
	min-height: 375px;
}
}

@media(max-height:360px) {
#accesos-home {
	min-height: 360px;
}
}

@media(max-height:320px) {
#accesos-home {
	min-height: 320px;
}
}

@media(max-height:300px) {
#accesos-home {
	min-height: 300px;
}
}

@media(max-height:290px) {
#accesos-home {
	min-height: 290px;
}
}

@media(max-height:260px) {
#accesos-home {
	min-height: 260px;
}
}

@media(max-height:230px) {
#accesos-home {
	min-height: 230px;
}
}

@media(max-height:180px) {
#accesos-home {
	min-height: 180px;
}
}

@media(max-height:130px) {
#accesos-home {
	min-height: 130px;
}
}

@media(max-height:80px) {
#accesos-home {
	min-height: 80px;
}
}

@media(max-height:40px) {
#accesos-home {
	min-height: 40px;
}
}
#degrade-superior {
	position: absolute;
	background: url(../img/inicio/degrade-superior.png)repeat-x;
	width: 100%;
	left: 0;
	top: 0;
	height: 200px;
	z-index: 1;
}
#accesos-home-contenedor {
	width: 628px;
	position: absolute;
	margin: 0 auto;
	bottom: 0;
	left: 50%;
	margin-left: -314px;
	z-index: 2;
}
#menu-home {
}
#menu-home li {
	display: inline-block;
	width: 151px;
	padding-right: 4px;
	margin: auto 0 0 0;
	position: relative;
	bottom:0px;
}
#menu-home li:last-child {
	padding-right: 0;
}
#acceso1:hover .acceso-menu {
	height:350px;
	box-shadow: 0px -2px 5px 0px rgba(0,0,0,0.75);

}
#acceso2:hover .acceso-menu {
	height:400px;
	box-shadow: 0px -2px 5px 0px rgba(0,0,0,0.75);
}
#acceso3:hover .acceso-menu {
	height:380px;
	box-shadow: 0px -2px 5px 0px rgba(0,0,0,0.75);
}
.acceso-menu{
	color:#FFFFFF;
	background-color: rgba(0,0,0,0.8);
	position:relative;
	bottom:0; left:0;
	width:100%;
	height:0;
	overflow:hidden;
	transition: .7s all ease;
	overflow-anchor: none !important;
}
.acceso-menu:hover{

}
.acceso-menu a{
	color:#FFFFFF;
	display:block;
	line-height: 1;
	margin: 12px 0;
}
.acceso-menu-1 a:hover{
	color:#783884;
	font-weight: 600;
}
.acceso-menu-2 a:hover{
	color:#783884;
	font-weight: 600;
}
.acceso-menu-3 a:hover{
	color:#783884;
	font-weight: 600;
}
.acceso-menu-4 a:hover{
	color:#783884;
	font-weight: 600;
}
.acceso-menu p{
	margin:20px 0;
}
.acceso-escondido{
	display:none !important;
}
.acceso-visible{
	/*display:block !important;*/
	height: 100%;
}
.menu-home-item {
	text-align: center;
	display: block;
	/*background: url(../img/inicio/degrade-botones-inferior.png)repeat-x;*/
	background-position: 0;
}
.menu-home-item h1 {
	color: white;
	font-family: Open Sans;
	font-weight: 400;
	font-size: 16px;
	text-transform: uppercase;
	margin: 0;
	background: rgba(54,53,52,0.95);
	padding: 20px 0;
	width: 100%;
	position: relative;
	z-index: 20;
}
.menu-home-item h1 span {
	position: relative;
	z-index: 20;
}
.menu-home-item h1:before {
	content: ' ';
	height: 3px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 0;
	transition: .15s height ease-in-out;
}
.menu-home-item:hover h1:before {
	bottom: 0;
	height: 100%;
	z-index: 0;
}
#acceso1 h1:before {
	background: #783884;
}
#acceso2 h1:before {
	background: #783884;
}
#acceso3 h1:before {
	background: #783884;
}
#acceso4 h1:before {
	background: #783884;
}

/*
animaciones
*/

.hvr-bounce-in {
}
.hvr-bounce-in:hover, .hvr-bounce-in:focus, .hvr-bounce-in:active {
}
.acceso-home-icono {
	width: 100px;
	display: inline-block;
	margin-bottom: 20px;
	border-radius: 100%;
	height: 100px;
	will-change: transform;
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	-webkit-transition-duration: 0.4s;
	transition-duration: 0.4s;
}
.acceso-home-icono img {
	max-width: 100%;
	/* min-width: 100px; */
	width: 100px;
}
#menu-home li:hover + li .acceso-home-icono, #menu-home li.prev .acceso-home-icono {
	transform: scale(1.24) translateY(-10px);
	/* border-width: 3px !important; */
	border: 3px solid rgba(0,0,0,.1);
}
/*
#menu-home li:hover .acceso-home-icono{
	transform: scale(1.5) translateY(-15px);
	border-width: 7px !important;
}
*/
#menu-home li:hover .acceso-home-icono {
	border-width: 7px !important;
	-webkit-transform: scale(1.5) translateY(-5px);
	transform: scale(1.5) translateY(-5px);
	-webkit-transition-timing-function: cubic-bezier(0.68, 2.93, 0.43, -0.24);
	transition-timing-function: cubic-bezier(0.68, 2.93, 0.43, -0.24);
}
#menu-home li:last-child:hover .acceso-home-icono {
	border-width: 7px !important;
	-webkit-transform: scale(1.5) translateY(-15px);
	transform: scale(1.5) translateY(-15px);
	-webkit-transition-timing-function: cubic-bezier(0.68, 2.93, 0.43, -0.24);
	transition-timing-function: cubic-bezier(0.68, 2.93, 0.43, -0.24);
}
#menu-home li .acceso-home-icono {
	border: 7px solid rgba(0,0,0,.2);
	border-width: 0;
}
/*
#menu-home #acceso1 .acceso-home-icono{    
	border: 7px solid rgba(246,73,99,.6);
	border-width: 0;
}

#menu-home #acceso2 .acceso-home-icono{

	border: 7px solid rgba(190,214,0,0.6);
	border-width: 0;
}

#menu-home #acceso3 .acceso-home-icono{
	border: 7px solid rgba(9,168,162,.6);
	border-width: 0;
}

#menu-home #acceso4 .acceso-home-icono{
	border: 7px solid rgba(255,161,0,0.6);
	border-width: 0;
}
*/

@media(max-width:768px) {
#logo-quilmes {
	width: 350px;
}
#accesos-home-contenedor {
	width: 100%;
	left: 0;
	margin-left: 0;
	padding: 0 40px;
}
#menu-home li {
	width: 24%;
	padding-right: 4px;
	margin: auto 0 0 0;
	position: relative;
	bottom:0px;
}
.menu-home-item h1 {
	font-size: 14px;
}
.acceso-menu a{
	font-size:12px;
}
.acceso-home-icono {
	width: 80px;
	height: 80px;
}
#acceso1:hover .acceso-menu {
	height:205px;
}
#acceso2:hover .acceso-menu {
	height:350px;
}
#acceso3:hover .acceso-menu {
	height:235px;
}
#menu-home li:hover + li .acceso-home-icono, #menu-home li.prev .acceso-home-icono {
	transform: scale(1.24) translateY(-6px);
	/* border-width: 3px !important; */
	border: 3px solid rgba(0,0,0,.1);
}
#menu-home li:hover .acceso-home-icono {
	transform: scale(1.5) translateY(-12px);
	border-width: 6px !important;
}
#menu-home li .acceso-home-icono {
	border: 6px solid rgba(0,0,0,.2);
	border-width: 0;
}
}

@media(max-width:540px) {
#logo-quilmes {
	width: 270px;
}
#accesos-home-contenedor {
	padding: 0;
}
#menu-home li {
	padding-right: 2px;
}
.menu-home-item h1 {
	font-size: 12px;
	padding: 17px 0;
}
.acceso-home-icono {
	width: 60px;
	height: 60px;
}
#menu-home li:hover + li .acceso-home-icono, #menu-home li.prev .acceso-home-icono {
	transform: scale(1.24) translateY(-5px);
	/* border-width: 3px !important; */
	border: 3px solid rgba(0,0,0,.1);
}
#menu-home li:hover .acceso-home-icono {
	transform: scale(1.5) translateY(-10px);
	border-width: 6px !important;
}
#menu-home li .acceso-home-icono {
	border: 6px solid rgba(0,0,0,.2);
	border-width: 0;
}
#acceso1:hover .acceso-menu {
	height:0px;
	box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.75);

}
#acceso2:hover .acceso-menu {
	height:0px;
	box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.75);
}
#acceso3:hover .acceso-menu {
	height:0px;
	box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.75);
}
}

@media(max-width:320px) {
#menu-home li {
	padding: 0;
}
#logo-quilmes {
	width: 100%;
	padding: 0 20px;
}
}

@media(max-width:250px) {
.menu-home-item h1 {
	font-size: 10px;
	padding: 15px 0;
}
.acceso-home-icono {
	width: 45px;
	height: 45px;
}
#menu-home li:hover + li .acceso-home-icono, #menu-home li.prev .acceso-home-icono {
	transform: scale(1.24) translateY(-3px);
	/* border-width: 3px !important; */
	border: 2px solid rgba(0,0,0,.1);
}
#menu-home li:hover .acceso-home-icono {
	transform: scale(1.5) translateY(-6px);
	border-width: 4px !important;
}
#menu-home li .acceso-home-icono {
	border: 4px solid rgba(0,0,0,.2);
	border-width: 0;
}
}

/* -----------
 *  FOOTER
 * ----------- */

footer a:hover {
	text-decoration: underline;
}
#footer-container {
	width: 1024px;
	margin-left: auto;
	margin-right: auto;
	padding: 0 70px;
}

@media(max-width:1024px) {
#footer-container {
	width: 100%;
}
}

@media(max-width:768px) {
#footer-container {
	padding: 0 40px;
}
}

@media(max-width:540px) {
#footer-container {
	padding: 0 25px;
}
}

/* -----------
 *  FOOTER TELEFONOS
 * ----------- */

#telefonos-footer {
	overflow: hidden;
	border-bottom: 1px solid #4a4948;
	padding: 30px 0 35px;
}
#logo-footer {
	float: left;
	margin-top: 10px;
}
#telefonos {
	float: right;
}
.telefono-footer {
	text-align: center;
	display: inline-block;
	width: 180px;
}
.telefono-footer li {
	display: inline-block;
	text-align: center;
}
.telefono-footer h4 {
	color: #783884;
	font-size: 42px;
	font-weight: bold;
	margin: 0;
}
.telefono-footer p {
	font-size: 14px;
	color: #ffffff;
	margin: 0;
}

@media(max-width:1024px) {
.telefono-footer {
	width: 158px;
}
.col-nav-footer {
	width: 20%;
	margin: 0;
}
}

@media(max-width:768px) {
#logo-footer {
	display: none;
}
#telefonos {
	float: none;
	width: 100%;
	text-align: center;
}
.telefono-footer {
	width: 50%;/*33*/ /*modificado al agregar reclamos*/
	margin: 0;
	display: block;
	float: left;
}
}

@media(max-width:480px) {
.telefono-footer p {
	font-size: 13px;
	/*width: 50%;/*33*//*modificado al agregar reclamos*/
	text-align: center;/*modificado al agregar reclamos*/
}
}

/* -----------
 *  FOOTER NAV
 * ----------- */

#nav-footer {
	width: 100%;
	overflow: hidden;
	padding-top: 39px;
	padding-bottom: 47px;
}
.col-nav-footer {
	width: 164px;
	float: left;
	margin-right: 16px;
}
#nav-footer .col-nav-footer:last-child {
	margin-right: 0;
}
#nav-footer h4 {
	color: #aeaead;
	font-size: 13px;
	font-weight: bold;
	margin: 0;
	margin-bottom: 6px;
}
#nav-footer li {
	display: block;
	margin-bottom: -2px;
}
#nav-footer li a {
	display: inline-block;
	color: #727171;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 12px;
	font-weight: 400;
	letter-spacing: 0px;
}

@media(max-width:1024px) {
.col-nav-footer {
	width: 20%;
	margin: 0;
}
}

@media(max-width:768px) {
#nav-footer {
	padding: 0;
}
.col-nav-footer {
	width: 100%;
	float: none;
	/* transform: translate(-10px,-10px); */
	/* transition: transform .05s cubic-bezier(0.55, 0.06, 0.68, 0.19),opacity .2s ease-in; */
	/* opacity: 0; */
	/* padding: 0 15px; */
}
#nav-footer ul {
	overflow: hidden;
	border-bottom: 1px solid #4A4948;
	opacity: 0;
	padding-left: 10px;
	transition: max-height .3s cubic-bezier(0, 0, 0.2, 1), opacity .2s cubic-bezier(0.42, 0, 0.18, 1.07);
	max-height: 0;
	height: 0;
}
#nav-footer .opened ul {
	max-height: 1000px;
	opacity: 1;
	height: auto;
}
#nav-footer h4 {
	border-bottom: 1px solid #4a4948;
	padding: 10px 0 15px;
	font-size: 14px;
	cursor: pointer;
	position: relative;
	font-weight: 400;
	margin-bottom: 0;
}
#nav-footer h4:before {
	content: '+';
	transition: .2s all ease-in-out;
	color: #aeaead;
	position: absolute;
	right: -1px;
	top: 8px;
	font-size: 20px;
	font-weight: 300;
}
#nav-footer .opened h4 {
	border-bottom: none;
}
#nav-footer .opened h4:before {
	transform: rotate(45deg);
}
#nav-footer li {
	margin-top: -1px;
	margin-bottom: 6px;
}
#nav-footer li:last-child a {
	padding-bottom: 15px;
}
}

@media(max-width:540px) {
#nav-footer {
	padding: 0;
}
#redes-footer .red-social-footer:first-child {
	margin: 0;
}
}

/* -----------
 *  FOOTER BOTTOM
 * ----------- */

#bottom-footer {
	border-top: 1px solid #4a4948;
	overflow: hidden;
	padding-top: 19px;
	padding-bottom: 42px;
}
#martiniano-molina {
	float: left;
}
#redes-footer {
	float: right;
	margin: 0;
	padding: 0;
	margin-top: -7px;
}
.red-social-footer svg {
	fill: #757473;
	transition: .2s all ease-in-out;
}
.red-social-footer:hover svg {
	fill: #afa9a3;
}
.red-social-footer {
	display: inline-block;
	/* background: #727171; */
	width: 40px;
	height: 40px;
	border-radius: 40px;
	margin-left: 18px;
}

@media(max-width:768px) {
#bottom-footer {
	border: none;
	padding: 19px 16px 34px;
}
}

@media(max-width:540px) {
#bottom-footer {
	padding: 19px 0 34px;
}
}

@media(max-width:480px) {
#martiniano-molina {
	float: none;
	width: 100%;
	margin-bottom: 10px;
}
#redes-footer {
	float: none;
	width: 100%;
	text-align: left;
	margin-top: 0;
}
}

/* -----------
 *  SUB NAV SECCION
 * ----------- */
 
#sub-nav {
	width: 100%;
	height: 0;
	overflow: hidden;
	transition: all .2s ease;
	position: relative;
	z-index: 1;
}
.sin-nav #sub-nav {
	display: none;
}
#sub-nav.ciudad {
	background: #783884;
}
#sub-nav.gobierno {
	background: #783884;
}
#sub-nav.servicios {
	background: #783884;
}
#sub-nav.gestion {
	background: #783884;
}
#sub-nav.buscar {
	background: #363534;
}

/* ln */
#sub-nav.ciudad ul:before {
	background: #ffffff;
}
#sub-nav.gobierno ul:before {
	background: #ffffff;
}
#sub-nav.servicios ul:before {
	background: #ffffff;
}
#sub-nav.gestion ul:before {
	background: #ffffff;
}
#sub-nav.opened {
	height: 120px;
}
#sub-nav-container {
	width: 1024px;
	margin: 0 auto;
	padding: 0 70px;
	overflow: hidden;
	position: relative;
	height: 120px;
}
#sub-nav ul {
	overflow: hidden;
}
#sub-nav ul:before {
	position: absolute;
	content: '';
	height: 1px;
	left: 0;
	width: 100%;
	top: 50%;
	margin-top: -1px;
}
#sub-nav ul li {
	width: 25%;
	display: block;
	float: left;
	text-align: center;
	min-width: 25%;
	height: 60px;
}
#sub-nav a {
	font-size: 14px;
	color: white;
	display: block;
	padding: 20px 0;
	min-width: 90px;
	transition: all .2s ease-in-out;
}
#sub-nav a:hover {
	text-decoration: none;
}
#sub-nav-ciudad a:hover {
	background: #783884;
}
#sub-nav-gobierno a:hover {
	background: #783884;
}
#sub-nav-servicios a:hover {
	background: #783884;
}
#sub-nav-gestion a:hover {
	background: #783884;
}
.sub-nav-menu {
	/* position: absolute; */
	/* top: 0; */
	/* left: 70px; */
	/* opacity: 0; */
	transition: all 0.4s ease-in;
	z-index: 10;
	width: 100%;
	position: relative;
	display: none;
}
.sub-nav-menu.menu-visible {
	opacity: 1;
	z-index: 15;
	display: block;
}
#sub-nav-close {
	width: 70px;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	background: none;
	border: none;
	margin: 0;
}

@media(max-width:1024px) {
#sub-nav-container {
	width: 100%;
	padding: 0 70px;
}
}

@media(max-width:768px) {
#sub-nav {
	display: none;
}
}

/* -----------
 *  FORM BUSCAR
 * ----------- */
 
#form-buscar {
	border-bottom: 1px solid #737271;
	float: right;
	width: 330px;
	margin-top: 48px;
	transition: .12s all linear;
}
#form-buscar.form-error {
	border-color: red;
}
#form-buscar input[type=text] {
	color: white;
	font-size: 14px;
	font-family: Source Sans Pro;
	float: left;
	background: none;
	border: none;
	width: 100%;
	background: url(../img/sitio/lupa-form.svg)no-repeat 3px 3px;
	outline: none;
	text-indent: 36px;
	padding-bottom: 5px;
	font-style: italic;
	transition: .12s text-indent linear;
	overflow: hidden;
}
#form-buscar input[type=text]:focus {
	background: url(../img/sitio/lupa-form.svg)no-repeat 3px -23px;
	text-indent: 10px;
	font-style: normal;
}

/* -----------
 *  CONTENEDOR SITIO
 * ----------- */
 
.contenedor-sitio {
	width: 1024px;
	margin-left: auto;
	margin-right: auto;
	padding: 0 70px;
}
.contenedor-sitio.sin-pad {
	padding-left: 0;
	padding-right: 0;
}

@media(max-width:1024px) {
.contenedor-sitio {
	width: 100%;
}
}

@media(max-width:768px) {
.contenedor-sitio {
	padding: 0 40px;
}
}

@media(max-width:540px) {
.contenedor-sitio {
	padding: 0 25px;
}
}

/* -----------
 *  MAIN NAV
 * ----------- */
 
#nav-principal {
	background: white;
	padding: 40px 0;
	height: 120px;
	position: relative;
}
.sin-nav #nav-principal {
	display: none;
}
#nav-principal .contenedor-sitio ul {
	float: right;
	margin-top: 9px;
	text-align: right;
}
#nav-principal .contenedor-sitio ul li {
	display: inline-block;
	min-width: 90px;
	text-align: right;
}
#nav-principal .contenedor-sitio ul li a {
	font-size: 16px;
	font-weight: 300;
	color: #9a9a99;
	text-transform: uppercase;
	margin-left: 30px;
	transition: all .1s ease-in;
	display: block;
}
#nav-principal .contenedor-sitio ul li a:hover, #nav-principal .contenedor-sitio ul li a:focus {
	text-decoration: none;
}
#nav-principal .contenedor-sitio ul li a:hover {
	color: #363534;
}
#nav-principal .contenedor-sitio ul li a.activo {
	font-weight: 400;
}
.ciudad #nav-principal .contenedor-sitio ul li a.activo-ciudad {
	font-weight: 400;
	color: #363534;
}
.gobierno #nav-principal .contenedor-sitio ul li a.activo-gobierno {
	font-weight: 400;
	color: #363534;
}
.servicios #nav-principal .contenedor-sitio ul li a.activo-servicios {
	font-weight: 400;
	color: #363534;
}
.noticias #nav-principal .contenedor-sitio ul li a.activo-noticias {
	font-weight: 400;
	color: #363534;
}
.ciudad #nav-principal .contenedor-sitio ul li a:hover.activo-ciudad {
	color: #222120;
}
.gobierno #nav-principal .contenedor-sitio ul li a:hover.activo-gobierno {
	color: #222120;
}
.servicios #nav-principal .contenedor-sitio ul li a:hover.activo-servicios {
	color: #222120;
}
.noticias #nav-principal .contenedor-sitio ul li a:hover.activo-noticias {
	color: #222120;
}
.sin-seccion #nav-principal .contenedor-sitio ul li a.activo-gobierno {
	font-weight: 300;
	color: #9a9a99;
}
.sin-seccion #nav-principal .contenedor-sitio ul li a:hover.activo-gobierno {
	color: #363534;
}
#nav-principal .contenedor-sitio ul li.buscar {
	float: right;
	margin-top: 2px;
	min-width: 50px;
}
#nav-principal .contenedor-sitio ul li.buscar a svg {
	fill: #989897;
	transition: all .1s ease-in;
}
#nav-principal .contenedor-sitio ul li.buscar:hover a svg {
	fill: #363534;
}
#nav-principal .triangulo {
	position: absolute;
	top: -1px;
	left: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 7px 7px 0 7px;
	border-color: white rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
	transition: all .2s ease;
}
#nav-principal .triangulo.ciudad {
	border-color: #783884 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}
#nav-principal .triangulo.gobierno {
	border-color: #783884 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}
#nav-principal .triangulo.servicios {
	border-color: #783884 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}
#nav-principal .triangulo.buscar {
	border-color: #363534 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}
#logo-quilmes-seccion {
	margin-top: 3px;
	float: left;
}

/* -----------
 *  MENU MOBILE
 * ----------- */
 
#mobile-menu-bt {
	display: none;
	float: right;
	background: none;
	border: none;
	padding: 10px 0 10px 15px;
	outline: none;
}
#mobile-menu-bt i {
	height: 2px;
	width: 25px;
	margin-bottom: 8px;
	display: block;
	background: #9a9a99;
	transform-origin: -7% 50%;
	transition: all .6s cubic-bezier(0.23, 1, 0.32, 1);
}
.mobile-opened #mobile-menu-bt i {
	opacity: 0;
}
.mobile-opened #mobile-menu-bt i:first-child {
	transform: rotate3d(0, 0, 1, 45deg);
	opacity: 1;
}
.mobile-opened #mobile-menu-bt i:last-child {
	transform: rotate3d(0, 0, 1, -45deg);
	opacity: 1;
}
#nav-mobile {
	display: none;
	max-height: 0;
	overflow: hidden;
	position: absolute;
	background: rgba(0, 0, 0, 0.44);
	top: 70px;
	right: 0;
	left: 0;
	z-index: 20;
	transition: max-height .2s linear;
	height: 100vh;
}
#nav-mobile-bg {
	background: #363534;
	overflow: hidden;
	padding-top: 12px;
}
#nav-mobile h4 {
	color: #afaeae;
	border-top: 1px solid #636160;
	padding: 13px 25px 19px;
	font-size: 16px;
	cursor: pointer;
	position: relative;
	font-weight: 400;
	margin: 0;
}
#nav-mobile h4:before {
	content: '+';
	transition: .2s all ease-in-out;
	color: #aeaead;
	position: absolute;
	right: 25px;
	top: 11px;
	font-size: 20px;
	font-weight: 300;
	transform: rotate(0deg);
}
#nav-mobile-bg .col-nav-footer.opened h4:before {
	transform: rotate(45deg);
}
#nav-mobile .col-nav-footer:first-child h4 {
	border-top: 0;
}
#nav-mobile ul {
	max-height: 0;
	overflow: hidden;
	opacity: 0;
	padding-left: 25px;
	transition: all .3s ease;
	margin-top: -4px;
}
#nav-mobile li {
	/* margin-top: -1px; */
	margin-bottom: 9px;
	padding-left: 9px;
}
#nav-mobile li a {
	display: block;
	color: #737271;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 0px;
	z-index: 1;
	position: relative;
}
#nav-mobile li:last-child a {
	padding-bottom: 5px;
}
#nav-mobile .opened ul {
	max-height: 1000px;
	opacity: 1;
}
#nav-mobile.opened {
	max-height: 100vh;
	/* height: auto; */
	min-height: 480px;
}
#nav-mobile-bg .col-nav-footer {
	width: 100%;
	float: none;
	transform: translate(-10px, -5px);
	transition: transform .1s cubic-bezier(0.55, 0.06, 0.68, 0.19), opacity .2s ease-in;
	opacity: 0;
	padding: 0 15px;
}
#nav-mobile-bg .col-nav-footer.visible {
	opacity: 1;
	transform: translate(0, 0);
}

@media(max-width:768px) {
#nav-mobile {
	display: block;
}
#nav-principal {
	height: 70px;
	padding: 13px 0;
}
#mobile-menu-bt {
	display: block;
}
#mobile-menu-bt:focus, #mobile-menu-bt:active {
	border: none !important;
}
#nav-principal .contenedor-sitio ul {
	display: none;
}
}

/* -----------
 *  HEADER HOME SECCION
 * ----------- */
 
#header-home-seccion {
	height: 450px;
	background-position: 50%;
	background-size: cover;
	padding-top: 28px;
}
#header-home-seccion h1 {
	margin: 0;
	font-size: 60px;
	font-weight: 300;
	text-transform: uppercase;
	color: white;
	text-shadow: 1px 1px 1px #000;
}

@media(max-width:540px) {
#header-home-seccion h1 {
	font-size: 50px;
}
#header-home-seccion {
	height: 350px;
}
}

@media(max-width:320px) {
#header-home-seccion h1 {
	font-size: 40px;
}
#header-home-seccion {
	height: 250px;
}
}

/* -----------
 *  NAVEGACION SECCION
 * ----------- */
 
.ciudad #nav-seccion {
	background: #783884;
}
.gobierno #nav-seccion {
	background: #783884;
}
.servicios #nav-seccion {
	background: #783884;
}
.noticias #nav-seccion {
	background: #783884;
}
#nav-seccion ul {
	overflow: hidden;
}
#nav-seccion li {
	width: 33.33%;
	float: left;
	display: block;
	text-align: center;
	background: #783884;
}
.ciudad #nav-seccion li {
	background: #783884;
}
.gobierno #nav-seccion li {
	background: #783884;
}
.servicios #nav-seccion li {
	background: #783884;
}
.noticias #nav-seccion li {
	background: #e99320;
}
.ciudad #nav-seccion li:hover {
	background: #783884;
}
.gobierno #nav-seccion li:hover {
	background: #783884;
}
.servicios #nav-seccion li:hover {
	background: #783884;
}
.noticias #nav-seccion li:hover {
	background: #df8d1e;
}
.ciudad #nav-seccion li:first-child {
	background: #783884;
}
.gobierno #nav-seccion li:first-child {
	background: #783884;
}
.servicios #nav-seccion li:first-child {
	background: #783884;
}
.noticias #nav-seccion li:first-child {
	background: #d5871b;
}
.ciudad #nav-seccion li:first-child:hover {
	background: #783884;
}
.gobierno #nav-seccion li:first-child:hover {
	background: #783884;
}
.servicios #nav-seccion li:first-child:hover {
	background: #783884;
}
.noticias #nav-seccion li:first-child:hover {
	background: #cb801a;
}
.ciudad #nav-seccion li:last-child {
	background: #783884;
}
.gobierno #nav-seccion li:last-child {
	background: #783884;
}
.servicios #nav-seccion li:last-child {
	background: #783884;
}
.noticias #nav-seccion li:last-child {
	background: #783884;
}
.ciudad #nav-seccion li:last-child:hover {
	background: #783884;
}
.gobierno #nav-seccion li:last-child:hover {
	background: #783884;
}
.servicios #nav-seccion li:last-child:hover {
	background: #783884;
}
.noticias #nav-seccion li:last-child:hover {
	background: #f39a21;
}
#nav-seccion li:last-child {
	background: #783884;
}
#nav-seccion li a {
	font-size: 18px;
	font-weight: 600;
	text-transform: uppercase;
	padding: 24px 0;
	display: block;
	color: white;
}
.ciudad #nav-seccion li a {
	color: #fee4e8;
}
.gobierno #nav-seccion li a {
	color: #f8fbe5;
}
.servicios #nav-seccion li a {
	color: #daf2f1;
}
.noticias #nav-seccion li a {
	color: #fef3e3;
}
#nav-seccion li a:hover {
	text-decoration: none;
	color: white;
}

@media(max-width:768px) {
#nav-seccion li {
	width: 100%;
	text-align: left;
	padding-left: 40px;
}
#nav-seccion li a {
	font-size: 16px;
}
}

@media(max-width:540px) {
#nav-seccion li {
	padding-left: 25px;
}
}

@media(max-width:320px) {
#nav-seccion li a {
	font-size: 14px;
	padding: 15px 0;
}
}

/* -----------
 *  ACCESOS SECCION
 * ----------- */
 
.col-accesos-seccion {
	width: 502px;
	float: left;
	margin-right: 20px;
}
#accesos-seccion .col-accesos-seccion:last-child {
	margin-right: 0;
}
.flecha-item {
	float: left;
	display: inline-block;
	margin-top: -13px;
	margin-left: 0;
	position: relative;
	margin-right: 0;
	width: 24px;
	margin-left: 6px;
}
.flecha-item:before {
	content: '\203A';
	color: #22b1ab;
	display: block;
	font-family: "Source Sans Pro";
	font-size: 34px;
	font-weight: 200;
	transform: scale(1.5, 1);
}

@media(max-width:320px) {
.flecha-item {
	width: 6px;
	height: 12px;
	margin-right: 7px;
	display: none;
}
}
#accesos-seccion {
	background: white;
	overflow: hidden;
	/* border: none; */
	padding-bottom: 70px;
}
.acceso-seccion li {
	display: block;
	width: 100%;
}
.acceso-seccion li a {
	display: block;
	font-size: 20px;
	font-weight: 300;
	color: #5e5d5d;
	border-bottom: 1px solid #e1e1e1;
	padding: 36px 0;
	padding-left: 50px;
	transition: .2s all ease-in-out;
	content: '\3009';
	text-transform: uppercase;
}
.acceso-seccion li a:hover {
	text-decoration: none;
	border-color: #783884;
}
.acceso-seccion li span.vacio {
	display: block;
	border-bottom: 1px solid #e1e1e1;
	height: 105px;
}
.ciudad .acceso-seccion li a:hover {
	border-color: #783884;
	background: #EFD7FD;
}
.gobierno .acceso-seccion li a:hover {
	border-color: #783884;
	background: #EFD7FD;
}
.servicios .acceso-seccion li a:hover {
	border-color: #783884;
	background:#EFD7FD;
}
.noticias .acceso-seccion li a:hover {
	border-color: #783884;
	background: #EFD7FD;
}

@media(max-width:1024px) {
.col-accesos-seccion {
	width: 48.5%;
	margin-right: 3%;
}
}

@media(max-width:768px) {
.col-accesos-seccion {
	width: 100%;
	text-align: left;
}
.acceso-seccion li a {
	padding: 22px 0 22px 40px;
	font-size: 18px;
}
.acceso-seccion li span.vacio {
	display: none;
}
}

@media(max-width:540px) {
.acceso-seccion li a {
	padding: 22px 25px;
	font-size: 18px;
}
}

@media(max-width:320px) {
.acceso-seccion li a {
	padding: 14px 25px;
	font-size: 14px;
}
}

/* -----------
 *  NOTAS
 * ----------- */

.seccion-home .titulo {
	margin-top: 0;
}

@media(max-width:1024px) {
.seccion-home .titulo {
	margin-left: 50px;
}
}

@media(max-width:540px) {
.seccion-home .titulo {
	margin-left: 25px;
}
}
.notas-seccion {
	background: white;
	padding: 40px 0;
}
.nota {
	display: table;
	width: 100%;
	background: #f5f5f5;
}
.nota-img {
	height: 300px;
	display: table-cell;
	width: 50%;
	background-size: cover;
	position: relative;
	background-position: 50%;
}
.nota-img:before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: #353433;
	opacity: 0;
	z-index: 1;
	transition: all .2s ease;
}
.nota-img:hover:before {
	opacity: 0.3;
}
.nota-contenido {
	display: table-cell;
	position: relative;
	padding: 39px 100px 27px 40px;
}
.nota-contenido .nota-categoria {
	font-size: 12px;
	font-weight: 400;
	/*color: #9a9a99;*/
	color: #4a4a49;
	text-transform: uppercase;
	display: block;
	margin-bottom: 12px;
}
.nota-contenido .nota-categoria:hover {
	text-decoration: none;
}
.nota-contenido .nota-titulo {
	font-size: 20px;
	font-weight: 400;
	text-transform: uppercase;
	display: block;
	line-height: 26px;
	margin-bottom: 13px;
}
.ciudad .nota-titulo {
	color: #783884;
}
.gobierno .nota-titulo {
	color: #783884;
}
.servicios .nota-titulo {
	color: #783884;
}
.noticias .nota-titulo {
	color: #783884;
}
.ciudad .nota-contenido .nota-titulo:hover {
	color: #783884;
}
.gobierno .nota-contenido .nota-titulo:hover {
	color: #783884;
}
.servicios .nota-contenido .nota-titulo:hover {
	color: #783884;
}
.noticias .nota-contenido .nota-titulo:hover {
	color: rgb(145,119,190);
}
.nota-contenido .nota-titulo:hover {
	text-decoration: none;
}
.nota-contenido p {
	font-size: 16px;
	font-weight: 300;
	color: #4a4a49;
	font-family: Source Sans Pro;
	line-height: 21px;
}
.nota-contenido .nota-ver-mas {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	width: 70px;
	transition: all .2s ease;
	background: url(../img/sitio/ver-mas.svg) no-repeat 50% #783884;
}
.ciudad .nota-ver-mas {
	background-color: #783884;
}
.gobierno .nota-ver-mas {
	background-color: #783884;
}
.servicios .nota-ver-mas {
	background-color: #783884;
}
.noticias .nota-ver-mas {
	background-color: #783884;
}
.ciudad .nota-contenido .nota-ver-mas:hover {
	background-color: #d64159;
}
.gobierno .nota-contenido .nota-ver-mas:hover {
	background-color: #783884;
}
.servicios .nota-contenido .nota-ver-mas:hover {
	background-color: #783884;
}
.noticias .nota-contenido .nota-ver-mas:hover {
	background-color: rgb(145,119,190);;
}

@media(max-width:768px) {
.notas-seccion {
	padding: 20px 0;
}
.nota {
	display: block;
	padding: 0;
}
.nota-img {
	display: block;
	width: 100%;
}
.nota-contenido {
	display: block;
	width: 100%;
	padding: 39px 40px 60px 40px;
}
.nota-contenido .nota-ver-mas {
	bottom: 0;
	top: initial;
	height: 40px;
	left: 0;
	right: 0;
	width: 100%;
}
}

@media(max-width: 540px) {
.notas-seccion {
	padding: 25px 0;
}
.nota-contenido {
	display: block;
	width: 100%;
	padding: 25px 25px 60px 25px;
}
}

/* -----------
 *  NOTAS INTERNAS (dentro de las páginas de texto)
 * ----------- */

.nota-interna {
	display: table;
	width: 100%;
	background: #f5f5f5;
	margin-bottom: 20px;
}
.nota-interna-img {
	height: 200px;
	display: table-cell;
	width: 50%;
	background-size: cover;
	position: relative;
	background-position: 50%;
}
.nota-interna-img:before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: #353433;
	opacity: 0;
	z-index: 1;
	transition: all .2s ease;
}
.nota-interna-img:hover:before {
	opacity: 0.3;
}
.nota-interna-contenido {
	display: table-cell;
	position: relative;
	padding: 39px 100px 27px 40px;
}
.nota-interna-contenido .nota-interna-categoria {
	font-size: 12px;
	font-weight: 400;
	color: #9a9a99;
	text-transform: uppercase;
	display: block;
	margin-bottom: 12px;
}
.nota-interna-contenido .nota-interna-categoria:hover {
	text-decoration: none;
}
.nota-interna-contenido .nota-interna-titulo {
	font-size: 20px;
	font-weight: 400;
	text-transform: uppercase;
	display: block;
	line-height: 26px;
	margin-bottom: 13px;
}
.ciudad .nota-interna-titulo {
	color: #783884;
}
.gobierno .nota-interna-titulo {
	color: #783884;
}
.servicios .nota-interna-titulo {
	color: #783884;
}
.noticias .nota-interna-titulo {
	color: #783884;
}
.ciudad .nota-interna-contenido .nota-interna-titulo:hover {
	color: #d64159;
}
.gobierno .nota-interna-contenido .nota-interna-titulo:hover {
	color: #783884;
}
.servicios .nota-interna-contenido .nota-interna-titulo:hover {
	color: #783884;
}
.noticias .nota-interna-contenido .nota-interna-titulo:hover {
	color: #e99320;
}
.nota-interna-contenido .nota-interna-titulo:hover {
	text-decoration: none;
}
.nota-interna-contenido p {
	font-size: 16px;
	font-weight: 300;
	color: #4a4a49;
	font-family: Source Sans Pro;
	line-height: 21px;
}
.nota-interna-contenido .nota-interna-ver-mas {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	width: 40px;
	transition: all .2s ease;
	background: url(../img/sitio/ver-mas-20px.svg) no-repeat 50% #783884;
}
.ciudad .nota-interna-ver-mas {
	background-color: #783884;
}
.gobierno .nota-interna-ver-mas {
	background-color: #783884;
}
.servicios .nota-interna-ver-mas {
	background-color: #783884;
}
.noticias .nota-interna-ver-mas {
	background-color: #783884;
}
.ciudad .nota-interna-contenido .nota-interna-ver-mas:hover {
	background-color: #d64159;
}
.gobierno .nota-interna-contenido .nota-interna-ver-mas:hover {
	background-color: #783884;
}
.servicios .nota-interna-contenido .nota-interna-ver-mas:hover {
	background-color: #783884;
}
.noticias .nota-interna-contenido .nota-interna-ver-mas:hover {
	background-color: #e99320;
}

@media(max-width:768px) {
.nota-internas-seccion {
	padding: 20px 0;
}
.nota-interna {
	display: block;
	padding: 0;
}
.nota-interna-img {
	display: block;
	width: 100%;
}
.nota-interna-contenido {
	display: block;
	width: 100%;
	padding: 39px 40px 60px 40px;
}
.nota-interna-contenido .nota-interna-ver-mas {
	bottom: 0;
	top: initial;
	height: 40px;
	left: 0;
	right: 0;
	width: 100%;
}
}

@media(max-width: 540px) {
.nota-internas-seccion {
	padding: 25px 0;
}
.nota-interna-contenido {
	display: block;
	width: 100%;
	padding: 25px 25px 60px 25px;
}
}

/* -----------
 *  BREADCRUMBS
 * ----------- */
 
#breadcrumb {
	background: #f5f5f5;
	border-bottom: 1px solid #e1e1e1;
	border-top: 1px solid #e1e1e1;
	font-family: Source Sans Pro;
	padding: 9px 0;
	height: 42px;
}
.breadcrumb-contenedor {
	width: 100%;
	position: relative;
}
.breadcrumb-ruta {
	z-index: 1;
	position: absolute;
	left: 0;
}
.breadcrumb-redes {
	background: #f5f5f5;
	padding-left: 20px;
	z-index: 2;
	position: absolute;
	right: 0;
}

@media(max-width:540px) {
.breadcrumb-ruta {
	display: none;
}
}
#breadcrumb span {
	margin: 0 4px;
	color: #5e5d5d;
	font-weight: 300;
}
#breadcrumb .seccion {
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 600;
	color: #22b1ab;
	letter-spacing: 0.5px;
}
.ciudad #breadcrumb .seccion {
	color: #783884;
}
.gobierno #breadcrumb .seccion {
	color: #783884;
}
.servicios #breadcrumb .seccion {
	color: #783884;
}
.noticias #breadcrumb .seccion {
	color: #783884;
}
.ciudad #breadcrumb .seccion:hover {
	color: #d64159;
}
.gobierno #breadcrumb .seccion:hover {
	color: #491c50;
}
.servicios #breadcrumb .seccion:hover {
	color: #783884;
}
.noticias #breadcrumb .seccion:hover {
	color: #e99320;
}
#breadcrumb .sub-seccion {
	color: #5e5d5d;
	font-size: 12px;
	font-weight: 400;
	letter-spacing: 0.4px;
}
ciudad #breadcrumb .sub-seccion:hover {
	color: #d64159;
}
.gobierno #breadcrumb .sub-seccion:hover {
	color: #783884;
}
.servicios #breadcrumb .sub-seccion:hover {
	color: #783884;
}
.noticias #breadcrumb .sub-seccion:hover {
	color: #e99320;
}
#breadcrumb .sub-seccion:hover, #breadcrumb .seccion:hover {
	text-decoration: none;
}
.breadcrumb-redes h5 {
	color: #5e5d5d;
	font-size: 12px;
	font-weight: 300;
	line-height: 1.6;
	text-transform: uppercase;
	margin: 0;
	padding: 2px 0;
	float: left;
}
.ciudad .breadcrumb-redes h5 {
	color: #783884;
}
.gobierno .breadcrumb-redes h5 {
	color: #783884;
}
.servicios .breadcrumb-redes h5 {
	color: #783884;
}
.noticias .breadcrumb-redes h5 {
	color: #783884;
}
.breadcrumb-redes ul {
	float: left;
	margin-left: 4px;
	margin-top: -1px;
}
.breadcrumb-redes ul li {
	display: inline-block;
	margin-left: 4px;
}
.breadcrumb-redes ul li a {
	display: inline-block;
	width: 20px;
	height: 20px;
	transition: all .2s ease;
}
.breadcrumb-redes ul li a:hover {
	opacity: 0.7;
}

/**/

/* -----------
 *  BREADCRUMBS CORONAVIRUS
 * ----------- */


/**/


#breadcrumbcovid {
	background: #FCAD32;
	border-bottom: 1px solid #e1e1e1;
	border-top: 1px solid #e1e1e1;
	font-family: Source Sans Pro;
	padding: 9px 0;
	height: 42px;
}
.breadcrumb-contenedor-covid {
	width: 100%;
	position: relative;
}
.breadcrumb-ruta-covid {
	z-index: 1;
	position: absolute;
	left: 0;
}
.breadcrumb-redes-covid {
	background: #FCAD32;
	padding-left: 20px;
	z-index: 2;
	position: absolute;
	right: 0;
}

@media(max-width:540px) {
.breadcrumb-ruta-covid {
	display: none;
}
}
#breadcrumbcovid span {
	margin: 0 4px;
	color: #5e5d5d;
	font-weight: 300;
}
#breadcrumbcovid .seccion {
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 600;
	color: #22b1ab;
	letter-spacing: 0.5px;
}
.ciudad #breadcrumbcovid .seccion {
	color: #783884;
}
.gobierno #breadcrumbcovid .seccion {
	color: #783884;
}
.servicios #breadcrumbcovid .seccion {
	color: #783884;
}
.noticias #breadcrumbcovid .seccion {
	color: #783884;
}
.ciudad #breadcrumbcovid .seccion:hover {
	color: #d64159;
}
.gobierno #breadcrumbcovid .seccion:hover {
	color: #491c50;
}
.servicios #breadcrumbcovid .seccion:hover {
	color: #783884;
}
.noticias #breadcrumbcovid .seccion:hover {
	color: #e99320;
}
#breadcrumbcovid .sub-seccion {
	color: #5e5d5d;
	font-size: 12px;
	font-weight: 400;
	letter-spacing: 0.4px;
}
ciudad #breadcrumbcovid .sub-seccion:hover {
	color: #d64159;
}
.gobierno #breadcrumbcovid .sub-seccion:hover {
	color: #783884;
}
.servicios #breadcrumbcovid .sub-seccion:hover {
	color: #783884;
}
.noticias #breadcrumbcovid .sub-seccion:hover {
	color: #e99320;
}
#breadcrumbcovid .sub-seccion:hover, #breadcrumb .seccion:hover {
	text-decoration: none;
}
.breadcrumb-redes-covid h5 {
	color: #5e5d5d;
	font-size: 12px;
	font-weight: 300;
	line-height: 1.6;
	text-transform: uppercase;
	margin: 0;
	padding: 2px 0;
	float: left;
}
.ciudad .breadcrumb-redes-covid h5 {
	color: #783884;
}
.gobierno .breadcrumb-redes-covid h5 {
	color: #783884;
}
.servicios .breadcrumb-redes-covid h5 {
	color: #783884;
}
.noticias .breadcrumb-redes-covid h5 {
	color: #783884;
}
.breadcrumb-redes-covid ul {
	float: left;
	margin-left: 4px;
	margin-top: -1px;
}
.breadcrumb-redes-covid ul li {
	display: inline-block;
	margin-left: 4px;
}
.breadcrumb-redes-covid ul li a {
	display: inline-block;
	width: 20px;
	height: 20px;
	transition: all .2s ease;
}
.breadcrumb-redes-covid ul li a:hover {
	opacity: 0.7;
}


/* -----------
 *  HEADER SECCION
 * ----------- */
 
#header-seccion {
	height: 300px;
	background-size: cover;
	background-position: 50%;
	position: relative;
}

@media(max-width:768px) {
#header-seccion {
	height: 250px;
}
}

/* -----------
 *  EPIGRAFES
 * ----------- */
 
#epigrafe {
	background: rgba(0, 0, 0, 0.48);
	font-family: Source Sans Pro;
	color: #fff;
	padding: 9px 0;
	z-index: 2;
	position: absolute;
	bottom: 0;
	width: 100%;
}
#epigrafe p {
	margin: 0;
}

/* -----------
 *  CONTENIDO SECCION 70-30
 * ----------- */
 
#contenido-seccion {
	background: white;
	overflow: hidden;
	padding-bottom: 40px;
}
#contenido-seccion main {
	width: 576px;
	float: left;
	margin-right: 40px;
}
#contenido-seccion main.no-sidebar {
	width: 100%;
	float: none;
	margin: 0;
}
#contenido-seccion aside {
	width: 268px;
	float: left;
	padding: 0 0 60px;
}

@media(max-width:1024px) {
#contenido-seccion main {
	width: 65.15%;
	margin-right: 4.52%;
}
#contenido-seccion aside {
	width: 30.33%;
}
}

@media(max-width:768px) {
#contenido-seccion main {
	width: 100%;
	margin-right: 0;
	float: none;
}
#contenido-seccion aside {
	width: 100%;
	float: none;
	padding: 60px 0;
}
}

/* -----------
 *  CONTENIDO SECCION 50-50
 * ----------- */

#contenido-seccion-50.seccion-blanco {
	background: white;
}
#contenido-seccion-50 {
	overflow: hidden;
	padding-bottom: 40px;
}
#contenido-seccion-50 .col-seccion {
	width: 422px;
	float: left;
	margin-right: 40px;
}
#contenido-seccion-50 .col-seccion:last-child {
	margin-right: 0;
}

@media(max-width:1024px) {
#contenido-seccion-50 .col-seccion {
	width: 46%;
	margin-right: 8%;
}
}

@media(max-width:768px) {
#contenido-seccion-50 .col-seccion {
	width: 100%;
}
}

/* -----------
 *  PLANTILLA TEXTO
 * ----------- */
 
.plantilla-texto h1 {
	color: #353433;
	font-size: 25px;
	font-weight: 400;
	text-transform: uppercase;
	margin: 40px 0 20px;
	line-height: 30px;
}
.ciudad .plantilla-texto h1 {
	color: #783884;
}
.gobierno .plantilla-texto h1 {
	color: #783884;
}
.servicios .plantilla-texto h1 {
	color: #783884
}
.noticias .plantilla-texto h1 {
	color: #783884;
}

@media(max-width:320px) {
.plantilla-texto h1 {
	font-size: 18px;
	margin: 22px 0 0;
}
}
.plantilla-texto h2 {
	color: #783884;
	font-size: 20px;
	font-weight: 400;
	text-transform: uppercase;
	margin: 40px 0 20px;
}
.ciudad .plantilla-texto h2 {
	color: #783884;
}
.gobierno .plantilla-texto h2 {
	color: #783884;
}
.servicios .plantilla-texto h2 {
	color: #783884
}
.noticias .plantilla-texto h2 {
	color: #783884;
}
.plantilla-texto h3 {
	color: #4a4a49;
	font-size: 18px;
	font-weight: 400;
	text-transform: none;
	margin: 40px 0 15px;
}
.plantilla-texto h4 {
	color: #4a4a49;
	font-size: 16px;
	font-weight: 600;
	font-family: Source Sans Pro;
	line-height: 1.6;
	text-transform: none;
	margin: 0;
}
.plantilla-texto p {
	color: #4a4a49;
	font-size: 16px;
	font-weight: 300;
	font-family: Source Sans Pro;
	margin: 0 0 20px;
}
.plantilla-texto p.bajada {
	color: #363534;
	font-size: 18px;
	font-weight: 400;
	font-family: Source Sans Pro;
	margin: 0 0 20px;
	line-height: 23px;
}
.plantilla-texto p strong {
	font-weight: 600;
}
.plantilla-texto p a {
	font-weight: 400;
}
.plantilla-texto a {
	color: #22b1ab;
}
.ciudad .plantilla-texto a {
	color: #783884;
}
.gobierno .plantilla-texto a {
	color: #783884;
}
.servicios .plantilla-texto a {
	color: #783884
}
.noticias .plantilla-texto a {
	color: #783884;
}
.ciudad .plantilla-texto a:hover {
	color: #d64159;
}
.gobierno .plantilla-texto a:hover {
	color: #783884;
}
.servicios .plantilla-texto a:hover {
	color: #783884;
}
.noticias .plantilla-texto a:hover {
	color: #e99320;
}
.plantilla-texto ul {
	font-family: Source Sans Pro;
	font-size: 16px;
	font-weight: 300;
	margin: 0 0 20px;
}
.plantilla-texto ul li {
	text-indent: -1px;
	padding-left: 19px;
	position: relative;
}
.plantilla-texto ul li:before {
	content: "\2022";
	color: #22b1ab;
	font-size: 25px;
	font-family: Arial;
	line-height: 10px;
	float: left;
	margin-top: 7px;
	margin-right: 10px;
	position: absolute;
	left: 0;
	top: 0;
}
.plantilla-texto-2 ul li:before {
  content: none;
}
.ciudad .plantilla-texto ul li:before {
	color: #783884;
}
.gobierno .plantilla-texto ul li:before {
	color: #FEFEFE;
}
.servicios .plantilla-texto ul li:before {
	color: #783884
}
.noticias .plantilla-texto ul li:before {
	color: #783884;
}
.plantilla-texto ol {
	padding: 0;
	margin: 0;
}
.plantilla-texto ol {
	counter-reset: item;
	font-family: Source Sans Pro;
	font-size: 16px;
	font-weight: 300;
	margin: 0 0 20px;
}
.plantilla-texto ol li {
	display: block;
	white-space: pre-wrap;
	position: relative;
	padding-left: 19px;/* padding-top: 3px; *//* margin-top: -2px; */
}
.plantilla-texto ol li:before {
	content: counter(item) ". ";
	counter-increment: item;
	color: #22b1ab;
	font-family: Source Sans Pro;
	font-weight: 600;
	font-size: 20px;
	position: absolute;
	left: 0;
	top: -4px;
}
.ciudad .plantilla-texto ol li:before {
	color: #783884;
}
.gobierno .plantilla-texto ol li:before {
	color: #783884;
}
.servicios .plantilla-texto ol li:before {
	color: #783884
}
.noticias .plantilla-texto ol li:before {
	color: #783884;
}

/* -----------
 *  PLANTILLA MICROSITIO
 * ----------- */

#header-micrositio .contenedor-sitio {
	position: relative;
}
#header-micrositio .titulo {
	margin: 0;
	padding: 20px 0;
	color: #fff;
}
.ciudad  #header-micrositio {
	background: #783884;
}
.gobierno  #header-micrositio {
	background: #783884;
}
#header-micrositio .triangulo {
	width: 0; 
  height: 0; 
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
	z-index: 400;
	position: absolute;
	left: 90px;
	bottom: 0;
	margin-bottom: -10px;
}
.ciudad #header-micrositio .triangulo {
	border-top: 10px solid #783884;
}
.gobierno #header-micrositio .triangulo {
	border-top: 10px solid #783884;
}
.plantilla-micrositio .subtitulo {
	margin-top: 0;
}
.contenedor-notas-micrositio {
	display: table;
	border-spacing: 40px 0;
	margin-left: -40px;
	margin-right: -40px;
}
.nota-micrositio {
	display: table-cell;
	width: 50%;
	height: 100%;
	vertical-align: top;
	position: relative;
}
.nota-micrositio-img {
	display: block; 
	height: 200px;
	background-size: cover;
	position: relative;
	background-position: 50%;
}
.nota-micrositio-img:before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: #353433;
	opacity: 0;
	z-index: 1;
	transition: all .2s ease;
}
a:hover .nota-micrositio-img:before {
	opacity: 0.3;
}
.nota-micrositio-titulo {
	text-transform: uppercase;
	color: #fff;
	font-family: Open Sans;
	font-size: 16px;
	font-weight: 500;
	display: block;
	padding: 20px 65px 20px 25px;
}
.nota-micrositio-ver-mas {
	position: absolute;
	top: 200px;
	bottom: 0;
	right: 0;
	width: 40px;
	transition: all .2s ease;
	background: url(../img/sitio/ver-mas-20px.svg) no-repeat 50%;
}
.ciudad .nota-micrositio {
	border-top: 2px solid #783884;
	background-color: #783884;
}
.gobierno .nota-micrositio {
	border-top: 2px solid #783884;
	background-color: #783884;
}
.ciudad .nota-micrositio-ver-mas {
	background-color: #783884;
}

@media(max-width:768px) {
.contenedor-notas-micrositio {
	border-spacing: 0;
	margin: 0;
}
.contenedor-notas-micrositio a:first-child {
	margin-bottom: 25px;
}
.nota-micrositio {
	width: 100%;
	display: table;
}
}

/* -----------
 *  COMPONENTES TEXTO
 * ----------- */
 
.titulo {
	color: #353433;
	font-size: 25px;
	font-weight: 400;
	text-transform: uppercase;
	margin: 40px 0 20px;
	line-height: 30px;
}
.ciudad .titulo {
	color: #783884;
}
.gobierno .titulo {
	color: #783884;
}
.servicios .titulo {
	color: #783884
}
.noticias .titulo {
	color: #783884;
}

@media(max-width:320px) {
.titulo {
	font-size: 18px;
	margin: 22px 0 0;
}
}
.bajada {
	color: #363534;
	font-size: 18px;
	font-weight: 400;
	font-family: Source Sans Pro;
	margin: 0 0 20px;
	line-height: 23px;
}
.subtitulo {
	color: #783884;
	font-size: 20px;
	font-weight: 400;
	text-transform: uppercase;
	margin: 40px 0 20px;
}
.ciudad .subtitulo {
	color: #783884;
}
.gobierno .subtitulo {
	color: #783884;
}
.servicios .subtitulo {
	color: #783884
}
.noticias .subtitulo {
	color: #783884;
}
.subtitulo2 {
	color: #4a4a49;
	font-size: 18px;
	font-weight: 400;
	margin: 40px 0 15px;
}
.texto {
	color: #4a4a49;
	font-size: 16px;
	font-weight: 300;
	font-family: Source Sans Pro;
	margin: 0 0 20px;
}
.texto strong {
	font-weight: 600;
}
.link {
	color: #22b1ab;
	font-weight: 400;
}
.ciudad .link {
	color: #783884;
}
.gobierno .link {
	color: #783884;
}
.servicios .link {
	color: #783884
}
.noticias .link {
	color: #783884;
}
.ciudad .link:hover {
	color: #d64159;
}
.gobierno .link:hover {
	color: #783884;
}
.servicios .link:hover {
	color: #783884;
}
.noticias .link:hover {
	color: #e99320;
}
.lista-desordenada {
	font-family: Source Sans Pro;
	font-size: 16px;
	font-weight: 300;
	margin: 0 0 20px;
}
.lista-desordenada li {
	text-indent: -1px;
	padding-left: 19px;
	position: relative;
}
.lista-desordenada li:before {
	content: "\2022";
	color: #22b1ab;
	font-size: 25px;
	font-family: Arial;
	line-height: 10px;
	float: left;
	margin-top: 7px;
	margin-right: 10px;
	position: absolute;
	left: 0;
	top: 0;
}
.ciudad .lista-desordenada li:before {
	color: #783884;
}
.gobierno .lista-desordenada li:before {
	color: #783884;
}
.servicios .lista-desordenada li:before {
	color: #783884
}
.noticias .lista-desordenada li:before {
	color: #783884;
}
.lista-ordenada {
	padding: 0;
	margin: 0;
}
.lista-ordenada {
	counter-reset: item;
	font-family: Source Sans Pro;
	font-size: 16px;
	font-weight: 300;
	margin: 0 0 20px;
}
.lista-ordenada li {
	display: block;
	white-space: pre-wrap;
	position: relative;
	padding-left: 19px;/* padding-top: 3px; *//* margin-top: -2px; */
}
.lista-ordenada li:before {
	content: counter(item) ". ";
	counter-increment: item;
	color: #22b1ab;
	font-family: Source Sans Pro;
	font-weight: 600;
	font-size: 20px;
	position: absolute;
	left: 0;
	top: -4px;
}
.ciudad .lista-ordenada li:before {
	color: #783884;
}
.gobierno .lista-ordenada li:before {
	color: #783884;
}
.servicios .lista-ordenada li:before {
	color: #783884
}
.noticias .lista-ordenada li:before {
	color: #783884;
}
.cita {
	padding: 0;
	text-align: center;
	position: relative;
	margin: 30px 0;
	padding: 3px 5px 6px;
}
.cita:before {
	content: '';
	background: #c2c2c2;
	height: 1px;
	left: 0;
	right: 0;
	top: 20px;
	position: absolute;
	z-index: 1;
}
.cita:after {
	content: '';
	background: #c2c2c2;
	height: 1px;
	left: 0;
	right: 0;
	bottom: 20px;
	position: absolute;
	z-index: 1;
}
.comilla-grande, .comilla-chica {
	background: white;
	display: inline-block;
	text-align: center;
	padding: 6px 16px;
	position: relative;
	z-index: 2;
}
.cita p {
	margin: 0;
	font-family: Source Sans Pro;
	font-size: 20px;
	font-style: italic;
	color: #363534;
	text-align: center;
	line-height: 25px;
	padding: 8px 0;
}
.ciudad .cita p {
	color: #783884;
}
.gobierno .cita p {
	color: #783884;
}
.servicios .cita p {
	color: #783884
}
.noticias .cita p {
	color: #df8d1e;
}
.ciudad .cita svg {
	fill: #783884;
}
.gobierno .cita svg {
	fill: #783884;
}
.servicios .cita svg {
	fill: #783884
}
.noticias .cita svg {
	fill: #783884;
}
.cita-autor {
	font-size: 16px;
	font-style: italic;
	font-weight: 300;
	color: #4a4a49;
	display: inline-block;
	padding: 8px 17px 6px;
	background: white;
	position: relative;
	z-index: 2;
	font-family: Source Sans Pro;
}
.cita.cita-sin-comillas {
	padding: 40px 0;
}

/* -----------
 *  DESTACADOS SECCION
 * ----------- */
 
.destacado {
	background: #f9f9f9;
	padding: 21px 21px 23px 25px;
	position: relative;
	margin: 30px 0;
}

.destacado2 {
	background: #f9f9f9;
	padding: 21px 21px 23px 25px;
	position: relative;
	margin: 30px 0;
}

.destacado-verde {
	background: #f9f9f9;
	padding: 15px 21px 1px 25px;
	position: relative;
	margin: 30px 0;
}

.destacado1 {
	background: #783884;
	padding: 21px 21px 23px 25px;
	position: relative;
	margin: 30px 0;
}

.destacado1 p {
	font-family: Source Sans Pro;
	font-size: 16px;
	font-style: italic;
	color: #fafafb;
	line-height: 20px;
	margin: 0;
	letter-spacing: 0.2px;
	padding-left: 50px;
}
.destacado p {
	font-family: Source Sans Pro;
	font-size: 16px;
	font-style: italic;
	color: #363534;
	line-height: 20px;
	margin: 0;
	letter-spacing: 0.2px;
}
.destacado ul {
	margin: 0;
}
.destacado2 p {
	font-family: Source Sans Pro;
	font-size: 16px;
	font-style: italic;
	color: #363534;
	line-height: 20px;
	margin: 0;
	letter-spacing: 0.2px;
}
.destacado2 ul {
	margin: 0;
}

/*
.ciudad .destacado p{color: #783884;}
.gobierno .destacado p{color: #783884;}
.servicios .destacado p{color:#783884}
.noticias .destacado p{color: #783884;}
*/

.destacado .triangulo-destacado {
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 7px 0 7px 7px;
	border-color: transparent transparent transparent #ffffff;
	left: 0;
	top: 50%;
	margin-top: -7px;
}
.destacado-verde .triangulo-destacado-verde {
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 7px 0 7px 7px;
	border-color: transparent transparent transparent #ffffff;
	left: 0;
	top: 50%;
	margin-top: -7px;
}

.destacado.destacado-icono {
	padding-left: 90px;
}
.destacado-verde.destacado-icono-verde {
	padding-left: 90px;
}
.destacado.destacado-icono .triangulo-destacado {
	left: 60px;
	border-color: transparent transparent transparent #783884;
}
.destacado-verde.destacado-icono-verde .triangulo-destacado-verde {
	left: 60px;
	border-color: transparent transparent transparent #19a814;
}
.icono-destacado {
	/*background: url(../img/sitio/exclamacion.svg) no-repeat 50% #783884;*/
	position: absolute;
	width: 60px;
	top: 0;
	bottom: 0;
	left: 0;
}
.icono-destacado-verde {
	position: absolute;
	width: 60px;
	top: 0;
	bottom: 0;
	left: 0;
}

.icono-destacado.exclamacion {
	background: url(../img/sitio/exclamacion.svg) no-repeat 50%;
}

.icono-destacado-verde.whatsapp {
	background: url(../img/sitio/whatsapp.svg) no-repeat 50%;
}

.icono-destacado.descargar {
	background: url(../img/sitio/descargar.svg) no-repeat 50%;
}
.icono-destacado.descargar-verde {
	background: url(../img/sitio/descargar-verde.svg) no-repeat 50%;
}
.icono-destacado.calendario {
	background: url(../img/sitio/calendario.svg) no-repeat 50%;
}
.ciudad .icono-destacado {
	background-color: #783884;
}
.gobierno .icono-destacado {
	background-color: #783884;
}
.servicios .icono-destacado {
	background-color: #783884
}
.servicios .icono-destacado-verde {
	background-color: #19a814
}
.noticias .icono-destacado {
	background-color: #783884;
}
.ciudad .destacado.destacado-icono .triangulo-destacado {
	border-color: transparent transparent transparent #783884;
}
.gobierno .destacado.destacado-icono .triangulo-destacado {
	border-color: transparent transparent transparent #783884;
}
.servicios .destacado.destacado-icono .triangulo-destacado {
	border-color: transparent transparent transparent #783884
}
.servicios .destacado-verde.destacado-icono-verde .triangulo-destacado-verde {
	border-color: transparent transparent transparent #19a814
}
.noticias .destacado.destacado-icono .triangulo-destacado {
	border-color: transparent transparent transparent #783884;
}

/* -----------
 *  MEDIOS CONTACTO versión chica (columna lateral)
 * ----------- */

.medios-contacto {
	border-top: 1px solid #783884;
	border-bottom: 1px solid #783884;
	margin-bottom: 30px;/* margin-top: 100px;
    padding-top: 17px; */
}
.ciudad .medios-contacto {
	border-color: #783884;
}
.gobierno .medios-contacto {
	border-color: #783884;
}
.servicios .medios-contacto {
	border-color: #783884
}
.noticias .medios-contacto {
	border-color: #783884;
}
.medios-contacto li {
	overflow: hidden;
	border-bottom: 1px solid #d7d7d6;
	padding: 17px 0 8px;
	margin-bottom: -3px;
}
.medios-contacto li:last-child {
	border-bottom: 0;
}
.medio-contacto-icono {
	width: 12%;
	float: left;
	padding-left: 7px;
	margin-top: -3px;
}
.medio-contacto-datos {
	min-width: 88%;
	float: left;
	padding-left: 12px;
}
.medio-contacto-datos h5 {
	font-size: 16px;
	font-weight: 600;
	font-family: Source Sans Pro;
	color: #4a4a49;
	margin: 0;
}
.medio-contacto-datos p {
	font-size: 16px;
	font-weight: 300;
	font-family: Source Sans Pro;
	color: #4a4a49;
	word-break: break-all;
	padding-right: 0;
}
.medios-contacto-sin-icono .medio-contacto-datos {
	padding-left: 2px;
}

/* -----------
 *  MEDIOS CONTACTO versión grande (columna 50%)
 * ----------- */

.medios-contacto-50 {
	position: relative;
	padding-left: 52px;
}
.medios-contacto-50-icono {
	position: absolute;
	width: 40px;
	height: 40px;
	top: 0;
	left: 0;
}
.medios-contacto-50-icono.direccion {
	background: url(../img/sitio/medio-contacto-50-mapa-pin.svg) no-repeat 50%;
}
.medios-contacto-50-icono.telefono {
	background: url(../img/sitio/medio-contacto-50-telefono.svg) no-repeat 50%;
}
.medios-contacto-50 h5 {
	font-size: 16px;
	font-weight: 600;
	font-family: Source Sans Pro;
	color: #4a4a49;
	margin: 0;
}
.medios-contacto-50 p {
	font-size: 16px;
	font-weight: 300;
	font-family: Source Sans Pro;
	color: #4a4a49;
	padding-right: 0;
}

/* -----------
 *  MENU BOTONES GRANDES (tramites online - turnos)
 * ----------- */
 
.menu-botones-grandes {
	margin-top: 30px;
}
.menu-botones-grandes a {
	position: relative;
	padding: 25px 0 25px 80px;
	height: 80px;
	display: block;
	border-bottom: 1px solid #e1e1e1;
}
.menu-botones-grandes a:first-child {
	border-top: 1px solid #e1e1e1;
}
.servicios .menu-botones-grandes a:hover {
	border-bottom: 1px solid #783884;
	background: #e6f6f6;
}
.menu-botones-grandes .icono {
	position: absolute;
	width: 80px;
	height: 100%;
	top: 0;
	left: 0;
}
.menu-botones-grandes .icono.confirmar {
	background: url(../img/sitio/botones-grandes-confirmar.svg) no-repeat 50%;
	background-size: 50px 50px;
}
.menu-botones-grandes .icono.cancelar {
	background: url(../img/sitio/botones-grandes-cancelar.svg) no-repeat 50%;
	background-size: 50px 50px;
}
.menu-botones-grandes .icono.imprimir {
	background: url(../img/sitio/botones-grandes-imprimir.svg) no-repeat 50%;
	background-size: 50px 50px;
}
.menu-botones-grandes a .texto {
	font-size: 20px;
	font-weight: 300;
	font-family: Open Sans;
	color: #5e5d5d;
	text-transform: uppercase;
}
.menu-botones-grandes a:hover .texto {
	color: #4a4a49;
}

/* -----------
 *  NOTICIAS
 * ----------- */

/* -----------
 *  HEADER NOTICIAS
 * ----------- */

#header-noticias {
	background: #f7f7f7 url(../img/sitio/bg-noricias-textura-2.jpg);
}

/* -----------
 *  NOTICIA DESTACADA
 * ----------- */

.nota.noticia-destacada {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50%;
	/* min-height: 450px; con esto el alto queda mas chico*/
  /*height: 450px;*/
}
.nota.noticia-destacada .nota-img {
	padding-left: 70px;
	padding-top: 28px;
	text-decoration: none;
}
.nota.noticia-destacada h1 {
	margin: 0;
	font-size: 60px;
	font-weight: 300;
	text-transform: uppercase;
	color: white;
	text-shadow: 1px 1px 1px #000;
}

@media(max-width:768px) {
.nota.noticia-destacada .nota-img {
	padding-left: 40px;
}
}

@media(max-width:540px) {
.nota.noticia-destacada h1 {
	font-size: 50px;
}
.nota.noticia-destacada .nota-img {
	padding-left: 25px;
}
}

@media(max-width:320px) {
.nota.noticia-destacada h1 {
	font-size: 40px;
}
}
.nota.noticia-destacada .nota-contenido {
	background: rgb(145,119,190);
	padding: 39px 120px 27px 40px;
	vertical-align: top;
}
.seccion-noticias .nota-ver-mas {
	background-color: #783884;
}
.seccion-noticias .nota-ver-mas:hover {
	background-color: #f39c1a;
}
.nota.noticia-destacada .nota-img:before {
/* background-color: #783884; */
}
.nota.noticia-destacada .nota-contenido .nota-categoria {
	color: #4a4a49;
	font-size: 14px;
	font-weight: 600;
}
.nota.noticia-destacada .nota-contenido .nota-titulo {
	color: white;
	font-size: 25px;
	font-weight: 600;
	line-height: 35px;
}
.nota.noticia-destacada .nota-contenido p {
	color: #363534;
	font-size: 18px;
	font-weight: 300;
	font-family: Source Sans Pro;
	line-height: 30px;
	margin-top: 23px;
}

@media(min-width:769px) {
.nota.noticia-destacada {
	height: 450px;
}
}

@media(max-width:768px) {
.nota.noticia-destacada {
	min-height: 450px;
}
.nota.noticia-destacada .nota-contenido {
	background: #fbb853;
	padding: 20px 20px 54px 36px;
}
.nota.noticia-destacada .nota-contenido .nota-categoria {
	font-size: 12px;
	margin-bottom: 16px;
}
.nota.noticia-destacada .nota-contenido .nota-titulo {
	font-size: 20px;
	margin-bottom: 0;
	line-height: 25px;
}
.nota.noticia-destacada .nota-contenido p {
	font-size: 16px;
	margin-top: 12px;
	line-height: 23px;
}
}

/* -----------
 *  NOTA VARIANTE
 * ----------- */

.nota.nota-variante .nota-contenido {
	padding: 39px 40px 27px 100px;
}
.nota.nota-variante .nota-ver-mas {
	left: 0;
}

/* -----------
 *  NOTAS NOTICIAS
 * ----------- */

.seccion-noticias .notas-seccion {
	background: #f5f5f5;
}
.seccion-noticias .notas-seccion .nota {
	margin-bottom: 20px;
}
.seccion-noticias .notas-seccion .nota-contenido {
	background: white;
}
.seccion-noticias .nota-contenido .nota-titulo {
	color: #783884;
}
.seccion-noticias .nota-img:before {
/* background-color: #783884; */
}

@media(max-width:768px) {
.seccion-noticias .notas-seccion .nota-contenido {
	padding: 20px 20px 54px 35px;
}
.seccion-noticias .notas-seccion .nota-variante {
	position: relative;
	margin-bottom: 0;
}
.seccion-noticias .notas-seccion .nota-variante .nota-contenido {
	padding-top: 320px;
}
.seccion-noticias .notas-seccion .nota-variante .nota-img {
	float: right;
	position: absolute;
	top: 0;
}
.seccion-noticias .nota-contenido .nota-categoria {
	margin-bottom: 14px;
}
.seccion-noticias .nota-contenido .nota-titulo {
	font-size: 20px;
}
}

/* -----------
 *  NOTAS SECUNDARIAS
 * ----------- */

.notas-secundarias {
	background: #f5f5f5;
	padding-bottom: 35px;
}
.contenedor-notas-secundarias {
	display: table;
	border-spacing: 5px 0;
	margin-left: -5px;
	margin-right: -5px;
}
.nota.nota-secundaria {
	width: 33%;
	display: table-cell;
	background: white;
	vertical-align: top;
}
.nota.nota-secundaria.vacia {
	background: #f8f8f8;
}
.nota-secundaria-contenedor {
	padding: 0 5px;
}
.nota.nota-secundaria .nota-img {
	display: block;
	width: 100%;
	height: 160px;
}
.nota.nota-secundaria .nota-contenido {
	display: block;
	width: 100%;
	padding: 20px;
	background: white;
}
.nota.nota-secundaria .nota-contenido .nota-categoria {
}
.nota.nota-secundaria .nota-contenido .nota-titulo {
	font-size: 16px;
	line-height: 20px;
}
.nota.nota-secundaria .nota-contenido p {
	font-size: 14px;
}

@media(max-width:768px) {
.contenedor-notas-secundarias {
	border-spacing: 0;
	margin: 0;
}
.nota.nota-secundaria {
	width: 100%;
	display: table;
	margin-bottom: 25px;
}
.nota.nota-secundaria.vacia {
	display: none;
}
.nota.nota-secundaria .nota-img {
	min-height: 163px;
	display: table-cell;
	width: 50%;
}
.nota.nota-secundaria .nota-contenido {
	display: table-cell;
	width: 50%;
}
}

@media(max-width:540px) {
.nota.nota-secundaria .nota-img {
	display: block;
	width: 100%;
}
.nota.nota-secundaria .nota-contenido {
	display: block;
	width: 100%;
}
}

/* -----------
 *  LISTADO NOTICIAS x CATEGORIA INDEX
 * ----------- */

.listado-categorias-index .plantilla-texto h1 {
	margin-bottom: 0;
}
.listado-categorias-index .contenedor-notas-secundarias {
	padding-bottom: 30px;
}

@media(max-width:768px) {
.listado-categorias-index .contenedor-notas-secundarias {
	padding-bottom: 0;
}
}

@media(max-width:540px) {
.listado-categorias-index .plantilla-texto {
	border-top: 1px solid #e1e1e1;
}
}
.contenedor-paginacion {
	width: 100%;
	padding-top: 15px;
	text-align: center;
}
.contenedor-paginacion ul li {
	display: inline-block;
	padding: 0 3px;
}
.contenedor-paginacion ul li a {
	display: inline-block;
	width: 30px;
	height: 30px;
	padding-top: 3px;
	border-radius: 100%;
	transition: .2s all ease;
	background: #f5f5f5;
	border: 1px solid #dbdbda;
	color: #4a4a49;
}
.contenedor-paginacion ul li a:hover {
	background: #eae9e9;
	color: #363534;
}
.contenedor-paginacion ul li.activo a {
	background: #fff;
	border: 1px solid #fff;
}
.contenedor-paginacion ul li.flecha a {
	border: 1px solid #f5f5f5;
}
.contenedor-paginacion ul li.inactivo a {
	color: #c2c2c2;
	cursor: default;
}
.contenedor-paginacion ul li.inactivo a:hover {
	background: #f5f5f5;
}

/* -----------
 *  LISTADO NOTICIAS x CATEGORIA
 * ----------- */

#listado-noticias-categoria {
	overflow: hidden;
	background: white;
	padding-top: 40px;
	border-top: 1px solid #d7d7d6;
	padding: 40px 0;
}
.categoria-noticias {
}
.categoria-noticias h4 {
	text-transform: uppercase;
	font-size: 16px;
	font-weight: 300;
	position: relative;
	margin: 0;
	border-bottom: 1px solid #e1e1e1;
	padding: 21px 0 21px 30px;
	cursor: pointer;
	transition: .2s all ease;
}
.categoria-noticias h4:hover, .categoria-noticias.opened h4 {
	background: #EFD7FD;
	border-color: #783884;
}
.categoria-noticias h4:after {
	content: '+';
	color: #783884;
	position: absolute;
	right: 30px;
	top: 50%;
	margin-top: -13px;
	font-size: 21px;
	font-family: Arial;
	transition: all .1s ease;
}
.categoria-noticias.opened h4:after {
	content: '\2013';
}
.col-accesos-seccion .categoria-noticias:first-child h4 {
	border-top: 1px solid #e1e1e1;
}
.categoria-noticias ul {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.15s ease-out;
}
.categoria-noticias.opened ul {
	max-height: 1000px;
	height: auto;
	transition: max-height 0.25s ease-in;
}
.contenedor-sitio .col-accesos-seccion:last-child {
	margin-right: 0;
}
.categoria-noticias ul li a {
	overflow: hidden;
	display: block;
	padding: 15px 30px;
	border-bottom: 1px dotted #9c9893;
	transition: .2s all ease;
}
.categoria-noticias ul li a:hover {
	background: #EFD7FD;
}
.categoria-noticias ul li a .fecha-noticia {
	color: #c2c2c2;
	float: left;
	font-size: 14px;
	font-family: Source Sans Pro;
	width: 15%;
}
.categoria-noticias ul li a .titulo-noticia {
	color: #5e5d5d;
	font-size: 14px;
	font-weight: 300;
	font-family: Source Sans Pro;
	padding-left: 12px;
	float: left;
	width: 85%;
}
.categoria-noticias ul li a .noticias-anteriores {
	color: #5e5d5d;
	font-size: 14px;
	font-weight: 300;
	font-family: Source Sans Pro;
	text-align: center;
}
.categoria-noticias ul li:last-child a {
	border-bottom: 1px solid #783884;
}

@media(max-width:768px) {
.contenedor-sitio .col-accesos-seccion:last-child .categoria-noticias:first-child h4 {
	border-top: none;
}
}

/* -----------
 *  DETALLE NOTICIA
 * ----------- */

#header-detalle-noticia {
	background: #f7f7f7 url(../img/sitio/bg-noricias-textura-2.jpg);
}
article.nota-detalle {
	float: left;
	width: 614px;
	padding-top: 37px;
	padding-bottom: 40px;
	padding-right: 35px;
}
aside.noticias-relacionadas {
	float: left;
	width: 270px;
	padding-top: 75px;
}
.contenedor-sitio.detalle-noticia {
	overflow: hidden;
}

@media(max-width:1024px) {
article.nota-detalle {
	width: 70.85%
}
aside.noticias-relacionadas {
	width: 29.15%
}
}

@media(max-width:768px) {
article.nota-detalle {
	width: 100%;
	float: none;
	padding-right: 0;
}
aside.noticias-relacionadas {
	width: 100%;
	float: none;
	padding-top: 0px;
}
}

/* -----------
 *  SLIDER NOTICIA
 * ----------- */

#slider-noticia {
	background: #eaeaea;
}
.slide-noticia {
	display: table;
	width: 100%;
	max-height: 450px;
	overflow: hidden;
}
.siguiente, .anterior {
	position: absolute;
	background: url(../img/sitio/next-slide.svg) no-repeat 50% rgba(0, 0, 0, 0.3);
	width: 40px;
	height: 100px;
	top: 50%;
	margin-top: -50px;
	z-index: 20;
	cursor: pointer;
	opacity: 0;
	transition: opacity .2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.siguiente:hover, .anterior:hover {
	background: url(../img/sitio/next-slide.svg) no-repeat 50% rgba(0, 0, 0, 0.51);
}
.siguiente {
	right: 0;
}
.anterior {
	left: 0;
	transform: rotate(180deg);
}
.header-img:hover .siguiente, .header-img:hover .anterior {
	opacity: 1;
}
.header-img {
	height: 450px;
	width: 686px;
	display: block;
	max-height: 450px;
	overflow: hidden;
	position: relative;
}
.slick-track {
	height: 450px;
}
.slide-noticia-img {
	width: 100%;
	/* min-height: 450px; */
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50%;
}
.slick-dots {
	display: block;
	bottom: 25px;
	z-index: 10;
	position: absolute;
	right: 50%;
	margin-right: -30px;
	overflow: hidden;
}
.slick-dots li {
	display: inline-block;
	margin-right: 10px;
}
.slick-dots li:last-child {
	margin-right: 0;
}
.slick-dots li button {
	font-size: 0;
	line-height: 0;
	display: inline-block;
	width: 10px;
	height: 10px;
	padding: 0;
	cursor: pointer;
	color: rgba(0, 0, 0, 0);
	border: 1px solid white;
	outline: none;
	background: rgba(245, 245, 245, 0);
	border-radius: 100%;
}
.slick-dots li.slick-active button {
	background: white;
}
.slide-noticia-contenido {
	width: 338px;
	display: table-cell;
	vertical-align: bottom;
	background: #783884;
	color: white;
	padding: 38px;
}
.ciudad .slide-noticia-contenido {
	background: #783884;
}
.gobierno .slide-noticia-contenido {
	background: #783884;
}
.servicios .slide-noticia-contenido {
	background: #783884;
}
.noticias .slide-noticia-contenido {
	background: #783884;
}
.slide-noticia-contenido h3 {
	font-size: 18px;
	font-weight: 300;
	font-family: Source Sans Pro;
	line-height: 28px;
}

@media(max-width:1024px) {
.header-img {
	width: 66.89vw;
}
.slide-noticia-contenido {
	width: 33.11vw;
}
}

@media(max-width:1023px) {
.header-img, .slide-noticia-img {
	height: 337px;/* overflow: hidden; */
}
.slick-dots {
	top: 300px;
}
}

@media(max-width:768px) {
.slide-noticia {
	width: 100%;
	display: block;
	overflow: visible;
	max-height: none;
}
.header-img {
	width: 100vw;
}
.slide-noticia-contenido {
	width: 100vw;
}
.header-img, .slide-noticia-img {
	height: 500px;
}
.slick-dots {
	top: 405px;
}
.slide-noticia-contenido {
	width: 100%;
	display: block;
	padding: 20px 40px;
}
.slide-noticia-contenido h3 {
	font-size: 16px;
	line-height: 20px;
	margin: 0;
}
}

@media(max-width:540px) {
.slide-noticia-contenido {
	padding: 25px;
}
.header-img, .slide-noticia-img {
	height: 350px;
}
.slick-dots {
	top: 305px;
}
}

@media(max-width:320px) {
.header-img, .slide-noticia-img {
	height: 210px;
}
.slick-dots {
	top: 175px;
}
.slide-noticia-contenido h3 {
	font-size: 12px;
	line-height: 17px;
	margin: 0;
}
}

/* -----------
 *  DETALLE NOTICIA
 * ----------- */

.nota-detalle-meta {
	color: #9a9a99;
	text-transform: uppercase;
	font-size: 12px;
}
.separador-breadcrum {
	margin: 0 5px;
}
.nota-detalle {
}
a.nota-detalle-categoria {
	color: #4a4a49;
	font-weight: 400;
}
a:hover.nota-detalle-categoria {
	color: #363534;
}
.nota-detalle-fecha {
}
.nota-detalle .volanta {
	color: #363534;
	font-size: 16px;
	font-weight: 300;
	text-transform: uppercase;
	margin: 19px 0 0;
}
.nota-detalle .titulo {
	margin-top: 15px;
}
.nota-detalle .bajada {
	margin-top: 33px;
}

/* -----------
 *  DETALLE NOTICIA COMPARTIR
 * ----------- */

.nota-detalle-compartir {
	overflow: hidden;
	padding: 10px 0;
	margin-top: 30px;
}
.nota-detalle-compartir h5 {
	color: #9a9a99;
	font-size: 14px;
	font-weight: 300;
	margin: 0;
	background: url(../img/sitio/compartir.svg) no-repeat 0 50%;
	float: left;
	padding-left: 23px;
	text-transform: uppercase;
}
.nota-detalle-compartir ul {
	float: left;
	margin-left: 15px;
	margin-top: -8px;
}
.nota-detalle-compartir ul li {
	display: inline-block;
	margin-right: 10px;
}
.nota-detalle-compartir ul li a {
	display: inline-block;
	width: 30px;
	height: 30px;
	border-radius: 100%;
	transition: .2s all ease;
}
.nota-detalle-compartir ul li a:hover {
	background: #EAE9E9;
}

/* -----------
 *  NOTICIAS RELACIONADAS
 * ----------- */

.noticias-relacionadas h3 {
	color: #363534;
	font-size: 16px;
	font-weight: 300;
	text-transform: uppercase;
	margin: 0;
}
.nota-relacionada {
	margin-top: 20px;
	border-top: 4px solid #783884;
	border-left: 1px solid #eaeaea;
	border-right: 1px solid #eaeaea;
	border-bottom: 1px solid #eaeaea;
	/* padding-bottom: 12px; */
	margin-bottom: 38px;
}
.ciudad .nota-relacionada {
	border-top-color: #783884;
}
.gobierno .nota-relacionada {
	border-top-color: #783884;
}
.servicios .nota-relacionada {
	border-top-color: #783884;
}
.noticias .nota-relacionada {
	border-top-color: #783884;
}
.nota-relacionada-img {
	height: 135px;
	background-size: cover;
	background-position: 50%;
	background-repeat: no-repeat;
	transition: all .2s ease;
	display: block;
}
.nota-relacionada-img:hover {
	opacity: 0.7;
}
.nota-relacionada-contenedor {
	background-color: #353433;
}
.nota-relacionada-fecha {
	color: #9a9a99;
	font-size: 12px;
	font-weight: 400;
	margin: 0;
	display: block;
	text-transform: uppercase;
	margin-top: 19px;
	padding-left: 22px;
}
.nota-relacionada-titulo {
	color: #783884;
	font-size: 16px;
	font-weight: 400;
	margin: 0;
	display: block;
	text-transform: uppercase;
	margin-top: 15px;
	line-height: 20px;
	padding: 0 22px;
	transition: all .1s ease-in-out;
}
.nota-relacionada-titulo:hover {
	text-decoration: none;
}
.ciudad .nota-relacionada-titulo {
	color: #783884;
}
.gobierno .nota-relacionada-titulo {
	color: #783884;
}
.servicios .nota-relacionada-titulo {
	color: #783884;
}
.noticias .nota-relacionada-titulo {
	color: #783884;
}
.ciudad .nota-relacionada-titulo:hover {
	color: #d64159;
}
.gobierno .nota-relacionada-titulo:hover {
	color: #783884;
}
.servicios .nota-relacionada-titulo:hover {
	color: #783884;
}
.noticias .nota-relacionada-titulo:hover {
	color: rgb(145,119,190);
}
.nota-relacionada-bajada {
	color: #4a4a49;
	font-size: 14px;
	font-weight: 300;
	font-family: Source Sans Pro;
	display: block;
	padding: 0 18px 0 22px;
	margin-top: 13px;
	line-height: 21px;
	letter-spacing: -0.2px;
	padding-bottom: 15px;
}

@media(max-width:768px) {
.nota-relacionada-img {
	height: 250px;
}
}

/* ANULADO - se romia con el agregado del nota-relacionada-contenedor -

@media(max-width:768px){
    .noticias-relacionadas h3{
				display: none;
		}
    .nota-relacionada{
        display: table;
        width: 100%;
        padding-bottom: 0;
    }
    .nota-relacionada-img{
        width: 50%;
        /* height: 200px; * /
        display: table-cell;
        height: 100%;
    }
    .nota-relacionada-contenido{
        width: 50%;
        display: table-cell;
    }
}
@media(max-width:540px){
    .nota-relacionada-img{
        width: 100%;
        height: 250px;
        display: block
    }
    .nota-relacionada-contenido{
        width: 100%;
        display: block;
    }
}

*/

/* -----------
 *  categorias-noticias
 * ----------- */


.col-categorias-noticia {
	width: 100%;
	position: relative;
}
.categorias-noticia {
	border-top: 1px solid #ebeaea;
}
.categorias-noticia li {
	display: block;
	text-align: left;
}
.categorias-noticia li a {
	display: block;
	text-align: left;
	padding: 10px 10px 10px 0;
	text-transform: uppercase;
	color: #5e5d5d;
	font-size: 14px;
	font-weight: 300;
	border-bottom: 1px solid #ebeaea;
	transition: .2s all ease;
}
.ciudad .categorias-noticia li a:hover, .ciudad .categorias-noticia li.active a {
	border-color: #783884;
	background: #ecf8f8;
}
.gobierno .categorias-noticia li a:hover, .gobierno .categorias-noticia li.active a {
	border-color: #783884;
	background: #f8fbe5;
}
.servicios .categorias-noticia li a:hover, .servicios .categorias-noticia li.active a {
	border-color: #783884;
	background: #ecf8f8;
}
.noticias .categorias-noticia li a:hover, .noticias .categorias-noticia li.active a {
	border-color: #783884;
	background: #fff7ec;
}
.categorias-noticia li a .flecha-item {
	margin-top: -15px;
	width: 17px;
}
.categorias-noticia li a .flecha-item:before {
	/* color: #783884; */
	font-size: 30px;
}
.ciudad .flecha-item:before {
	color: #783884;
}
.gobierno .flecha-item:before {
	color: #783884;
}
.servicios .flecha-item:before {
	color: #783884;
}
.noticias .flecha-item:before {
	color: #783884;
}
aside.noticias-relacionadas .col-categorias-noticia:last-child .categorias-noticia {
	border-top: none;
}
.categorias-noticia.fixed {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
}

@media(max-width:768px) {
.categorias-noticia.ancla {
	display: none;
}
}

/* -----------
 *  ORGANIGRAMA
 * ----------- */

.organigrama img {
	max-width: 100%;/* width: 100%; */
}
.col-organigrama {
	width: 33.33%;
	float: left;
	min-height: 220px;
	position: relative;
	margin-bottom: 20px;
}
.organigrama-row.bloque2 .col-organigrama {
	margin-bottom: 0;
}
.organigrama-row.intendente {
	border-bottom: 1px solid #e1e1e1;
}
.funcionario {
	text-align: center;
	height: 280px;
	cursor: pointer;
	border-bottom: 1px solid #e1e1e1;
	padding-top: 40px;
	position: relative;
}
.funcionario:hover {
	background: #f5f5f5;
}
.funcionario h1 {
	color: #4a4a49;
	font-size: 18px;
	font-weight: 400;
	font-family: Source Sans Pro;
	margin: 0;
	margin-top: 3px;
}
.funcionario h2 {
	color: #783884;
	font-size: 16px;
	font-weight: 600;
	margin: 0;
	margin-top: 5px;
}
.funcionario-img {
	width: 120px;
	height: 120px;
	border-radius: 100%;
	overflow: hidden;
	background: #eaeaea;
	display: inline-block;
}
.funcionario-expandir {
	width: 20px;
	height: 20px;
	background: url(../img/sitio/ver-mas-gris.svg);
	display: inline-block;
	margin-top: 19px;
	transition: all .2s ease;
	transform: rotate(90deg);
}
.intendente .funcionario {
	border-bottom: none;
	padding-top: 30px;
	height: 232px;
}
.intendente .funcionario:hover {
	background: none;
}
.intendente .funcionario h1 {
	font-size: 30px;
	text-align: left;
}
.intendente .funcionario h2 {
	font-size: 20px;
	text-align: left;
	text-transform: uppercase;
}
.intendente .funcionario-img {
	width: 180px;
	height: 180px;
}
.intendente .funcionario-datos {
	position: absolute;
	right: -164px;
	top: 50%;
	margin-top: -25px;
	left: 83%;
	width: 235px;
}
.funcionario-primario {
	transition: all .2s ease-in-out;
}
.funcionario.funcionario-primario h2 {
	text-transform: uppercase;
}
.funcionario-primario.expandido {
	background: #fafceb;
}
.funcionario-primario.expandido .funcionario-expandir {
	background: url(../img/sitio/ver-menos-gris.svg);
	transform: rotate(0deg);
}
.funcionarios-secundarios {
	max-height: 0;
	overflow: hidden;
	transition: all .5s ease-in-out;
	width: 100%;
}
.funcionarios-secundarios > li {
	width: 33.33%;
	display: block;
	float: left;
}
.funcionario.funcionario-secundario {
	height: 200px;
	padding-top: 23px;
	position: relative;
	transition: all .2s ease-in-out;
}
.funcionarios-secundarios .col-organigrama .contenedor-funcionario-secundario:first-child .funcionario-secundario {
	padding-top: 40px;
	height: 220px;
}
.funcionario.funcionario-secundario .funcionario-img {
	width: 90px;
	height: 90px;
}
.funcionario.funcionario-secundario h1 {
	color: #4a4a49;
	font-size: 16px;
	font-weight: 600;
	font-family: Source Sans Pro;
	transition: all .2s ease-in-out;
}
.funcionario.funcionario-secundario h2 {
	color: #4a4a49;
	font-size: 16px;
	font-weight: 300;
	font-style: italic;
	font-family: Source Sans Pro;
	transition: all .2s ease-in-out;
	margin-top: 2px;
}
.funcionario.funcionario-secundario .funcionario-expandir {
	position: absolute;
	opacity: 0;
	left: 50%;
	margin-left: -10px;
	bottom: 8px;
	background: url(../img/sitio/ver-mas-verde.svg);
	transform: rotate(90deg);
	transition: all .2s ease;
}
.funcionario-secundario.expandido {
	border-bottom-color: #783884;
}
.funcionario-secundario.expandido .funcionario-expandir {
	background: url(../img/sitio/ver-menos-gris.svg);
	transform: rotate(0deg);
	opacity: 1
}
.funcionario-secundario.expandido h1, .funcionario-secundario.expandido h2 {
/* opacity: 0.2; */
}
.funcionario-secundario:hover {
	background: #f5f5f5;
}
/*.funcionario-secundario:hover  h2 , .funcionario-secundario:hover h1 {opacity: 0.2;}*/

.funcionario-secundario:hover .funcionario-expandir {
	opacity: 1;
}
.funcionario-secundario.funcionario-secundario-nochildren:hover {
	background: white;
	cursor: default;
}
/*.funcionario-primario.expandido + .funcionarios-secundarios{
     max-height: 2000px; 
    max-height: 3000px;
}*/
.funcionarios-secundarios.mostrar {
	max-height: 3000px;
}
.bloque2-mobile {
	display: none;
}
.funcionarios-terciarios {
	max-height: 0;
	overflow: hidden;
	transition: all .5s ease-in-out;
	background: url(../img/sitio/funcionarios-3-bg.jpg) repeat-x top;
	margin-top: 0;
}
.funcionario-secundario.expandido + .funcionarios-terciarios {
	max-height: 2000px;
}
.funcionario-terciario {
	cursor: default;
}
.funcionario-terciario:hover {
	background: none;
}
.funcionario.funcionario-terciario {
	height: 85px;
	padding-top: 0;
	position: relative;
	padding-left: 20px;
	width: 100%;
	display: table;
}
.funcionario.funcionario-terciario .funcionario-img {
	display: table-cell;
	width: 50px;
	vertical-align: middle;
	float: none;
	background: none;
	height: auto;
}
.funcionario.funcionario-terciario .funcionario-img-inner {
	width: 50px;
	height: 50px;
	background: #eaeaea;
	border-radius: 100%;
	float: none;
	overflow: hidden;
}
.funcionario.funcionario-terciario .funcionario-datos {
	/* width: 200px; */
	display: table-cell;
	vertical-align: middle;
	float: none;
	text-align: left;
	padding-left: 10px;
}
.funcionario.funcionario-terciario h1 {
	color: #4a4a49;
	font-size: 14px;
	font-weight: 600;
	font-family: Source Sans Pro;
}
.funcionario.funcionario-terciario h2 {
	color: #4a4a49;
	font-size: 14px;
	font-weight: 300;
	font-style: italic;
	font-family: Source Sans Pro;
	text-transform: none;
	margin-top: 0;
	line-height: 16px;
	max-width: 230px;
}
.col-descargar-organigrama {
	width: 39%;
}
.descargar-organigrama {
	display: block;
	color: #9a9a99;
	font-size: 14px;
	font-weight: 300;
	text-transform: uppercase;
	position: relative;
	bottom: 0;
	left: 0;
	padding: 34px 40px;
	width: 100%;
	/* margin: 0 auto; */
}
a:hover.descargar-organigrama {
	color: #363534;
}
.descargar-organigrama img {
	float: left;
	margin-right: 10px;
	margin-top: -5px;
}
.descargar-organigrama span {
	line-height: 16px;
	display: block;
}

@media(max-width:1024px) {
.intendente .funcionario-datos {
	left: 84%;
}
.col-organigrama {
	margin: 0;
}
.col-intendente {
	margin-bottom: 20px;
}
}

@media(max-width:930px) {
.intendente .funcionario-datos {
	left: 86%;
}
}

@media(max-width:870px) {
.intendente .funcionario-datos {
	left: 88%;
}
}

@media(max-width:800px) {
.intendente .funcionario-datos {
	left: 90%;
}
}

@media(max-width:768px) {
.col-intendente {
	margin: 0;
}
.col-organigrama {
	min-height: auto;
}
.intendente .col-organigrama.col-organigrama-hide {
	display: none;
}
.intendente .col-organigrama {
	width: 100%;
	padding: 0 40px;
}
.intendente .funcionario {
	background: white !important;
	padding-top: 22px;
}
.intendente .funcionario-datos {
	position: relative;
	float: left;
	left: 0;
	padding-left: 15px;
	width: auto;
	margin-top: -43px;
}
.intendente .funcionario h1 {
	margin-bottom: -8px;
}
.funcionario-img {
	float: left;
}
.bloque2 .col-organigrama {
	width: 100%;
	min-height: 0;
	margin: 0;
}
.bloque2 .funcionario {
	text-align: left;
	padding: 0 70px;
}
.funcionario.funcionario-primario {
	height: 160px;
	padding-top: 20px;
	background: #f9f9f9;
}
.funcionario.funcionario-primario:hover {
	background: #f5f5f5;
}
.funcionario.funcionario-primario.expandido {
	background: #fafceb;
	border-color: #783884;
}
.funcionario-primario.expandido + .funcionarios-secundarios {
	background: url(../img/sitio/funcionarios-3-bg.jpg) repeat-x top;
}
.funcionario-primario .funcionario-img {
	margin-right: 24px;
}
.funcionario-primario h1 {
	margin-top: 37px;
}
.funcionario-primario .funcionario-expandir {
	right: 40px;
	position: absolute;
	top: 50%;
	margin-top: -10px;
}
#bloque3 .col-organigrama {
	width: 100%;
}
.bloque2 {
	display: none;
}
.bloque2-mobile {
	display: block;
}
.funcionarios-secundarios > li {
	width: 100%;
	float: none;
}
.funcionario.funcionario-secundario, .funcionarios-secundarios .col-organigrama .contenedor-funcionario-secundario:first-child .funcionario-secundario {
	height: 130px;
	padding: 20px 83px 0;
}
.funcionario.funcionario-secundario:hover {
	background: #f9f9f9;
}
.funcionario.funcionario-secundario:hover h1, .funcionario.funcionario-secundario:hover h2 {
	opacity: 1;
}
.funcionario.funcionario-secundario .funcionario-img {
	margin-right: 21px;
}
.funcionario.funcionario-secundario h1 {
	margin-top: 25px;
	margin-bottom: -3px;
	text-align: left;
}
.funcionario.funcionario-secundario h2 {
	text-align: left;
}
.funcionario.funcionario-secundario .funcionario-expandir {
	opacity: 1;
	position: absolute;
	top: 50%;
	margin-top: -10px;
	right: 40px;
	left: initial;
	background: url(../img/sitio/ver-mas-sin-borde.svg)no-repeat 50%;
}
.funcionario.funcionario-secundario.expandido .funcionario-expandir {
	background: url(../img/sitio/ver-menos-sin-borde.svg)no-repeat 50%;
}
.funcionarios-secundarios li:last-child .funcionario-secundario {
/* border-bottom: 2px solid #e1e1e1; */
}
.funcionarios-terciarios {
	background: url(../img/sitio/funcionarios-3-bg2.jpg)repeat-x top #fdfdfd;
}
.funcionario.funcionario-terciario {
	height: 75px;
	padding: 0 102px 0;
}
.funcionario.funcionario-terciario .funcionario-img {
	margin-right: 10px;
	max-width: 50px;
	width: 50px;
}
.funcionario.funcionario-terciario .funcionario-img-inner {
	margin: 0;
}
.funcionario.funcionario-terciario .funcionario-datos {
	padding-top: 0;
	width: 280px;
	padding-left: 0;
}
.col-descargar-organigrama {
	width: 100%;
}
.col-organigrama-hide-mobile {
	display: none;
}
}

@media(max-width:540px) {
.descargar-organigrama {
	padding: 34px 25px;
}
.organigrama .titulo {
	font-size: 20px;
	margin-top: 26px;
}
.funcionario.funcionario-secundario {
	padding: 20px 83px 0;
}
.funcionario.funcionario-terciario {
	padding: 0 102px 0;
}
.intendente .col-organigrama {
	min-height: 0;
}
.intendente .funcionario-img {
	float: none;
	width: 120px;
	height: 120px;
}
.intendente .funcionario-datos {
	float: none;
	margin-top: 0;
	top: 0;
	text-align: center;
	padding: 0;
}
.intendente .funcionario h1 {
	text-align: center;
	font-size: 20px;
	margin-bottom: -4px;
}
.intendente .funcionario h2 {
	text-align: center;
	font-size: 14px;
}
.funcionario.funcionario-primario {
	height: 130px;
	padding-top: 0;
	padding: 20px 22px 0;
}
.funcionario-primario .funcionario-img {
	margin-right: 18px;
	width: 90px;
	height: 90px;
}
.funcionario-primario h1 {
	font-size: 14px;
	margin-top: 28px;
	margin-bottom: -3px;
}
.funcionario-primario h2 {
	font-size: 12px;
}
.funcionario-primario .funcionario-expandir {
	right: 27px;
}
.funcionario.funcionario-secundario {
	padding: 20px 33px 0;
	height: 112px;
}
.funcionario.funcionario-secundario .funcionario-img {
	width: 70px;
	height: 70px;
}
.funcionario.funcionario-secundario h1 {
	font-size: 14px;
	margin-top: 19px;
	margin-bottom: 1px;
}
.funcionario.funcionario-secundario h2 {
	font-size: 14px;
	text-transform: none;
}
.funcionario.funcionario-secundario .funcionario-expandir {
	right: 28px;
}
.funcionario.funcionario-terciario {
	padding: 2px 42px 0;
}
.funcionario.funcionario-terciario .funcionario-datos {
	padding-left: 20px;
}
.funcionario.funcionario-terciario h1 {
	font-size: 12px;
}
.funcionario.funcionario-terciario h2 {
	font-size: 12px;
	max-width: 500px;
}
.funcionarios-secundarios .col-organigrama .contenedor-funcionario-secundario:first-child .funcionario-secundario {
	padding: 20px 33px 0;
	height: 112px;
}
}

@media(max-width:321px) {
.funcionario-primario .funcionario-img {
	float: none;
	margin: 0;
}
.funcionario.funcionario-primario {
	text-align: center;
	padding: 20px 0px 17px;
	height: auto;
}
.funcionario-primario h1 {
	margin-top: 3px;
}
.funcionario.funcionario-secundario .funcionario-img {
	margin-right: 18px;
}
.funcionario.funcionario-secundario {
	padding: 19px 33px 38px 27px;
	height: auto;
}
.funcionario.funcionario-secundario h1 {
	margin-top: 16px;
	margin-bottom: 1px;
}
.funcionario.funcionario-secundario .funcionario-expandir {
	right: 23px;
}
.funcionario.funcionario-terciario {
	padding: 2px 36px 0;
}
.funcionario.funcionario-terciario .funcionario-img {
}
.funcionario.funcionario-terciario .funcionario-datos {
	padding-left: 21px;
	padding-bottom: 5px;
}
.funcionario.funcionario-terciario h2 {
	line-height: 13px;
}
}

/* -----------
 *  MENU DESPLEGABLE
 * ----------- */

#menu-desplegable {
	overflow: hidden;
	padding-top: 40px;
}
#menu-desplegable h1 {
	margin-top: 0;
}
#menu-desplegable .col-accesos-seccion {
	width: 432px;
	float: left;
	margin-right: 20px;
}
#menu-desplegable .col-accesos-seccion:last-child {
	margin-right: 0;
}
.menu-desplegable-titulo h4 {
	text-transform: uppercase;
	font-size: 16px;
	font-weight: 300;
	position: relative;
	margin: 0;
	border-bottom: 1px solid #e1e1e1;
	padding: 21px 0 21px 30px;
	cursor: pointer;
	transition: .2s all ease;
}
.ciudad .menu-desplegable-titulo h4:hover, .ciudad .menu-desplegable-titulo.opened h4 {
	background: #feecef;
	border-color: #783884;
}
.gobierno .menu-desplegable-titulo h4:hover, .gobierno .menu-desplegable-titulo.opened h4 {
	background: #f8fbe5;
	border-color: #783884;
}
.servicios .menu-desplegable-titulo h4:hover, .servicios .menu-desplegable-titulo.opened h4 {
	background: #e6f6f6;
	border-color: #783884;
}
.noticias .menu-desplegable-titulo h4:hover, .noticias .menu-desplegable-titulo.opened h4 {
	background: #fff5e5;
	border-color: #783884;
}
.menu-desplegable-titulo h4:after {
	content: '+';
	position: absolute;
	right: 30px;
	top: 50%;
	margin-top: -13px;
	font-size: 21px;
	font-family: Arial;
	transition: all .1s ease;
}
.ciudad .menu-desplegable-titulo h4:after {
	color: #783884;
}
.gobierno .menu-desplegable-titulo h4:after {
	color: #783884;
}
.servicios .menu-desplegable-titulo h4:after {
	color: #783884;
}
.noticias .menu-desplegable-titulo h4:after {
	color: #783884;
}
.menu-desplegable-titulo.opened h4:after {
	content: '\2013';
}
.col-accesos-seccion .menu-desplegable-titulo:first-child h4 {
	border-top: 1px solid #e1e1e1;
}
.menu-desplegable-titulo ul {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.15s ease-out;
}
.menu-desplegable-titulo.opened ul {
	max-height: 2000px;
	height: auto;
	transition: max-height 0.25s ease-in;
}
.contenedor-sitio .col-accesos-seccion:last-child {
	margin-right: 0;
}
.menu-desplegable-titulo ul li a {
	overflow: hidden;
	display: block;
	padding: 15px 30px;
	border-bottom: 1px dotted #9C9893;
	transition: .2s all ease;
}
.ciudad .menu-desplegable-titulo ul li a:hover {
	background: #feecef;
}
.gobierno .menu-desplegable-titulo ul li a:hover {
	background: #f8fbe5;
}
.servicios .menu-desplegable-titulo ul li a:hover {
	background: #e6f6f6;
}
.noticias .menu-desplegable-titulo ul li a:hover {
	background: #fff5e5;
}
.menu-desplegable-titulo ul li a .fecha-noticia {
	color: #c2c2c2;
	float: left;
	font-size: 14px;
	font-family: Source Sans Pro;
	width: 15%;
}
.menu-desplegable-titulo ul li a .titulo-noticia {
	color: #5e5d5d;
	font-size: 14px;
	font-weight: 300;
	font-family: Source Sans Pro;
	padding-left: 12px;
	float: left;
	width: 85%;
}
.ciudad .menu-desplegable-titulo ul li:last-child a {
	border-bottom: 1px solid #783884;
}
/*.gobierno .menu-desplegable-titulo ul li:last-child a {
	border-bottom: 1px solid #783884;
}*/
.servicios .menu-desplegable-titulo ul li:last-child a {
	border-bottom: 1px solid #783884;
}
.noticias .menu-desplegable-titulo ul li:last-child a {
	border-bottom: 1px solid #783884;
}

@media(max-width:1024px) {
#menu-desplegable .col-accesos-seccion {
	width: 48.5%;
	margin-right: 3%;
}
}

@media(max-width:768px) {
#menu-desplegable .col-accesos-seccion {
	width: 100%;
	text-align: left;
}
.contenedor-sitio .col-accesos-seccion:last-child .menu-desplegable-titulo:first-child h4 {
	border-top: none;
}
}

/* -----------
 *  SECCIONES
 * ----------- */

.seccion-gris {
	border-top: 1px solid #d7d7d6;
	padding: 40px 0;
	background: #f9f9f9 url("../img/sitio/sombra-1.png") repeat-x scroll center top;
}
.seccion-gris .nota {
	background: white;
}

.seccion-verde {
	border-top: 1px solid #d7d7d6;
	padding: 40px 0;
	background: #e6f6f6 url("../img/sitio/sombra-1.png") repeat-x scroll center top;
}

/* -----------
 *  TRAMITES
 * ----------- */

.contenedor-tramites {
	margin-top: 40px;
}
.contenedor-tramites-ultimo {
	margin-bottom: 54px;
}
.col-tramite {
	width: 268px;
	float: left;
	margin-right: 40px;
}
.contenedor-tramites .col-tramite.col-tramite-no-margin {
	margin-right: 0;
}
.categoria-tramite {
}
.categoria-tramite-portada {
	height: 130px;
	background: url(../img/noticia-destacada-bg.jpg)no-repeat 50%;
	background-size: cover;
}
.categoria-tramite h2 {
	color: #363534;
	font-size: 18px;
	font-weight: 600;
	text-transform: uppercase;
	border-bottom: 1px solid #e1e1e1;
	margin: 0;
	margin-top: 26px;
	padding-bottom: 16px;
}
.listado-tramites {
	margin-top: 4px;
}
.listado-tramites li {
	margin-bottom: 3px;
}
.tramite {
	display: block;
	padding: 19px 0;
	margin-left: -16px;
	margin-right: -13px;
	padding-left: 15px;
	padding-right: 15px;
	border-radius: 1px;
	transition: all .2s ease-in-out;
}
.tramite:hover {
	background: #f5f5f5;
}
.tramite h3 {
	margin: 0;
	font-size: 18px;
	font-weight: 400;
	color: #783884;
	margin-bottom: 8px;
	font-family: Source Sans Pro;
	line-height: 20px;
}
.tramite p {
	margin: 0;
	font-size: 16px;
	font-weight: 300;
	color: #4a4a49;
	line-height: 21px;
	font-family: Source Sans Pro;
}
.ver-todos-tramites {
	display: block;
	color: #9a9a99;
	font-size: 14px;
	text-transform: uppercase;
	text-align: center;
	border: 1px solid #cdcccc;
	padding: 13px 0;
	margin-top: 17px;
	max-width: 268px;
}
.ver-todos-tramites:hover {
	color: #5e5d5d;
	border-color: #5e5d5d;
	background: #f9f9f9;
}

@media(max-width:1024px) {
.col-tramite {
	width: 30.28%;
	margin-right: 4.51%;
}
}

@media(max-width: 768px) {
.contenedor-tramites {
	margin-top: 0;
}
.contenedor-tramites-primero {
	margin-top: 40px;
}
.col-tramite {
	width: 100%;
	margin-right: 0;
	margin-bottom: 40px;
}
.categoria-tramite-portada {
	display: none;
}
.categoria-tramite h2 {
	margin-top: 0;
}
}

@media(max-width: 320px) {
 .contenedor-tramites-primero {
 margin-top: 29px;
}
.categoria-tramite h2 {
	font-size: 14px;
	padding-bottom: 18px;
}
.listado-tramites li {
	margin-bottom: 3px;
}
.tramite {
	padding-right: 10px;
	padding: 16px 17px 17px;
}
.tramite h3 {
	font-size: 16px;
	margin-bottom: 9px;
}
.tramite p {
	font-size: 14px;
	line-height: 17px;
	padding-right: 0;
}
}

/* -----------
 *  BLOQUES IMG+TXT 3 columnas (usado en areas de gobierno)
 * ----------- */

.contenedor-bloques {
	margin-top: 40px;
	margin-bottom: 54px;
	border-bottom: 1px solid #e1e1e1;
}
.col-bloque {
	width: 268px;
	float: left;
	margin-right: 40px;
}
.contenedor-bloques .col-bloque.col-bloque-no-margin {
	margin-right: 0;
}
.item-bloque-portada {
	height: 130px;
	background: no-repeat 50%;
	background-size: cover;
}
.item-bloque-portada a:hover {
	background-color: #353433;
	opacity: 0.3;
}
.item-bloque h2 {
	color: #4a4a49;
	font-size: 18px;
	font-weight: 400;
	margin: 0;
	padding: 26px 0 16px;
}
.item-bloque h2 a {
	color: #4a4a49;
	display: block;
}
.item-bloque h2 a:hover {
	color: #363534;
}
.ciudad .item-bloque h2 a:hover {
	color: #783884;
}
.gobierno .item-bloque h2 a:hover {
	color: #783884;
}
.servicios .item-bloque h2 a:hover {
	color: #783884;
}
.noticias .item-bloque h2 a:hover {
	color: #e99320;
}

@media(max-width:1024px) {
.col-bloque {
	width: 30.28%;
	margin-right: 4.51%;
}
}

@media(max-width: 768px) {
.contenedor-bloques {
	margin-top: 0;
	margin-bottom: 0;
	border: 0;
}
.col-bloque {
	width: 100%;
	margin-right: 0;
	margin-bottom: 40px;
	border-bottom: 1px solid #e1e1e1;
}
.col-bloque-vacia {
	display: none;
}
.item-bloque-portada {
	display: none;
}
.item-bloque h2 {
	padding-top: 0;
}
}

@media(max-width: 320px) {
.contenedor-bloques {
	margin-top: 29px;
}
.item-bloque h2 {
	font-size: 14px;
	padding-bottom: 18px;
}
}


.arqui_online {
    display:block;
    width:452px;
    height:59px;
    background:url('http://www.quilmes.gov.ar/servicios/arqui_01.jpg');
}

.arqui_online:hover {
    display:block;
    width:452px;
    height:59px;
    background:url('http://www.quilmes.gov.ar/servicios/arqui_02.jpg');
}

/* -----------
 *  SOLAPA
 * ----------- */

#solapa-back {
	position: fixed;
	z-index: 90;
	background: rgba(0, 0, 0, 0.48);
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: none;
}
#solapa {
	background: #231f20;
	position: fixed;
	left: -300px;
	top: 0;
	bottom: 0;
	margin-top: 0;
	z-index: 100;
}

#solapa2 {
	background: #231f20;
	position: absolute;
	right: -300px;
	top: 0;
	bottom: 0;
	margin-top: 0;
	z-index: 100;
}

#solapa-bt-cerrar {
	position: absolute;
	top: 0;
	right: 0;
	padding: 20px;
	cursor: pointer;
	z-index: 1000;
}
#solapa-bt {
	background: url(../img/sitio/solapa-bg.png) no-repeat;
	background-position: 50% -12px;
	width: 207px;
	height: auto;
	position: absolute;
	font-weight: 300;
	text-align: center;
	cursor: pointer;
	right: -122px;
	top: 320px;
	margin-top: -40px;
	padding: 5px 0 10px;
	z-index: 70;
	transition: .1s all linear;
	overflow: hidden;
}

#solapa-bt2 {
	background: url(../img/sitio/solapa-bg.png) no-repeat;
	background-position: 50% -12px;
	width: 207px;
	height: auto;
	position: absolute;
	font-weight: 300;
	text-align: center;
	cursor: pointer;
	right: -85px;
	top: 270px;
	margin-top: -40px;
	padding: 5px 0 10px;
	z-index: 70;
	transition: .1s all linear;
	overflow: hidden;
}

#solapa-covid {
	background: url(../img/sitio/solapa-bg.png) no-repeat;
	background-position: 50% -12px;
	width: 207px;
	height: auto;
	position: absolute;
	font-weight: 300;
	text-align: center;
	cursor: pointer;
	right: -85px;
	top: 480px;
	margin-top: -40px;
	padding: 5px 0 10px;
	z-index: 70;
	transition: .1s all linear;
	overflow: hidden;
}

#solapa-bt3 {
	background: url(../img/sitio/solapa-bg.png) no-repeat;
	background-position: 50% -12px;
	width: 207px;
	height: auto;
	position: absolute;
	font-weight: 300;
	text-align: center;
	cursor: pointer;
	right: -180px;
	top: 320px;
	margin-top: -40px;
	padding: 5px 0 10px;
	z-index: 70;
	transition: .1s all linear;
	overflow: hidden;
}

#solapa-notificacion {
	z-index: 300;
	width: 32px;
	height: 32px;
	display: none;
	position: absolute;
	top: 202px;
	right: -43px;
	-webkit-animation-name: pulse2;
	animation-name: pulse2;
	-webkit-animation-duration: 3s;
	animation-duration: 3s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}
#solapa-notificacion.activa {
	display: block;
}
#solapa.visible #solapa-notificacion.activa {
	display: none;
}
 @-webkit-keyframes pulse2 {
 from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
 40% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
 50% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
 60% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
 to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes pulse2 {
 from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
 40% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
 50% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
 60% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
 to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
#solapa-bt h3 {
	font-size: 15px;
	font-weight: 300;
	line-height: 1;
	margin: 6px 0 0;
	color: #fff;
	cursor: pointer;
	display: inline-block;
}
#solapa-bt span {
	width: 20px;
	height: 20px;
	display: inline-block;
	background: rgba(54, 53, 52, 0.23);
	border-radius: 100%;
	text-align: center;
	margin-left: 9px;
	transform: rotate(270deg);
	transition: .1s all linear;
	vertical-align: middle;
}
#solapa-bt span svg {
	width: 7px;
}
#solapa.visible #solapa-bt span {
	transform: rotate(90deg);
}
.rotar {
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
 filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
.rotar2 {
	-webkit-transform: rotate(-270deg);
	-moz-transform: rotate(-270deg);
	-ms-transform: rotate(-270deg);
	-o-transform: rotate(-270deg);
 filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
.rotar3 {
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
 filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

#solapa-contenido {
	width: 300px;
	position: relative;
	background: #231f20;
	color: #783884;
	z-index: 90;
	/* padding: 76px 20px 30px; */
	overflow: visible;
}
#solapa-contenido2 {
	width: 300px;
	position: relative;
	background: #231f20;
	color: #783884;
	z-index: 90;
	/* padding: 76px 20px 30px; */
	overflow: visible;
}
#solapa-scroll {
	padding: 40px 20px 0;
	overflow: scroll;
	height: 100vh;
}

@media(max-height:620px) {
#solapa-scroll {
	overflow: scroll;
	z-index: 100;
	height: 100vh;
	min-height: 200px;
}
#solapa.visible #solapa-contenido {
	height: 100vh;
	/* overflow-x: hidden; */
	/* overflow-y: scroll; */
	z-index: 100;
}
#solapa-bt {
	/*top: 220px;*/
	/*top: initial; */
	/*bottom: 50%; */
	/* position: fixed;*/ 
	/* left: -85px;*/ 
}
#solapa-notificacion {
	/*top: 102px;*/
}
#solapa.visible #solapa-bt {
	/* display: none; */
}
}

@media(max-height:400px) {
#solapa-bt {
	top: 140px;
	/* top: initial; */
	/* bottom: 50%; */
	/* position: fixed; */
	/* left: -85px; */
}
#solapa-notificacion {
	top: 22px;
}
}

@media(max-width:340px) {
#solapa.visible #solapa-contenido {
	width: 100%;
}
#solapa-bt.rotar {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	top: initial;
	bottom: 0;
	left: 0;
	margin-left: 0;
	background: #783884;
	right: 0;
	width: 100%;
	height: 38px;
	position: fixed;
}
#solapa-notificacion {
	top: initial;
	bottom: 5px;
	right: -43px;
}
#solapa-bt h3 {
	-webkit-transform: rotate(-180deg);
	-moz-transform: rotate(-180deg);
	-ms-transform: rotate(-180deg);
	-o-transform: rotate(-180deg);
}
#solapa-bt span {
	transform: rotate(0deg);
	padding-right: 2px;
	float: left;
}
#solapa.visible #solapa-bt {
	display: none;
}
}
#solapa-contenido-bg {
	background: #231f20;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 80;
}
#solapa-scroll > h3 {
	text-align: center;
	border-bottom: 1px solid #686867;
	margin: 0;
	padding-bottom: 17px;
	font-size: 26px;
	font-weight: 300;
	position: relative;
	z-index: 90;
}
#solapa-scroll > h3 {
	text-align: left;
	font-size: 20px;
}
#solapa-contenido ul.solapa-destacados, #solapa-contenido ul.solapa-telefonos {
	margin: 0 0 40px;
	padding: 0;
	list-style: none;
	margin-top: 2px;
	position: relative;
	z-index: 90;
}
#solapa-contenido ul.solapa-destacados li {
	border-bottom: 1px solid #4a4a49;
	padding: 4px 0 20px;
	opacity: 0;
}
#solapa-contenido ul.solapa-telefonos li {
	border-bottom: 1px solid #4a4a49;
	padding: 4px 20px 4px;
	opacity: 0;
}
#solapa-contenido ul.solapa-destacados li a, #solapa-contenido ul.solapa-telefonos li a {
	display: block;
	overflow: hidden;
	clear: both;
}
#solapa-scroll > ul.solapa-destacados span {
	font-size: 13px;
	line-height: 1.2;
	display: block;
}
#solapa-scroll > ul.solapa-destacados span.solapa-imagen {
	width: 260px;
	height: 95px;
	background-size: cover;
	background-position: 50%;
}
#solapa-scroll > ul.solapa-destacados span.solapa-imagen:before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: #353433;
	opacity: 0;
	z-index: 1;
	transition: all .2s ease;
}
#solapa-scroll > ul.solapa-destacados span.solapa-imagen:hover:before {
	opacity: 0.3;
}
#solapa-scroll > ul.solapa-destacados span.solapa-categoria {
	font-weight: 300;
	color: #9a9a99;
	padding-top: 10px;
}
#solapa-scroll > ul.solapa-destacados span.solapa-titulo {
	font-weight: 400;
	color: #d7d7d6;
	padding-top: 5px;
}
#solapa-scroll > ul.solapa-telefonos li a strong {
	font-size: 25px;
	font-weight: 600;
	color: #783884;
	float: left;
	display: block;
}
#solapa-scroll > ul.solapa-telefonos li a strong {
	font-size: 19px;
}
#solapa-scroll > ul.solapa-telefonos li a span {
	font-size: 14px;
	font-weight: 300;
	color: #ebeaea;
	display: block;
	margin-left: 19px;
	margin-bottom: 10px;
	margin-top: 9px;
	float: left;
}
#solapa-scroll > ul.solapa-telefonos li a span {
	margin-left: 15px;
	margin-top: 5px;
}
#solapa-contenido ul.solapa-telefonos li.sin-margen {
	padding: 7px 20px 4px;
}
#solapa-scroll > ul.solapa-telefonos li.sin-margen a span {
	margin-left: 0;
}
#solapa-scroll > ul.solapa-telefonos li.sin-margen a strong {
	display: block;
	width: 100%;
	margin-bottom: -8px;
}
#solapa-scroll > ul.solapa-telefonos li.sin-margen a span {
	margin: 0;
	font-size: 13px;
	margin-bottom: 12px;
}
#solapa-scroll> ul.solapa-telefonos li.sin-margen a small {
	display: block;
	color: #783884;
	font-weight: 600;
	font-size: 18px;
	margin-bottom: -5px;
}
#solapa-contenido ul.solapa-telefonos li.solapa-redes {
	padding: 20px 0 15px;
	text-align: center;
	min-height: 0;
	border-bottom: none;
}
#solapa-contenido ul.solapa-telefonos li.solapa-redes a {
	display: inline-block;
	margin-right: 13px;
	margin-bottom: 0;
	height: 40px;
}
#solapa-contenido ul.solapa-telefonos li.solapa-redes a svg {
	fill: #737271;
	transition: .15s all ease-in-out;
}
#solapa-contenido ul.solapa-telefonos li.solapa-redes a:hover svg {
	fill: #c5c5c5;
}

/* -----------
 *  MAPAS
 * ----------- */
 
.mapa {
	height: 400px;
	position: relative;
}
.plantilla-texto .mapa {
	margin: 0 0 20px;
}

/* PopUp (info window) */
 
.gm-style-iw h5 {
	color: #333 !important;
	font-size: 16px !important;
	font-family: Source Sans Pro !important;
	font-weight: 600 !important;
	margin: 0 !important;
}
.gm-style-iw span.txt {
	color: #4a4a49 !important;
	font-size: 16px !important;
	font-family: Source Sans Pro !important;
	font-weight: 300 !important;
	margin: 0 !important;
}
.gm-style-iw a.link {
	font-size: 16px !important;
	font-family: Source Sans Pro !important;
	font-weight: 300 !important;
	margin: 0 !important;
}

/* -----------
 *  MAPA EN HEADER
 * ----------- */
 
.contenedor-fullwidth {
	height: 400px;
	position: relative;
}
.contenedor-1024 {
	width: 1024px;
	margin-left: auto;
	margin-right: auto;
	padding: 0 70px;
	position: relative;
}
.contenedor-fullwidth .listado {
	width: 320px;
	height: 400px;
	padding: 20px 0;
	background: #fff;
	position: absolute;
	overflow: auto;
	z-index: 50;
}
.contenedor-1024 .fondo-blanco {
	width: 1000px;
	height: 400px;
	margin-left: -1000px;
	background: #fff;
	position: absolute;
	z-index: 40;
}

@media(max-width:1024px) {
.contenedor-1024 {
	width: 100%;
}
}
@media(max-width:768px) {
.contenedor-fullwidth {
	height: 520px;
	overflow: hidden;
}
.contenedor-1024 {
	padding: 0 40px;
}
.contenedor-1024 .listado {
	width: 100%;
	height: 210px;
}
.contenedor-1024 .fondo-blanco {
	height: 210px;
}
.contenedor-mapa {
	height: 520px;
	padding-top: 210px;
}
.contenedor-mapa .mapa {
	height: 310px;
}
}
@media(max-width:540px) {
.contenedor-1024 {
	padding: 0 25px;
}
}
.contenedor-1024 .listado a {
	color: #4a4a49;
	font-size: 12px;
	line-height: 2;
	display: block;
	margin-right: 20px;
}
.ciudad .contenedor-1024 .listado a:hover {
	color: #783884;
}
.gobierno .contenedor-1024 .listado a:hover {
	color: #783884;
}

/* -----------
 *  MAPA DENTRO DE MENU DESPLEGABLE
 * ----------- */
 
.menu-desplegable-mapas .mapa {
	width: 653px;
	height: 400px;
	position: relative;
	float: left;
}
.menu-desplegable-mapas .listado {
	width: 231px;
	height: 380px;
	padding: 20px;
	overflow: auto;
	float: left;
}
.menu-desplegable-mapas .listado a {
	color: #4a4a49;
	font-size: 12px;
	line-height: 1.8;
	display: block;
}
.ciudad .menu-desplegable-mapas .listado a:hover {
	color: #783884;
}
.menu-desplegable-mapas h4 {
	font-size: 18px;
	font-weight: 300;
	position: relative;
	margin: 0;
	border-bottom: 1px solid #e1e1e1;
	padding: 21px 0 21px 20px;
	cursor: pointer;
	transition: .2s all ease;
}
.ciudad .menu-desplegable-mapas h4 .color-seccion {
	color: #783884;
}
.ciudad .menu-desplegable-mapas.opened h4 {
	background: #fbfbfb;
	border-bottom: 1px solid #783884;
}
.ciudad .menu-desplegable-mapas h4:hover {
	background: #f9f9f9;
	border-bottom: 1px solid #783884;
}
.menu-desplegable-mapas h4:after {
	content: '+';
	position: absolute;
	right: 30px;
	top: 50%;
	margin-top: -13px;
	font-size: 21px;
	font-family: Arial;
	transition: all .1s ease;
}
.ciudad .menu-desplegable-mapas h4:after {
	color: #783884;
}
.menu-desplegable-mapas.opened h4:after {
	content: '\2013';
}
.menu-desplegable-mapas:first-child h4 {
	border-top: 1px solid #e1e1e1;
}
.menu-desplegable-mapas ul {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.15s ease-out;
}
.menu-desplegable-mapas.opened ul {
	background: rgba(0, 0, 0, 0) url("../img/sitio/sombra-1.png") repeat-x scroll center top;
	max-height: 2000px;
	height: auto;
	transition: max-height 0.25s ease-in;
}
.menu-desplegable-mapas ul li {
	overflow: hidden;
	display: block;
	border-bottom: 1px solid #e1e1e1;
	transition: .2s all ease;
}
.menu-desplegable-mapas.opened ul li {
	border-bottom: 1px solid #bebebe;
}

/* -----------
 *  MENU DESPLEGABLE GRANDE
 * ----------- */
 
.menu-desplegable-grande h4 {
	text-transform: none;
	font-size: 18px;
	font-weight: 300;
	position: relative;
	margin: 0;
	border-bottom: 1px solid #e1e1e1;
	padding: 21px 0 21px 20px;
	cursor: pointer;
	transition: .2s all ease;
}
.ciudad .menu-desplegable-grande h4 .color-seccion {
	color: #783884;
}
.gobierno .menu-desplegable-grande h4 .color-seccion {
	color: #783884;
}
.ciudad .menu-desplegable-grande.opened h4 {
	background: #fbfbfb;
	border-bottom: 1px solid #783884;
}
.gobierno .menu-desplegable-grande.opened h4 {
	background: #fbfbfb;
	border-bottom: 1px solid #783884;
}
.ciudad .menu-desplegable-grande h4:hover {
	background: #f9f9f9;
	border-bottom: 1px solid #783884;
}
.gobierno .menu-desplegable-grande h4:hover {
	background: #f9f9f9;
	border-bottom: 1px solid #783884;
}
.menu-desplegable-grande h4:after {
	content: '+';
	position: absolute;
	right: 30px;
	top: 50%;
	margin-top: -13px;
	font-size: 21px;
	font-family: Arial;
	transition: all .1s ease;
}
.ciudad .menu-desplegable-grande h4:after {
	color: #783884;
}
.gobierno .menu-desplegable-grande h4:after {
	color: #783884;
}
.menu-desplegable-grande.opened h4:after {
	content: '\2013';
}
.menu-desplegable-grande:first-child h4 {
	border-top: 1px solid #e1e1e1;
}
.menu-desplegable-grande ul {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.15s ease-out;
}
.menu-desplegable-grande.opened ul {
	background: rgba(0, 0, 0, 0) url("../img/sitio/sombra-1.png") repeat-x scroll center top;
	max-height: 2000px;
	height: auto;
	transition: max-height 0.25s ease-in;
}
.menu-desplegable-grande ul li {
	overflow: hidden;
	display: block;
	padding: 40px 20px;
	border-bottom: 1px solid #e1e1e1;
	transition: .2s all ease;
}
.menu-desplegable-grande.opened ul li {
	border-bottom: 1px solid #bebebe;
}
.contenedor-columna-doble {
	width: 100%;
	display: table;
	border-spacing: 40px 0;
	margin-left: -40px;
	margin-right: -40px;
}
.columna-doble {
	display: table-cell;
	width: 50%;
	height: 100%;
	vertical-align: top;
	position: relative;
}
.columna-doble-txt p {
	color: #4a4a49;
	font-size: 16px;
	font-weight: 300;
	font-family: Source Sans Pro;
	margin: 0 0 20px;
}
.columna-doble-img {
	display: block; 
	height: 300px;
	background-size: cover;
	position: relative;
	background-position: 50%;
}
@media(max-width:768px) {
.menu-desplegable-grande h4 {
	padding-left: 10px;
}
.menu-desplegable-grande h4:after {
	right: 10px;
}
.menu-desplegable-grande ul li {
	padding: 20px 0 0;
}
.contenedor-columna-doble {
	border-spacing: 0;
	margin: 0;
}
.contenedor-columna-doble a:first-child {
	margin-bottom: 25px;
}
.columna-doble {
	width: 100%;
	display: table;
}
.columna-doble-img {
	margin-bottom: 20px;
}
}
@media(max-width:540px) {
.columna-doble-img {
	height: 200px;
}
}
.columna-doble-img:before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: #353433;
	opacity: 0;
	z-index: 1;
	transition: all .2s ease;
}
a:hover .columna-doble-img:before {
	opacity: 0.3;
}

/* -----------
 *  20 OBRAS 2017
 * ----------- */

.quilmes20obras .gm-style-iw {
	width:250px !important;
	overflow:hidden;
}
.quilmes20obras .gm-style-iw h5 {
	font-size: 14px !important;
	font-weight: 400 !important;
}
.quilmes20obras .gm-style-iw span.txt {
	font-size: 14px !important;
}
.quilmes20obras .gm-style-iw a.link {
	font-size: 14px !important;
	font-weight: 400 !important;
	color: #a0b10f;
	text-decoration: none;
}
.quilmes20obras .gm-style-iw a:hover.link {
	color: #829117;
}
.quilmes20obras .gm-style-iw div.img {
	margin-top: 5px;
	margin-bottom: 5px;
	width: 250px;
	height: 120px;
	background-size: cover;
	background-position: 50%;
	border-bottom:5px solid #783884 ;
}

@media(max-width:540px) {
	.quilmes20obras .gm-style-iw div.img {
		width: 100%;
	}
}
.quilmes20obras .gm-style-iw .iw-icon{
	background-image: url(../img/gobierno/20-obras-2017/q-infowindow.png);
	background-repeat: no-repeat;
	padding-left:38px;
}
.quilmes20obras #header-seccion .logo {
	float: left;
	position: absolute;
	left: 70px;
	top: 38px;
}
.quilmes20obras #header-seccion .logo img {
	width: 252px;
	height: 224px;
}
.quilmes20obras #header-seccion .ondita {
	float: left;
	position: absolute;
	right: 70px;
	top: 20px;
}
.quilmes20obras #header-seccion .ondita img {
	width: 254px;
	height: 260px;
}
@media(max-width:768px) {
.quilmes20obras #header-seccion .logo {
	left: 40px;
	top: 25px;
}
.quilmes20obras #header-seccion .logo img {
	width: 225px;
	height: 200px;
}
.quilmes20obras #header-seccion .ondita {
	right: 40px;
}
.quilmes20obras #header-seccion .ondita img {
	width: 205px;
	height: 210px;
}
}
@media(max-width:540px) {
.quilmes20obras #header-seccion .logo {
	left: 25px;
}
.quilmes20obras #header-seccion .ondita {
	right: 25px;
}
}
@media(max-width:490px) {
.quilmes20obras #header-seccion .logo {
	left: 40px;
}
.quilmes20obras #header-seccion .ondita {
	display: none;
}
}


/* -----------
 *  HISTORIA 350 MAPA
 * ----------- */

#historia350 .mapa {
	height: 300px;
	position: relative;
}

/* PopUp (info window) */

#historia350 .gm-style-iw {
	width: 250px !important;
	heigth: 250px !important;
	top: 0 !important;
	left: 0 !important;
}
#historia350 .gm-style-iw h5 {
	color: #868685;
	font-size: 14px;
	font-family: Source Sans Pro;
}
#historia350 .gm-style-iw span.img {
	width: 250px;
	height: 150px;
	display: table-cell;
	background-size: cover;
	position: relative;
	background-position: 50%;
}

/* -----------
 *  HISTORIA 350 LINEA DE TIEMPO
 * ----------- */
 
#timeline {
	background: #efefef;
	border-bottom: 1px solid #e1e1e1;
	border-top: 1px solid #e1e1e1;
	font-family: Source Sans Pro;
}
#timeline .contenedor-sitio ul li {
	display: inline-block;
	min-width: 90px;
	text-align: center;
}
#timeline .contenedor-sitio ul li a {
	font-size: 30px;
	font-weight: 300;
	color: #9a9a99;
	padding: 10px 0;
	transition: all .1s ease-in;
	display: block;
}
#timeline .contenedor-sitio ul li a:hover {
	color: #fff;
}
#timeline .contenedor-sitio ul li.activo a {
	color: #783884;
}

/* -----------
 *  HISTORIA 350 CONTENIDO
 * ----------- */
 
.plantilla-texto .titulos-historia350 h1 {
	margin-bottom: 0;
}
.plantilla-texto .titulos-historia350 h2 {
	margin: 0;
	color: #9a9a99;
	font-size: 25px;
	font-weight: 300;
}
.menu-desplegable-historia350 h4 {
	text-transform: none;
	font-size: 18px;
	font-weight: 300;
	position: relative;
	margin: 0;
	border-bottom: 1px solid #e1e1e1;
	padding: 21px 0 21px 20px;
	cursor: pointer;
	transition: .2s all ease;
}
.ciudad .menu-desplegable-historia350 h4 .color-seccion {
	color: #783884;
}
.ciudad .menu-desplegable-historia350.opened h4 {
	background: #fbfbfb;
	border-bottom: 1px solid #783884;
}
.ciudad .menu-desplegable-historia350 h4:hover {
	background: #f9f9f9;
	border-bottom: 1px solid #783884;
}
.menu-desplegable-historia350 h4:after {
	content: '+';
	position: absolute;
	right: 30px;
	top: 50%;
	margin-top: -13px;
	font-size: 21px;
	font-family: Arial;
	transition: all .1s ease;
}
.ciudad .menu-desplegable-historia350 h4:after {
	color: #783884;
}
.menu-desplegable-historia350.opened h4:after {
	content: '\2013';
}
.menu-desplegable-historia350:first-child h4 {
	border-top: 1px solid #e1e1e1;
}
.menu-desplegable-historia350 ul {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.15s ease-out;
}
.menu-desplegable-historia350.opened ul {
	background: rgba(0, 0, 0, 0) url("../img/sitio/sombra-1.png") repeat-x scroll center top;
	max-height: 2000px;
	height: auto;
	transition: max-height 0.25s ease-in;
}
.menu-desplegable-historia350 ul li {
	overflow: hidden;
	display: block;
	padding: 40px 20px;
	border-bottom: 1px solid #e1e1e1;
	transition: .2s all ease;
}
.menu-desplegable-historia350.opened ul li {
	border-bottom: 1px solid #bebebe;
}
#historia350 .col-acordeon {
	width: 402px;
	float: left;
	margin-right: 20px;
}
#historia350 .col-acordeon:last-child {
	margin-right: 0;
}

@media(max-width:1024px) {
#historia350 .col-acordeon {
	width: 48.5%;
	margin-right: 3%;
}
}

@media(max-width:768px) {
#historia350 .col-acordeon {
	width: 100%;
}
}

/* -----------
 *  FORMULARIOS
 * ----------- */
 
.form-general {
	transition: .12s all linear;
}
.form-general.form-error {
	border-color: red;
}
.form-general h2 {
	font-size: 18px;
	margin-top: 0;
}
.form-general .form-grupo {
}
.form-general .form-separador {
	height: 1px;
	margin: 0 0 20px;
	background-color: #d7d7d6;
}
.form-general .form-linea {
	margin: 0 0 20px;
	position: relative;
}

.form-general .columna {
	float: left;
}
.form-general .columna2 {
	width: 47%;
}
.form-general .columna2:first-child {
	margin-right: 6%;
}
.form-general .columna3 {
	width: 30%;
}
.form-general .columna2:first-child {
	margin-right: 3%;
}
.form-general label.form-titulo {
	color: #4a4a49;
	font-size: 14px;
	font-family: Source Sans Pro;
	font-weight: 300;
	display: block;
	margin-bottom: 3px;
	clear: both;
}
.form-general input[type=text], .form-general input[type=tel], .form-general input[type=email], .form-general input[type=date], .form-general input[type=number], .form-general textarea, .form-general .archivo-texto, .form-general select, .form-general button {
	color: #4a4a49;
	font-size: 14px;
	font-family: Source Sans Pro;
	background: white;
	border: 1px solid #d7d7d6;
	transition: border-color 0.3s;
	outline: none;
	padding: 5px 10px;
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	overflow: hidden;
}
.form-general input[type=text]:focus, .form-general input[type=tel]:focus, .form-general input[type=email]:focus, .form-general input[type=date]:focus, .form-general input[type=number]:focus, .form-general textarea:focus, .form-general .archivo-texto:active, .form-general select:focus, .form-general button:focus {
	border-color: #afaeae;
}
.form-general .form-error input[type=text], .form-general .form-error input[type=tel], .form-general .form-error input[type=email], .form-general .form-error input[type=date], .form-general .form-error input[type=number], .form-general .form-error textarea, .form-general .form-error .archivo-texto:active, .form-general .form-error select, .form-general .form-error button {
	border-color: #be1e2d;
}
.form-general .form-error ::-webkit-input-placeholder {
   color: #be1e2d;
}
.form-general .form-error :-moz-placeholder { /* Firefox 18- */
   color: #be1e2d;
}
.form-general .form-error ::-moz-placeholder {  /* Firefox 19+ */
   color: #be1e2d;
	 opacity: 1;
}
.form-general .form-error :-ms-input-placeholder {  
   color: #be1e2d;
}
.form-general .boton1 {
	color: white;
	font-size: 14px;
	font-family: Source Sans Pro;
	text-align: center;
	text-transform: uppercase;
	border: 0;
	padding: 7px 10px;
	display: inline-block;
	cursor: pointer;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-transition: background-color 0.3s;
	transition: background-color 0.3s;
}
.servicios .form-general .boton1 {
	background-color: #783884;
}
.servicios .form-general .boton1:hover {
	background-color: #783884;
}

.form-general select{
	border-radius: 0;
	color: #a9a9a9;
}
.form-general option.form-disabled {
	color: #a9a9a9;
	color: red;
	background-color: #a9a9a9;
}

.form-general .archivo-input {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	padding: 0;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
	width: 100%;
}
.form-general .archivo-texto {
	color: #a9a9a9;
	font-weight: 400;
	overflow: hidden;
}
.form-general .archivo-boton {
	font-size: 14px;
	font-family: Source Sans Pro;
	font-weight: 400;
	text-align: center;
	text-transform: uppercase;
	border: 1px solid #d7d7d6;
	background-color: #f9f9f9;
	padding: 5px 15px;
	display: inline-block;
	cursor: pointer;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-transition: border-color 0.3s;
	transition: border-color 0.3s;
	z-index: 1;
	position: absolute;
	top: 0;
	right: 0;
	float: none;
}
.form-general .archivo-boton:hover {
	border-color: #afaeae;
}
.servicios .form-general .archivo-boton {
	color: #783884;
}
.servicios .form-general .archivo-boton:hover {
	color: #783884;
}

.form-general .form-fecha.columna-texto {
	float: left;
}
.form-general .form-fecha.columna-input {
	float: right;
}
@media(max-width:768px) {
.form-general .form-fecha.columna-input {
	float: left;
	margin-left: 20px;
}
}
.form-general .form-fecha label.form-titulo {
	padding: 6px 0;
	margin-bottom: 0;
}
.form-general .form-fecha input[type=text] {
	max-width: 64px;
	margin-right: 5px;
}
.form-general .form-fecha input[type=text]:last-child {
	margin-right: 0;
}
.form-general .form-fecha.columna-input span {
	color: #4a4a49;
	font-size: 14px;
	font-family: Source Sans Pro;
	font-weight: 300;
	padding: 6px 10px 6px 5px;
}

.form-general .large {
	width: 100%;
}
.servicios .form-general .form-titulo .asterisco {
	color: #783884;
	font-weight: 600;
	padding: 0 5px;
}

/* -----------
 *  SPONSORS CONGRESO
 * ----------- */
 
#sponsors-congreso .logo {
	margin-bottom: 20px;
}
#sponsors-congreso .logo {
	display: inline-block;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% bottom;
	height: 80px;
	width: 200px;
	margin-right: 20px;
}
#sponsors-congreso .quilmes {
	background-image: url(../img/servicios/primer-congreso-internacional-sobre-consumo-problematico-de-drogas-logo-quilmes-municipio.jpg);
}
#sponsors-congreso .fonga {
	background-image: url(../img/servicios/primer-congreso-internacional-sobre-consumo-problematico-de-drogas-logo-fonga.jpg);
}
#sponsors-congreso .creerescrear {
	background-image: url(../img/servicios/primer-congreso-internacional-sobre-consumo-problematico-de-drogas-logo-fundacion-creer-es-crear.jpg);
}


/* -----------
 *  OBRAS
 * ----------- */
.obra-contenedor{
	width:100%;
	display:block;
	margin:30px 0 !important;
}

.obra-localidad{
	width:45%;
	height: auto;
	display:inline-block;
	vertical-align: top;
	margin-bottom:25px;
}

.obra-localidad img{
	width: 100%;
	height: auto;
	margin-bottom:20px;
	box-shadow: 
    -6px 0 white,       
    6px 0 white,        
    0 6px 4px 0 rgba(0,0,0,0.2);
}

.obra-localidad h4{
	padding-left:5px;
	font-size: 20px;
	font-weight: 600;
	color: #4a4a49;
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px solid #783884;
	
}

.obra-localidad p{
	font-style: italic;
}


.obra-localidad-izquierda{
	float:left;
}

.obra-localidad-derecha{
	float:right;
}

@media (max-width: 600px) {
  .obra-localidad {
    width:100%;
	display:block;
	margin-bottom:35px;
    }
}
.inline-b {
  display: inline-block;
}
.text-gestion-ciudadana {
  width: 48%;
  vertical-align: top;
  padding-left: 10px;
}
.img-gestion-ciudadana {
  width: 50%;
}
@media (max-width: 767px) {
  .img-gestion-ciudadana {
    width: 100%;
  }
  .text-gestion-ciudadana {
    width: 100%;
  }
}



//
// Base styles
//

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0; // See https://github.com/twbs/bootstrap/pull/22740#issuecomment-305868106
  word-wrap: break-word;
  background-color: $card-bg;
  background-clip: border-box;
  border: $card-border-width solid $card-border-color;
  @include border-radius($card-border-radius);

  > hr {
    margin-right: 0;
    margin-left: 0;
  }

  > .list-group:first-child {
    .list-group-item:first-child {
      @include border-top-radius($card-border-radius);
    }
  }

  > .list-group:last-child {
    .list-group-item:last-child {
      @include border-bottom-radius($card-border-radius);
    }
  }
}

.card-body {
  // Enable `flex-grow: 1` for decks and groups so that card blocks take up
  // as much space as possible, ensuring footers are aligned to the bottom.
  flex: 1 1 auto;
  padding: $card-spacer-x;
  color: $card-color;
}

.card-title {
  margin-bottom: $card-spacer-y;
}

.card-subtitle {
  margin-top: -$card-spacer-y / 2;
  margin-bottom: 0;
}

.card-text:last-child {
  margin-bottom: 0;
}

.card-link {
  @include hover {
    text-decoration: none;
  }

  + .card-link {
    margin-left: $card-spacer-x;
  }
}

//
// Optional textual caps
//

.card-header {
  padding: $card-spacer-y $card-spacer-x;
  margin-bottom: 0; // Removes the default margin-bottom of <hN>
  color: $card-cap-color;
  background-color: $card-cap-bg;
  border-bottom: $card-border-width solid $card-border-color;

  &:first-child {
    @include border-radius($card-inner-border-radius $card-inner-border-radius 0 0);
  }

  + .list-group {
    .list-group-item:first-child {
      border-top: 0;
    }
  }
}

.card-footer {
  padding: $card-spacer-y $card-spacer-x;
  background-color: $card-cap-bg;
  border-top: $card-border-width solid $card-border-color;

  &:last-child {
    @include border-radius(0 0 $card-inner-border-radius $card-inner-border-radius);
  }
}


//
// Header navs
//

.card-header-tabs {
  margin-right: -$card-spacer-x / 2;
  margin-bottom: -$card-spacer-y;
  margin-left: -$card-spacer-x / 2;
  border-bottom: 0;
}

.card-header-pills {
  margin-right: -$card-spacer-x / 2;
  margin-left: -$card-spacer-x / 2;
}

// Card image
.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: $card-img-overlay-padding;
}

.card-img {
  width: 100%; // Required because we use flexbox and this inherently applies align-self: stretch
  @include border-radius($card-inner-border-radius);
}

// Card image caps
.card-img-top {
  width: 100%; // Required because we use flexbox and this inherently applies align-self: stretch
  @include border-top-radius($card-inner-border-radius);
}

.card-img-bottom {
  width: 100%; // Required because we use flexbox and this inherently applies align-self: stretch
  @include border-bottom-radius($card-inner-border-radius);
}


// Card deck

.card-deck {
  display: flex;
  flex-direction: column;

  .card {
    margin-bottom: $card-deck-margin;
  }

  @include media-breakpoint-up(sm) {
    flex-flow: row wrap;
    margin-right: -$card-deck-margin;
    margin-left: -$card-deck-margin;

    .card {
      display: flex;
      // Flexbugs #4: https://github.com/philipwalton/flexbugs#flexbug-4
      flex: 1 0 0%;
      flex-direction: column;
      margin-right: $card-deck-margin;
      margin-bottom: 0; // Override the default
      margin-left: $card-deck-margin;
    }
  }
}


//
// Card groups
//

.card-group {
  display: flex;
  flex-direction: column;

  // The child selector allows nested `.card` within `.card-group`
  // to display properly.
  > .card {
    margin-bottom: $card-group-margin;
  }

  @include media-breakpoint-up(sm) {
    flex-flow: row wrap;
    // The child selector allows nested `.card` within `.card-group`
    // to display properly.
    > .card {
      // Flexbugs #4: https://github.com/philipwalton/flexbugs#flexbug-4
      flex: 1 0 0%;
      margin-bottom: 0;

      + .card {
        margin-left: 0;
        border-left: 0;
      }

      // Handle rounded corners
      @if $enable-rounded {
        &:not(:last-child) {
          @include border-right-radius(0);

          .card-img-top,
          .card-header {
            // stylelint-disable-next-line property-blacklist
            border-top-right-radius: 0;
          }
          .card-img-bottom,
          .card-footer {
            // stylelint-disable-next-line property-blacklist
            border-bottom-right-radius: 0;
          }
        }

        &:not(:first-child) {
          @include border-left-radius(0);

          .card-img-top,
          .card-header {
            // stylelint-disable-next-line property-blacklist
            border-top-left-radius: 0;
          }
          .card-img-bottom,
          .card-footer {
            // stylelint-disable-next-line property-blacklist
            border-bottom-left-radius: 0;
          }
        }
      }
    }
  }
}


//
// Columns
//

.card-columns {
  .card {
    margin-bottom: $card-columns-margin;
  }

  @include media-breakpoint-up(sm) {
    column-count: $card-columns-count;
    column-gap: $card-columns-gap;
    orphans: 1;
    widows: 1;

    .card {
      display: inline-block; // Don't let them vertically span multiple columns
      width: 100%; // Don't let their width change
    }
  }
}


//
// Accordion
//

.accordion {
  > .card {
    overflow: hidden;

    &:not(:first-of-type) {
      .card-header:first-child {
        @include border-radius(0);
      }

      &:not(:last-of-type) {
        border-bottom: 0;
        @include border-radius(0);
      }
    }

    &:first-of-type {
      border-bottom: 0;
      @include border-bottom-radius(0);
    }

    &:last-of-type {
      @include border-top-radius(0);
    }

    .card-header {
      margin-bottom: -$card-border-width;
    }
  }
}