@charset "UTF-8";

* {
	margin:0;
	padding:0;
}

body {
	background-size:1000px 8200px, 1400px 8200px; /*el valor:1000px es del fondo central mas peque�o y 1700 es el largo de ambos*/
	background-position: center center;
	background-repeat: no-repeat, no-repeat;
	position: relative;
	font-size: 100%;
}

.background-image {
	  box-shadow: 0, 2px 2px 5px #999;
	
}

/*inicio publicidad*/

#publicidad {
	margin: 0;
	padding: 0;
	width: 730px; /*el tama�o de anuncio google es: 728px*/
	height: 91px; /*el tama�o de anuncio google es: 90px*/
	margin-top: -45px;
	border: 1px solid black;
}

#publicidadportada { /*publicidad de la portada*/
	margin: 0;
	padding: 0;
	width: 900px; /*el tama�o de anuncio google es: 728px*/
	height: 91px; /*el tama�o de anuncio google es: 90px*/
	margin-top: 1px;
	background: #ffffcc;
	border: 1px solid black;
}

/*fin publicidad*/

/*inicio de caja inicial del 74 aniversario de ayavi*/

#inicio {
	margin: 0;
	padding: 0;
	height: 100px;
	border: 0;/*1px solid #003300;*/
	margin-top: 5px;
	max-width: 900px;
}


/*fin de caja inicial del 74 aniversario de ayavi*/

/*inicio de saludo de ayaviperu.com por aniversario en marquesina*/

#saludo {
	margin: 0;
	padding: 0;
	height: 25px;
	max-width: 900px;
	margin-top: 3px;
	background: #6666ff;
	color: #fff;
	position: relative;
}

#letra {
	margin-top: 2px;
}

/*fin de saludo de ayaviperu.com por aniversario en marquesina*/

/*inicio de caja de fecha y conexion a facebook y redes sociales*/

#cabecera {
	margin: 0;
	padding: 0;
	height: 35px;
	max-width: 1400px;
	margin-top: 1px;
	border: 1px solid #6B8E23;
	background: #6B8E23;
	color: #fff;
}

#fecha {
margin-top: 2px;
}

/*fin de caja de fecha y conexion a facebook y redes sociales*/

/*Inicio seccion de logo y slider acordeon*/

#logo {
	margin: 0;
	padding: 0;
	margin-top: 1px;
	height: 133px;
	max-width: 1400px;
	background-image: url("abstracto1.jpg");
}

#logologo {
	margin: auto;
	padding: 0;
	border: 0;
	width: 910px;
	height: 134px;
	border: 0;
	position: relative;
} 

#cuadrologo {
	margin: 0;
	padding; 0;
	margin-top: 2px;
	float: left;
}

.acordeon {
	width: 735px;
	height: 130px;
	margin: 50px auto auto auto;
	border: 1px solid black;
	box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.5);
	overflow: hidden;
	margin-left: 2px;
	margin-top: 0px;
	float: left;
}

.acordeon li {
	width: 122.5px;
	height: 100px;	
	display: block;
	float: left;
	list-style: none;
	box-shadow: 0px 0px 5px 2px white;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}


.acordeon:hover li {
	width: 100px;
}

.acordeon li:hover {
	width: 200px;
}

.acordeon ul {
	width: 2000px;
}

.info {
	font-family: arial, helvetica, sans-serif;
	width: 100px;
	height: 100px;
	background-color: rgba(0,0,0,0.5);
	color: #fff;
	padding: 0px;
	display:block;
	margin-top: 90px;
}


/*fin seccion de logo y slider acordeon*/

/*inicio de linea verde amplia sin contenido*/

#lineaverde1 {
	margin: 0;
	padding: 0;
	max-width: 1400px;
	height: 20px;
	margin-top: 0px;
	position: relative;
	background: #003300;
}


/*fin de linea verde amplia sin contenido*/

/*inicio de menu principal:inicio, ayavi, anexos, ni�o jesus, instituciones y educacion*/

#cabezaprincipal { /*publicidad de la portada*/
	margin: 0;
	padding: 0;
	width: 900px; /*el tama�o de anuncio google es: 728px*/
	height: 41px; /*el tama�o de anuncio google es: 90px*/
	margin-top: 0;
	border: 0;
	position:relative;
	background-image:url(amarillooptimo.jpg);
}

header {
	width:90%;
	max-width:800px;
	margin-left:auto;
}

nav {
	background:#003300;
	width: 706.8px;
	margin-top: 1px;
	position: absolute;
	display: block;
	z-index: 997889999887788;/*cuando los submenus salen ocultos debajo del slider*/
}

nav ul {
	list-style:none;
	padding:0;
	margin:0;
	overflow:hidden;
	border: 1px solid #003300;
}

nav > ul > li {
	float:left;
}

nav ul li a {
	text-decoration:none;
	color:#fff;
	display:block;
	padding:10px 20px;
}

nav ul li a:hover {
	background:#658017;
	color:#FFFF00;
}

nav > ul > li:hover div {
	display:table;
}

/*submenu*/

nav ul li div {
	width:190px;
	position: absolute;
	left:10;
	background:#ccc;
	box-sizing:border-box;
	display:none;
}

nav ul li div ul {
	width:20%;
	display:table-cell;
	box-sizing:border-box;
	
}

nav ul li div ul a {
	color:#000;
	
}

nav ul li div ul a:hover {
	color:#fff;
}

/*fin de menu principal:inicio, ayavi, anexos, ni�o jesus, instituciones y educacion*/
/*inicio de ademas: festividades, zonas arqueologicas, etc*/

#ademas {
	margin: 0;
	padding: 0;
	width: 812px;
	height: 29px;
	margin-top: 10px;
	border: 0;
}

#barra {
	margin: 0;
	padding: 0;
	width: 10px;
	height: 27px;
	margin-top: 0px;
	float: left;
	border: 0;
}

#ademasmayuscula {
	margin: 0;
	padding: 0;
	width: 90px;
	height: 27px;
	margin-top: 0;
	float: left;
	border: 0;
}

#festividades {
	margin: 0;
	padding: 0;
	width: 100px;
	height: 27px;
	margin-top: 0;
	float: left;
	border: 0;
}

#sitio {
	margin: 0;
	padding: 0;
	width: 150px;
	height: 27px;
	margin-top: 0;
	float: left;
	border: 0;
}

#gastronomia {
	margin: 0;
	padding: 0;
	width: 100px;
	height: 27px;
	margin-top: 0;
	float: left;
	border: 0;
}

#deportes {
	margin: 0;
	padding: 0;
	width: 80px;
	height: 27px;
	margin-top: 0;
	float: left;
	border: 0;
}

#actualidad {
	margin: 0;
	padding: 0;
	width: 80px;
	height: 27px;
	margin-top: 0;
	float: left;
	border: 0;
}

#salud {
	margin: 0;
	padding: 0;
	width: 60px;
	height: 27px;
	margin-top: 0;
	margin-left: -6px;
	float: left;
	border: 0;
}

#reportajes {
	margin: 0;
	padding: 0;
	width: 80px;
	height: 27px;
	margin-top: 0;
	float: left;
	border: 0;
}

#textoademas {
	margin-top: 3px;
	margin-left: 12px;
	font-size: 17px;
	color: #666;
}

#ademassubtitulo {
	margin-top: 3px;
	font-size: 17px;
	color: #0033ff;
}

#textobarra {
	margin-top: 3px;
	font-size: 17px;
}

#ademassubtitulo a:hover {
	text-decoration: underline; 
	color: #0033ff; 
}

#ademassubtitulo a:visited {
	color: #0033ff; 
}
/*fin de ademas: festividades, zonas arqueologicas, etc*/

/*inicio de lea tambien*/

#leatambien a:hover {
	text-decoration: underline; 
	color: #0033ff; 
}

#leatambien a:visited {
	color: #0033ff; 
}

/*fin de lea tambien*/

/*inicio de slider principal central*/

.main {
	width:90%;
	max-width:900px;
	margin:20px auto;
	margin-top: 5px;
	z-index:2;
	border: 1px solid #330033;
}

.slides {
	width:100%;

}

.slides img {
	width: 100%;
	height: 100%;
		
}

.slidesjs-pagination {
	background:#424242;
	list-style:none;
	overflow:hidden;
}

.slidesjs-pagination li {
	float:left;
}

.slidesjs-pagination li a {
	display:block;
	padding:10px 20px;
	color:#fff;
	text-decoration:none;
}

.slidesjs-pagination li a:hover {
	background:#000;
}

.slides .active {
	background:#000;
}

.slidesjs-navigation {
	background:#000;
	color:#fff;
	text-decoration:none;
	display:inline-block;
	padding:11px 20px;
	float:right;
}

/*fin de slider principal y central*/

/*inicio de menu inferior: festividades, sitios arqueologicos, gastronomia, deportes, libro de visitas, contacto*/

#inferior {
	width: 90%;
	margin: auto;
	margin-top: 0;
	max-width: 900px;
	position: relative;
}	

#navegacion {
	background: #003300;
	width: 824.5px;/*764.5px;*/
	margin-top: 0px;
	position: relative;
	
}

#navegacion ul {
	list-style-type:none;
	padding: 0;
	margin: 0;
	overflow: hidden;
}

#navegacion ul li {
	float: left;
}

#navegacion ul li a {
	text-decoration: none;
	color: #fff;
	display: block;
	padding: 10px 20px;
	border: 1px solid #fff;
}

#navegacion ul li a:hover {
	background: #658017;
	color: #ffff00;
	text-shadow: 1px 1px 1px #000;
}

/*fin de menu inferior: festividades, sitios arqueologicos, gastronomia, deportes, libro de visitas, contacto*/


/*inicio de la caja contenedora de:sanqui, chaulisma y los andes*/

div#body1 {
	margin: auto;
	margin-top: 5px;
	width: 900px;
	height:610px;
	background: #fff;
	border: 1px solid #003300;
}
div#body {
	margin: auto;
	margin-top: 0px;
	width: 900px;
	height:300px;
	background: #fff;
	border: 2px solid #003300;
}


div#izquierda {
	width: 291px;
	height: 300px;
	background: #fff;
	float: left;
}

#central1 {     /*caja que contiene los temas resaltados en la portada*/
	width: 260px;
	height: 276px;
	margin-top: 12px;
	background: #fff;
	border: 0;
}


#titular a:hover { /*titular del primer tema resaltado*/
	color: #43c6db;
}

#white1 {	/*espacio peque�o en blanco que esta al costado de la linea divisoria de temas resaltados*/
	width: 3px;
	height: 300px;
	background: #fff;
	border: 0;
	float: left;
}

#white2 {	/*aqui sale la linea que divide los principales temas resaltados en la portada*/
	width: 1px;
	height: 278px;
	margin-top: 12px;
	background: #fff;
	border-left: 1px solid #c9be62;
	float: left;
}


div#centro {
	width: 291px;
	height: 300px;
	background: #fff;
	float: left;
}

div#derecha {
	width: 291px;	
	height: 300px;
	background: #fff;
	float: left;
}


/*fin de la caja contenedora de:sanqui, chaulisma y los andes*/



/*inicio de caja de redes sociales y contactos*/

#redessociales {
	margin: auto;
	margin-top: 1px;
	width: 900px;
	height: 340px;
	background: #fff;
	border: 1px solid blue;
}
	
#colaboraciones {
	width: 276px;
	height: 300px;
	float: left;
	border: 0;
}

#colaborando {
	margin-left: 8px;
}

#colaboremos {           /*aqui sale el texto sobre colaboraciones al portal*/
	margin-top: 20px;
}

#contactenos {             /*aqui sale el texto y enlaces hacia los sitios de contacto al portal*/
	margin-top: 20px;
}

#space1  {
	width: 10px;
	height: 300px;
	float: left;
	border: 0;
}

#verticalline {
	width: 1px;
	height: 300px;
	border-left: 1px solid #0000ff;
	float: left;
}

#contadorvisitas {
	width: 273px;
	height: 300px;
	float: left;
	border: 0;
}

#likebox {
	width: 299px;
	height: 290px;
	margin-top:10px;
	background-image:url(fondofacebook.jpg);
	float: left;
	border: 0;
}


/*fin de caja de redes sociales y contactos*/



/*inicio de franja de copyright*/

#copyright {
	margin: 0;
	padding: 0;
	max-width: 1400px;
	height: 35px;
	margin-top: 5px;
	background: #003300;
	position: relative;
}

#copyrightportada {
	margin: 0;
	padding: 0;
	max-width: 1400px;
	height: 65px;
	margin-top: 5px;
	background: #003300;
}

#derechosportada {
	margin-top: 0px;
	color: #fff;
}
#derechosportada1 {
	margin-top: 0px;
	color: #003300;
}

#derechos {
	margin-top: 4px;
	color: #fff;
	position: relative;
}


/*fin de franja de copyright*/

#linea {
	width: 900px;
	margin-top: 5px;
	border: 1px solid black;
}

#linea2 {
	width: 730px;
	margin-top: 45px;
	border: 0;
}

/*-------------------------------------------------------------------------------------------------------*/

/*inicio de caja de contenido santa lucia de amacclle*/

#amacclle {
	margin: 0;
	padding: 0;
	margin-top: 5px;
	width: 900px;
	height: 450px;
	border: 1px solid black;
	position: relative;
	background: #fff;
}

div#fotoamacclle {
	width: 620px;
	height: 280px;
	float: left;
	border: 0;
	margin-left:1px;
	margin-top: 25px;
}

div#leyendaamacclle {
	width: 266px;
	height: 337px;
	float: left;
	border: 0;
	margin-left: 12px;
	margin-top: 25px;
	background: #669900;
}

#textoleyendaamacclle {    /*aqui va el texto sobre amacclle en el cuadro verde limon al lado de la foto principal*/
	margin-top: 20px;
	padding: 6px;
}

#autorfoto {
	width: 898px;
	height: 32px;
	margin-left: 0px;
	border: 0;
	margin-top: -4px;
	background: #003300;
	position: absolute;
}

#fotocesar {
	margin-top: 6px;
	position: absolute;
}


/*inicio de caja de contenido santa lucia de amacclle*/

/*[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[ Amaclle texto [[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[*/


/* inicio caja blanca separadora de imagen y texto*/

#cajablanca {
	width: 900px;
	height: 30px;
	border: 1px solid #fff;
	background: #fff;
}

/* fin caja blanca separadora de imagen y texto*/

/*inicio caja de contenido de Amacclle y division*/

#cajagrande {
	width: 900px;
	height: 2900px;
	background: #fff;
	border: 0;

}

#cajagrande8 { /*caja de la editorial*/
	width: 900px;
	height: 3500px;
	background: #fff;
	border: 0;
}

#cajagrande40 {/*caja grande de santa rosa*/
	width: 900px;
	height: 2300px;
	background: #fff;
	border: 0;
}

#contenido8 { /*contenido1 de la editorial*/
	width: 610px;
	height: 2300px;
	border: 0;
	margin-left: 12px;
	float: left;
}

#contenido40 { /*contenido1 de santa rosa*/
	width: 610px;
	height: 1400px;
	border: 0;
	margin-left: 12px;
	float: left;
}

#contenido1 { 
	width: 610px;
	height: 1998px;
	border: 0;
	margin-left: 12px;
	float: left;
}

#cajaface {
	width: 600px;
	height: 30px;
	border: 0;
}

#face1 {
	width: 240px;
	height: 25px;
	float: left;
	border: 0;
}

#fb-like {
	width: 100px;
	height: 25px;
	float: left;
	border: 0;
}

#fb-follow {
	width: 60px;
	height: 25px;
	float: left;
	border: 0;
}
		
.letracapital1 { /*letra capital*/
	float: left;
	color: black;
	background: #fff;
	border: 1px solid #999999;
	font-size: 80px;
	line-height: 60px;
	padding: 2px;
	font-family: times;
	margin-right: 5px;
}

#sangria {
	text-indent: 1.5cm;
	font-size: 1.02em;
	font-family: sans-serif; /*Arial, Helvetica, Verdana, Trebuchet, Tahoma, Futura*/
}	

#sangriareportajes {
	text-indent: 0cm;
	font-size: 1.02em;
	font-family: sans-serif; /*Arial, Helvetica, Verdana, Trebuchet, Tahoma, Futura*/
}
#espacio1 {
	width: 9px;
	height: 300px;
	border: 1px solid white;
	float: left;
}
	

#lineavertical {
	width: 1px;
	height: 2896px;
	border-left: 1px solid #a9a9a9; /*aqui sale la linea vertical, solo al poner borde izquierdo o derecho*/
	float: left;
}

#lineavertical2 {
	width: 1px;
	height: 3590px;
	border-left: 1px solid #a9a9a9; /*aqui sale la linea vertical, solo al poner borde izquierdo o derecho - creacion politica*/
	float: left;
}

#lineavertical8 { /*linea vertical de la editorial*/
	width: 1px;
	height: 3496px;
	border-left: 1px solid #a9a9a9; /*aqui sale la linea vertical, solo al poner borde izquierdo o derecho*/
	float: left;
}

#lineavertical40 { /*linea vertical de santa rosa*/
	width: 1px;
	height: 2296px;
	border-left: 1px solid #a9a9a9; /*aqui sale la linea vertical, solo al poner borde izquierdo o derecho*/
	float: left;
}
#espacio2 {
	width: 9px;
	height: 300px;
	border: 1px solid white;
	float: left;
}
#contenido2 { /*ESTE es el recuadro de la caja de TEMAS RELACIONADOS*/
	width: 250px;
	height: 700px;
	border: 0;
	float: left;
}

#temarelacionado { /*desde aqui empieza los cuadros peque�os de los anexos desde titulo: TEMAS RELACIONADOS----------------------*/
	width: 250px;
	height: 30px;
	margin-top: 5px;
	border: 1px solid #669900;
	background: #669900;
}

#temarelacionadotexto {
	margin-top: 4px;
	margin-left: 13px;
}

#temacaja1 {
	width: 130px;
	height: 90px;
	margin-top: 12px;
	float: left;
	border: 1px solid #0000ff;
}

#chaquitos {
	margin-top: 20px;
	color: #0000ff;
}

#temacaja1 a:hover {  /*------------------------inicio de hover para links de los anexos en cuadros peque�os------------*/
	text-decoration: underline;
	text-shadow: 2px 2px 2px #aaa; 
}
#temacaja3 a:hover {
	text-decoration: underline;
	text-shadow: 2px 2px 2px #aaa; 
}
#temacaja5 a:hover {
	text-decoration: underline;
	text-shadow: 2px 2px 2px #aaa; 
}
#temacaja7 a:hover {
	text-decoration: underline;
	text-shadow: 2px 2px 2px #aaa; 
}
#temacaja9 a:hover {
	text-decoration: underline;
	text-shadow: 2px 2px 2px #aaa; 
}

		
#temacaja2 {  /*------------------------fin de hover para links de los anexos en cuadros peque�os------------*/
	width: 116px;
	height: 90px;
	margin-top: 12px;
	float: left;
	border: 0;
}

#temacaja3 {
	width: 130px;
	height: 90px;
	margin-top: 0px;
	float: left;
	border: 1px solid #0000ff;
}

#chaulisma {
	margin-top: 20px;
	color: #0000ff;
}

#temacaja4 {
	width: 116px;
	height: 90px;
	margin-top: 0px;
	float: left;
	border: 0;
}

#temacaja5 {
	width: 130px;
	height: 90px;
	margin-top: 0px;
	float: left;
	border: 1px solid #0000ff;
}

#huactascocha {
	margin-top: 20px;
	color: #0000ff;
}

#temacaja6 {
	width: 116px;
	height: 90px;
	margin-top: 0px;
	float: left;
	border: 0;
}

#temacaja7 {
	width: 130px;
	height: 90px;
	margin-top: 0px;
	float: left;
	border: 1px solid #0000ff;
}

#ocopa {
	margin-top: 20px;
	color: #0000ff;
}

#temacaja8 {
	width: 116px;
	height: 90px;
	margin-top: 0px;
	float: left;
	border: 0;
}

#temacaja9 {
	width: 130px;
	height: 90px;
	margin-top: 0px;
	float: left;
	border: 1px solid #0000ff;
}


#santalamacclle {
	margin-top: 10px;
	color: #0000ff;
}

#santarosa {
	margin-top: 20px;
	color: #0000ff;
}

#temacaja10 {
	width: 116px;
	height: 90px;
	margin-top: 0px;
	float: left;
	border: 0;
}
 /*desde aqui finaliza los cuadros peque�os de los anexos----------------------*/

#piemembrillo {
	width: 608px;
	height: 30px;
	margin-top: -4px;
	color: #fff;
	background: #778899;
	border: 1px solid #778899;
}

/*fin caja de contenido de Amacclle y division*/



/*inicio desarrollo de ayavi:generalidades, creacion politica, aspecto geografico, aniversario, etc----------AYAVI---------------*/

				/*inicio titulo*/
#distritoayavi {
	width: 900px;
	height: 80px;
	background: #fff;
	border: 0;
}

#textodistritoayavi {
	margin-top: 10px;
	font-size: 40px;
	
}

#leatambien {
	font-size: 20px;
}

#leatambien2 {
	font-size: 17px;
}


#leatambien a:hover { /*titular del primer tema resaltado*/
	color: #000;
}




#lc {  /*tama�o letra y tipo letra para sector letra capital, pero para los demas parrafos es en "#sangria"*/
	font-size: 1.02em;
	font-family: sans-serif; /*Arial, Helvetica, Verdana, Trebuchet, Tahoma, Futura*/
}

				/*fin titulo*/


#contenido11 {       /*contiene caja de creacion politica de ayavi*/
	width: 610px;
	height: 3100px;
	border: 0;
	margin-left: 12px;
	float: left;
}

#cajagrande11 {
	width: 900px;
	height: 3600px;
	background: #fff;
	border: 0;
}

/*fin desarrollo de ayavi:generalidades, creacion politica, aspecto geografico, aniversario, etc--------------AYAVI--------------*/

/*---------------------------------------------------------------CHANCARA--------------------------------*/

/* inicio slider chancara imagenes-----------------------------------------CHANCARA*/

.sliderchancara {
	width: 900px;
	height: 600px;
	margin: 50px auto auto auto;
	margin-top: 10px;
	background: #003300;
	box-shadow: 0px 10px 20px 5px rgba(0,0,0,0.5);
	border: 2px solid #003300;
	position: relative;
}

.sliderchancara > img {
	position: absolute;
	top: 0px;
	left: 0px;
	transition: all 0.5s ease-in-out;
}	

.sliderchancara input[name='imagenes'] {
	display: none;
}

.sliderchancara label {
	z-index: 2;
	position: relative;
	float: left;
	margin: 0px 4px 0px 4px;
	border: solid 1px #000000;
	cursor: pointer;
	opacity: 0.5;
	top: 508px;
	left: 10px;
	width: 70px;
	height: 50px;
}

.sliderchancara input[name='imagenes'] ~ img { /*combinador general*/
	opacity: 0;
	transform: scale(1.01,1.01);
}

.sliderchancara input[name='imagenes']:checked+label+img {
	opacity: 1;
	transform: scale(1,1);
}

.sliderchancara input[name='imagenes']:checked+label {
	opacity: 1;
}
.sliderchancara.imagenes:checked ~ .gentil {
	opacity: 1;
}

/* fin slider chancara imagenes ------------------------------------------CHANCARA*/


/*inicio de caja de titulo general chancara*/

#titulochancara {
	margin: 0;
	padding: 0;
	margin-top: 5px;
	width: 900px;
	height: 80px;
	border: 0;
	position: relative;
	background: #fff;
	background-image: url("fondo142.jpg"); 
	text-shadow: 1px 1px 1px #fff;
	box-shadow: 1px 1px 1px 1px #000;
}

/*fin de caja de titulo general chancara*/
/*inicio de caja de titulo general amacclle*/

#tituloanexoamacclle {
	margin: 0;
	padding: 0;
	margin-top: 5px;
	width: 900px;
	height: 80px;
	border: 0;
	position: relative;
	font-family:Cambria, Palatino, "Palatino Linotype", "Palatino LT STD", Georgia, serif;
	background: #fff;
	background-image: url("fondoverdecito2.jpg");
	background-position:30%; 
	text-shadow: 1px 1px 1px #000;
	box-shadow: 1px 1px 1px 1px #000;
}

#letraamacclle {
	font-family:font-family:Cambria, Palatino, "Palatino Linotype", "Palatino LT STD", Georgia, serif;
}
/*fin de caja de titulo general chancara*/


/*-----------------------------------instituciones....municipalidad distrital...............*/

#escudo1 {
	magin: 0;
	padding: 0;
	width: 450px;
	height: 180px;
	border: 0;
	float: left;
}

#escudo2 {
	magin: 0;
	padding: 0;
	width: 150px;
	height: 180px;
	border: 0;
	float: left;
}

#escudo3 {
	magin: 0;
	padding: 0;
	width: 450px;
	height: 346px;
	border: 0;
	float: left;
}

#escudo4 {
	magin: 0;
	padding: 0;
	width: 152px;
	height: 258px;
	background: #336699;
	border: 1px solid #336699;
	float: left;
}

#contenidoedil { /*contenido1 de la editorial*/
	width: 610px;
	height: 1400px;
	border: 0;
	margin-left: 12px;
	float: left;
	border: 0;
}

#lineaverticaledil { /*linea vertical de municipalidad*/
	width: 1px;
	height: 3498px;
	border-left: 1px solid #a9a9a9; /*aqui sale la linea vertical, solo al poner borde izquierdo o derecho*/
	float: left;
}

#cajagrandeedil { /*caja mas grande*/
	width: 900px;
	height: 3500px;
	background: #fff;
	border: 0;
}



/*-----------------------------------------vea tambien-------------*/

#veatambien { /*desde aqui empieza los cuadros peque�os de vea tambien----------------------*/
	width: 240px;
	height: 30px;
	margin-top:7px;
	border: 1px solid #6699ff;
	background: #6699ff;
}

#publi {
	margin: 0;
	padding: 0;
	width: 250px;
	height: 250px;
	margin-top: 5px;
	border: 1px solid black;
}
#publiportada {
	margin: 0;
	padding: 0;
	width: 250px;
	height: 250px;
	margin-top: 15px;
	border: 1px solid #999;
}
#publiverticalgrande {
	margin: 0;
	padding: 0;
	width: 160px;
	height: 600px;
	margin-top: 15px;
	border: 1px solid #999;
}


#promocionchancara {
	width: 240px;
	height: 460px;
	border: 1px solid #6699ff;
}

#promocionchancara img {
	margin-top: 10px;
}

#sitiochancara {
	margin-top: 5px;
	color: #0000cc;
	font-size: 20px;

}

#sitiochancara a {
	color: #0000cc;
	text-decoration: none;
}

#sitiochancara a:hover {
	text-decoration: underline;
	color: #ccccff;
}

#sitiochancara3 {
	margin-top: 5px;
	color: #6699ff;
	font-size: 25px;
	font-family: georgia, times new roman, times, serif;
}

#sitiochancara3 a {
	color: #6699ff;
	text-decoration: none;
}

#sitiochancara2 {
	margin-top: 8px;
	color: #0000cc;
	margin-left: 5px;
	margin-right: 5px;	
}


/*------------------------------Historia del ni�o jesus de ayavi.------------------------*/


#nino1 {
	magin: 0;
	padding: 0;
	width: 300px;
	height: 534px;
	border: 1px solid black;
	float: left;
}

#nino2 {
	magin: 0;
	padding: 0;
	width: 302px;
	height: 480px;
	background: #660000;
	border: 1px solid #660000;
	float: left;
}


#contenidonino { /*contenido1 de la editorial*/
	width: 610px;
	height: 2300px;
	border: 0;
	margin-left: 12px;
	float: left;
	border: 1px solid black;
}

#cajagrandenino { /*caja mas grande*/
	width: 900px;
	height: 2400px;
	background: #fff;
	border: 1px solid black;
}

#lineaverticalnino { /*linea vertical de municipalidad*/
	width: 1px;
	height: 2400px;
	border-left: 1px solid #a9a9a9; /*aqui sale la linea vertical, solo al poner borde izquierdo o derecho*/
	float: left;
}

#jesusgrande {
	margin: 0;
	padding: 0;
	width: 604px;
	height: 580px;
	border: 0;
}

#jesus1 {
	width: 280px;
	height: 580px;
	border: 0;
	float: left;
}

#jesus2 {
	width: 320px;
	height: 580px;
	border: 1px solid #660000;
	background: #660000;
	float: left;
}

#puquiogrande {
	margin: 0;
	padding: 0;
	width: 610px;
	height: 400px;
	border: 0;
}

#puquio1 {
	width: 350px;
	height: 400px;
	border: 1px solid #778899;
	float: left;
}

#puquio2 {
	width: 256px;
	height: 400px;
	background: #ffff99;
	border: 1px solid #778899;
	float: left;
}

#ninotexto {
	margin-top: 30px;
	margin-left: 10px;
	margin-right: 10px;
}

#ninojesustexto {
	font-size: 20px;
}

/*---------------------------------alcaldes que gobernaron ayavi...................*/

/*...inicio tablas de alcaldes ayavi....*/

.normal {
	width: 615px;
	border: 1px solid #ffffff;
	border-collapse: collapse;
}

.normal th, .normal td {
	border: 1px solid #ffffff;
}

#tablita {
	margin: 0;
	padding: 0;
	width: 615px;
	height: 185px;
	/*background: #0066cc;*/
	border: 1px solid #0066cc;
}

#comentariotabla {
	color: #0066cc;
	margin-left: 5px;
	margin-top: 5px;
}

/*...fin tablas de alcaldes ayavi....*/

#escudo100 {
	magin: 0;
	padding: 0;
	width: 450px;
	height: 258px;
	border: 0;
	float: left;
}

#cajagrandealcaldesayavi { /*caja mas grande*/
	width: 900px;
	height: 3800px;
	background: #fff;
	border: 0;
}

#contenidoalcaldes { /*contenido1 de la editorial*/
	width: 610px;
	height: 298px;
	border: 0;
	margin-left: 12px;
	float: left;
}

#lineaverticalalcaldes { /*linea vertical de municipalidad*/
	width: 1px;
	height: 3796px;
	margin-top: 2px;
	border-left: 1px solid #a9a9a9; /*aqui sale la linea vertical, solo al poner borde izquierdo o derecho*/
	float: left;
}

/*--------------inicio de semana santa ayavi------------------------------*/

#oracion {
	margin: 0;
	padding: 0;
	width: 450px;
	height: 600px;
	background: #333;
	border: 1px solid black;
}

#textooracion {
	color: #fff;
}

#textosemanasanta {
	color: #666;
	font-size: 20px;
}




/*--------------fin de semana santa ayavi------------------------------*/


/*inicio redes sociales:youtube,facebook,google+*/

#redes {
	margin: 0;
	padding:0;
	width: 900px;
	height: 40px;
	background: #cc00cc;
	border: 1px solid black;
}

#redes:hover {
	color: #fff;
	background: #000;
}

#textoredes {
	font-size: 20px;
	margin-top: 5px;
	margin-left: 5px;
	font-family: giorgia;
}

#linearedes {
	margin-top: -2px;
	width: 900px;
	height: 6px;
	border: 1px solid black;
}
/*fin redes sociales:youtube,facebook,google+*/


/* fin slider fiesta patronal chaulisma ------------------------------------------CHAULISMA*/

.slider16dejulio {
	width: 608px;
	height: 510px;
	margin: 50px auto auto auto;
	margin-top: 10px;
	background: #003300;
	box-shadow: 0px 10px 20px 5px rgba(0,0,0,0.5);
	border: 2px solid #003300;
	position: relative;
}

.slider16dejulio > img {
	position: absolute;
	top: 0px;
	left: 0px;
	transition: all 0.5s ease-in-out;
}	

.slider16dejulio input[name='imagenes'] {
	display: none;
}

.slider16dejulio label {
	z-index: 2;
	position: relative;
	float: left;
	margin: 0px 4px 0px 4px;
	border: solid 1px #000000;
	cursor: pointer;
	opacity: 0.5;
	top: 426px;
	left: 10px;
	width: 70px;
	height: 50px;
}

.slider16dejulio input[name='imagenes'] ~ img { /*combinador general*/
	opacity: 0;
	transform: scale(1.01,1.01);
}

.slider16dejulio input[name='imagenes']:checked+label+img {
	opacity: 1;
	transform: scale(1,1);
}

.slider16dejulio input[name='imagenes']:checked+label {
	opacity: 1;
}


/* fin slider fiesta patronal chaulisma ------------------------------------------CHAULISMA*/

/*inicio de slider principal de campeonato*/

#slider{
margin:0px auto;
box-shadow: 0 .1em 1em black;
-webkit-box-shadow: 0 .1em 1em black;
-moz-box-shadow: 0 .1em 1em black;
-o-box-shadow: 0 .1em 1em black;
}

/* ESTILOS DEL SLIDESHOW */
 
ul.bjqs{position:relative; list-style:none;padding:0;margin:0;overflow:hidden; display:none;}
li.bjqs-slide{position:absolute; display:none;}
ul.bjqs-controls{list-style:none;margin:0;padding:0;z-index:9999;}
ul.bjqs-controls.v-centered li a{position:absolute;}
ul.bjqs-controls.v-centered li.bjqs-next a{right:0;}
ul.bjqs-controls.v-centered li.bjqs-prev a{left:0;}
ol.bjqs-markers{list-style: none; padding: 0; margin: 0; width:100%;}
ol.bjqs-markers.h-centered{text-align: center;}
ol.bjqs-markers li{display:inline;}
ol.bjqs-markers li a{display:inline-block;}
p.bjqs-caption{display:block;width:96%;margin:0;padding:2%;position:absolute;bottom:0;}
 
 
.bjqs-caption{
color:black;
background:whitesmoke;
opacity:.75;
}
 
/* BOTONERA UBICADA AL PIE DEL SLIDESHOW */
ol.bjqs-markers{
margin-top:10px;
}
ol.bjqs-markers li a{
padding: 5px 10px;
background: #000;
color: #fff;
margin: 5px;
text-decoration: none;
transition:background .5s ease;
-webkit-transition:background .5s ease;
-moz-transition:background .5s ease;
-o-transition:background .5s ease;
}
li.active-marker a, ol.bjqs-markers li a:hover{
background:gray!important;
}
 
/* CONTROLES ATRAS Y ADELANTE */
ul.bjqs-controls.v-centered li a {
display: block;
padding: 10px;
margin-top:320px;
background: whitesmoke;
color: #000;
text-decoration: none;
opacity:.75;
 
transition:color .5s ease, background .5s ease;
-webkit-transition:color .5s ease, background .5s ease;
-moz-transition:color .5s ease, background .5s ease;
-o-transition:color .5s ease, background .5s ease;
}
ul.bjqs-controls.v-centered li a:hover{
    background:#000;
    color:#fff;
}

/*fin de slider principal de campeonato*/


/*inicio sirena*/

#sirena {
	margin: 0;
	padding: 0;
	width: 600px;
	height: 480px;
	background: #333;
	border:0;
}

#textosirena {
	color: #fff;
}

/*fin sirena*/

/*Inicio de link redes sociales*/

#linkderedes {
	margin: 0;
	padding: 0;
	width: 250px;
	height: 250px;
	margin-top: 5px;
	background: #cccc99;
	border: 1px solid black;
}

#cuadritolink {
	margin: 0;
	padding: 0;
	width: 200px;
	height: 30px;
	margin-top: 5px;
	border: 1px solid #fff;
}

#textolinkderedes {
	color: #fff;
	font-family: 'roboto slab';
	font-size: 20px;
}

/*Fin de link redes sociales*/


/*Inicio campeonato*/

#cajagrandecampeonato { /*caja mas grande*/
	width: 900px;
	height: 3400px;
	background: #fff;
	border: 0;
}

#lineaverticalcampeonato { /*linea vertical de municipalidad*/
	width: 1px;
	height: 3396px;
	margin-top: 2px;
	border-left: 1px solid #a9a9a9; /*aqui sale la linea vertical, solo al poner borde izquierdo o derecho*/
	float: left;
}

/*fin campeonato*/

/* inicio slider puestos de salud------------------------------------------*/

.puestosdesalud {
	width: 608px;
	height: 510px;
	margin: 50px auto auto auto;
	margin-top: 10px;
	background: #6B8E23;
	box-shadow: 0px 10px 20px 5px rgba(0,0,0,0.5);
	border: 2px solid #003300;
	position: relative;
}

.puestosdesalud > img {
	position: absolute;
	top: 0px;
	left: 0px;
	transition: all 0.5s ease-in-out;
}	

.puestosdesalud input[name='imagenes'] {
	display: none;
}

.puestosdesalud label {
	z-index: 2;
	position: relative;
	float: left;
	margin: 0px 4px 0px 4px;
	border: solid 1px #000000;
	cursor: pointer;
	opacity: 0.5;
	top: 426px;
	left: 10px;
	width: 70px;
	height: 50px;
}

.puestosdesalud input[name='imagenes'] ~ img  { /*combinador general*/
	opacity: 0;
	transform: scale(1.01,1.01);
}

.puestosdesalud input[name='imagenes']:checked+label+img {
	opacity: 1;
	transform: scale(1,1);
}

.puestosdesalud input[name='imagenes']:checked+label {
	opacity: 1;
}


/* fin slider puestos de salud ------------------------------------------*/

/*Inicio caja de fiesta de la virgen del carmen*/

#cajagrandevirgendelcarmen { /*caja mas grande*/
	width: 900px;
	height: 2900px;
	background: #fff;
	border: 0;
}

#lineaverticalvirgendelcarmen { /*linea vertical de municipalidad*/
	width: 1px;
	height: 2896px;
	margin-top: 2px;
	border-left: 1px solid #a9a9a9; /*aqui sale la linea vertical, solo al poner borde izquierdo o derecho*/
	float: left;
}

/*fin caja de fiesta de la virgen del carmen*/


/*inicio foto de ni�ito de ayavi*/

#ninito {
	margin: 0;
	padding: 0;
	width: 600px;
	height: 470px;
	background: #333;
	border: 1px solid #333;
	background-image: url("fondoreligion.jpg");
	background-size: 600px 500px;
}

#textoninito {
	color: #fff;
}

#ninito2 {
	margin: 0;
	padding: 0;
	width: 600px;
	height: 30px;
	background: #333;
	border: 1px solid #333;
}

#textoninito2 {
	margin-top: 5px;
	color: #fff;
}


/*fin foto de ni�ito de ayavi*/

/*Inicio contenido fiesta del ni�o*/

#cajagrandenino { /*caja mas grande*/
	width: 900px;
	height: 6000px;
	background: #fff;
	border: 0;
}

#lineaverticalnino { /*linea vertical de municipalidad*/
	width: 1px;
	height: 5996px;
	margin-top: 2px;
	border-left: 1px solid #a9a9a9; /*aqui sale la linea vertical, solo al poner borde izquierdo o derecho*/
	float: left;
}

/*fin contenido fiesta del ni�o*/

/*inicio banner youtube pagina principal*/

#bannerprincipalyoutube {
	margin: 0;
	padding: 0;
	width: 900px;
	height: 600px;
	margin-top:5px;
	background: #FF9;
	border: 1px solid #658017;
}

#carousel_inner {
	float:left;
	width:630px;
	overflow:hidden;
	background:#F0F0F0;	
}

#carousel_ul {
	position:relative;
	left:-210px;
	list-style-type:none;
	margin:0px;
	padding:0px;
	width:9999px;
	padding-bottom:10px;
}

#carousel_ul li {
	float:left;
	width:200px;
	padding:0px;
	height:110px;
	background:#000000;
	margin-top:10px;
	margin-bottom:10px;
	margin-left:5px;
	margin-right:5px;
}

#carousel_ul li img {
	margin-bottom:-4px;
	margin-top:4px;
	width:180px;
	height:100px;
	cursor:pointer;
	cursor:hand;
	border:0px;
}

#left_scroll, #right_scroll{  
	float:left;  
	height:130px;  
	width:15px;  
	background: #C0C0C0;  
}  

#left_scroll img, #right_scroll img{  
/*styling*/  
	cursor: pointer;  
	cursor: hand;  
}  

/*fin banner youtube pagina principal*/

/*inicio especial ni�o jesus de ayavi 2015*/


#especialninojesus {
	margin: 0;
	padding: 0;
	width: 900px;
	height: 176px;
	margin-top:5px;
	background: #FF9;
	border: 1px solid #658017;
}

#lineaespecialni�ojesus {
	background: #658017;
	height:4px;
	width:98.5%;
	margin-top: -20px;
	border: 1px solid #658017;
}

#especialcentral {
	margin: 0;
	padding: 0;
	width: 450px;
	height: 30px;
	margin-top: 10px;
	background: #658017;
	border: 1px solid #658017;
}

#textoespecialcentral {
	margin-top: 5px;
	color: #ffff00;
}

#especialcentral textoespecialcentral a:hover {
	color: #fff;	
}

/*fiesta patronal virgen del carmen 2016*/
#especialcentralchaulisma {
	margin: 0;
	padding: 0;
	width: 600px;
	height: 30px;
	margin-top: 10px;
	background: #09C;
	border: 1px solid #09C;
}

#textoespecialcentralchaulisma {
	margin-top: 5px;
	color: #ffff00;
}
#lineaespecialchaulisma {
	background: #09C;
	height:4px;
	width:98.5%;
	margin-top: -20px;
	border: 1px solid #09C;
}
#textoespecialmarquee {
	color: rgba(0,51,255,1);
}

#lineapuntos {
	border: 1px dotted #ccc;
	color: #cc0000;
	background-color: #333333;
	width: 100%;
}

#lineapuntosportada {
	border: 1px dotted #ccc;
	color: #cc0000;
	background-color: #333333;
	width: 96.5%;
}


  		/*inicio pagina de titulares sobre el especial niño jesus de ayavi*/
		
#titularespecial {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 176px;
	background: #FF9;
	border: 0;
}

#titularespecialreportajes {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 176px;
	background:#EFF3F6;
	border: 0;
}

#titularespecialfoto {
	margin: 0;
	padding: 0;
	width: 40%;
	height: 100%;
	border:0;
	float:left;	
} 

#titularespecialfoto img {
	width: 95%;
	height: 95%;
	margin-top:4.5px;	
}

#titularuno {
	margin-left: 5px;
	margin-top: 5px;
	color:rgba(0,102,255,1);
	text-align:left;		
}

#titularunoreportaje {
	margin-left: 5px;
	margin-top: 5px;
	color:rgba(0,51,204,1);
	text-align:left;		
}

#subtitulouno {
	color:rgba(51,51,51,1);
	font-size:26px;
	text-align:left;
	margin-top:5px;
	margin-left: 5px;
	text-align:justify;	
}

#subtitulouno a {
	color:rgba(102,102,102,1);
	text-decoration: none;
}

#subtitulouno a:hover {
	text-decoration:underline;
	color:rgba(0,102,204,1);	
}
#subtitulodos {
	color:rgba(153,153,153,1);
	margin-top: 5px;
	font-size:17px;
	text-align:left;
	margin-left: 5px;
	text-align:justify;	
}

#subtitulodosreportaje {
	color:rgba(0,51,204,1);
	margin-top: 5px;
	font-size:15px;
	text-align:left;
	margin-left: 5px;
	text-align:justify;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;	
}

#titularespecialtexto {
	margin: 0;
	padding: 0;
	width: 59%;
	height: 100%;
	border:0;
	float:left;	
}

#titular100 {
	color:rgba(153,153,153,1);
	font-size: 28px;	
}

#subtitulo100 {
	color:rgba(0,102,255,1);
	font-size: 20px;	
}

#cajagrandeespecial { /*caja mas grande*/
	width: 900px;
	height: 2300px;
	background: #fff;
	border: 0;
}

#lineaverticalespecial { /*linea vertical de municipalidad*/
	width: 1px;
	height: 2296px;
	margin-top: 2px;
	border-left: 1px solid #a9a9a9; /*aqui sale la linea vertical, solo al poner borde izquierdo o derecho*/
	float: left;
}

#contenidoespecial { /*contenido1 de la editorial*/
	width: 610px;
	height: 2100px;
	border: 0;
	margin-left: 12px;
	float: left;
}

#contenidofiestapatronal { /*contenido1 de la editorial*/
	width: 610px;
	height: 1398px;
	border: 0;
	margin-left: 12px;
	float: left;
}

#cajagrandefiestapatronal { /*caja mas grande*/
	width: 900px;
	height: 3800px;
	background: #fff;
	border: 0;
}

#lineaverticalfiestapatronal { /*linea vertical de municipalidad*/
	width: 1px;
	height: 3796px;
	margin-top: 2px;
	border-left: 1px solid #a9a9a9; /*aqui sale la linea vertical, solo al poner borde izquierdo o derecho*/
	float: left;
}

#especialninojesusintro {
	margin: 0;
	padding: 0;
	width: 900px;
	height: 176px;
	background: #FF9;
	margin-top:5px;
	border: 1px solid #658017;
}
/*fin especial ni�o jesus de ayavi 2015*/

#cajagrandeespecialprocesion { /*caja mas grande*/
	width: 900px;
	height: 2800px;
	background: #fff;
	border: 0;
}

#lineaverticalespecialprocesion { /*linea vertical de municipalidad*/
	width: 1px;
	height: 2796px;
	margin-top: 2px;
	border-left: 1px solid #a9a9a9; /*aqui sale la linea vertical, solo al poner borde izquierdo o derecho*/
	float: left;
}

/*Inicio banner radio en portada*/

#radio {
	margin: 0;
	padding: 0;
	margin-top:10px;
	width: 900px;
	height: 105px;
	background: #FF9;
	border: 0;
}

/*La hora ayavina interior*/

#audioteca {
	margin: 0;
	padding: 0;
	width: 616px;
	height: 1200px;
	backgrounD:#6699cc;
	border: 1px solid #6699cc;
}

#audioteca100 {
	margin: 0;
	padding: 0;
	width: 120px;
	height: 170px;
	float: left;
	margin-left:1px;
	backgrounD:#9999ff;
	border: 1px solid rgba(102,102,102,1);
}

#textoradio {
	margin-top:10px;
	margin-left:12px;
	margin-bottom:5px;
	text-align:left;
	color:rgba(255,255,51,1);
	
}

#textoradio2 {
	margin-top:166px;
	margin-left:12px;
	margin-bottom:5px;
	text-align:left;
	color:rgba(255,255,51,1);
	
}

#audioteca100:hover  {
	background:rgba(0,0,0,1);
	color:rgba(255,255,255,1);
}

#audiotecatitulo {
	margin: 0;
	padding: 0;
	width: 400px;
	height: 40px;
	margin-top:15px;
	color:rgba(255,255,255,1);
	backgrounD:#9999ff;
	border: 1px solid rgba(255,255,255,1);
}
#audiotecatitulotexto {
	margin-top:8px;
	font-family:Georgia, "Times New Roman", Times, serif, roboto slab;
}

#cajagrandeespecialradio { /*caja mas grande*/
	width: 900px;
	height: 3500px;
	background: #fff;
	border: 0;
}

#lineaverticalespecialradio { /*linea vertical de municipalidad*/
	width: 1px;
	height: 3496px;
	margin-top: 2px;
	border-left: 1px solid #a9a9a9; /*aqui sale la linea vertical, solo al poner borde izquierdo o derecho*/
	float: left;
}

/*Inicio de redes sociales en portada*/

#redessocialesneto {
	margin: auto;
	margin-top: 8px;
	width: 900px;
	height: 340px;
	background: #99C68E;
	border: 1px solid blue;
}

#redfacebook {
	margin: 0;
	padding: 0;
	float: left;
	margin-left: 5px;
	width: 440px;
	height: 250px;
	border: 1px solid blue;
}

#redyoutube {
	margin: 0;
	padding: 0;
	float: left;
	margin-left: 5px;
	width: 440px;
	height: 250px;
	border: 1px solid blue;
}

#headredes {
	margin: 0;
	padding: 0;
	margin-top: 8px;
	margin-bottom: 8px;
	width: 400px;
	height: 40px;
	border: 1px solid blue;
}

#headredestexto {
	margin-top: 10px;
}

/*Festividades: navidad*/
#cajagrandefestividades { /*caja mas grande*/
	width: 900px;
	height: 3100px;
	background: #fff;
	border: 0;
}
#lineaverticalfestividades { /*linea vertical de municipalidad*/
	width: 1px;
	height: 3096px;
	margin-top: 2px;
	border-left: 1px solid #a9a9a9; /*aqui sale la linea vertical, solo al poner borde izquierdo o derecho*/
	float: left;
}

#cajagrandefestividadesdeayavi { /*caja mas grande*/
	width: 900px;
	height: 2480px;
	background: #fff;
	border: 0;
}
#lineaverticalfestividadesdeayavi { /*linea vertical de municipalidad*/
	width: 1px;
	height: 2476px;
	margin-top: 2px;
	border-left: 1px solid #a9a9a9; /*aqui sale la linea vertical, solo al poner borde izquierdo o derecho*/
	float: left;
}
/*Inicio de banner musica arte y cultura*/

#musicaartecultura {
	margin: 0;
	padding: 0;
	margin-top:5px;
	margin-bottom:5px;
	width: 900px;
	height: 80px;
	background: #FF9;
	border: 1px solid rgba(153,153,153,1);
}
#textomusicaartecultura {
	margin-top: 10px;
	font-size: 20px;
	
}

#textonegritosypallitas {
	margin-top: 10px;
	font-size: 30px;
	color:rgba(153,0,0,1);
	
}

#cajagrandemusicaartecultura { /*caja mas grande*/
	width: 900px;
	height: 2500px;
	background: #fff;
	border: 0;
}

#lineaverticalmusicaartecultura { /*linea vertical de municipalidad*/
	width: 1px;
	height: 2496px;
	margin-top: 2px;
	border-left: 1px solid #a9a9a9; /*aqui sale la linea vertical, solo al poner borde izquierdo o derecho*/
	float: left;
}

#cajagrandeamigosunidos { /*caja mas grande*/
	width: 900px;
	height: 2700px;
	background: #fff;
	border: 0;
}
#lineaverticalamigosunidos { /*linea vertical de municipalidad*/
	width: 1px;
	height: 2696px;
	margin-top: 2px;
	border-left: 1px solid #a9a9a9; /*aqui sale la linea vertical, solo al poner borde izquierdo o derecho*/
	float: left;
}
/*Festividades: bajada de reyes*/
#cajagrandebajadadereyes { /*caja mas grande*/
	width: 900px;
	height: 4500px;
	background: #fff;
	border: 0;
}

#cajagrandereportajesamigosunidos { /*caja mas grande*/
	width: 900px;
	height: 2500px;
	background: #fff;
	border: 0;
}

#lineaverticalbajadadereyes { /*linea vertical de municipalidad*/
	width: 1px;
	height: 4496px;
	margin-top: 2px;
	border-left: 1px solid #a9a9a9; /*aqui sale la linea vertical, solo al poner borde izquierdo o derecho*/
	float: left;
}

#lineaverticalreportajesamigosunidos { /*linea vertical de municipalidad*/
	width: 1px;
	height: 2496px;
	margin-top: 2px;
	border-left: 1px solid #a9a9a9; /*aqui sale la linea vertical, solo al poner borde izquierdo o derecho*/
	float: left;
}

/*75 aniversario ayavi*/
#cajagrande75aniversario { /*caja mas grande*/
	width: 900px;
	height: 3300px;
	background: #fff;
	border: 0;
}
#lineavertical75aniversario { /*linea vertical de municipalidad*/
	width: 1px;
	height: 3296px;
	margin-top: 2px;
	border-left: 1px solid #a9a9a9; /*aqui sale la linea vertical, solo al poner borde izquierdo o derecho*/
	float: left;
}

/*inicio slider ley de asfaltado carretera*/

.sliderasfaltadoley {
	width: 608px;
	height: 655px;
	margin: 50px auto auto auto;
	margin-top: 10px;
	background: #003300;
	box-shadow: 0px 10px 20px 5px rgba(0,0,0,0.5);
	border: 2px solid #003300;
	position: relative;
}

.sliderasfaltadoley > img {
	position: absolute;
	top: 0px;
	left: 0px;
	transition: all 0.5s ease-in-out;
}	

.sliderasfaltadoley input[name='imagenes'] {
	display: none;
}

.sliderasfaltadoley label {
	z-index: 2;
	position: relative;
	float: left;
	margin: 0px 4px 0px 4px;
	border: solid 1px #000000;
	cursor: pointer;
	opacity: 0.5;
	top: 518px;
	left: 5px;
	width: 65px;
	height: 50px;
}

.sliderasfaltadoley input[name='imagenes'] ~ img { /*combinador general*/
	opacity: 0;
	transform: scale(1.01,1.01);
}

.sliderasfaltadoley input[name='imagenes']:checked+label+img {
	opacity: 1;
	transform: scale(1,1);
}

.sliderasfaltadoley input[name='imagenes']:checked+label {
	opacity: 1;
}


/* fin slider de asfaltado carretera*/


#ampliar {
	margin:0;
	padding:0;
	width:200px;
	height:22px;
	border: solid 1px #000;
}
#textoampliar {
	margin-left:8px;
	margin-top:2px;
	color:rgba(0,0,0,1);
}
#ampliar:hover {
	background:rgba(0,0,0,1);
	color:rgba(255,255,255,1);
}
#textoampliar a:hover {
	color:rgba(255,255,255,1);
}

/*sobre asfaltado de carretera*/

#cajagrandeasfaltado { /*caja mas grande*/
	width: 900px;
	height: 5700px;
	background: #fff;
	border: 0;
}


#lineaverticalasfaltado { /*linea vertical de municipalidad*/
	width: 1px;
	height: 5696px;
	margin-top: 2px;
	border-left: 1px solid #a9a9a9; /*aqui sale la linea vertical, solo al poner borde izquierdo o derecho*/
	float: left;
}
/*Elecciones generales 2016*/

#cajagrandeelecciones { /*caja mas grande*/
	width: 900px;
	height: 3698px;
	background: #fff;
	border: 0;
}
#contenidocongresistas { /*contenido1 de la editorial*/
	width: 880px;
	height: 3698px;
	border: 0;
	margin-left: 12px;
	float: left;
}
/*...inicio tablas de candidatos al congreso*/

.normalelecciones {
	width: 870px;
	border: 1px solid #ffffff;
	border-collapse: collapse;
}

.normalelecciones th, .normalelecciones td {
	border: 1px solid #ffffff;
}

#tablita {
	margin: 0;
	padding: 0;
	width: 615px;
	height: 185px;
	/*background: #0066cc;*/
	border: 1px solid #0066cc;
}
#piemembrilloelecciones {
	width: 846px;
	height: 30px;
	margin-top: -4px;
	color: #fff;
	background: #778899;
	border: 1px solid #778899;
}

/*Slider especial de anexos-prueba*/

.cr-container {
	width:600px;
	height:400px;
	position:relative;
	margin:0 auto;
	border:20px solid #000;
	border-bottom:60px solid #000;/*agregado para hacer el borde inferior mas grueso*/
	box-shadow:1px 1px 3px rgb(0,0,0,0.1);
}

.cr-container label {
	font-style:italic;
	width:150px;
	height:30px;
	cursor:pointer;
	color:#fff;
	line-height:32px;
	font-size:24px;
	float:left;
	position:relative;
	margin-top:410px;
	z-index:1000;
}
.cr-container label:before {
	content:'';
	width:34px;
	height:34px;
	background:rgba(130,195,217,0.9);
	position:absolute;
	left:50%;
				/*margin-top:60px; el redondo baja mas abajo*/
	margin-left:-17px;
	border-radius:50%;
	box-shadow:0px 0px 0px 4px rgba(255,255,255,0.3);
	z-index:-1;
}
.cr-container label:after {
	width:1px;
	height:400px;
	content:'';
	background: linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
	position:absolute;
	bottom:-20px;
	right:0px;
}
.cr-container label.cr-label-img-4:after {
	width:0px;
}

.cr-container input {
	display:none;
}
.cr-container input.cr-selector-img-1:checked ~ label.cr-label-img-1,
.cr-container input.cr-selector-img-2:checked ~ label.cr-label-img-2,
.cr-container input.cr-selector-img-3:checked ~ label.cr-label-img-3,
.cr-container input.cr-selector-img-4:checked ~ label.cr-label-img-4 {
	color:#68abc2;
}

.cr-container input.cr-selector-img-1:checked ~ label.cr-label-img-1:before,
.cr-container input.cr-selector-img-2:checked ~ label.cr-label-img-2:before,
.cr-container input.cr-selector-img-3:checked ~ label.cr-label-img-3:before,
.cr-container input.cr-selector-img-4:checked ~ label.cr-label-img-4:before {
	background: #fff;
	box-shadow: 0px 0px 0px 4px rgba(104,171,194,0.6);
}
.cr-bgimg {
	width:600px;
	height:400px;
	position:absolute;
	left:0px;
	top:0px;
	z-index:1;
	background-repeat:no-repeat;
	background-position:0 0;
}

.cr-bgimg div {
	width:150px;
	height:100%;
	position:relative;
	float:left;
	overflow:hidden;
	background-repeat:no-repeat;
}

.cr-bgimg div span {
	position:absolute;
	width:100%;
	height:100%;
	top:0px;
	left:-150px;
	z-index:2;
	text-indent:-9000px;
}

.cr-container input.cr-selector-img-1:checked ~ .cr-bgimg,
.cr-bgimg div span:nth-child(1){
	background-image:url(imagenes_chancara/chan2w.jpg);
}
.cr-container input.cr-selector-img-2:checked ~ .cr-bgimg,
.cr-bgimg div span:nth-child(2){
	background-image:url(imagenes_chancara/chan3w.jpg);
}
.cr-container input.cr-selector-img-3:checked ~ .cr-bgimg,
.cr-bgimg div span:nth-child(3){
	background-image:url(imagenes_chancara/chan4w.jpg);
}
.cr-container input.cr-selector-img-4:checked ~ .cr-bgimg,
.cr-bgimg div span:nth-child(4){
	background-image:url(imagenes_chancara/chan5w.jpg);
}


.cr-bgimg div:nth-child(1) span {
	background-position:0px 0px;
}
.cr-bgimg div:nth-child(2) span {
	background-position:-150px 0px;
}
.cr-bgimg div:nth-child(3) span {
	background-position:-300px 0px;
}
.cr-bgimg div:nth-child(4) span {
	background-position:-450px 0px;
}

.cr-container input:checked ~ .cr-bgimg div span{
	animation:slideOut 0.6s ease-in-out;
}
@keyframes slideOut{
	0%{
		left:0px;
	}
	100%{
		left:150px;
	}
}

.cr-container input.cr-selector-img-1:checked ~ .cr-bgimg div span:nth-child(1),
.cr-container input.cr-selector-img-2:checked ~ .cr-bgimg div span:nth-child(2),
.cr-container input.cr-selector-img-3:checked ~ .cr-bgimg div span:nth-child(3),
.cr-container input.cr-selector-img-4:checked ~ .cr-bgimg div span:nth-child(4){
	transition: left 0.5s ease-in-out;
	animation:none;
	left:0px;
	z-index:10;
}
     /*titulos aqui iria el credito de fotos*/
.cr-titles h3 {
	position:absolute;
	width:100%;/*para aumentar o reducir la barra donde estaria los creditos*/
	text-align:center;
	top:120%; /*lo normal es 50%*/
	z-index:10000;
	opacity:0;
	color:#fff;
	text-shadow:1px 1px 1px rgba(0,0,0,0.1);
	transition:opacity 0.8s ease-in-out;
}
.cr-titles h3 span:nth-child(1){
	font-family:'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;
	font-size:70px;
	display:block;
	letter-spacing:7px;
}
.cr-titles h3 span:nth-child(2) {
	letter-spacing:0px;
	display:block;
	background: rgba(104,171,194,0.9);
	font-size:14px;
	padding:10px;
	font-style:italic;
	font-family: Cambria, Palatino, "Palatino Linotype", "Palatino LT STD", Georgia, serif;
}

/*Para que funcione con los titulos mas imagen y numero*/
.cr-container input.cr-selector-img-1:checked ~ .cr-titles h3:nth-child(1),
.cr-container input.cr-selector-img-2:checked ~ .cr-titles h3:nth-child(2),
.cr-container input.cr-selector-img-3:checked ~ .cr-titles h3:nth-child(3),
.cr-container input.cr-selector-img-4:checked ~ .cr-titles h3:nth-child(4) {
	opacity:1;
}

@media screen and(max-width:768px){
	.cr-container input{
		display:inline;
		width:24%;
		margin-top:350px;
		z-index:1000;
		position:relative;
	}
	.cr-container label{
		display:none;
	}
}

/*SLIDER DE ANEXOS - GALERIA FOTOGRAFICA*/

.slidergaleriaanexos {
	width: 900px;
	height: 668px;
	margin: 50px auto auto auto;
	margin-top: 8px;
	background: #003300;
	box-shadow: 0px 5px 10px 5px rgba(0,0,0,0.5);
	border: 2px solid #003300;
	position: relative;
}

.slidergaleriaanexos > img {
	position: absolute;
	top: 0px;
	left: 0px;
	transition: all 0.5s ease-in-out;
}	

.slidergaleriaanexos input[name='imagenes'] {
	display: none;
}

.slidergaleriaanexos label {
	z-index: 2;
	position: relative;
	float: left;
	margin: 0px 4px 0px 4px;
	border: solid 1px #000000;
	cursor: pointer;
	opacity: 0.5;
	top: 520px;
	left: 10px;
	width: 70px;
	height: 50px;
}

.slidergaleriaanexos input[name='imagenes'] ~ img { /*combinador general*/
	opacity: 0;
	transform: scale(1.01,1.01);
}

.slidergaleriaanexos input[name='imagenes']:checked+label+img {
	opacity: 1;
	transform: scale(1,1);
}

.slidergaleriaanexos input[name='imagenes']:checked+label {
	opacity: 1;
}

#leyendaanexos {
	color:rgba(153,204,51,1);
	margin-top:5px;
	margin-left:15px;
	font-size:22px;
}

#leyendaanexos2 {
	color:rgba(153,204,204,1);
	margin-top:5px;
	margin-left:15px;
	margin-right:5px;
	font-size:15px;
}

#cuadrogaleria {
	padding:0;
	margin:0;
	position:absolute;
	margin-top:508px;
	margin-left:5px;
	width:888px;
	height:150px;
	border-radius:5px;
	border:1px solid #fff;	
}
/* fin slider chancara imagenes ------------------------------------------CHANCARA*/

/*Inicio seccion anexos 2016*/

#seccionanexos16 {
	margin:0;
	padding:0;
	width:240px;
	color:rgba(255,255,0,1);
	background:rgba(102,153,51,1);
	margin-left:0px;
	font-family:Georgia, "Times New Roman", Times, serif;
	height:30px;
	border:1px solid rgba(0,153,51,1);
}

#seccionanexos16carretera { /*pagina de la asfaltado de carretera*/
	margin:0;
	padding:0;
	width:240px;
	color:rgba(255,255,0,1);
	background:rgba(102,153,51,1);
	margin-left:0px;
	margin-top:6px;
	font-family:Georgia, "Times New Roman", Times, serif;
	height:30px;
	border:1px solid rgba(0,153,51,1);
}

#textoseccionanexos16 {
	margin-top:5px;
}

#linea16 {
	margin-top:2px;
	width:240px;
	height:2px;
	margin-left:0px;
	border:1px solid rgba(102,153,51,1);
	background:rgba(102,153,51,1);
}

#cuadroanexos16 {
	margin:0;
	padding:0;
	width:240px;
	height:1028px;
	background-color:#e6ee9c;
	margin-left:0px;
	border:1px solid #e6ee9c;
}

#cuadroanexos16anexos { /*todos los anexos excepto amacclle*/
	margin:0;
	padding:0;
	width:240px;
	height:865px;
	background-color:#e6ee9c;
	margin-left:0px;
	border:1px solid #e6ee9c;
}

#cuadroanexos16anexosamacclle { /*solo amacclle*/
	margin:0;
	padding:0;
	width:240px;
	height:850px;
	background-color:#e6ee9c;
	margin-left:0px;
	border:1px solid #e6ee9c;
}

#interioranexos16 {
	padding:0;
	margin:0;
	width:210px;
	height:150px;
	margin-top:10px;
	border:1px solid #e6ee9c;
}

#interioranexos16:hover {
	background:#d4e157;
}

#interioranexos16 img {
	width:210px;
	height:120px;
}

#textointerioranexos16 {
	color:rgba(0,102,255,1);
	text-decoration:none;
	margin-top:4px;
}

#textointerioranexos16 a {
	color:rgba(0,102,255,1);
}

#textointerioranexos16 a:hover {
	color:rgba(0,102,0,1);
	text-decoration:underline;
	
}

	/*solo amacclle*/
#interioranexos16a {
	padding:0;
	margin:0;
	width:210px;
	height:167px;
	margin-top:10px;
	border:1px solid #e6ee9c;
}

#interioranexos16a:hover {
	background:#d4e157;
}

#interioranexos16a img {
	width:210px;
	height:120px;
}

#textointerioranexos16 {
	color:rgba(0,102,255,1);
	text-decoration:none;
	margin-top:4px;
}

#textointerioranexos16a a {
	color:rgba(0,102,255,1);
}

#textointerioranexos16a a:hover {
	color:rgba(0,102,0,1);
	text-decoration:underline;
	
}

#lineainterna16 {
	margin-top:3px;
	width:210px;
	height:0.5px;
	background:#d4e157;
	border:0;	
}

#lineainterna17 {
	width:210px;
	height:1px;
	background:#d4e157;
	margin-top:3px;
	border:0;
}
/*fin seccion anexos 2016*/

/*inicio slider campeonato*/

.slidercampeonato {
	width: 608px;
	height: 655px;
	margin: 50px auto auto auto;
	margin-top: 10px;
	background:rgba(51,51,0,1);
	box-shadow: 0px 10px 20px 5px rgba(0,0,0,0.5);
	border: 1px solid #003300;
	position: relative;
}

.slidercampeonato > img {
	position: absolute;
	top: 0px;
	left: 0px;
	transition: all 0.5s ease-in-out;
}	

.slidercampeonato input[name='imagenes'] {
	display: none;
}

.slidercampeonato label {
	z-index: 2;
	position: relative;
	float: left;
	margin: 3px 1.5px 0px 1.5px;
	border: solid 1px #000000;
	cursor: pointer;
	opacity: 0.5;
	top: 518px;
	left: 3px;
	width: 55px;
	height: 40px;
}

.slidercampeonato input[name='imagenes'] ~ img { /*combinador general*/
	opacity: 0;
	transform: scale(1.01,1.01);
}

.slidercampeonato input[name='imagenes']:checked+label+img {
	opacity: 1;
	transform: scale(1,1);
}

.slidercampeonato input[name='imagenes']:checked+label {
	opacity: 1;
}


/* fin slider campeonato*/

#cajagrandefiestapatronalvirgendelcarmen { /*caja mas grande*/
	width: 900px;
	height: 2300px;
	background: #fff;
	border: 0;
}

#lineaverticalfiestapatronalvirgendelcarmen { /*linea vertical de municipalidad*/
	width: 1px;
	height: 2296px;
	margin-top: 2px;
	border-left: 1px solid #a9a9a9; /*aqui sale la linea vertical, solo al poner borde izquierdo o derecho*/
	float: left;
}
#cajagrandegranfinal { /*caja mas grande*/
	width: 900px;
	height: 4800px;
	background: #fff;
	border: 0;
}


#lineaverticalgranfinal { /*linea vertical de municipalidad*/
	width: 1px;
	height: 4796px;
	margin-top: 2px;
	border-left: 1px solid #a9a9a9; /*aqui sale la linea vertical, solo al poner borde izquierdo o derecho*/
	float: left;
}
#cajagrandevispera { /*caja mas grande*/
	width: 900px;
	height: 3800px;
	background: #fff;
	border: 0;
}


#lineaverticalvispera { /*linea vertical de municipalidad*/
	width: 1px;
	height: 3796px;
	margin-top: 2px;
	border-left: 1px solid #a9a9a9; /*aqui sale la linea vertical, solo al poner borde izquierdo o derecho*/
	float: left;
}

#cajagrandetardetaurina { /*caja mas grande*/
	width: 900px;
	height: 4300px;
	background: #fff;
	border: 0;
}


#lineaverticaltardetaurina { /*linea vertical de municipalidad*/
	width: 1px;
	height: 4296px;
	margin-top: 2px;
	border-left: 1px solid #a9a9a9; /*aqui sale la linea vertical, solo al poner borde izquierdo o derecho*/
	float: left;
}