/*N.F. Abbate, P.E. Abbate, 2018.*/
/*Informe Online de la Red Argentina de Cebada Cervecera*/
	
html {
	overflow-y: scroll;
	overflow-x: hidden;
	height: 100%;
  padding: 0;
  margin: 0; 
}
body {
	border: 0 none;
	line-height: 1.1; /* 1.4 es la altura de linea defaoult de Google*/
	font-size: small; /* small es la altura de linea defaoult de Google*/
	font-size: 1rem;
	padding: 0% !important;
	background-color: #bfffb3db;
}
a:not([href]):not([tabindex]) {
  color: #337ab7; /*#007bff;*/
  cursor: pointer;
}
a {
	color: #337ab7;
}
p {
	margin-top: 1rem;     /* PEA: Dejo el doble de margen para que se vea bien en el celu */
	margin-bottom: 0.5rem; /* PEA: Es el margen de los controles de google chart */
	padding-left: 0.5%; /*PEA: para que se vea bien en celu*/
	padding-right: 0.5%; /*PEA: para que se vea bien en celu*/
}	

h3 {
	font-size: large;
	font-weight: nornal;
	line-height: 1.4;
	text-align: justify;
	margin-top: 0px;
}
h4 {
	text-align: center;
}
h5 {
	text-align: center; 
	font-weight: bold;
	font-size: large;
	margin-top:	0px;
	padding-top: 1%;
	padding-bottom: 1%;
	width: 100%;	
	color: black;
}
h6{
	text-align: center;
	font-weight: bold; 
	font-size: large;
	margin-top:	0%;
	margin-bottom: 0%;
	padding-top: 0%;
	padding-bottom: 0%;
}
.titulo{
	background-image: url("cebada-2023-2.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-color: black; /*background-color: #00577B;*/
	background-position: center;
}
.titulo1 {
	text-align: center; 
	font-size: xx-large;
	margin-top:	0%;
	margin-bottom:	0%;
	padding-top: 1%;
	padding-bottom: 1%;
	padding-left: 5%;
	padding-right: 5%;
	width: 100%;
	font-weight: bold;
	color: white;
	/*text-shadow: 1px 1px 1px black, 0px 0px 3px black;*//*text-shadow: h-shadow v-shadow blur-radius color|none|initial|inherit;*/				
	text-shadow: -1px 0 1px black, 0 1px 1px black, 1px 0 1px black, 0 -1px 1px black; /*Borde negro */
	text-shadow: 2px 2px 5px black, -1px -1px 3px black;	
}
.titulo2 {
	text-align: center; 
	font-size: large;
	font-weight: bold;
	margin-top:	0px;
	padding-top: 0%;
	padding-bottom: 0%;
	width: 100%;
	color: white;
	/*text-shadow: 1px 1px 2px black, 0px 0px 5px black; *//*text-shadow: h-shadow v-shadow blur-radius color|none|initial|inherit;*/		
	text-shadow: -1px 0 1px black, 0 1px 1px black, 1px 0 1px black, 0 -1px 1px black; /*Borde negro */
	text-shadow: 2px 2px 5px black, -1px -1px 3px black;	
}	
.titulo2 p{
	margin-top: 0%;
	margin-bottom: 1%;
	line-height: 1;
}
.actualizacion {
	text-align: center; 
	font-size: large;
	/*line-height: 1.1;*/
	width: 100vw;
	font-weight: bold;
	color: white;
	text-shadow: 2px 2px 5px black, -1px -1px 3px black;	
}
.comentarios {
	text-align:left;
	margin-left: 5%;
	margin-right: 5%;
	padding-top: 0%;
	padding-bottom: 0%;		
	font-weight: bold;
}
.analisis{
	background-color: whitesmoke;
	font-size: medium;
}
.container {	
	margin-bottom: 2%;
}
.gyt{
	margin-top: -4%;
}	
.form3, .form5 {
	margin-top: 6%;
}
.form3 ul{
	margin-left: -9%;
}
.linkform {
	padding: 0px !important;
	margin: 1rem 0 .5rem 0;
	font-weight: bold;
	line-height: 1.4;
}

.figura, .tabla {
	margin: auto;
	width: max-content;
	border: 1px solid #a9a9a9;
	background: white; /*Para resolver problemas con Mozilla*/
}
.leyendas{
	text-align: left;
	padding-left: 5%;
	padding-right: 5%;
}
/* PEA: misma altura y color para todos los controles desplegables*/
.lugares, .anios, .manejos, .variables {
	height: 26px;
	border: 1px solid #a9a9a9;
	font-weight: normal;
}
.button, input, optgroup, select, textarea {
font-weight: normal;
}
.charts-menu-button-inner-box {
/*background: #fefefe;  */
	background: white;  
}
.botonmodal {
	padding: 0 1%;
	height: 24px;
	font-size: small;
	display: block;
	margin: auto;
	margin-top: 5%;
	margin-bottom: 2%;
}
.botoninmodal {
	padding: 0 1%;
	height: 24px;
	font-size: small;
	display: block;
	margin: auto;
}
.btn-default {
	text-shadow: 0 1px 0 #fff;
	background-image: linear-gradient(to bottom,#fff 0,#e0e0e0 100%);
	border-color: #ccc;
}
.modal-body{
	text-align: justify;
}
.modal-title{
	/*padding-top: 9px;*/
	font-size: 2vw;
	text-align: center;
	font-weight: normal;
}
.modal-header .close {
	margin: 0 !important;
	padding-top: 0%;
	padding-bottom: 0%;
}
.tabla1 {
	background: #fefefe;
	border: 1px solid #a9a9a9;
	padding-left: 1%;
	padding-right: 1%;
	padding-top: 1%; /*Para alinear con los otros controles*/
}
.lugares, .tabla1 { /*PEA: Define el ancho de los controles antes de que se carguen*/
	width: 372px;
}
.tabla1 .table {
	border-collapse: collapse;
}	
.pfooter {
	padding: .5% 5% .5% 5%;
	color: white;
	margin-bottom: 0%;
}
:focus {
	outline: none;
}
.banner {
	text-align: left;
	width: 90%;
	margin: auto;
	visibility: hidden;
}
.banner ul{
	list-style-position: outside;
}
#banner{
	overflow-y: hidden		;
	overflow-x: hidden;
	width: 100vw; /* usar "vW" para ocultar la barra scrolle. */
	height: 100vh; /* usar "vh" para que el iframe ocupe el 100% de la altura. */
	text-align: left;
	padding-left: 1%;
	padding-right: 1%;
	border: none;
	display:block;
}
.banner2{
	text-align: center;
	margin-top: 4%;
}
.imagen {
	display: inline-block;
	margin-bottom: 1%;
	margin-right: 0.5%;
	margin-left: 0.5%;
}
.footer {
	width: 100%;
	height: 3%;
	background-color:#00577B;
}


/* VERSION MOVIL */

@media (max-width: 800px) {
	.figura, .tabla, .lugar { /*PEA: Define el ancho de los controles antes de que se carguen*/
		max-width: 100%;
	}
	.titulo1 {
		padding-left: 5%;
		padding-right: 5%;
		font-size: large;
		font-weight: bold;
	}
	.titulo2 {
		font-size: small;
		padding-left: 5%;
		padding-right: 5%;
	}
	.titulo2 p{
		margin-top: 0%;
		margin-bottom: 3%;
		line-height: 1;
	}
	h4, h5 {
		text-align: left;
		font-size: small;
		padding-left: 5%;
		padding-right: 5%;
	}
	h3 {
		font-size: small;
		text-align: left;			
	}
	.comentarios {
		margin-left: 5%;
		margin-right: 5%;
	}
	.form3, .form5 {
		margin-top: 0%;
	}
	.banner {
		text-align: left;
		padding-left: 1%;
		padding-right: 1%;
	}	
	.banner ul{
		list-style-position: outside;
		padding-left: 20px;
  } 
}
@media (max-width: 1030px) {
	.form3 ul {
			margin-left: -2%;
	}
}
/* FOMRS */
@media (min-width: 1100px) {
	.form1 {
		margin-top: 0%;
	}
	.form3 {
		margin-top: 8.5%;
	}
	.form5 {
		margin-top: 19.0%;
	}
	.tabla1{
		margin-top: 0%;
	}	
	.leyenda_tabla1{
		margin-top: 5%;
	}
}
@media (max-width: 1101px) {
	.form1 {
		margin-top: 0%;
	}
	.form2 {
		margin-top: 3%;
	}
	.form3 {
		margin-top: 3%;
	}
	.form4 {
		margin-top: 3%;
	}	
	.form5 {
		margin-top: 3%;
	}
	.leyenda_tabla1{
		margin-top: 3%;
	}	
}
@media (max-width: 400px) {
	.lugar, .tabla1 { /*PEA: Define el ancho de los controles antes de que se carguen*/
		width: 100%;
	}
	.titulo2 p{
		margin-top: 0%;
		margin-bottom: 3%;
		line-height: 1;
	}	
}
/* FIN FORMS */

/* LOGOS */
#logos {
	/*background-color: #d4ffd4;*/
	margin: 0;
	right: 0;
	font-family: Roboto,sans-serif;
	display: flex;
	align-items: center;
	justify-content: space-between;
	text-align: center; 
	font-size: large;
	line-height: 1.1;
	min-height: 12vh;
	width: 100%;
	font-weight: bold;
	color: black;
	text-shadow: 3px 3px 6px rgb(0 0 0 / 25%);
/*	text-shadow: 3px 3px 8px rgb(0 0 0 / 30%), -3px -3px 8px rgb(0 0 0 / 30%);*/ /*text-shadow: h-shadow v-shadow blur-radius color|none|initial|inherit;*/
}
#logo_INTA{
	height: 12vh; 
	width: auto;
	float: left;
}
#logo_IPADS{
	height: 10vh; 
	width: auto;
	float: right;
}
@media (orientation: portrait){
	#logo_INTA{
		height: auto; 
		width: 50vw;
	}
	#logo_IPADS{
		height: auto; 
		width: 40vw;
	}
}
@media (orientation: landscape) and (max-width: 1000px) {
/*@media (min-width: 451px) and (max-width: 700px) {*/
	#logo_INTA{
		height: 14vh; 
		width: auto;
	}
	#logo_IPADS{
		height: 12vh; 
		width: auto;
	}
}
@media (orientation: landscape) and (min-width: 1001px) {
	#logo_INTA{
		height: 12vh; 
		width: auto;
	}
	#logo_IPADS{
		height: 10vh; 
		width: auto;
	}
}
/* FIN LOGOS */