@import url('yui-reset.css');
@font-face {
    font-family: 'forumregular';
    src: url('forum/forum-regular-webfont.eot');
    src: url('forum/forum-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('forum/forum-regular-webfont.woff') format('woff'),
         url('forum/forum-regular-webfont.ttf') format('truetype'),
         url('forum/forum-regular-webfont.svg#forumregular') format('svg');
    font-weight: normal;
    font-style: normal;

}



*{border:0px solid #eee;margin:0;padding:0;list-style:none}
html,body,#bg,#bg table,#bg td,#cont{width:100%;height:100%; x-overflow:auto}
body{font-family:Arial,Helvetica,sans-serif;font-size:10px;cursor:default;background: #000000;}
h1,h2,.large,.left{font-family: 'forumregular',Arial,sans-serif;}
h2,.box div img{padding-bottom:10px}
a{text-decoration:none;color:#000;outline:0}
img{display:block}
#titulo{position:relative;z-index:99; left:0px; top:0px; min-width:70%; float:left;height:auto; background:url(../images/60-black.png);opacity:0.9;display:block; text-align:center; margin-right:0px; border-bottom:#FFFFFF 1px dotted}
#titulo h1{
	 text-align:center;
	 color:#ffffff;
	font-size:40px;
	opacity:1;
	
}
#titulo h1 a{padding:0px 0px 2px 2px;color:#fff;}
h1 a:hover{}
ul{float:left;width:110px; display:inline;white-space:nowrap;}
li a{height:12px;padding:0 5px;font-weight: normal;color: #999999;display:block}
li a:hover,li.cur a{color:#fff;font-weight:bold;}


.box{position:relative;top:75%; margin-left:50%; margin-right:auto; width:500px;padding-bottom:100px}
.box div{line-height:1.5em;background:#fff;padding:20px 30px}
.box div a{text-decoration:underline}
#large{ position:absolute; color:#FFFFFF; background:#000000;line-height:30px;opacity:0.6;filter:alpha(opacity=60); display: inline-block;text-align:left;top:6%;right:5%; padding:13px 4px 4px 4px; float:right}
.left{text-align:left;right:auto;left:180px;font-size:13px}
#large span{font-size:40px;font-family:'forumregular',Arial,sans-serif;}
#large h2{font-size:65px; }
.white{color:#fff}


h3{position:relative;border-bottom-width:1px;padding:30px 30px 10px 30px;margin:0 -30px 20px -30px;text-transform:uppercase;line-height:20px;font-weight:bold}
h3 span{position:absolute;right:510px;top:29px;background:#000;text-align:center;padding:0 5px;white-space:nowrap;display:block;color:#fff;font-weight:normal}


h3{position:relative;border-bottom-width:1px;padding:30px 30px 10px 30px;margin:0 -30px 20px -30px;text-transform:uppercase;line-height:20px;font-weight:bold}
h3 span{position:absolute;right:510px;top:29px;background:#000;text-align:center;padding:0 5px;white-space:nowrap;display:block;color:#fff;font-weight:normal}


.cur{ background:#666666; width:115%; border-width:90%;}




#bg div{position:absolute;width:200%;height:auto;left:-50%;}
#bg td{vertical-align:middle;text-align:center}
#bg img{min-height:50%;min-width:50%;margin:0 auto;
 animation: fadein 2s;
    -moz-animation: fadein 2s; /* Firefox */
    -webkit-animation: fadein 2s; /* Safari and Chrome */
    -o-animation: fadein 2s; /* Opera */
}
@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}
#cont{position:absolute;top:18px;left:0px; width:40% auto;z-index:70;overflow:auto}
#menu{position:relative;left:0px;z-index:90;width:100%; height: auto;line-height:8px;background:  url(../images/60-black.png);padding:0px 0 0 0px;display: inline-block;  margin-right:0px;  }

#menu li{ border-bottom-width: 1px; text-align:left;  color: #FFFFFF;  font-size:13px;padding: 3px 0 0px 0;width:100%;}
#submenu {float: right;display:inline;white-space:nowrap; margin-left:2em; margin-right:8px; min-width:30%;border-left:#FFFFFF 1px solid;}
#menu0{position:relative;left:0px;z-index:80; width:auto; height:46px; background-color: #D90000; padding-left:2px; float:right; margin-right:2px;text-align:center; }
.menuclase_i{ background-image:url('../images/flechan_ar.png');
    background-repeat:no-repeat;
    background-position:bottom;
    width:28px;
    height:23px;
    float:left;}
.menuclase_d{ 
    background-image:url('../images/flechan_ab.png');
    background-repeat:no-repeat;
    background-position:bottom;
    width:28px;
    height:23px;
    float:left;}
#menu0 h3{color: #FFFFFF; font-style:normal;letter-spacing:0.02em; border-bottom:none; vertical-align:top; padding:3px 0 1px 0; margin:0 0 0 1px; font-size:0.8rem;text-align:right; display:inline}

#menu a:hover{background: #FF0000;opacity:1;filter:alpha(opacity=99); }
#info{ position:absolute;color:#FFFFFF; bottom:0; right:0; width:70%;text-align:right; float:right; border-top-width: 1px; padding: 2px 3px 0px 0;}
 #imagen{ position:relative;  
 }  
#muestraiz img {margin-right:3px; height:120px; width: 38px; float:left}
#muestraiz span {font-family:Arial,sans-serif;float:left; text-align:left; width:auto; color:#FFFFFF; display:block; padding:0px 1px 2px 3px; white-space: normal; margin-top:-5px}

 #imagen h6 { position:relative;top:0;margin-top:1px; text-align: center; }
#muestraiz p { font-family: 'forumregular',Arial,sans-serif; font-size:24px;color:#FFFFFF;}

.flecha{ width:16px; float:right; margin-right:3px; margin-top:3px; vertical-align:bottom;}
#muestraiz, #muestrader {float: left}  

#muestras1{position:relative;left:0; width:auto;margin-left: 3px; margin-right:3px; display: block;}


#muestraiz{position:relative; width:100%; min-height:120px; min-width:200px ;display:inline-block;  z-index:70;background: url(../images/60-black.png); margin:5px 4px 4px 1px;float: left;
 animation: fadein 1 3.5s;
    -moz-animation: fadein 3.5s; /* Firefox */
    -webkit-animation: fadein  3.5s; /* Safari and Chrome */
    -o-animation: fadein  3.5s; /* Opera */ 
}
@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
 }