*{
	margin: 0;
	padding: 0; 
}
body{
	margin: 0;
	padding: 0;
	box-shadow: 0;
}
main{
	margin-bottom: -5px;
}
.int{
	width: 100%;
	height: 5vw;
	display: flex;
	align-items: center;
	background-color: #003582;
	border-bottom: solid 1vw #848484;
}
.atras{
	width: 30%;
	display: flex;
	color: white;
	align-items: center;
}
.atras a{
	display: flex;
	align-items: center;
	width: 100%;
	text-decoration: none;
	color: white;

}
.atras img{
	width: 7vw;
}

.atras h2{
	width: 30%;
	margin-left: -1.5vw;
	font-size: 2.5vw;
}
.header{
	width: 100%;
	height: 16vw;
	border-bottom: solid 1vw #848484;
	display: flex;

}

.head1{
	width: 20%;
	text-align: center;
}

.head2{
	width: 60%;
	text-align: center;
}

.head2 img{
	width: 40vw;
	margin-top: -1vw;
}

.head3{
	width: 20%;
	text-align: center;
	margin-top: 5vw;
	margin-right: 2%;
}
#cont{
	width: 4vw;
}
#conta{
	width: 15vw;
}

.header1{
	width: 100%;
	height: 5vw;
	background-color: #003582;
	border-top: solid 10px white;
	border-bottom: solid 10px #7C0000;
	text-align: center;
	align-content: center;
}
#header_sub{
	width: 100%;
	height: 5vw;
	background-color: #003582;
	border-top: solid 10px white;
	border-bottom: solid 10px #7C0000;
	text-align: center;
	align-content: center;
	
}

.header1 H3{
	color: white;
	font-size: 2vw;
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 700;
}

.carrusel{
	width: 100%;
	display: flex;
	margin-bottom: 30px;
	background: linear-gradient(180deg, #7F99C0 20%, #ffffff);
}

.carru_1{
	width: 20%;
	text-align: center;
}
.carru_1 img{
	width: 90%;
}

.contar{
	width: 100%;
	height: 5vw;
	display: flex;
	align-content: center;
}

.hasta_ahora{
	width: 68%;
	height: 3vw;
	margin-top: 1vw;
	margin-left: 7%;
	background-color: #003582;
	align-content: center;
	border-radius: 0 0 0 2vw;
}
.hasta_ahora h2{
	font-size: 1.5vw;
	color: white;
	font-family: "Roboto", sans-serif;
}
.contador{
	width: 23%;
	height: 5vw;
	margin-right: 7%;
	margin-left: -5%;
	border-radius: 50%;
	background-color: #E5E5E5;
	border: solid 2px #003582;
	display: flex;
	font-weight: 900;
}
.contador h2{
	margin: auto;
	color: #003582;
	font-size: 2vw;
}
.parrafo{
	width: 100%;
	text-align: center;
	font-family: "Roboto", sans-serif;

}

.parrafo h4{
	font-size: 1.8vw;
	font-weight: 500;
	width: 70%;
	margin-left: 15%;
	margin-bottom: 20px;
}

.slider{
	width: 100%;
	height: 50vw;
	background-image: url(imagenes/fondopres.png);
	background-size: 100%;
	background-position: center;
	padding: 0;
	margin: 0;
	border-top: solid 1vw #7c0000;
	overflow: hidden;
	align-content: center;
	text-align: center;
	color: white;
}

.slidefran{
	width: 100%;
	height: 6vw;
	background-color: #003582;
	align-content: center;
	border-top: solid 1vw #848484;
	margin-top: 3vw;
}

.slidefran2{
	width: 50%;
	height: 4.5vw;
	margin-left: 25%;
	background-color: #FFDF00;
	align-content: center;
}

.slider ul{
	width: 500%;
	display: flex;
	padding: 0;
	margin: 0;
	animation: slider 30s infinite alternate ease-in-out;
	box-sizing: border-box;
	text-align: center;
}
.slider li{
	width: 100%;
	list-style: none;
}
.slider li h2{
	font-size: 2vw;
	width: 80%;
	margin-left: 10%;
}
.slider li h3{
	font-size: 2vw;
}
.slider img{
	width: 100%;
}

.reaccion{
	width: 100%;
/*	display: flex;*/
}
.reaccion1{
	width: 100%;
}
.reaccion1_1{
	width: 96%;
	height: 5vw;
	margin: 2%;
	background-color: #7C0000;
	color: white;
	align-content: center;
	text-align: center;
}
.reaccion1_1 h2{
	font-size: 2vw;
	font-weight: 700;
	font-family: "Roboto Condensed", sans-serif;
}
.reaccion1_2{
	width: 86%;
	margin: 3% 7% 3% 7%;
	font-size: 1.7vw;
	font-family: "Roboto", sans-serif;
}
/*.reaccion2{
	width: 100%;
}*/
.ruleta{
	/* background: linear-gradient(to right, #000000, #E4A88E); */
	width: 100%; 
	height: 35vw;
	align-items: center;
	display:flex;
	justify-content: center;
	overflow: hidden;
	padding-top: 6vw;
	position: relative;
	margin-bottom: 5vw;
/*	background: radial-gradient(#043756, #000000 );*/
/*	background: radial-gradient(#ffffff,#7F99C0,#003582);*/
}

.ruleta1{
	position: relative;
	width: 14vw;
	height: 14vw;
	transform-style: preserve-3d;
	animation: rotate 30s linear infinite ;
}


@keyframes rotate{
	0% {
		transform: perspective(900px) rotateY(0deg);
	}
	100% {
		transform: perspective(900px) rotateY(360deg);
	}
}

.ruleta1 span{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transform-origin: center;
	transform-style: preserve-3d;
	transform: rotateY(calc(var(--i)*60deg)) translateZ(40vw);
}
.ruleta1 span img{
	position: absolute;
	top: 0;
	left: 0;
	width:120%;
	height: 120%;
	border-radius: 10px;
	object-fit: cover;
	transition: 2s;
}
.ruleta1 span:hover img{
	transform: translateY(-50px) scale(1.2);
}
.reaccion2 img{
	width: 96%;
	margin: 2%;
}
.descargo{
	display: flex;
	width: 100%;
	background-color: #003582;
	border-radius: 3vw 0 3vw 0; 
	color: white;
	margin-top: 20px;
	font-family: "Roboto", sans-serif;
	text-align: justify;
}
.descargoizq{
	width: 50%;
	padding: 3%;
}
.descargoder{
	width: 50%;
	padding: 3%;
}
.descargo p{
	font-size: 1.8vw;
	font-weight: 300;

}
.dominan{
	width: 100%;
}
.dominan img{
	width: 100%;
	margin-top: 20px;
}
@keyframes slider{
	0%{margin-left: 0;}
	16%{margin-left: 0;}

	21%{margin-left: -100%;}
	37%{margin-left: -100%;}

	42%{margin-left: -200%;}
	58%{margin-left: -200%;}

	63%{margin-left: -300%;}
	79%{margin-left: -300%;}

	84%{margin-left: -400%;}
	100%{margin-left: -400%;}
/*
	87.5%{margin-left: -500%;}
	100%{margin-left: -500%;}*/
}
.header_main{
	width: 100%;
	height: auto;
	word-break: break-word;
}
.header_main img{
	width: 100%;
	height: 40vw;
}
.title{
	display: flex;
	width: 100%;
	border-bottom: solid 1vw #848484;
	text-align: center;
	align-items: center;
	align-content: center;
	font-family:"Roboto", sans-serif;

}
.title h1{
	width: 82%;
	margin-left: 3%;
	color: #003582;
	font-size: 3.5vw;
	font-weight: 700;
}
.title img{
	width: 8%;
	margin-left: -5vw;
}
.cont{
	width: 100%;
	padding: 2vw 0 2vw 0;
	border-bottom: solid 5px #7C0000;
	background: linear-gradient(180deg, #7F99C0 , #ffffff 95%);
}
.cont_del{
	width: 80%;
	display: flex;
	margin-left: 10%;
	
}

.cont_deli{
	width: 60%;
}
.cont_deli_title{
	width: 90%;
	margin: 5%;
	color: #003582;
	font-size: 1.3vw;
	font-weight: 700;
	font-family:"Roboto", sans-serif;
}

.cont_deli_text{
	width: 90%;
	margin-left: 5%;
	color: #848484;
	font-size: 1.5vw;
	font-weight: 500;
	font-family:"Roboto", sans-serif;
}
.cont_del_img{
	width: 40%;
	text-align: center;
	align-content: center;
}
.cont_del_img img{
	width: 50%;
	margin: auto;
	border-radius: 50%;
}
.cont_del_img img:hover{
	border-radius: 1%;
	cursor: pointer;
}
.cont_deli_ley{
	width: 90%;
	margin: 5%;
	font-size: 1.5vw;
	font-weight: 500;
	color: #003582;
	font-family:"Roboto", sans-serif;
	
}
.cont_deli_ley:hover{
	cursor: pointer;
}

.iframe{
	width: 87.5%;
	padding-left: 12.5%;
	display: none;
}
.iframe_cerrar{
	width: 40%;
	margin-left: 2%;
}
.iframe_cerrar h2{
	font-family: serif;
	color: #003582;
	font-style: italic;
	font-size: 2vw;
}
.iframe_cerrar h2 :hover{
	cursor: pointer;
}
#cerrar:hover{
	cursor: pointer;

}
.siguiente{
	display: flex;
	width: 100%;
	font-family:"Roboto", sans-serif;
	margin-top: 10px;
	margin-bottom: 10px;
}
.siguiente_atras{
	width: 33%;
	text-align: left;
	color: #003582;
	font-size: 1.3vw;
}
.siguiente_medio{
	width: 33%;
	font-size: 1.3vw;
}
.siguiente_medio ul{
	list-style: none;
	display: flex;
	text-align: center;
}
.siguiente_medio ul li{
	margin: auto;
}
.siguiente_medio ul li a{
	text-decoration: none;
/*	color:#003582 ;*/
}
.pag_aqui{
	font-size: 1.7vw;
	box-shadow: inset 0 -2px 0 0 black;
}
.siguiente_siguiente{
	width: 33%;
	text-align: right;
	color: #003582;
	font-size: 1.3vw;
}

.foot{
	width: 100%;
	height: 20vw;
	display: flex;
	background-color: #7C0000;
	margin-top: 0;
	margin-bottom: 0;
	overflow: hidden;
}
.foot_izq{
	width: 40%;
	display: flex;
}

.foot_izq img{
	width: 80%;
	margin: auto;

}

.foot_der{
	width: 30%;
	align-content: center;
	color: white;
	font-family:"Roboto", sans-serif ; 
}

.foot_der ul{
	list-style: none;
	font-size: 1.5vw;
	font-weight: 500;
	border-left: solid 3px white;
	padding-left: 15px;
}
.foot_f1{
	width: 30%;
	height: 20vw;
	display: flex;

}
.foot_f1 img{
	width: 45%;
	margin: auto;
	border-radius: 50%;
}

.admin{
	width: 100%;
}

.admin table{
	width: 90%;
	margin-left: 5%;
}

.admin table td{
	border: solid 2px black;
	padding: 2px;
}

.admin table td input{
	margin: 0 1vw 0 1vw;
}

.admin form button{
	width: 50%;
	margin-left: 25%;
	text-align: center;
	margin-bottom: 3vw;
}
.admin form button a{
	text-decoration: none;
	font-size: 1.5vw;
	font-weight: 700;
	color: black;
}

.text_form{
	width: 100%;
	background-color: #003582;
	text-align: center;
	color: white;
	margin-top: 5vw;
	margin-bottom: 2vw;
}

.form{
	width: 100%;

}
.form form{
	width: 70%;
	margin-left: 15%;
}
.form form label{
	width: 70%;
	margin-left: 15%;
}
.form form input{
	width: 70%;
	margin-left: 15%;
	margin-bottom: 1vw;
}
.form form select{
	width: 70%;
	margin-left: 15%;
	margin-bottom: 1vw;
}
#enviar_delito{
	width: 50%;
	margin-left: 25%;
	margin-top: 2vw;
	background-color: #003582;
	color: white;
	border: solid 2px #848484;
}

.nepotismo{
	width: 100%;
	align-content: center;
	margin-bottom: 5vw;
}
.nepotismo_title{
	width: 80%;
	height: 4.5vw;
	margin-left: 10%;
	margin-top: 2vw;
	border-radius: 0 2vw 0 1vw;
	background-color: #003582;
	color: white;
	display: flex;
	align-content: center;
	font-family:"Roboto", sans-serif;
}
.nepotismo_title :hover{
	cursor: pointer;
}
.nepotismo_title h2{
	width: 78%;
	margin-left: 2%;
	font-size: 2.8vw;
	font-weight: 700;
}
.item_nepotismo{
	width: 10%;
	height: 90%;
	background-color: white;
	border: solid 2px #848484;	
	border-radius: 0 0 50% 1vw;
	text-align: center;
}

.item_nepotismo h2{
	width: 100%;
	font-size: 1.9vw;
	font-weight: 900;
	color: #848484;
	text-align: center;
}

.item_nepotismo h3{
	font-size: 1.7vw;
	font-weight: 900;
	color: #848484;
}

.nepotismo_contenido{
	display: none;
	width: 75%;
	margin-left: 15%;
/*	padding-left: 5%;*/
	font-size: 1.8vw;
	font-weight: 500;
	margin-top: 1vw;
	font-family:"Roboto", sans-serif;
}
.abrir_nep{
	width: 10%;
	text-align: center;
	position: absolute;
	transform: rotate(90deg);
	margin-left: 70%;
	padding-left: 3%;
}
.abrir_nep h2{
	font-weight: 900;
	font-size: 2vw;
}

.cerrar_nep{
	width: 10%;
	text-align: center;
	position: absolute;
	margin-left: 70%;
	transform: rotate(90deg);
	display: none;
	padding-left: 3%;
}
.cerrar_nep h2{
	font-weight: 900;
	font-size: 2vw;
}