/*Páginas Internas*/
.pagina-contenido{
	padding-left:0;
	padding-right:0;
	margin-top:-30px;
}

/* Breadcrumb */
.pagina-interna .breadcrumb {
    background-color: transparent !important;
    font-family: 'nexa_lightregular';
    margin-left:-30px;
    padding-top:0;
}
.pagina-interna .breadcrumb .active{
    color: #0069B4;
    font-family: 'nexa_boldregular';
}
/*Titulo*/
.pagina-interna .page-header {
    padding-bottom: 9px;
    margin-top: 0px;
    margin-left: 0px;
    font-family: 'nexa_boldregular';
    color: #0069B4;
    border-bottom: 0;
}
.pagina-interna h1.page-header{
    font-size:48px;
    margin-top: -10px;
    margin-bottom: 30px;
}
.pagina-interna .resumen{
    font-family: 'nexa_boldregular';
    color: #636161;
    font-size:15px;
    padding-left:10px;
    margin-top:-60px;
    display:block;
}
.pagina-interna .subtitulo-articulo {
    color: #3482D0;
    font-family: 'nexa_boldregular';
    font-size:20px;
}
.pagina-interna .contenido{
    font-family: 'nexa_bookregular';
    font-size:13px;
    color: #000;
}
.pagina-interna .sub-titulo {
    color: #000;
    font-family: 'nexa_boldregular';
    font-size:16px;
}
.pagina-interna .contenido a{
    color: #CC6600;
    font-family: 'nexa_boldregular';
    font-size:13px;
}
.pagina-interna .pie-foto{
    color: #5aa3e8;
    font-family: 'nexa_boldregular';
    font-size:12px;
    text-align: right
}
.pagina-interna .pager li > a, .pager li > span,  .pagina-interna button{
    display: inline-block;
    padding: 5px 14px;
    background-color:#0069B4 ;
    border: 1px solid #0069B4;
    border-radius: 15px;
    color:#fff;
    font-family: 'nexa_lightregular';
    cursor:pointer;
}
.pagina-interna .pager li > a:focus, .pager li > a:hover,  .pagina-interna button:hover {
    background-color: #5aa3e8;
    text-decoration: none;
    color:#fff;
}
.pagina-interna button {
	float:right;
}

/*TABLA INTERNA*/
.pagina-interna .tabla-interna{
    margin: 0px auto;
    border-collapse: separate;
    border-spacing: 0px;
    width:100%;
    border-radius:12px;
    border: 1px solid #4a90e2;
}
.pagina-interna .tabla-interna th:first-child{
    border-top-left-radius: 10px;
}
.pagina-interna .tabla-interna th:last-child{
    border-top-right-radius: 10px;
}
.pagina-interna .tabla-interna tr:last-child td:first-child{
    border-bottom-left-radius: 10px;
}
.pagina-interna .tabla-interna tr:last-child td:last-child{
    border-bottom-right-radius: 10px;
}
.pagina-interna .tabla-interna th, .pagina-interna .tabla-interna td {
    padding:10px;
    text-align:center;
    font-size:14px;
    border: 1px solid #4a90e2;
}
.pagina-interna .tabla-interna th {
    font-family: 'nexa_boldregular';
    color:#fff;
}
.pagina-interna .tabla-interna td {
    font-family: 'nexa_regularregular';
    border: 1px solid #4a90e2;
}
.pagina-interna .tabla-interna th:nth-child(even){
    background-color:#336eb3;
    border-top: 1px solid #336eb3;
    border-bottom: 1px solid #336eb3;
}
.pagina-interna .tabla-interna th:nth-child(odd){
    background-color:#4a90e2;
}

/*ENLACES*/
.pagina-interna h1.enlaces{
    color: #5aa3e8;
    font-family: 'nexa_boldregular';
    font-size:36px;
}
.pagina-interna .lista-enlaces li a{
    color: #CC6600;
    font-family: 'nexa_boldregular';
    font-size:12px;
}
.pagina-interna ul.lista-enlaces li:before {
    content: "•"; /* Insert content that looks like bullets */
    padding-right: 8px;
    color: #f8b42d; /* Or a color you prefer */
}
/*BOTONES SIDEBAR*/
.pagina-interna .botones li{
    padding: 5px;
}
.pagina-interna .btn{
    text-shadow: 0px 0px 1px rgba(255, 255, 255, 0.75);
    border: 0px solid transparent;
}
.pagina-interna .btn-primary{
    width: 100%;
    background: #0069b4;
    color:#fff;
    font-family: 'nexa_regularregular';
    font-size:14px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    white-space:normal;
}

.pagina-interna .btn-primary.boton-verde:hover{
    background: url("/SiteAssets/customdesign/images/flecha_boton.png") no-repeat 90% #65AFA3;
}
.pagina-interna .boton-verde{
    font-size:16px;
    line-height: 16px;
    padding: 20px;
    background: url("/SiteAssets/customdesign/flecha_boton.png") no-repeat 90% #00A7A1;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.pagina-interna .menu-sidebar {
    padding-left:35px;
    padding-right:15px;
}
/*FORMULARIO*/
.pagina-interna .formulario h3{
    color:#fff;
    background: #4a90e2;  
    padding: 15px;
    font-family: 'nexa_boldregular';
    font-size:36px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-align: center;
}
.pagina-interna .formulario h4{
    font-family: 'nexa_boldregular';
    font-size:15px;
    text-align: center;
    color: #5aa3e8;
}
.pagina-interna .formulario p, 
.pagina-interna .formulario input, 
.pagina-interna .formulario textarea, 
.pagina-interna .formulario select, 
.pagina-interna .formulario .radio {
    font-family: 'nexa_lightregular';
    font-size:15px;
    color:#9e9e9e;
}
.pagina-interna .formulario input,.pagina-interna .formulario textarea,.pagina-interna .formulario select {
    border: 3px solid #0069b4;
}
.pagina-interna .formulario button{
    width: 150px;
    float:right;
    background: #0069b4;
    color:#fff;
    padding: 15px;
    font-family: 'nexa_boldregular';
    font-size:16px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-shadow: 0px 0px 1px rgba(255, 255, 255, 0.75);
    border: 0px solid transparent;
}
.pagina-interna .formulario option{
    background: #0069b4;
    color:#fff;
    text-align: center;
    font-family: 'nexa_lightregular';
    font-size:15px;
}
.pagina-interna .pagina-contenido .form-control, 
	.pagina-interna .pagina-contenido input[type="text"], 
	.pagina-interna .pagina-contenido input[type="email"], 
	.pagina-interna .pagina-contenido input.ms-InlineSearch-SearchBox-Baseline.ms-InlineSearch-SearchBox-Baseline {
    border: 3px solid #0069b4!important;
    width: 100%;
    min-height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.pagina-interna .btn {
    text-shadow: 0px 0px 1px rgba(255,255,255,0.75);
    border: 0px solid transparent;
}


@media (max-width:991px) {
    .pagina-interna .menu-sidebar {padding-left: 15px;}
    .pagina-interna h1.page-header{font-size:32px;}
    .pagina-interna .subtitulo-articulo {font-size:18px;}
    .pagina-interna .tabla-interna th, .pagina-interna .tabla-interna td {font-size: 12px;}
    .pagina-interna h1.enlaces {font-size: 24px;}
    .pagina-interna .formulario h3 {font-size: 24px;}
    .pagina-interna .btn-primary {font-size: 14px;padding:5px;}
    .pagina-interna .botones li {padding: 2px;}
}

@media (max-width:720px) {
	.pagina-contenido img{width:100% !important;height:auto !important;}
}
    

.highcontrast .pagina-interna .page-header{color:white;}
.highcontrast .pagina-interna .subtitulo-articulo{color:white;}
.highcontrast .pagina-interna .enlaces{color:white;}
.highcontrast .pagina-interna .formulario h3{color:white; background-color:black}
.highcontrast .pagina-interna .formulario h4{color:white;}
.highcontrast .pagina-interna .formulario p{color: white;background-color:black}
.highcontrast .pagina-interna a{background-color:black}
.highcontrast .pagina-interna .breadcrumb .active {color: white;background-color:black}
.highcontrast .pagina-interna .pie-foto{color: white;background-color:black}
.highcontrast .pagina-interna .resumen {color: white;background-color:black}
.highcontrast .pagina-interna .contenido{color: white;background-color:black}
.highcontrast .pagina-interna .sub-titulo{color:white;}
.highcontrast .pagina-interna .tabla-interna {color: white;background-color:black;border-color:white;border-width:5px;}
.highcontrast .pagina-interna .tabla-interna th {color: white;background-color:black!important;border-color:white;}
.highcontrast .pagina-interna .tabla-interna td {color: white;background-color:gray !important;border-color:white;}
.highcontrast .pagina-interna .pager a{color:yellow;background-color:black;}
.highcontrast .pagina-interna .formulario textarea, 
    .highcontrast .pagina-interna .formulario select, 
    .highcontrast .pagina-interna .formulario .radio {color:white;background-color:black;border-color:white;}
.highcontrast .pagina-interna .formulario input,
    .highcontrast .pagina-interna .formulario textarea,
    .highcontrast .pagina-interna .formulario select {color:white;background-color:black;border-color:white;}
.highcontrast .pagina-interna .formulario button{color:white;background-color:black;border-color:white;}



/* Inicia Card*/
		/* Grilla de las card*/
		.col-4 {
			width: 237px; 
			display: inline-block;
		}
		/* Estilos estandar del cajón*/
		.card {
			background-color: #f1f1f1;
			height: 380px;
			padding: 10px;
			border-radius: 10px;
			box-shadow: 0 0 4px rgba(0,0,0,.5);
			margin: 15px 2.5px;  /* 5px*/
			vertical-align: top;
		}
			/* Imagen del cajón*/
		.image-card {
			min-height: 150px;
			padding: 20px;
		}
		
		.image-card img {
			width: 120px;     /* 150px*/
			margin: 0 auto;
			display: block;
		}
			/* Título*/
		.header-card {
			font-family: helvetica, sans serif;
			color: #333;
			padding: 10px 20px;
			text-align: center;
			height: 133px;
		}
		
		.header-card h3 {
			margin-bottom: 10px;
		}
			/* Contenido de las card*/	
		.content-card {	
			font-family: helvetica, sans-serif;
			font-size: .85em;
			text-align: left;
			padding: 10px 20px;
			text-align: center;
			height: 105px;    	
		}
			/* Pie de página de las card*/	
		.footer-card{
			width: 100%;
			padding: 5px 20px;
		}
			/* boton de card*/
		.public-btn {
			width: 100%;
			height: 40px;
			background-color: #0069b4;
			color: #fff;
			border: none;
			text-align: center;
		}
		
		.public-btn a{
			padding: 11px;
			display: block;
			text-decoration: none;
			color: #fff;
			font-family: helvetica, sans-serif;
			font-weight: 100;
			font-size: .9em;
		}
		
		.public-btn a:hover{
			text-decoration: underline;
			background-color: #00a7a1;
		}
		/* Fin Card*/
		
		
			/* css movil*/
		@media screen and (min-width: 320px) and (max-width: 720px) {
.card {
height: 440px;
}
}
/*Boton interno orange */
.pagina-interna .btn-primary.boton-orange:hover{
    background: url("/SiteAssets/customdesign/images/flecha_boton.png") no-repeat 90% #f39520;
}
.pagina-interna .boton-orange{
    font-size:16px;
    line-height: 16px;
    padding: 20px;
    background: url("/SiteAssets/customdesign/flecha_boton.png") no-repeat 90% #ea880e;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

    	/* css movil*/
		
/* Menu Deplegable*/
/*Botones impares azules */
	/* -------------------------------- 

Primary style

-------------------------------- */
*, *::after, *::before {
  box-sizing: border-box;
}

html {
  font-size: 62.5%;
}

a {
  /*color: #a0f6aa;*/
  text-decoration: none;
}

h1 {
  text-align: center;
  width: 90%;
  margin: 2em auto 0;
  font-size: 2.4rem;
  color: #507b55;
  font-weight: bold;
}
@media only screen and (min-width: 600px) {
  h1 {
    font-size: 3.2rem;
  }
}

input {
  font-family: "Jaldi", sans-serif;
  font-size: 1.6rem;
}

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

Main Components 

-------------------------------- */
.cd-accordion-menu 
{
  width: 100%;
  margin: 2em 0;
  list-style: none;
  padding-left: 0;
  border-radius: 7px;
  font-family: 'nexa_regularregular';
  /*box-shadow: 0 0 10px rgba(0,0,0,.8);*/
}
.cd-accordion-menu ul 
{
  /* by default hide all sub menus */
  display: none;
}
.cd-accordion-menu li 
{
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;  
}

.cd-accordion-menu .has-children
{
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-radius: 10px; /* */
  box-shadow: 0 0 10px rgba(0,0,0,1); /* */
}
 
.cd-accordion-menu input[type=checkbox] 
{
  /* hide native checkbox */
  position: absolute;
  opacity: 0;
}

.cd-accordion-menu label.group-1, .cd-accordion-menu label.group-3, .cd-accordion-menu label.group-5, .cd-accordion-menu label.group-7, .cd-accordion-menu label.group-9
{
	background: #3990ce; /*#0069b4; /* Old browsers */
	background: -moz-linear-gradient (top, #678ca7 0%, #229aea 50%, #2c4150 100%); /*(top, #0069b4 0%, #007dd1 50%, #0069b4 100%); /*(top, #0069b4 0%, #007dd1 50%, #0069b4 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient (top, #678ca7 0%, #229aea 50%, #2c4150 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #678ca7 0%, #229aea 50%, #2c4150 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0069b4', endColorstr='#0069b4',GradientType=0 ); /* IE6-9 */
    color: #fff;
	border: 1.5px solid #11588c;
	border-radius: 7px;
}

.cd-accordion-menu label.group-2, .cd-accordion-menu label.group-4, .cd-accordion-menu label.group-6, .cd-accordion-menu label.group-8, .cd-accordion-menu label.group-10
{
	background: #3cd2d2;/* #008c8c; /* Old browsers */
	background: -moz-linear-gradient (top, #7eafaf 0%, #47dad5 50%,  #345f5f 100%);  /*(top, #008c8c 0%, #00a8a2 50%, #008c8c 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient (top, #7eafaf 0%, #47dad5 50%, #345f5f 100%); /*(top, #008c8c 0%,#00a8a2 50%,#008c8c 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #7eafaf 0%, #47dad5 50%, #345f5f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008c8c', endColorstr='#008c8c',GradientType=0 ); /* IE6-9 */
	color: #fff;
	border: 1.5px solid #177373;
	border-radius: 7px;
}

.cd-accordion-menu label, .cd-accordion-menu a 
{
  position: relative;
  display: block;
  padding: 10px 18px 10px 35px;
  background: #4d5158;
  color: #CC6600;
  font-size: 1.2rem;
}

.cd-accordion-menu h3
{
	color: #333 !important;
	font-size: 1.6rem !important;
	padding: 10px 1%;
	font-weight: 800;
	margin: 0 !important;
}

.no-touch .cd-accordion-menu label:hover, 
{
	background: #00bab7; /* Old browsers */
	background: -moz-linear-gradient(top, #00bab7 0%, #00dbd7 50%, #00bab7 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #00bab7 0%,#00dbd7 50%,#00bab7 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #00bab7 0%,#00dbd7 50%,#00bab7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00bab7', endColorstr='#00bab7',GradientType=0 ); /* IE6-9 */;
 	color: #0f5b59;
}

.cd-accordion-menu a:hover 
{
	text-decoration: underline;
}

.has-children ul
{
	background-color: #f2f2f2;
	list-style: none;
	padding-left: 20px;
}

.cd-accordion-menu label::before
{
  /* icons */
  content: '\002B';
  display: inline-block;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 45%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.cd-accordion-menu label 
{
  cursor: pointer;
  margin-bottom: 0 !important;
}

.cd-accordion-menu label::before 
{
  /* arrow icon */
  left: 18px;
  background-position: 0 0;
  -webkit-transform: translateY(-50%) rotate(-90deg);
  -moz-transform: translateY(-50%) rotate(-90deg);
  -ms-transform: translateY(-50%) rotate(-90deg);
  -o-transform: translateY(-50%) rotate(-90deg);
  transform: translateY(-50%) rotate(-90deg);
}

.cd-accordion-menu input[type=checkbox]:checked + label::before 
{
  /* rotate arrow */
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.cd-accordion-menu input[type=checkbox]:checked + label::after 
{
  /* show open folder icon if item is checked */
  background-position: -32px 0;
}

li a.desactivado
{
	color: #787878;
	text-decoration: none !important;
}

.cd-accordion-menu input[type=checkbox]:checked + label + ul,
.cd-accordion-menu input[type=checkbox]:checked + label:nth-of-type(n) + ul 
{
  /* use label:nth-of-type(n) to fix a bug on safari (<= 8.0.8) with multiple adjacent-sibling selectors*/
  /* show children when item is checked */
  display: block;
}

.cd-accordion-menu ul label,
.cd-accordion-menu ul a 
{
  background: #f2f2f2;
  box-shadow: inset 0 -1px #e6e6e6;
  padding-left: 10px;
}

.no-touch .cd-accordion-menu ul label:hover, .no-touch
.cd-accordion-menu ul a:hover 
{
  background: #efefef;
}

.cd-accordion-menu > li:last-of-type > label,
.cd-accordion-menu > li:last-of-type > a,
.cd-accordion-menu > li > ul > li:last-of-type label,
.cd-accordion-menu > li > ul > li:last-of-type a 
{
  box-shadow: none;
}

.cd-accordion-menu ul label::before 
{
  left: 36px;
}

.cd-accordion-menu ul label::after,
.cd-accordion-menu ul a::after 
{
  left: 59px;
}

.cd-accordion-menu ul ul label,
.cd-accordion-menu ul ul a 
{
  padding-left: 100px;
}

.cd-accordion-menu ul ul label::before 
{
  left: 54px;
}

.cd-accordion-menu ul ul label::after,
.cd-accordion-menu ul ul a::after 
{
  left: 77px;
}

.cd-accordion-menu ul ul ul label,
.cd-accordion-menu ul ul ul a 
{
  padding-left: 118px;
}

.cd-accordion-menu ul ul ul label::before 
{
  left: 72px;
}

.cd-accordion-menu ul ul ul label::after,
.cd-accordion-menu ul ul ul a::after 
{
  left: 95px;
}
.cd-accordion-menu.animated label::before {
  /* this class is used if you're using jquery to animate the accordion */
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s;
}

.cd-accordion-menu ul li span {
	font-size: 1.2rem;
}

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

Main slide indigenas

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

.slide {
				position: relative;
				box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.64);
				margin-top: 26px;
			}

			.slide-inner {
				position: relative;
				overflow: hidden;
				width: 100%;
				height: calc( 300px + 3em);
			}

			.slide-open:checked + .slide-item {
				position: static;
				opacity: 100;
			}

			.slide-item {
				position: absolute;
				opacity: 0;
				-webkit-transition: opacity 0.6s ease-out;
				transition: opacity 0.6s ease-out;
			}

			.slide-item img {
				display: block;
				height: auto;
				max-width: 100%;
			}

			.slide-control {
				background: rgba(0, 0, 0, 0.28);
				border-radius: 50%;
				color: #fff;
				cursor: pointer;
				display: none;
				font-size: 40px;
				height: 40px;
				line-height: 35px;
				position: absolute;
				top: 50%;
				-webkit-transform: translate(0, -50%);
				cursor: pointer;
				-ms-transform: translate(0, -50%);
				transform: translate(0, -50%);
				text-align: center;
				width: 40px;
				z-index: 10;
			}

			.slide-control.prev {
				left: 2%;
			}

			.slide-control.next {
				right: 2%;
			}

			.slide-control:hover {
				background: rgba(0, 0, 0, 0.8);
				color: #aaaaaa;
			}

			#slide-1:checked ~ .control-1,
			#slide-2:checked ~ .control-2,
			#slide-3:checked ~ .control-3,
			#slide-4:checked ~ .control-4,
			#slide-5:checked ~ .control-5,
			#slide-6:checked ~ .control-6,
			#slide-7:checked ~ .control-7,
			#slide-8:checked ~ .control-8,
			#slide-9:checked ~ .control-9,
			#slide-10:checked ~ .control-10,
			#slide-11:checked ~ .control-11
			                                {
				display: block;
			}

			.slide-indicador {
				list-style: none;
				margin: 0;
				padding: 0;
				position: absolute;
				bottom: 2%;
				left: 0;
				right: 0;
				text-align: center;
				z-index: 10;
			}

			.slide-indicador li {
				display: inline-block;
				margin: 0 5px;
			}

			.slide-circulo {
				color: #828282;
				cursor: pointer;
				display: block;
				font-size: 35px;
			}

			.slide-circulo:hover {
				color: #aaaaaa;
			}

			#slide-1:checked ~ .control-1 ~ .slide-indicador 
			 	li:nth-child(1) .slide-circulo,
			#slide-2:checked ~ .control-2 ~ .slide-indicador 
			 	 li:nth-child(2) .slide-circulo,
			#slide-3:checked ~ .control-3 ~ .slide-indicador 
			 	 li:nth-child(3) .slide-circulo {
			#slide-4:checked ~ .control-4 ~ .slide-indicador 
			 	 li:nth-child(4) .slide-circulo {
			#slide-5:checked ~ .control-5 ~ .slide-indicador 
			 	 li:nth-child(5) .slide-circulo {
			#slide-6:checked ~ .control-6 ~ .slide-indicador 
			 	 li:nth-child(6) .slide-circulo {
			#slide-7:checked ~ .control-7 ~ .slide-indicador 
			 	 li:nth-child(7) .slide-circulo {
			#slide-8:checked ~ .control-8 ~ .slide-indicador 
			 	 li:nth-child(8) .slide-circulo {
			#slide-9:checked ~ .control-9 ~ .slide-indicador 
			 	 li:nth-child(9) .slide-circulo {
			#slide-10:checked ~ .control-10 ~ .slide-indicador 
			 	 li:nth-child(10) .slide-circulo {
			#slide-11:checked ~ .control-11 ~ .slide-indicador 
			 	 li:nth-child(11) .slide-circulo {
				color: #428bca;
			}

			#titulo {
				width: 100%;
				position: absolute;
				padding: 0px;
				margin: 0px auto;
				text-align: center;
				font-size: 27px;
				color: rgba(255, 255, 255, 1);
				font-family: 'Open Sans', sans-serif;
				z-index: 9999;
				text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.33), 
			 	    -1px 0px 2px rgba(255, 255, 255, 0);
			}
</style>

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

Main slide raizal norte

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

.slide1 {
				position: relative;
				box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.64);
				margin-top: 26px;
			}

			.slide-inner1 {
				position: relative;
				overflow: hidden;
				width: 100%;
				height: calc( 300px + 3em);
			}

			.slide-open:checked + .slide-item {
				position: static;
				opacity: 100;
			}

			.slide-item1 {
				position: absolute;
				opacity: 0;
				-webkit-transition: opacity 0.6s ease-out;
				transition: opacity 0.6s ease-out;
			}

			.slide-item1 img {
				display: block;
				height: auto;
				max-width: 100%;
			}

			.slide-control {
				background: rgba(0, 0, 0, 0.28);
				border-radius: 50%;
				color: #fff;
				cursor: pointer;
				display: none;
				font-size: 40px;
				height: 40px;
				line-height: 35px;
				position: absolute;
				top: 50%;
				-webkit-transform: translate(0, -50%);
				cursor: pointer;
				-ms-transform: translate(0, -50%);
				transform: translate(0, -50%);
				text-align: center;
				width: 40px;
				z-index: 10;
			}

			.slide-control.prev {
				left: 2%;
			}

			.slide-control.next {
				right: 2%;
			}

			.slide-control:hover {
				background: rgba(0, 0, 0, 0.8);
				color: #aaaaaa;
			}

			#slide-1:checked ~ .control-1,
			#slide-2:checked ~ .control-2,
			#slide-3:checked ~ .control-3,
			#slide-4:checked ~ .control-4,
			#slide-5:checked ~ .control-5,
			#slide-6:checked ~ .control-6,
			#slide-7:checked ~ .control-7,
			#slide-8:checked ~ .control-8,
			#slide-9:checked ~ .control-9,
			#slide-10:checked ~ .control-10,
			#slide-11:checked ~ .control-11
			#slide-11:checked ~ .control-12
			                                {
				display: block;
			}

			.slide-indicador1 {
				list-style: none;
				margin: 0;
				padding: 0;
				position: absolute;
				bottom: 2%;
				left: 0;
				right: 0;
				text-align: center;
				z-index: 10;
			}

			.slide-indicador1 li {
				display: inline-block;
				margin: 0 5px;
			}

			.slide-circulo1 {
				color: #828282;
				cursor: pointer;
				display: block;
				font-size: 35px;
			}

			.slide-circulo1:hover {
				color: #aaaaaa;
			}

			#slide-1:checked ~ .control-1 ~ .slide-indicador 
			 	li:nth-child(1) .slide-circulo,
			#slide-2:checked ~ .control-2 ~ .slide-indicador 
			 	 li:nth-child(2) .slide-circulo,
			#slide-3:checked ~ .control-3 ~ .slide-indicador 
			 	 li:nth-child(3) .slide-circulo {
			#slide-4:checked ~ .control-4 ~ .slide-indicador 
			 	 li:nth-child(4) .slide-circulo {
			#slide-5:checked ~ .control-5 ~ .slide-indicador 
			 	 li:nth-child(5) .slide-circulo {
			#slide-6:checked ~ .control-6 ~ .slide-indicador 
			 	 li:nth-child(6) .slide-circulo {
			#slide-7:checked ~ .control-7 ~ .slide-indicador 
			 	 li:nth-child(7) .slide-circulo {
			#slide-8:checked ~ .control-8 ~ .slide-indicador 
			 	 li:nth-child(8) .slide-circulo {
			#slide-9:checked ~ .control-9 ~ .slide-indicador 
			 	 li:nth-child(9) .slide-circulo {
			#slide-10:checked ~ .control-10 ~ .slide-indicador 
			 	 li:nth-child(10) .slide-circulo {
			#slide-11:checked ~ .control-11 ~ .slide-indicador 
			 	 li:nth-child(11) .slide-circulo {
				color: #428bca;
			}

			#titulo {
				width: 100%;
				position: absolute;
				padding: 0px;
				margin: 0px auto;
				text-align: center;
				font-size: 27px;
				color: rgba(255, 255, 255, 1);
				font-family: 'Open Sans', sans-serif;
				z-index: 9999;
				text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.33), 
			 	    -1px 0px 2px rgba(255, 255, 255, 0);
			}
</style>
	

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

Main slide raizal

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

.container1{
  margin: auto;
  background-color: white;
  width: 700px;
  padding: 20px;
  background-color: lightgrey;
  font-family: sans-serif;
}

ul, li {
    padding: 0;
    margin: 0;
    list-style: none;
}

ul.slider1{
  position: relative;
  width: 700px;
  height: 300px;
}

ul.slider1 li {
    position: absolute;
    left: 0px;
    top: 0px;
    opacity: 0;
    width: inherit;
    height: inherit;
    transition: opacity .5s;
    background:#fff;
}

ul.slider1 li img{
  width: 100%;
  height: 300px;
  object-fit: fill;
}

ul.slider1 li:first-child {
    opacity: 1; 
}

ul.slider1 li:target {
    opacity: 1; 
}

.menu{
  text-align: center;
  margin: 20px;
}

.menu li{
  display: inline-block;
  text-align: center;
}

.menu li a{
  display: inline-block;
  color: white;
  text-decoration: none;
  background-color: grey;
  padding: 10px;
  width: 20px;
  height: 20px;
  font-size: 20px;
  border-radius: 100%;
}

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

Main slide palenquero

-------------------------------- */
    <style>
        .slideshow-container {
            max-width: 700px;
            position: relative;
            margin: auto;
        }

        .mySlides {
            display: none;
        }

        img {
            width: 100%;
        }
    </style>