/* 
    Hoja de estilos general
    Created on : 23-nov-2017, 22:38:07
    Author     : javim
*/

html{
    background-color: gainsboro;
    font-family: "Georgia", serif;
    zoom: 100%;
}
body{
    background-color: whitesmoke;
    border: 1px solid #010; 
    width: 1360px;
    height: auto;
    margin: 0 auto 0 auto;
    font-size: medium;

}
#index{
    background-image: url("images/back4.jpg");
    background-repeat: no-repeat;
    border: 1px solid #010; 
    width: 960px;
    height: auto;
    margin: 0 auto 0 auto;
    font-size: medium;
    zoom: 100%;
}
/* +++++++++++++++++++ PORTADA Y BANNER +++++++++++++++++++++++.*/ 
h1{  
    font-size: 96px;
    font-family: "Georgia", sans-serif;
    color: whitesmoke;
    letter-spacing: 2px;
    background-color: seagreen; 
    text-align: center;
    margin: 0;
    border-bottom: 1px solid #010;
    border-top: 0;
    padding: 15px;
}
h1 p{
    font-size: 25px;
    color: whitesmoke;
    text-align: center;
    letter-spacing: 0px;
    padding: 0;
    margin: 0;
    font-family: "Georgia", serif;
}
#mainTitle{
    font-size: 96px;
    margin: 20% 0 auto 0;
    border-top: 2px solid #010;
    border-bottom: 2px solid #010;
}
#loginBox{
    background-color: darkseagreen;
    width: 450px;
    margin: 15px auto 15px auto;
    border: 2px solid #010; 
    padding: 10px;
    text-align: center;
}

/* +++++++++++++++++++ BARRA NAVEGACIÓN +++++++++++++++++++++++. */
ul{
    list-style-type: none;
    margin: 0;
    padding: 0;    
    overflow: hidden;
    background-color: darkseagreen;
    font-size: large;
}
li{
    float: left;
}
li a{
    display: block;
    color: #010;
    text-align: center;
    padding: 20px;
    background-color: darkseagreen;
    text-decoration: none;
    border-bottom: 1px solid #010;
    border-right: 1px solid #010;  
}
li a:hover {
    background-color: palegreen;
}
.active {
    background-color: indianred;
}
.right_item{
    border-right: none;
    border-left: 1px solid #010;
    background-color: #010;
    color: white;
}

/* +++++++++++++++++++ MAPAS +++++++++++++++++++++++. */

#map{
    height: 650px;
    width: 850px;
    margin: 15px auto;
    padding: 0;
    border: 2px solid black;
}

#map2{
    height: 650px;
    width: 850px;
    margin: 15px auto;
    padding: 0;
    border: 2px solid black;
}

/* +++++++++++++++++++ QUERY INFO SITES +++++++++++++++++++++++. */

table.site_table{
    width: auto;
    font-size: small;
    border: 1px dotted #FF0000;
    margin: 15px auto;
    border-collapse:collapse;
    font-family: "Calibri", serif;
}
table.site_table td{
    margin: auto;
    border: 1px solid black;
    padding: 5px;
}
table.site_table th{
    background-color: lightblue;
    margin: auto;
    border: 1px solid black;
    padding: 5px;
}

/* +++++++++++++++++++ QUERY INFO CELDAS EN SITE +++++++++++++++++++++++. */

table.cell_table{
    width: auto;
    font-size: small;
    border: 1px dotted #FF0000;
    margin: 15px auto;
    border-collapse:collapse;
    font-family: "Calibri", serif;
}
table.cell_table td{
    margin: auto;
    border: 1px solid black;
    padding: 3px 5px 3px 5px;
}
table.cell_table th{
    background-color: lightgray;
    margin: auto;
    border: 1px solid black;
    padding: 3px 5px 3px 5px;
}
table.cell_table tr.is2G{
    background-color: #ffeaea;
}
table.cell_table tr.is3G{
    background-color: #e9ffee;
}
table.cell_table tr.is4G{
    background-color: lightblue;
}

#nota{
    text-align: center;
    font-size: small;
    margin: 0;
    padding: 0;
}

/* +++++++++++++++++++TABLA ACCESOS +++++++++++++++++++++++. */

table.accesos{
    width: 850px;
    font-size: small;
    border: 1px dotted #FF0000;
    margin: 15px auto;
    border-collapse:collapse;
    font-family: "Calibri", serif;
}
table.accesos td{
    margin: auto;
    border: 1px solid black;
    padding: 3px 5px 3px 5px;
}
table.accesos th{
    background-color: lightsalmon;
    margin: auto;
    border: 1px solid black;
    padding: 3px 5px 3px 5px;
}

/* +++++++++++++++++++ WEATHER EN SITE +++++++++++++++++++++++. */

table.weatherGroup{
   margin: auto;
   padding: 5px;
   border: none;
}
table.weather{
   margin: auto;
   padding: 5px;
   border: 1px solid black;
   background-color: antiquewhite;
}
table.weather td{
   font-size: small;
   font-family: "Calibri", serif;
   color: #010;
   text-align: center;
   
}

/* +++++++++++++++++++ FORMULARIO PARA QUERY SITES +++++++++++++++++++++++. */

table.sitecode_table{
    text-align: center;
    background-color: antiquewhite;
    width: auto;
    margin: 15px auto;
    border: 1px solid black;
    padding: 10px;
}
table.sitecode_table td{
    padding: 5px;
}
input{
    font-size: small; 
}
input[type=checkbox]{
    width: 25px;
    height: 25px;
}

/* +++++++++++++++++++ AYUDA Y GENERAL +++++++++++++++++++++++. */

section{
    text-align: center;
}

h2{  
    margin: 0;
    padding: 20px;
    font-size: large;
}
h3{
    margin: 0;
    padding: 10px;
    background-color: antiquewhite;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    border-right: 1px solid black;
    font-size: medium;
}
.ejemplo{
    margin: 10px auto;  
    font-style: italic;
    color: gray;
    padding: 15px;
    text-align: left;
    width: 650px;
    border-collapse:collapse;
}
.ejemplo td{
    padding: 6px 4px;
}
p{
    margin: auto;
    padding: 10px;
    font-size: small;
}

/* +++++++++++++++++++ CONSULTA MASIVA +++++++++++++++++++++++. */

table.masivo{
    margin: 0 auto;  
    font-size: small;
}
table.masivo td{
    padding: 10px 30px;
}
h5{
    padding: 2px;
    margin: 30px auto 0 auto;
    text-align: center;
}

/* +++++++++++++++++++ LOG OUT +++++++++++++++++++++++. */

h6{
    margin: 50px;
    text-align: center;
    font-size: small;
}



/* +++++++++++++++++++ FOOTER +++++++++++++++++++++++. */

footer{
    margin: 100px 20px 10px auto;
    text-align: right;
    size: 80%;
}
footer p{
    margin: 2px;
    text-align: right;
    font-size: medium;
    padding: 1px;
}
#logopic{
    zoom:100%;
}
span.index_footer{
    font-size: small;
    background-color: darkseagreen;
    border: 1px inset black;
    padding: 2px;
}