body {
font-size:10px;
margin:0 0;
padding:0;
background:url(../../images/backgroundmaps.jpg);font-family: 'Noto Sans', sans-serif;
}

canvas {
border:0 solid #9C9898
}

#containermap {
background-image:url(../../mapas/sfmrs9u0yqw5rkohu96enuux434u.png);



margin: auto;
text-align:left;
overflow:hidden;
height:661px;
width:675px;

position: absolute;top: 0px;right: 0;left: 0;bottom: 0;background-repeat: no-repeat;

}

#tooltip {
	opacity: .8;
    width: 300px;
    background-color: black;
    color: #fff;
    padding: 10px 10px;
    border-radius: 6px;
    border:solid;
    border-width:2px;
    font-size: 12px;
	text-align: justify;
 	border-style: ridge;
    /* Position the tooltip text - see examples below! */
    position: absolute;
    z-index: 12;
}


*{margin:0;padding:0;}


nav{background:#332a25; opacity: 0.9; height:65px;width:100%;position:relative;}
nav .center{height:100%;width:1000px;margin:0 auto;position:relative;}
nav .center ul{display:block;position:relative;}
nav .center ul li{list-style:none;display:block;height:100%;width:calc(100% / 5);float:left;position:relative;overflow:hidden;}
nav .center ul li a{color:white;margin:0;padding:0;margin-left:50px;line-height:65px;text-align:center;text-decoration:none;padding:5px;font-size:13px;}
nav .center ul li a:hover{color:#b7531d;}
nav .center ul li a .mapa-nav{xbackground:black;height:50px;width:50px;position:absolute;bottom:0;top:5px;}

.cuerpo{height:1000px;width:1300px;margin:0 auto;margin-top:10px;margin-bottom:10px;position:relative;box-shadow: 4px 4px 22px #543b24;}

.cuerpo:after {
    content : "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
background:#fff;
    width: 100%;
    height: 100%;
    opacity : 0.2;
    z-index: -1;
}


.cuerpo .info{background: rgba(23, 6, 2, 0.72); xheight:650px;width:350px; height: 100%; position:absolute;}
.cuerpo .info .div-1{xheight:310px;width:100%;border-top:1px solid white;position:relative; xoverflow: hidden;}
.cuerpo .info .div-1 .c{xposition:absolute;top:24px;left:24px;xheight:190px;xwidth:200px;border:none;}
.cuerpo .info .div-1 .c h2{color:#FBD8AC;text-align:center;margin-top: 20px;}
.cuerpo .info .div-1 .c div{color:#FBD8AC;width:80%;xheight:155px;border:none;padding-top:20px;font-size:13px;text-align: justify;margin: 0 auto;margin-bottom: 10px;}
.cuerpo .info .div-2{xheight:310px;width:100%;border-top: 1px solid rgba(255, 255, 255, 0.12);position:relative; padding: 23px;box-sizing: border-box;}
.cuerpo .info .div-2 .c-2{width:200px;border:none;}
.cuerpo .info .div-2 .c-2 p{display:block;color:#FBD8AC;font-size:13px;}
.cuerpo .info .div-2 .c-2 .list-option{margin-top:10px;padding: 8px;    background: rgba(0, 0, 0, 0.28);    border-radius: 10px;    margin: 6px 0px;}
.cuerpo .info .div-2 .c-2 ul{display:block;font-size: 12px;padding-left: 5px;color: #fbd8ac;}
.cuerpo .info .div-2 .c-2 ul li{list-style:none;display:block;height:calc(60px / 4);width:100%;xfloat:left;position:relative;overflow:hidden;}
.cuerpo .info .div-2 .c-2 ul li:hover{background:rgba(255, 229, 229, 0.19);}
.cuerpo .info .div-2 .c-2 ul li div{background:black;margin-left:5px;height:10px;width:10px;position:absolute;top:3px;border:none;}
.cuerpo .info .div-2 .c-2 ul li a{margin-left:20px;color:#FBD8AC;line-height:100%;text-decoration:none;font-size:15px;}

.cuerpo .mapa-central{background-image:url(../../images/mapa-central.png);height:500px;width:651px;position:absolute;top:40px;right:40px;}

#padremap{
    
    width: 930px;
    height: 100%;
    position: relative;
    float: right;
    overflow: hidden;

}

 .tooltip2 {
    width: 300px;
    background-color: black;
    color: #fff;
    padding: 10px 10px;
    border-radius: 6px;
    border:solid;
    border-width:2px;
    font-size: 12px;
	text-align: justify;
 	border-style: ridge;
    /* Position the tooltip text - see examples below! */
    position: absolute;
    z-index: 12;
    display:none;
opacity: 0.8;
}


#tooltip .maptitle{
    font-size: 14px;
    color: #ffd100;

}

#tooltip .status{
    right: 10px;
    top: 10px;
    position: absolute;
    z-index: 13;
}

.tooltip2 .maptitle2{
    font-size: 14px;
    color: #ffd100;

}


.tooltip2 .status2{

    right: 10px;
    top: 10px;
    position: absolute;
    z-index: 13;

}


.marca {
position:absolute;
z-index:10;
}

.content{width:100%;background:#41382E;}
.content .content-central{width:1300px;margin:0 auto; background:#4d433b}
.content .content-central .central-left{width:280px;box-sizing: border-box;float:left; background:#41382e;}
.content .content-central .central-left p{color:#E9E3D9;padding-top:20px;width:100%;font-size:20px;line-height:24px;font-family:'PT Sans',sans-serif;}
.content .content-central .central-left div{color:#E9E3D9;font-size:13px;padding:20px 0;min-height:118px;}

.content .content-central .central-right{width:calc(100% - 280px);float:left;padding-left:10px;padding-top:20px;box-sizing:border-box;}
.content .content-central .central-right ul{display:block;}
.content .content-central .central-right > ul > li{width:150px;list-style:none;float:left;margin-bottom:20px;}
.content .content-central .central-right > ul > li p{width:100%;font-size:20px;color:#E9E3D9;margin-bottom: 20px;}
.content .content-central .central-right > ul > li > ul{display:block;}
.content .content-central .central-right > ul > li > ul > li{width:100%;padding:3px 0;list-style:none;}
.content .content-central .central-right > ul > li > ul > li a{text-decoration:none;font-weight: 700;border-bottom: 1px dotted rgba(0, 0, 0, 0);display:inline-block;color:#E9E3D9;}
.content .content-central .central-right > ul > li > ul > li a:hover{color: #fff;border-color: #fff;}


footer{width:100%;background:#4A3E36;}
footer div{width:1300px;margin:0 auto;}
footer div p{font-size:12px;text-align:right;padding:10px 0;}
footer div p > span{display:block;width:100%;color:#E9E3D9;}
footer div p > a{text-decoration:none;color:#E9E3D9;width:100%;}