.logo {
    height: 110px;
    width: 800px;
    margin-right: auto;
    margin-left: auto;
    background-image: url(logo.png);
    background-repeat: no-repeat;
}

.comerlogo {
    height: 110px;
    width: 800px;
    margin-right: auto;
    margin-left: auto;
    background-image: url(comweb-logo.png);
    background-repeat: no-repeat;
}

.obralogo {
    height: 110px;
    width: 800px;
    margin-right: auto;
    margin-left: auto;
    background-image: url(obralogo.png);
    background-repeat: no-repeat;
}

.obrasweb {
    height: 110px;
    width: 800px;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
}

.titulo {
    height: 20px;
    width: 785px;
    margin-right: auto;
    margin-left: auto;
    margin-top:5px;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 14px;
    text-align: left;
    padding-left: 15px;
    padding-top: 5px;
    padding-bottom: 30px;
    color: #fff;
    background-color: #00aec3;
}

.contenido2 {
    width: 800px;
    margin-right: auto;
    margin-left: auto;
    font-family: Roboto, Verdana, Geneva, sans-serif;
    font-size: 12px;
    color: #333;
    text-align: center;
    font-weight: bold;
    padding-top: 20px;
    padding-bottom: 20px;
}

.contenido2 h3 {
    text-align: left;
    color: #A4A4A4;
}

.contenido3 {
    width: 800px;
    margin-right: auto;
    margin-left: auto;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    color: #333;
    text-align: left;
    font-weight: bold;
    padding-top: 10px;
    padding-bottom: 10px;
}

.copyviejo {
    height: 20px;
    width: 800px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 10px;
    padding-bottom: 20px;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #FFF;
    text-align: center;
    background-color: #B5B5B5;
}

.logomuniabajo {
    height: 68px;
    width: 800px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 50px;
    background-image: url(logoabajo.png);
    background-repeat: no-repeat;
}

.login {
    /*
	text-align: center;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	*/
    height: 80px;
    width: 760px;
    margin-right: auto;
    margin-left: auto;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    text-align: center;
    font-weight: bold;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #FFF;
    padding-right: 20px;
    padding-left: 20px;
    background-color: #CCC;
}

.contenido1 {
    height: 20px;
    width: 760px;
    margin-right: auto;
    margin-left: auto;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #00aec3;
    color: #CCC;
    padding-right: 20px;
    padding-left: 20px;
}

.contenido1 strong {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 14px;
    color: #fff;
    margin-right: 520px;
    font-weight: bold;
    text-align: left;
    text-align: right;
}

.contenido1 a {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    color: #c00;
    font-weight: bold;
    text-align: right;
}

.contenido1 a:link {
    text-decoration: none;
}

.contenido1 a:visited {
    text-decoration: none;
    color: #c00;
}

.contenido1 a:hover {
    text-decoration: none;
}

.contenido1 a:active {
    text-decoration: none;
}

table.resultado {
    color: #fff;
    font-family: Helvetica, Arial, sans-serif;
    width: 800px;
    border-collapse: collapse;

}

td.resultado {
    border: 1px solid transparent;
    height: 30px;
    background: #FAFAFA;
    text-align: center;
    color:black;
    padding: 8px;
}

th.resultado {
    border: 1px solid transparent;
    height: 30px;
    background: #00aec3;
    font-weight: bold;
}

table.resultadoRojo {
    color: #c00;
    font-family: Helvetica, Arial, sans-serif;
    width: 800px;
    border-collapse: collapse;
}

td.resultadoRojo {
    border: 1px solid transparent;
    height: 30px;
    background: #ff0000;
    text-align: center;
}

th.resultadoRojo {
    border: 1px solid transparent;
    height: 30px;
    background: #ff0000;
    font-weight: bold;
}

.contenidoweb {
    width: 800px;
    margin-right: auto;
    margin-left: auto;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 35px;
    color: #333;
    text-align: left;
}

.contenidoweb h3 {
    text-align: center;
    color: #fff;
    background-color: #B5B5B5;
}

.contenidoweb .ok {
    color: #4F8A10;
}

.contenidoweb .warning {
    color: #FF8000;
}

.contenidoweb .error {
    color: #FF0000;
}


/*menu*/

#menu {
    height: 35px;
    width: 800px;
    margin-right: auto;
    margin-left: auto;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #FFF;
    text-align: left;
    background-color: #00aec3;
    border-radius: 15px;
}

ul,
ol {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left: 15px;
}

.nav>li {
    float: left;
}

.nav li a {
   /* background-color: #CCC; */
    color: #fff;
    text-decoration: none;
    padding: 8px 12px;
    display: block;
  /*  transition: .3s background-color;*/
    background-color: #00aec3;
}

.nav li a:hover {
    color: #00aec3;
    background-color: #333;
}

.nav li ul {
    display: none;
    position: absolute;
    min-width: 140px;
}

.nav li:hover>ul {
    display: block;
}

.nav li ul li {
    position: relative;
}

.nav li ul li ul {
    right: -140px;
    top: 0px;
}

#hiddenMap {
    width: 320px;
    margin: 0 0 30px 0;
    position: relative;
}

.toolbar {
    position: fixed;
    z-index: 100;
    margin-left: 2px;
}

.titform {
    height: 10px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    text-align: left;
    padding-left: 15px;
    padding-top: 10px;
    padding-bottom: 22px;
    color: #fff;
    background-color: #00aec3;
}

.subtitform {
    height: 10px;
    width: 785px;
    margin-right: auto;
    margin-left: auto;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 10px;
    text-align: left;
    padding-left: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #000;
    background-color: #E6E6E6;
}

#botonizq {
    float: left;
    height: 30px;
}

#botonder {
    padding-top: 3px;
    height: 30px;
    float: right;
}

#leyenda {
    width: 800px;
    padding-top: 40px;
    font-size: 10px;
}


/* NUEVOS DE JUANSE */
input {
    border: 1px solid #FAFAFA;
    border-radius: 10px;
    background-color: #f6f6f6;
    font-weight: 400;
    padding:6px;
    
    }

select {
    border: 1px solid #FAFAFA;
    border-radius: 10px;
    background-color: #f6f6f6;
    color: #000;
    font-weight: 400;
    padding:6px;
}