body
{
margin:0;
padding:0;
background:#000 url('back.jpg');
}

#all
{
width:100%;
}

#title
{
padding-top:0.2%;
width:100%;
height:20%;
text-align:center;
background:#000 url('bak.jpg') no-repeat;
}

#title h1
{
margin-top:1.5%;
margin-bottom:1%;
font-family:Impact;
font-size:500%;
color:#fff;
}

#nav
{
padding-top:0.1%;
width:100%;
height:7%;
background:#FA5F05;
}

#nav .right
{
text-align:center;
}

#nav .right ul
{
list-style:none;
margin-top:1.5%;
margin-right:3.5%;
}

#nav .right ul li
{
font-family:Impact;
font-size:120%;
display:inline;
padding-top:1%;
padding-bottom:1%;
padding-left:2%;
padding-right:2%;
}

#nav .right ul li a
{
text-decoration:none;
color:#fff;
}

#nav .right ul li:hover
{
background-color: #000;
}

#wrap
{
width:80%;
margin:0 auto;
}

#banner
{
width:100%;
height:75%;
background:#000;
}

#banner #content
{
float:left;
margin-left:10%;
margin-right:10%;
width:80%;
height:100%;
}

#banner #content p
{
font-size:100%;
color:#fff;
font-family:Lucida Sans Unicode;
}

#banner #content #parte
{
margin-top:3%;
margin-left:25%;
}

#gal
{
margin-top:-2%;
height:100%;
width:100%;
background:#000;
padding-bottom:3%;
}

#gal #most
{
width:100%;
height:10%;
text-align:center;
background:#FA5F05;
}

#gal #most h3
{
margin-top:1.5%;
margin-bottom:1%;
font-family:Impact;
font-size:300%;
color:#fff;
}

#gal ul
{
list-style:none;
}

#gal ul li
{
display:inline;
}

#gal ul li.lin
{
height:85%;
width:27%;
padding:1%;
border-radius:8px;
opacity:0.7;
position:relative;
}

#gal ul li.lin:hover
{
opacity:1;
}

.kra
{
background:#000 url('bak.jpg') no-repeat;
margin-left:0.6%;
float:left;
}

.kraimg
{
margin-top:5%;
background:#fff url('krakatau.jpg') no-repeat;
background-size:100% 100%;
height:35%;
border-radius:360px
}

.krades
{
margin-left:.5;
text-align:center;
}

.krades h1
{
font-size:200%;
margin-top:5%;
color:#fff;
font-family:Impact;
}

.krades p
{
font-size:80%;
margin-top:-3%;
color:#fff;
font-family:Lucida Sans Unicode;
}

.tam
{
background:#000 url('bak.jpg') no-repeat;
margin-left:4%;
float:left;
}

.tamimg
{
margin-top:5%;
background:#fff url('tambora.jpg') no-repeat;
background-size:100% 100%;
height:35%;
border-radius:360px;
}

.tamdes
{
margin-left:.5;
text-align:center;
}

.tamdes h1
{
font-size:200%;
margin-top:5%;
color:#fff;
font-family:Impact;
}

.tamdes p
{
font-size:80%;
margin-top:-3%;
color:#fff;
font-family:Lucida Sans Unicode;
}

.mauna
{
background:#000 url('bak.jpg') no-repeat;
margin-left:4%;
float:left;
}

.maunaimg
{
margin-top:5%;
background:#fff url('mauna_loa.jpg') no-repeat;
background-size:100% 100%;
height:35%;
border-radius:360px;
}

.maunades
{
margin-left:.5;
text-align:center;
}

.maunades h1
{
font-size:200%;
margin-top:5%;
color:#fff;
font-family:Impact;
}

.maunades p
{
font-size:80%;
margin-top:-3%;
color:#fff;
font-family:Lucida Sans Unicode;
}

.mauna .lim
{
margin-left:10%;
height:5%;
width:80%;
border-radius:8px;
background:#000;
text-align:center;
}

.mauna .lim:hover
{
background:#FA5F05;
}

.mauna .lim p
{
padding-top:1.5%;
padding-bottom:1%;
padding-left:2%;
padding-right:2%;
font-family:Impact;
color:#fff;
}

#footer
{
padding-bottom:0.1%;
width:100%;
height:7%;
background:#FA5F05;
}

#footer #copy
{
width:50%;
float:left;
text-align:left;
}

#footer #copy p
{
padding-top:1%;
padding-left:2%;
font-family:Lucida Sans Unicode;
font-size:60%;
color:#fff;
}

#footer .right
{
width:50%;
float:right;
text-align:right;
}

#footer .right ul
{
list-style:none;
margin-bottom:1%;
margin-right:3.5%;
}

#footer .right ul li
{
font-family:Impact;
font-size:120%;
display:inline;
padding-left:2%;
padding-right:2%;
}

#footer .right ul li a
{
text-decoration:none;
color:#fff;
}

#footer .right ul li a:hover
{
border-bottom:2px solid #fff;
}