@charset "utf-8";
body { margin:0; padding:0; width:100%; color:#fff; font:normal 12px/1.8em Arial, Helvetica, sans-serif;}
html, .main { padding:0; margin:0; background:#3e879f url(images/bg.gif) repeat; }
.clr { clear:both; padding:0; margin:0; width:100%; font-size:0px; line-height:0px;}
h1 { margin:0; padding:12px 0; color:#1ea1cc; font:normal 40px/1.2em Arial, Helvetica, sans-serif;}
h1 a, h1 a:hover { color:#1ea1cc; text-decoration:none;}
h2 { font:bold 24px Arial, Helvetica, sans-serif; color:#fff; padding:8px 0; margin:8px 0;}
p { margin:8px 0; padding:0 0 8px 0; font:normal 12px/1.8em Arial, Helvetica, sans-serif;}
a { color:#fff; text-decoration:underline; padding:2px 4px;}
a:hover { background-color:#1ea1cc;}
a.nobg:hover { background:none; text-decoration:none;}
.title{
position:absolute;
text-decoration:none;
color:#1ea1cc; font:normal 40px/1.2em Arial, Helvetica, sans-serif;

}
.header, .hbg, .content, .menu_nav, .fbg, .footer, form, ol, ol li, ul, .content .mainbar, .content .sidebar { margin:0; padding:0;}
.header_resize, .content_resize, .fbg_resize, .footer_resize { margin:0 auto; padding:0 40px; width:890px;}
.fbg, .footer { padding:16px 0;}

/* header */
.header { background:url(images/header_bg.jpg) repeat-x top;}
.header_resize { height:295px;}
.header .logo { float:left; padding-top:12px;}


/* menu */
.menu_nav {
height: 52px;
float: right;
width: auto;
padding-top: 2%;
position: absolute;
padding-left: 30%;
}
.menu_nav ul { width:auto; list-style:none;}
.menu_nav ul li { margin:0 1px; float:left;}
.menu_nav ul li a { display:block; margin:0; padding:22px 28px; color:#fff; text-decoration:none; font-weight:bold;}
.menu_nav ul li a:hover, .menu_nav ul li.active a { background:url(images/menu_a.jpg) no-repeat center center; color:#1ea1cc;}

/* content */
.content { padding-bottom:16px;}
.content_resize { padding:32px 40px;}
.content img { padding:4px; border:1px solid #bbb;}
.content img.ilf { margin-right:16px; float:left;}
.content .mainbar { float:left; width:866px;}
.content .mainbar .article, .content .sidebar .gadget { margin:0; padding:0 0 16px 0;}
.content .sidebar { float:right; width:236px;}
ul.sb_menu, ul.ex_menu { margin:0; padding:0; list-style:none;}
ul.sb_menu li, ul.ex_menu li { margin:0;}
ul.sb_menu li { padding:4px 0;}
ul.ex_menu li { padding:4px 0 8px;}
ul.sb_menu li a, ul.ex_menu li a { text-decoration:none;}
ul.sb_menu li a:hover, ul.ex_menu li a:hover { font-weight:bold;}
ul.sb_menu li a:hover { text-decoration:underline;}
ul.ex_menu li a:hover { text-decoration:none;}
pre {
	font:normal 12px/1.8em Arial, Helvetica, sans-serif;
}
strong {
	font-weight: bolder;
}
/* subpages */
.content .mainbar .comment { margin:0; padding:16px 0 0 0;}
.content .mainbar .comment img.userpic { border:1px solid #dedede; margin:10px 16px 0 0; padding:0; float:left;}

/* fbg */
.fbg { background-color:#18687d; color:#fff;}
.fbg img { border:1px solid #fff;}
.fbg .col { margin:0; float:left;}
.fbg .c1 { padding:0 16px 0 0; width:286px;}
.fbg .c2 { padding:0 16px; width:316px;}
.fbg .c3 { padding:0 0 0 16px; width:220px;}
.fbg .c1 img, .fbg_resize .c3 img { margin:4px;}
.fbg .c3 img { margin:8px 16px 4px 0; padding:0; float:left;}
.ad:hover{
-webkit-transform:scale(3);
-moz-transform:scale(3);
-o-transform:scale(3);
-ms-transform:scale(3);
transform:scale(3);
transition:transform 0.3s;
-webkit-transition:transform 0.3s;
-moz-transition:transform 0.3s;
}
/* footer */
.footer { background-color:#194e5c;}
.footer p.lf { margin:0; padding:4px 0; float:left; width:auto; line-height:1.5em;}
ul.fmenu { margin:0; padding:2px 0; list-style:none; float:right; width:auto;}
ul.fmenu li { margin:0; padding:0 4px; float:left;}
ul.fmenu li a { text-decoration:none; padding:2px 6px;}
ul.fmenu li a:hover, ul.fmenu li.active a { color:#1ea1cc; background:none;}
ul.fmenu li a:hover { text-decoration:underline;}

#trans{
position:absolute;
top:-36%;
left:-7%;
transform:scale(.37);
}

/* form */
ol { list-style:none;}
ol li { display:block; clear:both;}
ol li label { display:block; margin:0; padding:16px 0 0 0;}
ol li input.text { width:480px; border:1px solid #c0c0c0; margin:2px 0; padding:5px 2px; height:16px; background:#fff;}
ol li textarea { width:480px; border:1px solid #c0c0c0; margin:2px 0; padding:2px; background:#fff;}
ol li .send { margin:16px 0 0 0;}
/* CAROUSEL*/
	.container {
      width: 700px;
      height: 300px;
      position: relative;
      margin: 0 auto 40px;
      border: none;
      -webkit-perspective: 1100px; /*1100*/
         -moz-perspective: 1100px;
           -o-perspective: 1100px;
              perspective: 1100px;
    }
	#next {
		position: absolute;
		left: 75%;
	}
	#previous {
		position: absolute;
		left: 17%;
	}
    #carousel {
      width: 100%;
      height: 100%;
      position: absolute;
      -webkit-transform: translateZ( -400px );
         -moz-transform: translateZ( -400px );
           -o-transform: translateZ( -400px );
              transform: translateZ( -400px ); /*288*/
      -webkit-transform-style: preserve-3d;
         -moz-transform-style: preserve-3d;
           -o-transform-style: preserve-3d;
              transform-style: preserve-3d;
      -webkit-transition: -webkit-transform 1s;
         -moz-transition: -moz-transform 1s;
           -o-transition: -o-transform 1s;
              transition: transform 1s;
		bottom: 20%;
		border: none;
    }

    #carousel figure {
      display: block;
      position: absolute;
      width: 456px; /*456*/
      height: 255px; /*255*/
      left: 60px; /*50*/
      top: 10px;
	  border: none;
      line-height: 116px;
      font-size: 80px;
      font-weight: bold;
      color: white;
      text-align: center;
    }
	#carousel figure img:hover {
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-o-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
	-webkit-transition: transform 0.3s;
	-moz-transition: transform 0.3s;
	transition: transform 0.3s;
	border: none;
}
#carousel figure img {
	border: none;
}
   #carousel1 {
      width: 100%;
      height: 100%;
      position: absolute;
      -webkit-transform: translateZ( -400px );
         -moz-transform: translateZ( -400px );
           -o-transform: translateZ( -400px );
              transform: translateZ( -400px ); /*288*/
      -webkit-transform-style: preserve-3d;
         -moz-transform-style: preserve-3d;
           -o-transform-style: preserve-3d;
              transform-style: preserve-3d;
      -webkit-transition: -webkit-transform 1s;
         -moz-transition: -moz-transform 1s;
           -o-transition: -o-transform 1s;
              transition: transform 1s;
		bottom: 20%;
		border: none;
    }

    #carousel1 figure {
      display: block;
      position: absolute;
      width: 456px; /*456*/
      height: 255px; /*255*/
      left: 60px; /*50*/
      top: 10px;
	  border: none;
      line-height: 116px;
      font-size: 80px;
      font-weight: bold;
      color: white;
      text-align: center;
    }
	#carousel1 figure img:hover {
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-o-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
	-webkit-transition: transform 0.3s;
	-moz-transition: transform 0.3s;
	transition: transform 0.3s;
	border: none;
}
#carousel1 figure img {
	border: none;
}
p button {
	background: #18687d;
	border: none;
	color: white;
	width: 8em;
	height: 2em;
	font-family: Helvetica, sans-serif;
	font-weight: bold;
}
p button:hover {
	cursor: pointer;
	transform: scale(1.1);
	border: 1px solid #18687d;
} 

    #carousel figure:nth-child(1) {
      -webkit-transform: rotateY(   0deg ) translateZ( 500px );  /*288*/
         -moz-transform: rotateY(   0deg ) translateZ( 500px );
           -o-transform: rotateY(   0deg ) translateZ( 500px );
              transform: rotateY(   0deg ) translateZ( 500px );
    }
    #carousel figure:nth-child(2) {
      -webkit-transform: rotateY(  45deg ) translateZ( 500px );
         -moz-transform: rotateY(  45deg ) translateZ( 500px );
           -o-transform: rotateY(  45deg ) translateZ( 500px );
              transform: rotateY(  45deg ) translateZ( 500px );
    }
    #carousel figure:nth-child(3) {
      -webkit-transform: rotateY(  90deg ) translateZ( 500px );
         -moz-transform: rotateY(  90deg ) translateZ( 500px );
           -o-transform: rotateY(  90deg ) translateZ( 500px );
              transform: rotateY(  90deg ) translateZ( 500px );
    }
    #carousel figure:nth-child(4) {
      -webkit-transform: rotateY( 135deg ) translateZ( 500px );
         -moz-transform: rotateY( 135deg ) translateZ( 500px );
           -o-transform: rotateY( 135deg ) translateZ( 500px );
              transform: rotateY( 135deg ) translateZ( 500px );
    }
    #carousel figure:nth-child(5) {
      -webkit-transform: rotateY( 180deg ) translateZ( 500px );
         -moz-transform: rotateY( 180deg ) translateZ( 500px );
           -o-transform: rotateY( 180deg ) translateZ( 500px );
              transform: rotateY( 180deg ) translateZ( 500px );
    }
    #carousel figure:nth-child(6) {
      -webkit-transform: rotateY( 225deg ) translateZ( 500px );
         -moz-transform: rotateY( 225deg ) translateZ( 500px );
           -o-transform: rotateY( 225deg ) translateZ( 500px );
              transform: rotateY( 225deg ) translateZ( 500px );
    }
    #carousel figure:nth-child(7) {
      -webkit-transform: rotateY( 270deg ) translateZ( 500px );
         -moz-transform: rotateY( 270deg ) translateZ( 500px );
           -o-transform: rotateY( 270deg ) translateZ( 500px );
              transform: rotateY( 270deg ) translateZ( 500px );
    }
    #carousel figure:nth-child(8) {
      -webkit-transform: rotateY( 315deg ) translateZ( 500px );
         -moz-transform: rotateY( 315deg ) translateZ( 500px );
           -o-transform: rotateY( 315deg ) translateZ( 500px );
              transform: rotateY( 315deg ) translateZ( 500px );
    }
	
    #carousel1 figure:nth-child(1) {
      -webkit-transform: rotateY(   0deg ) translateZ( 500px );  /*288*/
         -moz-transform: rotateY(   0deg ) translateZ( 500px );
           -o-transform: rotateY(   0deg ) translateZ( 500px );
              transform: rotateY(   0deg ) translateZ( 500px );
    }
    #carousel1 figure:nth-child(2) {
      -webkit-transform: rotateY(  45deg ) translateZ( 500px );
         -moz-transform: rotateY(  45deg ) translateZ( 500px );
           -o-transform: rotateY(  45deg ) translateZ( 500px );
              transform: rotateY(  45deg ) translateZ( 500px );
    }
    #carousel1 figure:nth-child(3) {
      -webkit-transform: rotateY(  90deg ) translateZ( 500px );
         -moz-transform: rotateY(  90deg ) translateZ( 500px );
           -o-transform: rotateY(  90deg ) translateZ( 500px );
              transform: rotateY(  90deg ) translateZ( 500px );
    }
    #carousel1 figure:nth-child(4) {
      -webkit-transform: rotateY( 135deg ) translateZ( 500px );
         -moz-transform: rotateY( 135deg ) translateZ( 500px );
           -o-transform: rotateY( 135deg ) translateZ( 500px );
              transform: rotateY( 135deg ) translateZ( 500px );
    }
    #carousel1 figure:nth-child(5) {
      -webkit-transform: rotateY( 180deg ) translateZ( 500px );
         -moz-transform: rotateY( 180deg ) translateZ( 500px );
           -o-transform: rotateY( 180deg ) translateZ( 500px );
              transform: rotateY( 180deg ) translateZ( 500px );
    }
    #carousel1 figure:nth-child(6) {
      -webkit-transform: rotateY( 225deg ) translateZ( 500px );
         -moz-transform: rotateY( 225deg ) translateZ( 500px );
           -o-transform: rotateY( 225deg ) translateZ( 500px );
              transform: rotateY( 225deg ) translateZ( 500px );
    }
    #carousel1 figure:nth-child(7) {
      -webkit-transform: rotateY( 270deg ) translateZ( 500px );
         -moz-transform: rotateY( 270deg ) translateZ( 500px );
           -o-transform: rotateY( 270deg ) translateZ( 500px );
              transform: rotateY( 270deg ) translateZ( 500px );
    }
    #carousel1 figure:nth-child(8) {
      -webkit-transform: rotateY( 315deg ) translateZ( 500px );
         -moz-transform: rotateY( 315deg ) translateZ( 500px );
           -o-transform: rotateY( 315deg ) translateZ( 500px );
              transform: rotateY( 315deg ) translateZ( 500px );
    }
#ro:hover{
	cursor:pointer;
}
#eng:hover{
	cursor:pointer;
}
#limba{
	position:absolute;
}