@charset "utf-8";
/* CSS Document */
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing:border-box;
}
a {
	text-decoration:none;
	color:#333;
}
a:hover{
	text-decoration:none;
}
body {
    background-image: url('fondo.jpg');
	background-attachment: fixed;
}
#contenedor {
	
	margin:10px;
	display:flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;	
}
.cards1 {
	background-color: #FFF;
	width: 180px;
	height: 230px;
	font-family: 'Roboto', sans-serif !important;
	font-weight:300;
	font-size: 18px;
	margin: 10px;
	padding:35px 15px 35px 15px;
	border: 1px #E4E4E4 solid;
	border-radius: 5px;
	box-shadow: 0 0 5px #00000040;
    -webkit-box-shadow: 0 0 5px #00000040; 
    -moz-box-shadow: 0 0 5px #00000040;
	z-index: 1;
	
}
.cards2 {
	background-color: #FFF;
	width: 230px;
	height: 180px;
	font-family: 'Roboto', sans-serif !important;
	font-weight:300;
	font-size: 18px;
	margin: 20px 10px 10px 10px;
	padding:20px 15px 20px 15px;
	border: 1px #E4E4E4 solid;
	border-radius: 5px;
	box-shadow: 0 0 4px #0000001a;
    -webkit-box-shadow: 0 0 4px #0000001a; 
    -moz-box-shadow: 0 0 4px #0000001a;
	z-index: 1;
	/* display: flex;
    flex-direction: column; */
	
}
.descrip-log {
	font-family: 'Roboto', sans-serif !important;
	font-size: 16px;
	color:#2e2e2e;
	padding-top: 5px;
}
.base {
	padding:35px 0px 20px 0px;
}
.azul {
	background-color: #2b5db3;
    width: 100%;
    padding-top: 100px;
    color: #FFF;
    z-index: 0;
    display: flex;
    top: 300px;
	flex-direction: column;
}
.covid {
	color:#FFF;
	font-family: 'Roboto', sans-serif !important;
	font-weight: lighter;
	font-size: 28px;
}
.covid2 {
	color:#FFF;
	font-family: 'Roboto', sans-serif !important;
	font-weight: lighter;
	font-size: 20px;
	padding-bottom: 50px;
}
.gris-accesos{
	background-color: #e5e5e5;
    	width: 100%;
	z-index: 1;
	display: flex;
  /*  position: absolute;*/
    top: 550px;
	flex-direction: row;
	justify-content: space-evenly;
	padding: 30px;
}
.celeste-movil {

	display: flex;
  /*  position: absolute;*/
    top: 550px;
	flex-direction: row;
	justify-content: space-evenly;
	padding: 30px;
}
.cont-celeste {
   
	padding: 20px;
	font-family: 'Roboto', sans-serif !important;
	font-weight: normal;
	font-size: 18px;
	color:#2F2F2F;
	display: flex; 
}
.cont-celeste-movil {
   
	padding: 20px;
	font-family: 'Roboto', sans-serif !important;
	font-weight: normal;
	font-size: 18px;
	color:#2F2F2F;
	display: flex; 
	flex-wrap: wrap;
}
.img {
	padding-left: 10px;
}
.gris {
	background-color: #f8f7f7;
    width: 100%;
	z-index: 1;
	display: flex;
    /*position: absolute;*/
    top: 700px;
	flex-direction: row;
	justify-content: space-evenly;
	padding: 30px;
	flex-wrap: wrap;
}

.grilla-servicios{
        width: 100%;
	z-index: 1;
	display: flex;
       /*position: absolute;*/
        top: 700px;
	flex-direction: row;
	justify-content: space-evenly;
	padding: 30px;
	flex-wrap: wrap;
}

.servicios-1 {
    width: 100%;
	z-index: 1;
	display: flex;
    /*position: absolute;*/
    top: 700px;
	flex-direction: row;
	justify-content: space-evenly;
	padding: 30px;
	flex-wrap: wrap;
}

.servicios-1-covid {
    background-color: #192d4c;
    width: 100%;
    padding-top: 50px;
    color: #FFF;
    z-index: 0;
    display: flex;
    flex-direction: column;
}


.titulo-gris {
	font-family: 'Roboto', sans-serif !important;
	font-weight: lighter;
	font-size: 24px;
	color:#2F2F2F;
}
.svg-gris {
	width: 100%;
	height: 70px;
	margin-bottom: 10px;
	display: flex;
    justify-content: center;
    align-items: flex-end;
}

#rokajaxsearch input {
	width: 200px;
	margin-top: 25px;
}
.mapa-front {
	background-repeat: no-repeat;
	background-size: auto;
	width: 100%;
	display: flex;
    	top: 1660px;
	flex-direction: row;
	justify-content: space-evenly;
	padding: 90px;
	flex-wrap: wrap;
}
.mapa2 {
	color:#515151;
        font-family: 'Roboto', sans-serif !important;
	font-weight: lighter;
	font-size: 28px;
}
.mapa3 {
	color:#515151;
	font-family: 'Roboto', sans-serif !important;
	font-weight: lighter;
	font-size: 20px;
}

/* --------- ultimos estilos incorporados linea 28 ----------- */

#sp-botonera-accesos-freuentes {
  background-image: url("/images/webnueva/banner-juschubut.jpg");
  background-repeat: no-repeat;
 /* --------  background-size: auto; (modificado)----------- */
  color: #ffffff;
  padding: 30px 0px 30px 0px;
}

/* -------- custom.css linea 11 ----------- */

#nuevo-top1 {
  text-align: center;
  width: 100%;
  position: absolute;
  top: 8px;
  left: 7%;
}

#sp-noticias-y-acuerdos {
  padding-top: 60px;
  padding-bottom: 60px;
  width: 100%; 
  background-color:#FFF;
}


/*
#sp-right {
  width: 45%;
}
#sp-left {
  margin-left: -10%;
  width: 45%;
}
*/
/*------------ media screen ------------ */


@media screen and (min-width: 1200px) {
	.cont-celeste { width: 20%;}
}

@media screen and (max-width: 576px) {
	.cards1 {
	background-color: #FFF;
	width: 90px;
	height: 120px;
	font-family: 'Roboto', sans-serif !important;
	font-weight:300;
	font-size: 12px;
	margin: 5px;
	padding:15px 5px 15px 5px;
	border: 1px #E4E4E4 solid;
	border-radius: 3px;
	box-shadow: 0 0 5px #00000040;
    	-webkit-box-shadow: 0 0 5px #00000040; 
    	-moz-box-shadow: 0 0 5px #00000040;
	z-index: 1;
	}

.descrip-log {font-size: 12px; padding-top: 3px; margin-left: 5px; margin-right: 5px; }

.cards2 {
	background-color: #FFF;
	width: 140px;
	height: 100px;
	font-family: 'Roboto', sans-serif !important;
	font-weight:300;
	font-size: 12px;
	margin: 10px 0px 10px 0px;
	padding:0px;
	border: 1px #E4E4E4 solid;
	border-radius: 5px;
	box-shadow: 0 0 4px #0000001a;
       -webkit-box-shadow: 0 0 4px #0000001a; 
       -moz-box-shadow: 0 0 4px #0000001a;
	z-index: 1;
	
	}
.svg-gris {
	width: 100%;
	height: 25px;
	margin-bottom: 5px;
	margin-top: 20px;
}
	#ecj{width: 35px; height: 33.35px;}
	#biblio{width: 45px; height: 28.73px}
	#om{width: 55px; height: 19.2px;}
	#spg{width: 70px; height: 22.58px;}
	#serco{width: 100px; height: 19.16px;}
	#eureka{width: 70px; height: 32.18px;}
	#skua{width: 90px; height: 27px;}
	#captura{width: 70px; height: 33.79px;}
	#jus{width: 35px; height: 35px;}
	#inodi{width: 50px; height: 31.4px;}
	#pav{width: 32px; height: 32px;}
	#mail{width: 90px; height: 24px;}
	#chronos{width: 28px; height: 32px;}
	#aike{width: 25px; height: 33.33px;}
	#guardias{width:30px; height: 30px;}
	#calidad{width: 33px; height: 32.25px;}
	#iuris{width: 90px; height: 29.27px;}
	#peritos{width: 30px; height: 30px;}
	#catalogo{width: 30px; height: 34.28px;}
	#temis{width: 60px; height: 29.22px;}

.buscador-mobil {
    background-color: #4f4f4f;
    padding-left: 15%;
    padding-bottom: 2%;
	}
	#turnos{width: 40px; height: 40px;}
	#concursos{width: 40px; height: 40px;}
	#tasa{width: 40px; height: 40px;}
	#sical{width: 35px; height: 35px;}
	#rap{width: 40px; height: 40px;}
	#rap{width: 40px; height: 40px;}
	#morosos{width: 40px; height: 40px;}
	#linea-base{width:51.9312px; height:3px;}
	.base {padding: 0px;}
	.descrip-log {font-size: 12px; padding-top: 3px;}	
	.covid {font-size: 20px;}
	.covid2 {font-size: 14px; padding-bottom: 30px;}
	#virus-covid{width:20px; height:20px;}
	
	#sp-botonera-accesos-freuentes-desk {
         padding: 0px;
}
	#mano{width: 14.6px;height: 20px;}
	#portal{width: 20px;height: 20px;}
	#tel{width: 20px;height: 20px;}
	#acuerdo{width: 12.8px; height: 21.5px}
	.cont-celeste { font-size: 12px;}
	.celeste {padding: 10px;}
	
	#sp-botonera-accesos-freuentes-desk {
	  background-image: url("/images/webnueva/fondo-mobil.jpg");
	  background-repeat: inherit;
	  background-size: cover;
	  color: #ffffff;
	  padding: 30px 0px 30px 0px;
}
#aike2{width: 18px; height: 24px;}
	
	 .mapa2 {font-size: 20px;}
   	 .mapa3 {font-size: 12px;}
	.mapa {
	 background-image: url("/images/webnueva/chubut-mobil.jpg");
	 padding: 20px;
}
}