@font-face{
   font-family: "social";
   font-style: normal;
   font-weight: normal;
   src: url(font/Socialico.eotf);
   src: url(font/Socialico.eotf) format("embedded-opentype"),
        url(font/Socialico.woff) format("woff"),
        url(font/Socialico.ttf) format("truetype"),
        url(font/Socialico.svg) format("svg");  
}
h5{
	font-weight: bold;
}
*{
	font-family: "Abel";
}
a:hover{
	text-decoration: none;
}
/*NOTICIA*/
.parrafo{
	text-align: justify;
	line-height: 20px;
}
.imgNoticia{
	padding-bottom: 15px;
}
/*===========*/
.BtnTransparencia{
	display: block;
	background-color: #AE70AF;
	color: #FFF;
	text-align: center;
	padding: 6px;
	margin-top: 15px;
	width: 150px
}
.BtnTransparencia:hover{
	background-color: rgba(103, 52, 120, 0.8);
	color: #FFF;
	text-decoration: none;
}
.RedesSociales{
	font-family: social;
	font-size: 40px;
	color: #CCC;
}
.RedesSociales:hover{
	text-decoration: none;
	color: #00A2E8;
}
.BordeSuperior{
	border-top: 3px solid #076BB6;
}
/*menu superior*/
#navi {  
	list-style:none;
	margin:0;
	padding:0;
}
#navi > li {
	margin:2px;
	padding:0; 
	float:left;
}
#navi li a {
	display:block;
	width: 140px;
	height: 30px; 
	padding:4px 0;
	text-decoration:none;
	text-align:center;
	color:#797C80;
	font-weight: bold;
	transition: all 0.2s ease-in-out 0s;

}
#navi li a:hover {
	color:#000;
	border-bottom:  3px solid #4752A8;
	border-right:  0px;
}
#navi li ul {
	display:none;
	position:absolute;
	list-style: none;
}

#navi li:hover > ul {
	display:block;
}
#navi li ul li {
	position:relative;
	z-index: 98

}  
#navi li ul li a{
	display: block;
	background-color: #fff;
	width: 200px;
	text-align: left;
	padding: 8px;
	transition: all 0.2s ease-in-out 0s;
}  
/*----------------------------------*/
.TituloAzul{
	color: #076BB6;
	font-weight: bold;
	margin-top: 15px;
	margin-bottom: 8px;
}
.TituloNaranja{
	color: #F47D43;
	font-weight: bold;
	margin-top: 15px;
	margin-bottom: 8px;

}
.BtnMas{
	padding: 5px;
	background-color: #fff;
	color: #DE5136;
	font-weight: bold;
	width: 20%; 
	text-align: center;
	display: block;
}

/*AMARILLO #009CA6*/
.BtnTituloAm{
	list-style: none;
}
.BtnTituloAm > li {
	float:left;
}
.BtnTituloAm li a {
	display: block;
	background-color: #009CA6;
	color: #FFF;
	text-align: center;
	padding: 6px;
	margin-top: 15px;
	width: 150px;
	margin-bottom: 8px;
}
.BtnTituloAm li ul {
	display:none;
	position:absolute;
	min-width:300px;
	background-color: #009CA6;
	z-index: 99;
	list-style: none;
	padding: 5px;
	text-align: justify;
	color: #fff;
}
.BtnTituloAm li:hover > ul {
	display:block;
}
.BtnTituloAm li ul li {
	position:relative;
}


/*CELESTE #ACCBE8*/
.BtnTituloCe{
	list-style: none;
}
.BtnTituloCe> li {
	float:left;
}

.BtnTituloCe li a {
	display: block;
	background-color: #ACCBE8;
	color: #FFF;
	text-align: center;
	padding: 6px;
	margin-top: 15px;
	width: 150px;
	margin-bottom: 8px;
}
.BtnTituloCe li ul {
	display:none;
	position:absolute;
	min-width:300px;
	background-color: #ACCBE8;
	z-index: 99;
	list-style: none;
	padding: 5px;
	text-align: justify;
	color: #fff;
}
.BtnTituloCe li:hover > ul {
	display:block;
}
.BtnTituloCe li ul li {
	position:relative;
}
/*AZUL #076BB6*/
.BtnTituloAz{
	list-style: none;

}
.BtnTituloAz> li {
	float:left;
}

.BtnTituloAz li a {
	display: block;
	background-color: #076BB6;
	color: #FFF;
	text-align: center;
	padding: 6px;
	margin-top: 15px;
	width: 150px;
	margin-bottom: 8px;
}
.BtnTituloAz li ul {
	display:none;
	position:absolute;
	min-width:300px;
	background-color: #076BB6;
	z-index: 99;
	list-style: none;
	padding: 5px;
	text-align: justify;
	color: #fff;
}
.BtnTituloAz li:hover > ul {
	display:block;
}
.BtnTituloAz li ul li {
	position:relative;
}
/*NARANJA #F47D43*/
.BtnTituloNa{
	list-style: none;

}
.BtnTituloNa> li {
	float:left;
}

.BtnTituloNa li a {
	display: block;
	background-color: #F47D43;
	color: #FFF;
	text-align: center;
	padding: 6px;
	margin-top: 15px;
	width: 150px;
	margin-bottom: 8px;
}
.BtnTituloNa li ul {
	display:none;
	position:absolute;
	min-width:300px;
	background-color: #F47D43;
	z-index: 99;
	list-style: none;
	padding: 5px;
	text-align: justify;
	color: #fff;
}
.BtnTituloNa li:hover > ul {
	display:block;
}
.BtnTituloNa li ul li {
	position:relative;
}

/*ROJO #E66665*/

.BtnTituloRo{
	list-style: none;

}
.BtnTituloRo> li {
	float:left;
}

.BtnTituloRo li a {
	display: block;
	background-color: #E66665;
	color: #FFF;
	text-align: center;
	padding: 6px;
	margin-top: 15px;
	width: 150px;
	margin-bottom: 8px;
}
.BtnTituloRo li ul {
	display:none;
	position:absolute;
	min-width:300px;
	background-color: #E66665;
	z-index: 99;
	list-style: none;
	padding: 5px;
	text-align: justify;
	color: #fff;
}
.BtnTituloRo li:hover > ul {
	display:block;
}
.BtnTituloRo li ul li {
	position:relative;
}

/*VERDE #9ECEB4*/
.BtnTituloVe{
	list-style: none;

}
.BtnTituloVe> li {
	float:left;
}

.BtnTituloVe li a {
	display: block;
	background-color: #9ECEB4;
	color: #FFF;
	text-align: center;
	padding: 6px;
	margin-top: 15px;
	width: 150px;
	margin-bottom: 8px;
}
.BtnTituloVe li ul {
	display:none;
	position:absolute;
	min-width:300px;
	background-color: #9ECEB4;
	z-index: 99;
	list-style: none;
	padding: 5px;
	text-align: justify;
	color: #fff;
}
.BtnTituloVe li:hover > ul {
	display:block;
}
.BtnTituloVe li ul li {
	position:relative;
}
.marquee {
  width: auto;
  overflow: hidden;
  background-color: #076BB6;
  padding: 3px 0 0 0;
  margin-bottom: 5px;
}
.marquee ul li{
   display: inline-block;
   color: #FFF;
   margin: 0px;
}
.linea{
	margin: 5px 0 0 0;
}

/*NOTICIAS*/
  #css-demo .product-item {
    margin   : 3px;
    position : relative;
  }
  #css-demo .product-item img {
    display        : block;
    width          : 100%;
    height         : 200px;
    border-radius  : 3px
  }

 h4, .h4 {
    font-size: 14px;
}
  /* SLIDER COTROIL NAVIGATION
  ------------------------*/


  .customNavigation {
    cursor    : pointer;
    position  : absolute;
    right     : 15px;
    top       : 15px;

  }

  .customNavigation a{
    display  : inline-block;
    height   : 24px;
  }

  .customNavigation a.prev,  /* for Previous Control */
  .customNavigation a.next   /* for Next Control */
    {
      float:right
    }




  /* HOME- PRODUCT
  --------------------------*/

  .single-product {
    position    : absolute;
    z-index     : 999;
    left        : 15px;
    background  :  rgba(255, 255, 255, 0.7);
    bottom      : 0;
    padding     : 10px;
    right       : 15px;
  }

  .product-slider h3{
    margin-bottom : 32px;
  }

  .single-product h4 a{
    color : #34404e
  }


  .single-product .readmore  a{
    float:left
  }
/*OPCION IZQUIERDA*/
.opcion_linea{
	margin: 1px 0px 1px 0px;
}
.opcion1 { 
    border-left: 2px solid #00A9EB;
    background-color: #FFF;
    padding: 0px 0px 0px 10px;
    margin: 0px;
    display: block;
    text-decoration: none;
    height: 60px;
    transition: all 0.2s ease-in-out 0s;
}

.opcion1 p{
	font-size: 16px;
	font-weight: bold;
	color: #00A9EB;
}
.opcion1:hover{
	border-left: 6px solid #00A9EB;
}

.opcion2 {
    border-left: 2px solid #52BE97;
    background-color: #FFF;
    padding: 0px 0px 0px 10px;
    margin: 0px;
    display: block;
    text-decoration: none;
    height: 60px;
    transition: all 0.2s ease-in-out 0s;
}

.opcion2 p{
	font-size: 16px;
	font-weight: bold;
	color: #52BE97;
}
.opcion2:hover{
	border-left: 6px solid #52BE97;
}

.opcion3 {
    border-left: 2px solid #EB6F24;
    background-color: #FFF;
    padding: 0px 0px 0px 10px;
    margin: 0px;
    display: block;
    text-decoration: none;
    height: 60px;
    transition: all 0.2s ease-in-out 0s;
}

.opcion3 p{
	font-size: 16px;
	font-weight: bold;
	color: #EB6F24;
}
.opcion3:hover{
	border-left: 6px solid #EB6F24;
}
.opcion4 {
    border-left: 2px solid #3677A1;
    background-color: #FFF;
    padding: 0px 0px 0px 10px;
    margin: 0px;
    display: block;
    text-decoration: none;
    height: 60px;
    transition: all 0.2s ease-in-out 0s;
}

.opcion4 p{
	font-size: 16px;
	font-weight: bold;
	color: #3677A1;
}
.opcion4:hover{
	border-left: 6px solid #3677A1;
}
.opcion5 {
    border-left: 2px solid #8F0303;
    background-color: #FFF;
    padding: 0px 0px 0px 10px;
    margin: 0px;
    display: block;
    text-decoration: none;
    height: 60px;
    transition: all 0.2s ease-in-out 0s;
}

.opcion5 p{
	font-size: 16px;
	font-weight: bold;
	color: #8F0303;
}
.opcion5:hover{
	border-left: 6px solid #8F0303;
}
.opcion6 {
    border-left: 2px solid #020102;
    background-color: #FFF;
    padding: 0px 0px 0px 10px;
    margin: 0px;
    display: block;
    text-decoration: none;
    height: 60px;
    transition: all 0.2s ease-in-out 0s;
}

.opcion6 p{
	font-size: 16px;
	font-weight: bold;
	color: #020102;
}
.opcion6:hover{
	border-left: 6px solid #020102;
	font-size: 12px;
}
.opcion7 {
    border-left: 2px solid #006696;
    background-color: #FFF;
    padding: 0px 0px 0px 10px;
    margin: 0px;
    display: block;
    text-decoration: none;
    height: 60px;
    transition: all 0.2s ease-in-out 0s;
}

.opcion7 p{
	font-size: 16px;
	font-weight: bold;
	color: #006696;
}
.opcion7:hover{
	border-left: 6px solid #006696;
}
.opcion8 {
    border-left: 2px solid #80B943;
    background-color: #FFF;
    padding: 0px 0px 0px 10px;
    margin: 0px;
    display: block;
    text-decoration: none;
    height: 60px;
    transition: all 0.2s ease-in-out 0s;
}

.opcion8 p{
	font-size: 16px;
	font-weight: bold;
	color: #80B943;
}
.opcion8:hover{
	border-left: 6px solid #80B943;
}

.opcion9 {
    border-left: 2px solid #656565;
    background-color: #FFF;
    padding: 0px 0px 0px 10px;
    margin: 0px;
    display: block;
    text-decoration: none;
    height: 60px;
    transition: all 0.2s ease-in-out 0s;
}

.opcion9 p{
	font-size: 16px;
	font-weight: bold;
	color: #656565;
}
.opcion9:hover{
	border-left: 6px solid #656565;
}

.opcion10 {
    border-left: 2px solid #939008;
    background-color: #FFF;
    padding: 0px 0px 0px 10px;
    margin: 0px;
    display: block;
    text-decoration: none;
    height: 60px;
    transition: all 0.2s ease-in-out 0s;
}

.opcion10 p{
	font-size: 16px;
	font-weight: bold;
	color: #939008;
}
.opcion10:hover{
	border-left: 6px solid #939008;
}
/*FOOTER*/

	#Servicio .servicios {
    	margin   : 3px;
    	position : relative;
  	}
  	#Servicio .servicios-item img {
    	display        : block;
    	width          : 100%;
    	height         : auto;
  	}

	.navegacion {
    	cursor    : pointer;
    	position  : absolute;
    	right     : 15px;
    	top       : 15px;
	}

	.navegacion a{
    	display  : inline-block;
    	height   : 24px;
  	}

	.navegacion a.prev{
		float:left
	}  /* for Previous Control */
	.navegacion a.next   /* for Next Control */
    {
      float:right
    }


/*----------------------------*/
.pie {
    color: #FFF;
    background-color: #6D98AB;
    margin-top: 10px;
    padding-top: 7px;
    padding: 7px;
    font-size: 13px;
}





/*#####################
Additional Styles (required)
######################*/
.carousel-control.left, .carousel-control.right {
	background-image:none !important;
}
.carousel-inner .item .imgNoticia {
	width:100%;
	height:200px;
	padding-right: 50%; 
}
.carousel-indicators {
	bottom:5px;
	left:0;
	width:auto;
	padding:5px 25px 5px 25px;
	margin-left:0;
	background:rgba(0,0,0,0.7);
}
.carousel-indicators li {
	border-radius:0;
	width:8px;
	height:8px;
	background:#fff;
}
.carousel-indicators .active {
	width:10px;
	height:10px;
	background:#39b3d7;
	border-color:#39b3d7;
}

.carousel-control {
	background:	#39b3d7;
	color:#fff;
	padding: 4px 0;
	width:26px;
	top:auto;	
	left:auto;
	bottom:12px;
	opacity:0.85;
}
.carousel-control.right {
	right:10px;
}

.carousel-control.left {
	right: 46px;
}
.carousel-caption {
	top:auto;
	width:auto;
	left:auto;
	bottom:60px;
	left:0;
	padding:20px;
	margin-left: 50%;
	background:rgba(0,0,0,0.70);
	text-align:left;
  	height:auto;
	max-width:100%;

}
.imagenNoticia{
	width: 200px; height: 200px;
}

.Interes{
	background-color: #6CCBE3;
    height: 27px;
    width: auto;
    padding: 7px 8px 0px;
    color: #FFF;
    font: 16px;
    margin: 0px;
    text-transform: uppercase;
}
#contibua-leyendo{
	    margin: 0px;
    padding: 0px;
}
#continua-leyendo h4{
    font: 700 19px;
    margin: 0px;
    padding: 0px;
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
    background: transparent url("http://www.muniyungay.gob.pe/img/bg-cl.png") no-repeat scroll center center;
}
#continua-leyendo ul li {
    background: transparent url("http://www.muniyungay.gob.pe/img/arrow-option-cl.png") no-repeat scroll left 17px;
    list-style: outside none none;
}
#continua-leyendo ul li a {
    background: transparent url("http://www.muniyungay.gob.pe/img/bg-option-cl.png") no-repeat scroll center bottom;
    display: block;
    padding: 10px 0px 10px 20px;
    color: #646464;
    text-decoration: none;
}
#continua-leyendo ul li a:hover {
	font-weight: bold;
}

.autor {
    float:right;
    display: block;
    border: 1px solid #ccc; 
    border-left: none;
    border-right: none; 
  }
  .parrafoNoticia{
  	align:justify;
  }
  .tituloNoticia{
  	text-transform: uppercase;
  	font-size: 16px;
  	font-weight: bold;
  }