/*

  Hoja de estilos
  CLIMA en SESTAO
  Autor: Joseba Andoni

*/

html {
  font-size: 1rem;
}

body {
    background-image: url("imagenes/fondo.jpg");
}

.separacionSeccion {
	padding-top: 20px;
	padding-bottom: 20px;
}

.textoBlue {
	color: blue;
}

.textoGreen {
	color: green;
}

/* INICIO iframe prediccion */
.iframe-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
 
.iframe-container iframe,
.iframe-container object,
.iframe-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.iframe-wrapper {
    width: 600px;
    max-width: 100%;
}
/* FIN iframe prediccion */



.transparente {
    background: transparent;
}

.fecha { /* NO SE USA */
    text-align: left;
    width: 100%;
    border: 0px;
}

.hora { /* NO SE USA */
    text-align: right;
    width: 50%;
    border: 0px;
}

.datosRaspi {
    width: 100%;
    padding: 0px;
}

.bordeGPIO {
    border: 1px solid gray;
    margin-bottom: 10px;
}

.GPIO0, .GPIO1, .GPIO2, .GPIO3, .GPIO4, .GPIO5, .GPIO6, .GPIO7, .GPIO8, .GPIO9, .GPIO10, .GPIO11, .GPIO12, .GPIO13, .GPIO14, .GPIO15, .GPIO16, .GPIO17, .GPIO18, .GPIO19, .GPIO20, .GPIO21, .GPIO22, .GPIO23, .GPIO24, .GPIO25, .GPIO26, .GPIO27 {
    border: 1px solid gray;
}

.divLabelTextoEstado {
	color:black;
	font:bold 20px "Trebuchet MS";
	text-align:left;
	padding-top: 5px;
	padding-left: 15px;
	padding-bottom: 0px;
}

.divLabelPinEstado {
	color:black;
	font:15px "Trebuchet MS";
	text-align:left;
	padding-top: 0px;
	padding-left: 15px;
	padding-bottom: 0px;
}

#divPulsador0, #divPulsador1, #divPulsador2, #divPulsador3, #divPulsador4, #divPulsador5, #divPulsador6, #divPulsador7, #divPulsador8, #divPulsador9, #divPulsador10, #divPulsador11, #divPulsador12, #divPulsador13, #divPulsador14, #divPulsador15, #divPulsador16, #divPulsador17, #divPulsador18, #divPulsador19, #divPulsador20, #divPulsador21, #divPulsador22, #divPulsador23, #divPulsador24, #divPulsador25, #divPulsador26, #divPulsador27 {
	text-align:center;
	padding-top: 5px;
	padding-bottom: 5px;
}

#divEstado0, #divEstado1, #divEstado2, #divEstado3, #divEstado4, #divEstado5, #divEstado6, #divEstado7, #divEstado8, #divEstado9, #divEstado10, #divEstado11, #divEstado12, #divEstado13, #divEstado14, #divEstado15, #divEstado16, #divEstado17, #divEstado18, #divEstado19, #divEstado20, #divEstado21, #divEstado22, #divEstado23, #divEstado24, #divEstado25, #divEstado26, #divEstado27 {
	padding-top: 10px;
}

/* #divEstado0 .inputEstado, #divEstado1 .inputEstado, #divEstado2 .inputEstado, #divEstado3 .inputEstado, #divEstado4 .inputEstado, #divEstado5 .inputEstado, #divEstado6 .inputEstado, #divEstado7 .inputEstado, #divEstado8 .inputEstado, #divEstado9 .inputEstado, #divEstado10 .inputEstado, #divEstado11 .inputEstado, #divEstado12 .inputEstado {
	margin-left: 5px;
	margin-bottom: 5px;
	color:black;
	width:100px;
	text-align:center;
	background-color: transparent;
} */

/* #divEstado0, #divEstado1, #divEstado2, #divEstado3, #divEstado4, #divEstado5, #divEstado6, #divEstado7, #divEstado8, #divEstado9, #divEstado10, #divEstado11, #divEstado12 { */
.labelEstado {
	padding-right: 5px;
	color:green;
	float: right;
}

#pie {
	color:black;
	font:12px "Trebuchet MS";
	text-align:left;
	padding-top: 10px;
	padding-left: 0px;
	padding-bottom: 0px;
}





.fondoColor {
    /*background: red;*/
    border: 1px solid gray;
}





/* ===============================================*/
/* Efecto 1                                       */
/* ===============================================*/
 .efecto1{
	/*-webkit-box-shadow: 0 10px 6px -6px #777;*/
	   /*-moz-box-shadow: 0 10px 6px -6px #777;*/
	        box-shadow: 0 10px 6px -6px #777;
}
/*================================================*/


.embed-container-webcam {
    position: relative;
    padding-bottom: 56.25%; /* Para un aspecto 16:9. Para un aspecto 4:3 poner 75% */
    height: 0;
    overflow: hidden;
}
.embed-container-webcam iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}