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

/*---------------------------------------------------------------------------- 
GENERAL
-----------------------------------------------------------------------------*/
*{margin:0; padding:0; border:0px none;}
html{height:100%;}

body{background: url(../images/bg.jpg) center bottom fixed #000; height:100%; font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#FFF; line-height:1.3em;}
a{color:#e92121;}
a:hover{color:#FFF; text-decoration:none;}
input, select, textarea{font-family: 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif; font-size:12px;}
input.noborder, input.input_error{border:1px solid #002940; padding:0 1px;}
input.input_error{background:#ffe1c2;}
input.submit{border:1px solid #e92121; background:#17120f; font-weight:bold; margin-left:138px; color:#e92121;}
h1{font-size:22px; color:#e92121; border-bottom:5px solid #e92121; text-transform:uppercase; margin-bottom:5px;}
h3{font-size:13px; color:#e92121;}
hr {border: none 0; height: 5px; border:1px solid #e92121; color:#e92121; background:#e92121;}
ul,ol{margin:10px 20px;}

/*---------------------------------------------------------------------------- 
MY LAYOUT STUFF
-----------------------------------------------------------------------------*/
.fl{float:left;}
.fr{float:right;}
.cb{clear:both;}
.pb5{padding-bottom:5px;}
.pb10{padding-bottom:10px;}
.pb15{padding-bottom:15px;}
.pt5{padding-top:5px;}
.pt10{padding-top:10px;}
.pt15{padding-top:15px;}
.pr5{padding-right:5px;}
.pr10{padding-right:10px;}
.pr15{padding-right:15px;}
.vam{vertical-align:middle;}
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mt5{margin-top:5px;}
.mtm5{margin-top:-5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.tr{text-align:right;}
.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}

/*---------------------------------------------------------------------------- 
LAYOUT
-----------------------------------------------------------------------------*/
#wrapper{width:954px; margin:0 auto; position:relative; z-index:1; min-height:100%;}
* html #wrapper{height:100%;}
#footerW{height:92px; position:fixed; bottom:0; width:100%; z-index:10; background:url(../images/footer_bg.gif) left bottom repeat-x #000;}
* html #footerW{
  /* Netscape 4, IE 4.x-5.0/Win and other lesser browsers will use this */
	position: absolute; right: 20px; bottom: 10px;
	right: auto; bottom: auto;
	left: expression( ( 0 - footerW.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
  	top: expression( ( 0 - footerW.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );}
#footer{width:954px; margin:0 auto;}
#top{height:34px;}
#content{padding:40px 40px 110px 40px; width:550px;}
#wtraseu{position:relative; min-height:100%;}
#traseucont{height:600px;}
#traseu, #home{position:absolute; left:0; bottom:92px; z-index:100; background:url(/images/bgs/traseu_mic.jpg) center bottom no-repeat;}
#homecont{height:550px;}
#home{height:150px; background:none; opacity: 0.8; -moz-opacity: 0.8; filter: alpha(opacity=80); padding:0 15px;}
.box1, .box2, .box3{padding:10px; float:left; margin-right:13px; color:#FFF; width:230px; height:110px; cursor:pointer;}
#home h4{text-transform:uppercase; font-weight:bold; font-size:11px;}
#home p{height:80px;}
#home a{display:block; padding-top:5px; border-top:2px dotted #FFF; color:#FFF; font-weight:bold; text-decoration:none;}
#home a:hover{color:#e92121;}
.box1{background:#001019;}
.box2{background:#011700;}
.box3{background:#160800; cursor:default;}
div.footer{width:924px; margin:0 auto; color:#5c5c5c; font-size:10px; text-align:right; padding:0 15px;}
p.footer_c{color:#5c5c5c; font-size:10px; text-align:left; float:left; }
p.footer_c img{vertical-align:text-bottom;}
p.footer_t{color:#5c5c5c; font-size:10px; text-align:right;}
div.footer a{text-decoration:none; color:#5c5c5c;}
div.footer a:hover{text-decoration:underline;}

/*---------------------------------------------------------------------------- 
CONTENT
-----------------------------------------------------------------------------*/

.b5t{border-top:5px solid #e92121;}
body.landing{background:url(/images/bgs/intro.jpg) center center no-repeat #120e0c;}
#landing{position:absolute; left:50%; top:50%; margin-left:-390px; margin-top:-204px; width:780px; height:517px; z-index:5;}
#landing p{padding:10px 80px; position:absolute; left:0; top:428px; z-index:10;}
#gallery {width:560px; overflow:hidden; padding-top:5px;}
#gallery .block{float:left; margin:0 10px 10px 0; width:125px; text-align:center;}
#gallery .block img{clear:both; margin-bottom:3px;}
#gallery img{float:left; margin-right:10px; margin-bottom:12px; border:1px solid #ffdfc0;}
#gallery img:hover{border:1px solid #e92121;}
/*---------------------------------------------------------------------------- 
FIXES
-----------------------------------------------------------------------------*/
.clearer{clear:both; font-size:0px; line-height:0px; width:100%;	height:0px; visibility: hidden;}

.clearfix:after {
    content: "."; display: block; height: 0; clear: both; visibility: hidden;}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */