@charset "UTF-8";
/* CSS Document */

.indigenas{ background:url(../images/indigenas/bg.jpg) repeat;}

.titlebg{ background:url(../images/indigenas/mainTitle.png) no-repeat; display:block; width:216px; height:86px;padding-top: 9px; position: absolute; z-index: 200; top: 48px; left: 27px;}
.titlebg .titleType02{ margin-top:0px; font-size:30px; text-shadow:2px 2px 2px rgba(0,0,0,0.7); -moz-text-shadow:2px 2px 2px rgba(0,0,0,0.7); -webkit-text-shadow:2px 2px 2px rgba(0,0,0,0.7);}

.scene{ position:relative; width:588px; height:480px;  margin: 0 auto 24px; margin-top:61px;}
.overImage{position: absolute; background: url(../images/indigenas/marco.png) no-repeat; margin: 0 auto; z-index: 10; top: 0; display: block; width: 588px; height: 480px;}
.backgroundMask{ position: relative; top: 16px; width: 588px; overflow: hidden;}
.characterSilouete{ background:url(../images/indigenas/personaje.png) no-repeat; width: 287px; height: 492px; position: absolute; z-index: 100; right: -65px; top: 31px;}

.panorama-control{ background:url(../images/indigenas/bgButtons.png) no-repeat 0px 0px; display:block!important; width:84px; height:84px; position:absolute; z-index:200; top: 195px; left: 10px;}
.panorama-control-left{ background:url(../images/indigenas/bgButtons.png) no-repeat -108px -26px; display:inline-block; width:22px; height:34px; text-indent:-999em; margin: 26px 2px 0 18px;}
.panorama-control-right{ background:url(../images/indigenas/bgButtons.png) no-repeat -135px -26px; display:inline-block; width:22px; height:34px; text-indent:-999em; margin: 26px 0px 0 0px;}
.panorama-control-pause{ display:none;}

.leftCol{ background:url(../images/indigenas/texture01.png) no-repeat left bottom #8ca726; float:left; width:435px; padding:20px 20px 10px 20px; margin: 20px 34px; border-radius:13px; -moz-border-radius:13px; -webkit-border-radius:13px; box-shadow: 2px 2px 8px rgba(0,0,0,0.5); -moz-box-shadow: 2px 2px 8px rgba(0,0,0,0.5); -webkit-box-shadow: 2px 2px 8px rgba(0,0,0,0.5); height:200px; }
.leftCol p{ color:#000; line-height:14px; font-size:12px;}

.rightCol{ float:right; background:url(../images/indigenas/texture02.png) no-repeat left bottom #4f6301; width:196px; margin: 20px 34px 20px 0; border-radius:13px; -moz-border-radius:13px; -webkit-border-radius:13px; box-shadow: 2px 2px 8px rgba(0,0,0,0.5); -moz-box-shadow: 2px 2px 8px rgba(0,0,0,0.5); -webkit-box-shadow: 2px 2px 8px rgba(0,0,0,0.5);}
.rightCol a{ background:url(../images/indigenas/btnMapa.png) no-repeat 0 7px ; display:block; width:173px; height:100px; text-indent:-999em; margin: 14px 9px;}
.rightCol a:hover{background-position: 0px -113px;}
.rightCol h3.titleType02{ font-size: 18px; line-height: 21px; margin-top: 15px; margin-bottom: 40px;}

hr{ margin: 20px; background: #8ca726; border: 4px solid #8ca726; box-shadow: 2px 3px 6px rgba(0,0,0,0.6); -moz-box-shadow: 2px 3px 6px rgba(0,0,0,0.6); -webkit-box-shadow: 2px 3px 6px rgba(0,0,0,0.6);}

.commonMenu{ background:url(../images/indigenas/texture03.png) #586918 no-repeat center bottom; width:716px; margin:0 auto; border-radius:13px; -moz-border-radius:13px; -webkit-border-radius:13px; box-shadow: 2px 2px 8px rgba(0,0,0,0.5); -moz-box-shadow: 2px 2px 8px rgba(0,0,0,0.5); -webkit-box-shadow: 2px 2px 8px rgba(0,0,0,0.5);}
.commonMenu nav ul li{ float:left; margin: 5px 0px 5px 8px;}
.commonMenu nav ul li a{ background:url(../images/menu2.png) no-repeat -8px -9px; width:74px; height:89px; display:block; text-indent:-9999em; }
.commonMenu nav ul li a.lIndigenas{ background-position:-37px -9px;}
.commonMenu nav ul li a.lIndigenas:hover{ background-position:-37px -107px;}
.commonMenu nav ul li a.lCriollas{ background-position:-126px -9px;}
.commonMenu nav ul li a.lCriollas:hover{ background-position:-126px -107px;}
.commonMenu nav ul li a.lRomanes{ background-position:-216px -9px;}
.commonMenu nav ul li a.lRomanes:hover{ background-position:-216px -107px;}
.commonMenu nav ul li a.lEspanol{ background-position:-304px -9px;}
.commonMenu nav ul li a.lEspanol:hover{ background-position:-304px -107px;}
.commonMenu nav ul li a.lSenas{ background-position:-393px -9px;}
.commonMenu nav ul li a.lSenas:hover{ background-position:-393px -107px;}
.commonMenu nav ul li a.actividades{ background-position:-490px -9px; width: 97px;}
.commonMenu nav ul li a.actividades:hover{ background-position:-490px -107px;}
.commonMenu nav ul li a.tradicion{ background-position:-587px -9px; width: 147px;}
.commonMenu nav ul li a.tradicion:hover{ background-position:-587px -107px;}
.commonMenu nav ul li a.glosario{ background-position:-749px -9px; width: 107px;}
.commonMenu nav ul li a.glosario:hover{ background-position:-749px -107px;}