/* =================================================================================== 

mirsens3
version: 1.0

	0.  libs
	1.  typography
	2.  layout strukture
	3.  header & main navigation
	4.  footer
	5.  sub navigation
	6.  links
	7.  lists
	8.  images
	9.  forms



=================================================================================== */

/*-----------------------------------------------------------------------------------------------------------------------------
0.  libs
-----------------------------------------------------------------------------------------------------------------------------*/

@import url('normalize.css') ;
@import url('columns.css') screen;
@import url('forms.css') screen;

/*-----------------------------------------------------------------------------------------------------------------------------
1.  typography
-----------------------------------------------------------------------------------------------------------------------------*/

html { font-family: 'Roboto', sans-serif;  color:#fff; font-weight:normal; font-size:13px;}

h1 { margin-bottom:30px; color:#8bb8c8; font-size:36px; padding-top:7px; font-weight: lighter; background: url(../images/global/h1_bg.png) left top repeat-x; border-bottom: 1px solid #37637b}
h1.wi {padding:20px 0 20px 20px}
h1 >img {margin-top:-7px;}

h2 { font-size:27px; color:#8ab7c8; font-weight: lighter; line-height:30px;}

h3 { margin:10px 0px 10px 0px; color:#65c384; font-size:23px; font-weight: lighter; line-height:24px;}

h4 { font-size:18px; color:#65c384; line-height:27px;}

h5 { font-size:16px; }

h6 { text-transform:uppercase; font-size:13px; }

h1 + p { margin-top:19px; }

h2 + p { margin-top:20px; }

h3 + p{ margin-top:15px; }

h4 + p { margin-top:12px; }

h5 + p { margin-top:12px; }

h6 + p { margin-top:10px; }

p { clear:both; font-size:13px;  color:#fff }

P + P {margin-top:20px;}

p small { font-size:11px; }

i {font-style:italic; color:#fff9b6}
/*-----------------------------------------------------------------------------------------------------------------------------
2.  layout structure
-----------------------------------------------------------------------------------------------------------------------------*/

body { background:#000; }

.wrap {
	margin:0 auto;
	width:1000px;
}

#webBackground {position: fixed; top: 0; left: 0; z-index:-1;width: 100%; height: 100%;}
.webBackgroundWidth { width: 100%; }
.webBackgroundHeight { height: 100%; }

main {
	padding:0px 0px 0px 0px;
	width:100%;
	background: url(../images/global/bg-ui-gradient.png) left top repeat-x;
}

.webIdentity {
	float:left;
	padding:10px 0px 10px 0px;
	width:290px;
}

.webIdentity a {
	display:block;
	text-decoration:none;
}

.webName {
	padding:35px 0px 0px 0px;
	color:#baeeff;
	font-size:16px;
	text-align:right;

}

hr {clear:both;  border: 0; background-color: transparent;  }

article {
background: url(../images/global/black_70fill_bg.png) left top repeat;
}

article.index {
background: none;
}

.f50 {
border: 1px solid #000;

}

.box {
margin:0 auto;
padding:30px 0 30px 0px;
width:1000px;
font-size:13px;
color:#fff;
}

.sponsors {
margin-top:20px;
padding:20px 0px 20px 0px;
background:#fff;
text-align:center;
}
.sponsors h2 {
color:#1e3e4e
}

.sponsors-nav { clear:both; width:1000px; margin:20px auto 0px auto; }
.sponsors-nav > li { display:inline;margin-bottom:50px; padding:10px; }
.sponsors-nav > li + li { margin-left:17px; }
.sponsors-nav li > a  {  display:inline-block;padding:10px; }     
.sponsors-nav li > a > img {  border: 0px; }     
.sponsors-nav li a:hover  {  border: 1px solid #000; }     


.box h2{
font-size:24px;
margin-bottom:10px;
}


.box h3{
color:#fff;
font-size:15px;
margin-bottom:20px;
}

.index_desc {margin:0 0 0 30px; padding:10px; min-height:130px; background: url(../images/global/black_70fill_bg.png) left top repeat;}
.index_desc > h3 { margin:0;}
.index_desc > p { margin-left:20px;}
.index_desc .red { color:#c50041;  margin-right:20px;}

.big_logo {margin-top:20px;}
/*-----------------------------------------------------------------------------------------------------------------------------
3.  header & main navigation
-----------------------------------------------------------------------------------------------------------------------------*/

header {
	margin:0 auto;
	width:100%;
	background:url(../images/global/shadowHeader.png) left top repeat-x;
}

header > nav {
	clear: both;
	width:100%;
	background: url(../images/nav/main_nav_bg.png) left top repeat-x;
}

header >  nav > ul {
	margin:0 auto;
	width:1000px;
}

header > nav > ul > li {
	display:inline-block;
	height:55px;
}

header > nav > ul > li+li {
	margin-left:-3px;
}

header > nav > ul > li >  a {
	display:block;
	padding:17px 20px 18px 20px;
	color:#a4cad6;
	text-decoration:none;
	font-size:15px;
}

header > nav > ul > li.current {
	background: url(../images/nav/mainNavCurrent.png) top left;
}

header > nav > ul > li >  a:hover{
	color:#daf6ff;
	background: url(../images/nav/main_nav_bg_over.png) top left;
	text-decoration:none;
}

.footer-nav { clear:both; width:1000px; margin:30px auto 0px auto; padding:0px 0px 60px 1px; }
.footer-nav ul > li { float:left; margin-bottom:0; }
.footer-nav ul > li + li { margin-left:17px; }
.footer-nav li > a > img {  border: 1px solid #000; }     
.footer-nav li a:hover img { -moz-box-shadow: 5px 5px 5px #000; -webkit-box-shadow: 5px 5px 5px #000; box-shadow: 5px 5px 5px #000;}     
/*-----------------------------------------------------------------------------------------------------------------------------
4.  footer
-----------------------------------------------------------------------------------------------------------------------------*/

footer {
	clear:both;
	width:100%;
	background: url(../images/global/full-footer-background.png) left top repeat-x;
	position:fixed;
	bottom:0px;
	z-index:1;
	overflow:visible;
	height:30px;
}

footer > div  {
	font-size:11px;
	color:#fff;
	padding-top:5px;
}


footer > div > .scroll {
	

	text-align:right;
}
footer > div > .scroll > .scroll_to_top {
	font-size:11px;
	color:#719aa7;
	background:url(../images/global/bg-top-link.png) 0 50% no-repeat;
	padding-left:20px;
	text-decoration:none;
}

footer > div > .scroll > .scroll_to_top:hover {
	text-decoration:underline;
}
/*-----------------------------------------------------------------------------------------------------------------------------
5.  navigation
-----------------------------------------------------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------------------------------------------------
6.  links
-----------------------------------------------------------------------------------------------------------------------------*/

main a,  main a:visited { text-decoration:none; color:#72ccfb; }
main a:hover { text-decoration:underline;  cursor:pointer;}

a:hover {cursor:pointer;}

.register_now {display:block;width:250px;height:150px; background:url(../images/global/register_now_button.png) 0 0 no-repeat;}
.register_now:hover {background:url(../images/global/register_now_button_over.png) 0 0 no-repeat;}

.reg_form_1 {display:block;width:485px;height:150px; background:url(../images/global/reg_form_1.png) 0 0 no-repeat;}
.reg_form_1:hover {background:url(../images/global/reg_form_1_over.png) 0 0 no-repeat;}
.reg_form_2 {display:block;width:485px;height:150px; background:url(../images/global/reg_form_2.png) 0 0 no-repeat; }
.reg_form_2:hover {background:url(../images/global/reg_form_2_over.png) 0 0 no-repeat;}

/*a.selectFile { background:url(../images/nav/button_green_bg.png) top left; padding:10px; color:#fff; }  
a.selectFile:hover { background:url(../images/nav/button_green_bg_over.png) top left; }  */

/*-----------------------------------------------------------------------------------------------------------------------------
7.  lists
-----------------------------------------------------------------------------------------------------------------------------*/

ul.mylist  { list-style-type: decimal ; font-size:13px; margin: 10px 0px 10px 50px;}

ul.square { list-style-type:square ; font-size:13px; margin: 10px 0px 10px 50px;}

/*-----------------------------------------------------------------------------------------------------------------------------
8.  images
-----------------------------------------------------------------------------------------------------------------------------*/

.signBoard { vertical-align:middle; margin-right:20px;}

/*-----------------------------------------------------------------------------------------------------------------------------
9.  forms
-----------------------------------------------------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------------------------------------------------
9.  tables
-----------------------------------------------------------------------------------------------------------------------------*/

.iac {width:100%;font-size:13px;}
.iac td{padding:9px; border-bottom: 1px solid #2e5367;vertical-align: center;}
.iac td.event {width:85%;}
.iac tr.title {color:#65c384; background:#1f3f50}
.iac tr.alert, .iac td.alert{color:#ff0054;}
.iac tr.green, .iac td.green{color:#65c384;}

/*-----------------------------------------------------------------------------------------------------------------------------
 index
-----------------------------------------------------------------------------------------------------------------------------*/



.right-nav {width:100%; display:block;}
.right-nav > ul {margin-top:30px;padding:0px;list-style-image:none; }
.right-nav > ul > li {display:block;margin:0;  text-align:right; }
.right-nav > ul > li.title {font-size:17px; border-bottom:1px solid #e0e0e0; text-align:left; padding-bottom:7px;}
.right-nav > ul > li.title:hover {cursor:default; background:transparent; }
.right-nav > ul > li > a{font-size:13px;  color:#72ccfb;  display:block; font-weight:normal; padding:10px 7px 10px 0px;}
.right-nav > ul > li:hover {cursor:pointer; background: url(../images/global/black_30fill_bg.png) left top repeat;}
.right-nav > ul > li:hover a {text-decoration:none;}
.right-nav > ul  + ul {margin-top:20px;}



.red { color:#ff0054; }
.status{display: none; width:920px; padding: 15px 15px 15px 50px; min-height:30px;font-size:13px;color: #fff;  background:#931832 url(../images/icons/defeat.png)  left top no-repeat; background-position: 15px 15px;  border:1px dashed #ff204f; margin-bottom:20px; }
.status h2 { color:#fff;} 

.gallery {text-align:center; margin-top:20px;}
.gallery .thumb { width:200px; height:132px; margin-right:20px; margin-bottom:20px; border:1px solid #1d2c31}
.gallery .thumb:hover {border:1px solid #86b3c3; }


.gallery-menu > li {
	display:inline-block;
	height:55px;
}

.gallery-menu  > li+li {
	margin-left:-3px;
}

.gallery-menu  > li >  a {
	display:block;
	padding:17px 20px 18px 20px;
	color:#a4cad6;
	text-decoration:none;
	font-size:15px;
}

.gallery-menu  > li.current  a{
	color: #65c384;
}

.gallery-menu  > li > a:hover{
	color:#daf6ff;
}