@charset "utf-8";
/* CSS Document */

input { height:25px;  }
img { border:0 }

.titulocontenido0 { font-size: 36px; color:#BB9E79; width:auto; font-weight: bold; }
.titulocontenido { font-size: 36px; color:#BB9E79; width:auto; font-weight: bold; margin-bottom: 30px;}
.titulocontenido2  { font-size: 22px; color:#BB9E79; width:auto; font-weight: bold; margin-bottom: 30px;}

.formulariocajas_L { width:350px; font-size:13px; color:#333333; }
.formulariocajas { width:240px; font-size:13px; color:#333333; }
.formulariocajas_S { width:90px; font-size:13px; color:#333333; }
.formulariocajas_XS { width:40px; font-size:13px; color:#333333; }
.formulariocajasclave { width:50px; font-size:13px; color:#333333; }
.formulariocajas_busq { width:100px; font-size:13px; color:#333333; }
.formulariocajaslargas { width:480px; font-size:13px; color:#333333; }
.formulariocajasdet { width:240px; font-size:13px; color:#333333; border:0; }
.formulariotextarea { width:270px; height:130px; font-size:13px; color:#333333; }
.formulariotextarea2 { width:270px; height:80px; font-size:13px; color:#333333; }
.formulariotextarea3 { width:400px; height:100px; font-size:13px; color:#333333; }
.asteriscoobligatorios { color:#FF0000; font-weight:normal; }

.formulariocajas_L_transp { width:350px; font-size:13px; color:#333333; border: 0px solid; background-color:transparent; }
.formulariocajas_transp { width:240px; font-size:13px; color:#333333;  border: 0px solid; background-color:transparent; }
.formulariocajas_S_transp { width:90px; font-size:13px; color:#333333; border: 0px solid; background-color:transparent; }
.formulariocajas_XS_transp { width:40px; font-size:13px; color:#333333; border: 0px solid; background-color:transparent; }

.mensaje_error { border-width:1px; border-style:solid; border-color:#999999; background-color:#FFF9CC; padding:2px 2px 2px 24px; background-image:url(../img/ic_error.gif); background-repeat:no-repeat; background-position: 3px 3px; font-size:13px; color:#333333; text-align:left; }

.mensaje_info { border-width:1px; border-style:solid; border-color:#999999; background-color:#FFF9CC; padding:2px 2px 2px 24px; background-image:url(../img/ic_info.gif); background-repeat:no-repeat; background-position: 3px 3px; font-size:13px; color:#333333; text-align:left; }
.autocompletarArchivo { width:370px;}
.monotipo  {
	font: 100% 'Courier New', Courier, 'Trebuchet MS', Verdana, Tahoma, Arial;
	color: #000000;
	background-color: #EEEEEE;
	padding: 5px;
}


#divprincipal a:link, a:active, a:visited { color:#FF0000; text-decoration:none; font-weight:normal; }
#divprincipal a:hover { color:#FF0000; text-decoration:underline; font-weight:normal; }

.lineavertical {
  border-left: 2px solid #cccccc;
  height: 150px;
	margin-left: 30px;
	margin-right: 15px;
}

/* ************************ Encabezado ************************ */
span.enctitulo1 {
	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
	font-size: 13px;
	font-weight: 400;
	line-height: 1.5;
	color:#888888;
	margin-right: 20px;
}

span.enctitulo2 {
  font-weight: 900;
	font-size:12px;
	background-color:#661313;
}

/* ************************************************************ */

* {
    box-sizing: border-box;
}


@media (min-width: 768px) {

	#head1 {
	    width: 100%;
			padding-right: 40px;
			text-align: right;
			color:#ffffff;
			font-size: 25px;
	}

}
@media (max-width: 768px) {
	#head1 {
		visibility: hidden;
	}
}


#fondoenc {
    content: "";
    clear: both;
    display: table;
		background-color:#ed8d1b; width:100%; height:201px;
		background: url(../img/fondoenc.png) no-repeat;	background-size:cover;
}



body {
	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5;
	-webkit-text-size-adjust: 100%;
	background: #fff;
	color: #666;
	margin: 0;
  padding: 0;
}



.texto-engb {
	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5;
	-webkit-text-size-adjust: 100%;
	background: #fff;
	color: #666;
	margin: 0;
  margin-bottom: 30px;
  text-align: justify;
}

.texto-engb a:link, a:active, a:visited {
	color: #87153b;
}

.texto-engb a:hover {
	color: #87153b; text-decoration:underline ;
}

.texto-engb-ref {
	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
	font-size: 14px;
	font-weight: 400;
	line-height: 1.5;
	-webkit-text-size-adjust: 100%;
	background: #fff;
	color: #666;
	margin: 0;
  margin-bottom: 30px;
  text-align: justify;
  font-style: italic;
}
.texto-engb-ref a:link, a:active, a:visited {
	color: #87153b;
}

.texto-engb-ref a:hover {
	color: #87153b; text-decoration:underline ;
}




.tabla-anteced { width: 100%; }

.tabla-anteced th {
	background-color: #c9b093; 
	color: #fff;
	
	padding: 4px;
	text-align: left;
}

.tabla-anteced td {
	background-color: #f5f4f0; 
	color: #555;
	
	padding: 4px;
}



.tabla-actividades { width: 100%; }

.tabla-actividades th {
	background-color: #c9b093; 
	color: #fff;
	font-weight: bold;
	padding: 4px;
}

.tabla-actividades tr:nth-child(even) {
	background-color: #f5f4f0; 
	color: #555;
	
	padding: 4px;
}

.tabla-actividades tr:nth-child(odd) {
  background-color: #e8e5dc;
  color: #555;
}




.tabla-avance { width: 100%; }

.tabla-avance th {
	background-color: #c9b093; 
	color: #fff;
	font-weight: bold;
	padding: 4px;
}

.tabla-avance tr:nth-child(2), tr:nth-child(3), tr:nth-child(4), tr:nth-child(5), tr:nth-child(6), tr:nth-child(10), tr:nth-child(11), tr:nth-child(12), tr:nth-child(13), tr:nth-child(14), tr:nth-child(18), tr:nth-child(19), tr:nth-child(20), tr:nth-child(21) {
	background-color: #f5f4f0; 
	color: #555;
}

.tabla-avance tr:nth-child(7), tr:nth-child(8), tr:nth-child(9), tr:nth-child(15), tr:nth-child(16), tr:nth-child(17) {
  background-color: #e8e5dc;
  color: #555;
}

.tabla-avance td { padding: 4px; }





/* Botones Juris */
.boton1 {
  border-radius: 4px;
  background-color: #A8123F;
  border: none;
  color: #FFFFFF;
  text-align: center;
  font-size: 20px;
  padding: 20px;
  width: 300px;
  transition: all 0.5s;
  cursor: pointer;
  margin: 5px;
}

.boton1 span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.boton1 span:after {
  content: '\00bb';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
}

.boton1:hover span {
  padding-right: 25px;
}

.boton1:hover {
	background-color: #B8224F;
}

.boton1:hover span:after {
  opacity: 1;
  right: 0;
}



/* ------------- CONTENIDO EN PARTICULAR -------------  */
@media (min-width: 800px) {
	#img5ejes {
		width: 750px; height: 576px;
	}
}
@media (max-width: 799px) {
	#img5ejes {
		width: 400px; height: 307px;
	}
}


@media (max-width:1300px){
	.denuncia-wrapper {
	  display: grid;
	  grid-template-columns: repeat(1, 1fr);
	  grid-gap: 15px;
	  grid-auto-rows: minmax(100px, auto);


	}

}
@media (min-width:1301px){
	.denuncia-wrapper {
	  /*display: grid;
	  grid-template-columns: repeat(3, 1fr);
	  grid-gap: 15px;
	  grid-auto-rows: minmax(100px, auto);*/

    display: flex;
    justify-content: center;
	}
}

