@charset "utf-8";
body { font-family: Arial; color: #000000; height: 100%;}
a {text-decoration: none; color: #000000;}
a:hover {text-decoration:underline;}
#top_content {background: transparent url(../images/bg-blue.png) repeat-x center 0; display: block; height:151px; width: 100%;}

.links_container a.top_link {display: block; width: 212px; line-height:42px; background: transparent url(../images/top-links.png) no-repeat; float: left; text-align: center; color: #ffffff; font-size: 11px; font-weight: bold; margin: 3px;}
.links_container a.top_link:hover {background: transparent url(../images/top-links.png) no-repeat scroll 0 -43px; color: #45c6d9; text-decoration:none;}
.links_container {text-align:center; width: 690px; float: left; margin:47px 0 0 70px;}

#main_content {width: 100%; background: url(../images/bg.jpg) no-repeat center -13px;}
#main_content .container {width: 990px; margin: 0 auto;}

#header .left {	padding-left: 10px; width: 250px; float: left;}
#header .left .language {padding-left:93px;}
#header .left .language a {background: transparent url(../images/lang.png) no-repeat; display: block; height:22px; padding:5px 0 0 14px; width:28px; font-size: 11px; color: #ffffff; font-weight: bold;}
#header .left .logo {display: block; background: transparent url(../images/logo.png); width: 250px; height: 60px; margin-top: 20px;}
#header .left .logo a {display: block; width: 250px; height: 60px;}
#header .menu {width: 530px; float: left; margin-left:35px;}
#header .menu ul {overflow: hidden; width: 570px; float: left; height: 240px; position: relative;}
#header .menu ul li {float:left; text-align:center; position:relative; height:89px;}
#header .menu ul li a {display:block; font-size:11px; font-weight:bold; padding-top:60px; position:relative; width: 100%; top:0; padding-bottom:18px;}
#header .menu ul li a:hover, #header .menu ul li.selected a {color: #fff; text-decoration:none;}
#header .menu ul li .submenu_servicii {margin-top:151px; display: block; width: 332px; height: 129px; background: url(../images/submenu.png) no-repeat; left: -2px; position: absolute; float: left; }
#header .menu ul li.selected .submenu_servicii{margin-top: 0px !important;}
#header .menu ul li .submenu_servicii .left {border-right:1px solid #F55D85;
display:block;
float:left;
height:110px;
margin:10px 5px;
padding-right:15px;
width:99px;}
#header .menu ul li .submenu_servicii .right {display:block;
float:left;
height:110px;
margin:10px 5px;
width:150px;}
#header .menu ul li .submenu_servicii a {color:#FFFFFF;
font-family:Arial;
font-size:11px;
font-weight:bold;
padding:8px 0 8px 8px;
text-align:left;
width:100%;}
#header .menu ul li .submenu_servicii a:hover {background: #e0164a;}
#header .menu ul li .submenu_servicii a.selected {background: #e0164a;}

#header .open {float: left; width: 81px; height: 53px; margin-left:10px;;}
#header .open a.deschide {background: transparent url(../images/open.png) no-repeat; display:block; width: 81px; height: 46px; font-weight:bold; font-size: 11px; text-align: center;padding-top:7px; float: left;}
#header .open a.inchide {background: transparent url(../images/close.png) no-repeat; display:block; width: 81px; height:25px; padding-top:28px; font-weight:bold; font-size: 11px; text-align: center; float: left;}

#content {width:330px; height: 520px; display: block; margin-top:-65px; margin-left: 15px; float: left; position: relative;}
#atv {width:330px; height: 520px; display: none; background: url(../images/atv.png) no-repeat;}
#image1 {width:330px; height: 520px; display: none; background: url(../images/image1.png) no-repeat;}
#copil {width:330px; height: 520px; display: none; background: url(../images/copil.png) no-repeat;}
#arc {width:330px; height: 520px; display: none; background: url(../images/arc.png) no-repeat;}
#parapanta {width:330px; height: 520px; display: none; background: url(../images/parapanta.png) no-repeat;}
#training {width:330px; height: 520px; display: none; background: url(../images/training.png) no-repeat;}
#orientare {width:330px; height: 520px; display: none; background: url(../images/orientare.png) no-repeat;}
#paintball {width:330px; height: 520px; display: none; background: url(../images/paintball.png) no-repeat;}
.inner_content {background: url(../images/content.png) no-repeat scroll -2px 0px;
display:block;
float:left;
height:430px;
margin:-10px -20px 0 -125px;
position:relative;
width:763px;}
.inner_content p a {color: #18808f;}
.inner_content .left {float: left; width: 70px; height: 350px;}
.inner_content .left a {background:url("../images/stanga.png") no-repeat scroll 7px 13px transparent;
display:block;
height:63px;
margin:219px 0 0 34px;
width:40px;}
.inner_content .left a:hover {background:url("../images/stanga_hover.png") no-repeat scroll 7px 13px transparent;}
.inner_content .inner {float: left; width: 573px; padding-top: 40px; padding-left: 40px; padding-right: 20px;}
.inner_content .right {float: left; width: 40px; height: 350px;}
.inner_content .right a {margin:220px 0 0 10px; width: 40px; height: 60px; display:block;background:url("../images/dreapta.png") no-repeat scroll 7px 13px transparent;}
.inner_content .right a:hover {background:url("../images/dreapta_hover.png") no-repeat scroll 7px 13px transparent;}
#bottom_content {width: 980px; margin-top: 65px; float: left;}
#bottom_content .box {background:transparent url(../images/box.png) no-repeat; display:block; height:159px;
padding:25px;
width:276px; float: left;}

#bottom_content .youtube_box .h1 a, #bottom_content .twitter .h1 a {float: right; margin: 0 !important;}
#bottom_content .youtube_box .h1 span, #bottom_content .twitter .h1 span {float: left; font-size: 11px; font-weight: bold; color: #000;}
#bottom_content .youtube_box .h1, #bottom_content .twitter .h1 {margin-bottom: 15px; float: none; width: 100%; height: 15px;}

h2 {margin-left: 20px;}
.social {margin-left:14px;
width:960px;}
.social #vimeo {display: block; height: 56px; width: 118px; background: url(../images/vimeo.png) no-repeat; border-right: 2px solid #ececec; padding-right: 12px; float: left;}
.social #vimeo:hover {background-position: 0 -61px;}
.social #netlog {display: block; height: 56px; width: 112px; background: url(../images/netlog.png) no-repeat 0 -3px; border-right: 2px solid #ececec; padding-right: 12px; float: left;margin-left: 13px;}
.social #netlog:hover {background-position: 0 -54px;}
.social #youtube {display: block; height: 56px; width: 102px; background: url(../images/youtube.png) no-repeat; border-right: 2px solid #ececec; padding-right: 12px; float: left;margin-left: 13px;}
.social #youtube:hover {background-position: 0 -58px;}
.social #flickr {display: block; height: 56px; width: 94px; background: url(../images/flickr.png) no-repeat; border-right: 2px solid #ececec; padding-right: 12px; float: left;margin-left: 13px;}
.social #flickr:hover {background-position: 0 -63px;}
.social #facebook {display: block; height: 56px; width: 120px; background: url(../images/facebook.png) no-repeat; border-right: 2px solid #ececec; padding-right: 12px; float: left;margin-left: 13px;}
.social #facebook:hover {background-position: 0 -59px;}
.social #twitter1 {display: block; height: 56px; width: 123px; background: url(../images/twitter.png) no-repeat; border-right: 2px solid #ececec; padding-right: 12px; float: left;margin-left: 13px;}
.social #twitter1:hover {background-position: 0 -65px;}
.social #linkedin {display: block; height: 56px; width: 128px; background: url(../images/linkedin.png) no-repeat; margin-left: 12px; float: left;}
.social #linkedin:hover {background-position: 0 -63px;}

.footer p {font-size: 11px; color: #8b8b8b; line-height: 20px;}
.footer {margin-left: 20px; margin-top: 30px;}
.footer a {color: #8b8b8b; text-decoration:underline;}
.footer a:hover {color: #8b8b8b; text-decoration:none;}

p {font-size: 13px; line-height: 17px; margin-bottom: 10px; color: #2e2e2f;}
h1 {font-size: 22px; margin-bottom: 10px; font-weight: normal;}
h3 {font-size: 14px; margin-bottom: 6px;}

.box h1 {font-size: 11px; font-weight: bold;}

#twitter a {border-bottom:1px solid #F2F2F2; color:#23C4E6; float:left; font-size:11px; line-height:15px; padding-bottom:5px; padding-top:5px;}

#twitter {overflow: hidden; height: 120px; width: 276px; position: relative; white-space:wrap;}

#main_menu .home {width: 75px;}
#main_menu .bg {margin-top: -91px; position: absolute;}
#main_menu li.selected .bg {margin-top: 0px !important;}
#main_menu .servicii {width: 79px;}
#main_menu .portofoliu {width: 96px;}
#main_menu .noutati {width: 74px;}
#main_menu .despre {width: 96px;}
#main_menu .contact {width: 82px;}

.youtube_left {display:block; width: 25px; height: 35px; margin-top: 40px; float: left; background:url(../images/youtube_left.png) no-repeat 0 0;  }
.youtube_left:hover {background-position: 0 -37px !important;}

.youtube_right {display:block; width: 25px; height: 35px; margin-top: 40px; float: left; background:url(../images/youtube_right.png) no-repeat 0 0;}
.youtube_right:hover {background-position: 0 -37px !important;}
.youtube_main .box_load, .flickr_container .box_load {margin:20px 115px;}
#twitter .box_load {margin:30px 115px;}
.youtube_video {  }
.youtube_link {  font-family: Arial; font-size:11px; vertical-align:middle; display:block; line-height: 16px; margin-top: 5px;}
.youtube_item {  width: 2000px; position:relative;}
.youtube_i {  width:205px; text-align: center; float: left;}
.youtube_container {   float:left;
margin-left:10px;
margin-right:10px;
width:205px; position:relative; overflow: hidden; height: 126px;}
.youtube_com {font-size: 11px; font-family:Arial; color: #8b8b8b; text-decoration:underline; float: right;}
.flickr_com {font-size: 11px; font-family:Arial; color: #8b8b8b; text-decoration:underline;margin-left:20px; margin-top:15px; float: left;}
.youtube_com:hover {text-decoration: none !important;}
.flickr_com:hover {text-decoration: none !important;}
.flickr_container img {width: 22px; height: 22px; margin: 2px;}
.flickr_container {width: 250px; margin:30px auto 0;}

.inner .loading {display:block; margin:130px auto; float:none;}

    .contact_ {margin: 30px 0 0 80px;}
    .contact_ .contact_left {width: 145px; display: block; float: left;}
    .contact_ .contact_right {float: left;}
    .contact_ p {line-height: 18px; margin-bottom: 20px;}
    
    .contact_link {margin-bottom: 10px !important; line-height: 10px !important;}
    .contact_link a {font-size: 12px; font-weight:bold; text-decoration: none; font-family: arial; color: #45c6d9; background: url(../images/down.gif) no-repeat; padding-left: 20px;}
    .contact_link a:hover {text-decoration: underline;}
    
.small_img {padding: 7px; background: url(../images/small_images_bg.gif) no-repeat; float: left; margin: 0 6px 5px 0; position: relative;}
.small_img a.lupa {position: absolute; bottom: 7px; right: 7px; display: block; width: 25px; height: 25px; background: url(../images/lupa-eventica.png) no-repeat;}
    
.modal_top {width: 543px; height: 25px; display: block; background: url(../images/modal_top.png) no-repeat; float: left;}
.modal_content {width: 493px;display: block; background: url(../images/modal_center.png) repeat-y; float: left; padding:0 20px 0 30px;}
.modal_bottom {width: 543px; height: 25px; display: block; background: url(../images/modal_bottom.png) no-repeat; float: left;}
.input_modal {background:none repeat scroll 0 0 transparent;
border-bottom:1px dotted #000000;
float:left;
font-family:arial;
font-size:12px;
height:15px;
padding-top: 3px;
margin:0 6px 0 6px;}
.input_modal.error {border-color: red;}
.modal_content select.error { }
.modal_content select {background: none; border: 1px solid #e1e1e1; float: left; padding: 3px; margin: 0 6px 1px 6px;}
.modal_content span {float:left;
font-size:12px; line-height: 24px;}
a.abonare_newsletter, a.cerere_oferta {color: #fff; background: #3abdd0; border: 1px solid #95f4ff; padding: 8px; font-size: 11px; font-weight: bold;}
a.renunta {font-size: 11px; font-weight:normal; text-decoration: none; font-family: arial; color: #000; background: url(../images/renunta.png) no-repeat; padding-left: 20px;}
.calendar_range {display: none;}

.modal_content textarea {width: 460px; height: 120px; background: url(../images/textarea.gif); line-height: 22px;}

.newsletter_loading {width: 100%; display: none;}
.newsletter_loading img {margin:30px 0 0 220px;}

.oferta_loading {width: 100%; display: none;}
.oferta_loading img {margin:140px 0 0 220px;}

p.twitter_problems, p.flickr_problems, p.youtube_problems {height:45px;padding-top:40px;width:100%; text-align: center;}

.carousel_portofoliu {margin: 0 auto; overflow: hidden;}
.carousel_portofoliu_content {width: 3000px;}
.carousel_portofoliu_content span {display: none;}

ul.portofoliu li strong {margin-top: 10px; float: left;}

.pagination {width: 180px; height: 33px; margin: 0 auto;}
.pagination a {width: 42px; text-align: center; line-height: 29px; background: url(../images/pagination_bg.jpg) no-repeat 0 -35px; color: #fff; font-size: 12px; font-family: arial; float: left;}
.pagination a.selected {background-position: 0 -2px;}
.pagination a.selected:hover {text-decoration: none;}

a.developed_by {
background:url("../images/developed_by.png") no-repeat scroll right 0 transparent;
border:medium none;
color:#A9A9A9;
display:block;
font-family:Arial;
font-size:11px;
font-weight:normal;
height:32px;
margin:30px 0 0;
padding:32px 63px 0 0;
text-align:left;
text-decoration:none;
width:75px;
}

.read_more {margin-bottom: 10px !important; margin-top: 30px;}
.read_more a {font-size: 12px; font-weight:bold; text-decoration: none; font-family: arial; color: #45c6d9; background: url(../images/down.gif) no-repeat; padding-left: 20px;}
.read_more a:hover {text-decoration: underline;}

ul.portofoliu {width: 200px;float: left;}
ul.portofoliu li {width: 200px;float: left; font-size: 13px;}

#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #ccc;
	background-color: #fff;
	padding: 5px;
}
#tooltip a {display: none;}
#tooltip h3, #tooltip div { margin: 0; }