/*
 * RESETS 
 */
html,body{margin:0; padding:0; background:#0C0C0C; font-size:0.90em; font-family:Arial, Sans-serif; font-weight:lighter; color:#BABABA;}
img{border:0;background:#000;}
pre{color:white;}
/*
 * TYPOGRAPHY
 */
h1{color:#fff; font-size:2.461em; margin:0 0 5px 0;}	
h2{color:#E00080; font-size:1.615em; margin:0;}
h3{color:#fff; font-size:1.231em; margin:0 0 5px 0; font-weight:lighter;}
h4{color:#E00080; font-size:0.923em; margin:0 0 5px 0; font-weight:lighter;}
h5, .news #info p{color:#515151; font-size:0.769em;}
h5 a{ color:#515151;}
.item p{color:#BABABA; font-size:0.857em; margin:0; line-height:150%; text-align:left !important;}
h2 a, h4 a{color:#E00080;}
h2 a:hover, h4 a:hover{color:#F11191; border-bottom:1px solid #222;}
p, li {color:#BABABA; font-size:1em; margin:0; line-height:160%;}
a {color:#E00080; margin:0; outline:none; text-decoration:none; background:none; padding:0;}
a:hover{text-decoration:none; border:none; color:#FFF;}
table{font-size:0.769em; border:none; }
table tr {vertical-align:top;}
.itl{font-style:italic;}
p {margin: 10px 0;}
div.body p{text-align:justify;}

/*
 * LAYOUT
 */
#main{position:relative; width:800px; margin:40px auto 20px auto; overflow:hidden;}
#header_wrp{/*width:800px;*/ margin:0; overflow:hidden;}
#logo{width:200px; height:50px; margin: 0 0 0 430px;}
#logo a{width:200px; height:50px; float:left; margin:0;	padding:0; background:url('/images/layout/logo.png') no-repeat 0 0; display:block;}
#content_wrp{/*width:800px;*/ min-height:400px; overflow:hidden; margin:0;}
#content_wrp div.body{width:630px;overflow:hidden; float:left; clear:both;}
#footer_wrp{text-align:right; margin:40px 0 10px 0; width:630px;}
/*
 * MENU & SUBMENU
 */
#header_wrp #menu{width:150px; overflow:auto; margin:0 0 0 650px; font-weight:lighter;}
#header_wrp #menu ul, .submenu ul{margin:0; padding:0;}
#header_wrp #menu ul li, .submenu ul li{list-style-type: none; margin:0; padding:0;}
#header_wrp #menu ul li a, .submenu ul li, .submenu ul li a{font-size:1em; line-height:150%; color:#4F4F4F; text-decoration:none; cursor:pointer; margin:0; padding:0;}
#header_wrp #menu ul li a:hover, .submenu ul li:hover, .submenu ul li a:hover{color:#fff; text-decoration:none; cursor:pointer;}
.submenu ul li.active, .events #menu #events, .portfolio #menu #portfolio, .about #menu #about, .labs #menu #labs, .news #menu #news{color:#E00080; text-decoration:none;}
.submenu ul li.active:hover, .events #menu #events:hover, .portfolio #menu #portfolio:hover, .about #menu #about:hover, .labs #menu #labs:hover, .news #menu #news:hover{color:#FFF; text-decoration:none;}
#content_wrp .submenu{float:right; height:auto; overflow:hidden; width:150px !important; display:none; margin: 30px 0 0 0; clear:right;}
#content_wrp .submenu h5{border-bottom:1px solid #222; padding:0 0 5px 2px; font-size:1em; color:#BABABA; line-height:160%; font-weight:lighter; margin:10px 0;}
#content_wrp .submenu span{margin:-5px 5px 0 0; text-align:right; font-size:0.769em; cursor:pointer; float:right;}
#content_wrp .submenu span:hover{color:#FFF;}
/*
 * ARROWS
 */
.arrow{text-decoration:none; float:left; height:10px; width:25px; padding:0; margin:10px 0 0 0; background:url('/images/layout/arrowGray.png') no-repeat 0 0;}
.arrow:hover{cursor:pointer; background:url('/images/layout/arrowPink.png') no-repeat 0 -1px;}
.rightDiv{width:100px; height:70px; float:right; margin:0; padding:0; border-bottom:1px solid #111;}
.goUp{background:url('/images/layout/arrowGoTop.png') no-repeat top right; width:100px; height:20px; padding:50px 0 0 0; text-align:left; float:right; color:#222; font-size:8pt; font-family:Arial, Sans-serif;}
.goUp:hover{background:url('/images/layout/arrowGoTopHover.png') no-repeat top right; color:#999;}
.news .header #arrow{float:right; overflow:hidden; width:25px;}
.register #register form a{float:right; height:44px; width: 40px; margin:0; background-position:50% 50%;}
/*
 * FORM
 */
label {display:block;}
form {margin-top:15px;}
div.form{margin:30px 0 0; clear:right; border-bottom:1px solid #222222; padding-bottom:25px;}
input, textarea{padding:4px; margin:1px 0 0 0; font-size:1.462em; font-family:Arial, Sans-serif; width:624px; background: #000; color:#515151; border:none; border-bottom:1px solid #000; overflow:auto;}
input.active, div.form textarea.active{background: #888; color:#111;}
input.error, div.form textarea.error{border-bottom:1px solid #E00080;}
span.error{color: #E00080; font-size:1.462em; line-height:150%}
form .send, form .input_send{float:left; display:none; margin:20px 0 0; padding:0; height:50px; font-size:1.462em; color:#fff; border:none; background:url('/images/layout/arrowPink.png') no-repeat 5px 25px; cursor:pointer;}
form .send:hover, form .input_send:hover{color:#E00080; border:none; background:url('/images/layout/arrowGray.png') no-repeat 5px 26px;}
form .input_send{display:block; height:100px; width:175px;}
form input.small{width:130px;}
form input.medium{width:338px;}
form input.large{width:480px;}
form.oneline input{padding:5px; font-size:2.051em; color:#E00080; float:left;}
form.oneline{background:#000 none repeat scroll 0 0; margin:15px 0 10px; overflow:hidden; padding:5px; width:620px;}
div.form p{margin:0px;}
div.form p.msg{padding-left:25px; margin-top:10px; font-style:italic; display:none}
div.form #msg_error{background:url('/images/layout/icons/error.png') no-repeat center left; color:#E00080;}
div.form #msg_ok, div.form #msg_edit{background:url('/images/layout/icons/accept.png') no-repeat center left;}
div.form .loading{display:none;margin:20px;}
form.oneline .arrow{margin:20px 15px 0 75px; width:30px; height:15px; cursor:pointer; display:block;}
/*
 * NEWS
 */
.news #content_wrp div.header{margin:0px !important; border:none !important;}
.news #content_wrp div.body{border-top:1px solid #111;}
.news .header #info #pics{margin:10px 0 0 0; overflow:hidden;}
.news .header #info #pics img{height:50px; width:50px; background:#000;}
.news .header #info #pics a{height:50px; width:50px; background:#000; margin:0 5px 0 0; padding:1px; float:left;}
.news .header #info #pics a:hover{background:#444;}
.news .header #info #details{float:left; margin:10px 0 0 0;}
.news #info #details p span.cat{margin:0 2px; color:#E00080;}
.news #content_wrp .item{width:300px; float:left; overflow:hidden; padding:0;}
.news #content_wrp .left{margin:30px 30px 10px 0;}
.news #content_wrp .right{margin:30px 0 10px 0;}
/*
 * REGISTER
 */
.register #infoEvent{width:630px; overflow:hidden;}
.register #infoEvent a{background:#000 url('/images/layout/arrowGray.png') no-repeat 585px 22px; padding:10px 5px; margin:5px 0 10px 0; width:620px; height:30px; font-size:2.051em; color:#E00080;}
.register #infoEvent a:hover{background:#000 url('/images/layout/arrowPink.png') no-repeat 585px 21px; color:#F11191;}
/*
 * ABOUT
 */
.about #content_wrp img{float:left; margin:25px 0 0;}
.about #content_wrp .body a{color:#E00080;}
.about #content_wrp .body a:hover{color:#BABABA;}
/*
 * TEMPORARY
 */
.temporary #content_wrp .body{float:left; margin:50px 0 0 0;}
/*
 * PAGINATION
 */
#paginition{width:630px; margin:30px 0 50px 0; border-top:1px solid #111; overflow:hidden; font-size:0.769em; color:#515151; font-family:Arial, Sans-serif;}	
#pagination a{font-size:0.769em; color:#515151;}
#pagination a:hover{font-size:0.769em; color:#fff;}
#prev{margin:5px 30px 0 0; width:295px; float:left;}
#next{margin:5px 0 0 0; width:200px; float:left;}
#stat{margin:5px 0 0 0; float:right;}
/*
 * PORTFOLIO
 */
.portfolio #content_wrp #partners{display:block;}
.portfolio #content_wrp div.body{margin-top:0px;}
.elem{width:630px; color:#BABABA; border-bottom:1px solid #222; margin:0 0 20px 0;}
.elem h2{font-size:1.231em; font-weight:lighter;}
.elem .more{height:10px; display:none; margin:0 0 10px; cursor:pointer; display:block; overflow:hidden; clear:left;}
.elem .closed{background:url('/images/layout/arrowPortfolio.png') no-repeat 0 -10px;}
.elem .open{background:url('/images/layout/arrowPortfolio.png') no-repeat 0 0;}
.elem .elem_img{width:630px; height:170px; background:#000; margin:10px 0 15px 0;}
.elem .elem_img_src{overflow:hidden; margin-top:-170px;}
.elem .elem_img_src, .portfolio .elem .elem_img_txt{width:630px; height:170px;}
/*.elem .elem_img_txt{margin:-170px 0 0 0 !important;}*/
.elem .elem_img_txt{position:relative;}

.elem .elem_img a{color:#E00080; display:block; margin:0; padding:115px 0 30px 0; width:630px; height:25px; text-align:right; font-size:1.5em;}
.elem .elem_img a:hover{color:#515151}
.elem .elem_img a span{background:#111 url('/images/layout/arrowGray.png') no-repeat 65px 12px; padding:4px 60px 4px 10px; margin-right:20px;}
.elem .elem_img a:hover span{background:#0C0C0C url('/images/layout/arrowPink.png') no-repeat 65px 11px;}

.elem .elem_info{line-height:150%; margin:0; padding:0;}
.elem .elem_info .elem_info_txt{margin: 0 0 20px 0;}
.elem .elem_info .elem_info_txt p{margin: 0;}
.elem .elem_info .elem_info_details{font-size:0.857em; margin:0 0 10px 0; overflow:hidden;}
.elem .elem_info .elem_info_details div{width:310px; float:left;}
.elem .elem_info .elem_info_details div.left{width:150px; float:left;}
.elem .elem_info .elem_info_details div.right{width:475px; float:left;}
.elem .elem_info .elem_info_details .gray{color:#515151;}
/*
 * JS enabled
 */
.js .form label{display:none;}
.js .form label.radio{display:block; padding:4px; margin:1px 4px 0 0; font-size:1.462em; width:130px; background: #000; color:#515151; border:none; overflow:auto; float:left;}
.js .form label.radio span{display:block; float:left; width:95px;}
.js .form label.radio input{width:20px;}
.js .form label.radio input.error{border:none;}
.js #person_form .send{display:block;}
.js #person_form .input_send{display:none;}
.js #content_wrp .submenu{display:block;}
.js .portfolio .elem .more{display:block;}
/*.js .portfolio .elem .elem_info{display:none;}*/