/* CSS Document */

* {	margin:0; padding:0; font-size:100%;}

body{background:url(images/top-tail.gif) top repeat-x #0c0f16; text-align:center;}
.top-bg{ background:url(images/top-bg.jpg) top center no-repeat;}

img {vertical-align:top;}
a img { border:0;}
ul { list-style:none;}

.left { float:left !important;}
.right {float:right;}
.clear  { clear:both;}

html{ font-family:Arial, Helvetica, sans-serif; font-size:0.8125em; line-height:1.462em; color:#616a81;}
input, select { vertical-align:middle; font-weight:normal;}

a {color:#21b3c6; outline:none;}
a:hover{text-decoration:none;}
p {padding-top:20px;}
h1{ font-size:2.308em; no-repeat 0 2px; color:#fff; line-height:1.2em; text-align: center; padding: 10px;}
h2{ font-size:3.846em; text-transform:uppercase; line-height:1.2em; padding-bottom:2px;}
h3{ font-size:2.308em; background:url(images/title-bg.gif) no-repeat 0 2px; color:#fff; line-height:1.2em; padding:0 0 3px 44px;}
h4{ font-size:1.538em; line-height:1.2em; padding-bottom:12px;}
h5{ font-size:1.538em; line-height:1.2em; padding:7px 0 0 13px;}
strong{ color:#21b3c6;}

/* ============================= main layout ====================== */
.imgindent {margin:0 20px 0 0; float:left;}
.phone{ float:right; padding-right:80px;}
.phone2{ float:right; padding-right:50px;}
.space1{ margin-left:19px;}
.space2{ margin-left:10px;}
.space3{ margin-left:50px;}
.margin1{ margin-top:11px;}
.margin2{ margin-right:40px !important;}
.padding1{ padding-top:14px !important;}
.padding2{ padding:15px 0 20px 0;}
.justify{ text-align: justify;}
.lists{margin-left: 20px; list-style-position: outside; list-style-image: url(images/arrow.gif); list-style-type: square;}
.submeniu {text-align: center; padding-top: 8px;}
.submeniu a{color:#ff1e4f; text-decoration: none;}
.submeniu a:hover{text-decoration: underline;}
.submeniu a.activ{text-decoration: underline;}

.error {color:#ff1e4f;}
.ok {display: none;}

li.intrebare{margin-left: 30px; list-style-position: outside; list-style-image: url(images/arrow.gif); list-style-type: square;}
li.raspuns{margin-left: 50px; padding-bottom: 10px; list-style-position: outside; list-style-type: none;}

table.date_tehnice {border-collapse:collapse;}
table.date_tehnice, th.date_tehnice, td.date_tehnice{border: 1px solid #273143;}

#imagini_header {float: right; width: 655px; height: 227px; margin: -18px 10px 10px 0;}

.parere {padding: 10px; border: solid 1px #1a212d; background:#0e1118; margin-bottom: 10px; font-size: 0.953em; color:#21b3c6; font-style: italic;}

/* ============================= header ====================== */
#header{ padding-top:5px;}
#header .menu{ background:url(images/menu-tail.gif) top repeat-x;}
#header .menu .left-bg{ background:url(images/menu-left-bg.gif) left top no-repeat;}
#header .menu .right-bg{ background:url(images/menu-right-bg.gif) right top no-repeat; height:42px; width:100%; overflow:hidden;}
#header .menu ul{ padding:10px 0 0 24px;}
#header .menu li{ float:left; padding-right:21px;}
#header .menu a{ font-size:1.231em; text-decoration:none; color:#496487; font-weight:bold; letter-spacing:-1px;}
#header .menu a:hover, #header .menu .active{ color:#fff;}
#header .home-link{ float:right; margin:4px 10px 0 0;}
#header .logo{ padding:67px 0 0 10px;}

/* ============================= content ====================== */
#content{ margin-top: -80px; padding-bottom:14px;}
.indent{ padding:11px 9px 0 10px;}
.indent-1{ padding:11px 0 0 10px;}
.indent-2{ padding:11px 0 0 0;}

.indent3{padding:20px 37px 20px 31px;}

.box1{ background:url(images/box1-bot-tail.gif) bottom repeat-x #161c25; width:100%;}
.box1 .left-border{ background:url(images/box1-border.gif) left repeat-y;}
.box1 .right-border{ background:url(images/box1-border.gif) right repeat-y;}
.box1 .top-border{ background:url(images/box1-border.gif) top repeat-x;}
.box1 .left-bot{ background:url(images/box1-corner-left-bot.gif) left bottom no-repeat;}
.box1 .right-bot{ background:url(images/box1-corner-right-bot.gif) right bottom no-repeat;}
.box1 .left-top{ background:url(images/box1-corner-left-top.gif) left top no-repeat;}
.box1 .right-top{ background:url(images/box1-corner-right-top.gif) right top no-repeat; padding:1px;}
.box1 .indent1{ padding:10px 5px 25px 15px;}
.box1 .indent2{ padding:20px 37px 20px 31px;}
.box1 .indent3{ padding:10px 25px 20px 30px;}
.box1 .indent4{ padding:20px 5px 25px 22px;}

.box2{ background:url(images/box2-border.gif) top repeat-x #141922; width:100%; color:#969eaf;}
.box2 .left-border{ background:url(images/box2-border.gif) left repeat-y;}
.box2 .right-border{ background:url(images/box2-border.gif) right repeat-y;}
.box2 .bot-border{ background:url(images/box2-border.gif) bottom repeat-x;}
.box2 .left-top{ background:url(images/box2-corner-left-top.gif) left top no-repeat;}
.box2 .right-top{ background:url(images/box2-corner-right-top.gif) right top no-repeat;}
.box2 .left-bot{ background:url(images/box2-corner-left-bot.gif) left bottom no-repeat;}
.box2 .right-bot{ background:url(images/box2-corner-right-bot.gif) right bottom no-repeat;}
.box2 .indent1{ padding:5px 18px 22px 18px;}
.box2 .indent2{ padding:15px 6px 22px 6px;}
.box2 .title{ background:url(images/title-tail.gif) top repeat-x;}
.box2 .title .left-bg{ background:url(images/title-left-bg.gif) left top no-repeat;}
.box2 .title .right-bg{ background:url(images/title-right-bg.gif) right top no-repeat; height:41px;}

.text1{ font-size:0.923em; line-height:1.167em;}
.text2{ font-size:0.923em; line-height:1.25em; color:#969eaf;}
.text2 a{ color:#969eaf;}
.text2 strong{ font-weight:normal; padding-bottom:9px;}
.text3{ font-size:0.923em; line-height:1.25em; color:#616a81;}
.text3 strong, .strong1{ font-weight:normal; padding-bottom:9px; color:#ff1e50;}
.text3 p{ padding-top:25px;}
.text4{ color:#616a81;}
.text5{ line-height:1.154em;}

.line1{ background:url(images/line.gif) repeat-y 195px 0;}
.line2{ background:url(images/line.gif) repeat-y 630px 0;}
.extra-title{ padding:5px 0 0 12px;}
.gallery{ margin:5px 0 0 0;}
.gallery a{ display:inline-block; margin-right:20px;}
.gallery .last{ margin-right:0;}
.gallery .link{ margin:30px 30px 0 20px !important;}
.unline{ background:url(images/unline.gif) bottom repeat-x; padding-bottom:10px; margin-bottom:20px;}
.email{ color:#21b3c6;}

.link{display:inline-block; float:right; background:url(images/link-left-bg.gif) top left no-repeat; line-height:1em; text-decoration:none; margin-top:7px; color:#f9f9f8; font-size:0.923em; font-weight:bold; cursor:pointer;}
.link span{ display:inline-block; background:url(images/link-right-bg.gif) top right no-repeat; padding:0 10px;}
.link span span{ background:url(images/link-tail.gif) top repeat-x; padding:5px 1px 6px 0;}
.link:hover{ background:url(images/link-left-bg-act.gif) top left no-repeat;}
.link:hover span{ background:url(images/link-right-bg-act.gif) top right no-repeat;}
.link:hover span span{ background:url(images/link-tail-act.gif) top repeat-x;}

.link1{ display:inline-block; margin:5px 0 0 7px; vertical-align:top;}

.link2{ display:inline-block; background:url(images/link2-tail.gif) top repeat-x; color:#141a23 !important; font-weight:bold; text-decoration:none; margin:6px 0 0 4px; vertical-align:top; cursor:pointer;}
.link2 span{ display:inline-block; background:url(images/link2-left-bg.gif) left top no-repeat;}
.link2 span span{ background:url(images/link2-right-bg.gif) right top no-repeat; padding:3px 6px 5px 8px;}
.link2:hover{ color:#ff1e4f !important;}

.list li{ font-size:0.923em; line-height:1.75em; background:url(images/list-unline.gif) bottom repeat-x; width:100%;}
.list .last{ background:none;}
.list a{ color:#969eaf; text-decoration:none;}
.list a:hover, .list .active{ color:#969eaf;}

/* ============================= footer ====================== */
#footer .copy{ font-size:0.823em;}
#footer a{ font-size:0.823em; color:#ff1e4f; text-decoration:none; display:inline-block;}
#footer a:hover{ color:#21b3c6;}

/* ============================= forms ============================= */
#ContactForm label{ width: 4em; float: left; text-align: right; margin-right: 0.5em; display: block; height:30px;}
#ContactForm input{ border:solid 1px #1a212d; background:#0e1118; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#616a81; padding:3px 2px 4px 12px; width:300px;}
#ContactForm textarea{ border:solid 1px #1a212d; background:#0e1118; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#616a81; padding:3px 2px 4px 12px; width:300px; height:127px; overflow:auto;}
#ContactForm .link2{ margin:7px 0 0 0;}
#ContactForm .programari {padding-top: 35px;}