/*
Date: 04.05.2010
Author: Oasa Bogdan Valentin
Company: Touch Media
Website: www.touch-media.ro
Project: XOR IT SYSTEMS
*/

/* Reset CSS */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	background: transparent;
}
a {
  text-decoration: none;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* CSS start! */
.clear {clear:both; display:block; line-height:0px;}
.clear2 {clear:both; display:block; line-height:0px; height:20px;}
.clear3 {clear: both; display: block; line-height:0; height: 10px;}
html, body {height: 100%;}

body {background:#fff; font-family: Arial, Verdana, sans-serif; font-size: 12px; color: #00294d; }
#header_left {float: left;  width: 48%; height: 549px; background: url(images/header_left.jpg) repeat-x; }
#header_right {float: right; width: 48%; height: 549px; background: url(images/header_right.jpg) repeat-x; }
#header {float: left; clear: both; width: 100%; height: 549px; background: url(images/header.jpg) no-repeat center 0; position: relative; margin-top: -549px; z-index: 1; }
#header_center {width: 1168px; margin: 0 auto; }
#header_center ul {float: left; clear: left; color: #00294d; font-size: 11px; margin-top: 34px; }
#header_center ul li {float: left; margin-right: 12px; }
#header_center ul li a {float: left; color: #00294d; padding: 0 8px 6px 8px; border-bottom: 2px transparent solid; font-weight: bold;  }
#header_center ul li a:hover, #header_center ul li a#current {border-bottom: 2px #00294d solid; color: #1f9dee; }
#logo {float: right; margin-top: 18px; }
#lang {float: right; margin: 30px 30px 0 0; }
#lang a {float: left; color: #00294d; font-size: 11px; margin-right: 10px; padding: 7px 5px 12px 5px; }
#lang a:hover, #lang a#current_lang {background: #1f9dee; color: #fff;}

.slogan {float: left; clear: both; margin-top: 88px; }

#page {float: left; clear: both; width: 100%; margin-top: -200px; position: relative; z-index: 2;}
.goup#page {background: #fff; margin-top: -330px;}
#content {width: 1168px; margin: 0 auto;  }
.slider {float: left; clear: both; width: 940px; text-align: justify; margin-top: 35px;  }
.slider p {text-indent: 30px; width: 100%;  }
.item_sel {float: right; padding-right: 22px; background: url(images/item_sel.gif) no-repeat right center; color: #00294d; font-weight: bold; display: block;  }
.slider_pag {float: left; clear: left; margin-top: 17px; background: url(images/slider_pag.gif) no-repeat; height: 13px; width: 93px; }
h2 {float: left; clear: both; margin: 18px 0; }

.serv {float: left; clear: both; width: 100%; }
.serv td {vertical-align: top; text-align: center; padding: 9px;}
.serv td a {color: #00294d; font-size: 11px; }

.textblock {float: left; clear: both; width: 100%; text-align: justify; }
.textblock a {color: #1f9dee; text-decoration: none; }
.textblock p {text-indent: 30px; width: 100%; }
.textblock.head {width: 940px; font-size: 18px; margin-top: 35px; font-weight: lighter;   }

.sidebar_left {float: left; clear: left; width: 350px; padding-right: 28px; border-right: 2px #ebebeb solid; padding-bottom: 15px; }
.sidebar_left h2 {width: 100%; font-size: 24px; color: #1f9dee; margin-top: 0; }
.sidebar_left p {float: left; clear: both; width: 100%; text-align: left; font-size: 12px; font-weight: lighter; line-height: 20px;  }
.sidebar_left em {font-size: 15px; font-style: normal; }
.sidebar_left.smaller {width: 237px; padding-right: 14px; border-right: 0; }
.sidebar_left .menu {float: left; clear: both; width: 100%; border-bottom: 1px #ebebeb solid; }
.sidebar_left .menu li {float: left; clear: both; width: 100%; border-top: 1px #ebebeb solid; padding: 3px 0;}
.sidebar_left .menu li a {float: left; clear: both; width: 228px; padding: 0 0 0 9px; height: 33px; line-height: 33px; color: #00294d; font-size: 12px;  }
.sidebar_left .menu li a#current_left, .sidebar_left .menu li a:hover {background: url(images/menu_sel.gif) no-repeat; }

.submenu {float: left; clear: both; margin: 18px 0;}
.submenu li {float: left; margin-right: 29px;}
.submenu li a {float: left; color: #00294d; font-size: 18px; font-weight: lighter; padding-bottom: 18px; }
.submenu li a#current_sub, .submenu li a:hover {background: url(images/item_sel.gif) no-repeat center bottom; color: #1f9dee; }

.content_right {float: left; padding-left: 45px; width: 811px; clear: none; border-left: 1px #ebebeb solid; line-height: 18px; margin-bottom: 40px; }
.content_right.servicii {width: 582px; padding-right: 250px;  }
h1 {float: left; clear: both; width: 100%; text-align: left; color: #1f9dee; font-weight: normal; font-size: 24px; margin-bottom: 5px; line-height: normal !important;}
.cert_link {float: left; clear: left; width: auto; display: block; height: 24px; line-height: 24px; background: url(images/cert_link.gif) no-repeat left center; color: #1f9dee; font-size: 18px; padding-left: 37px; margin-bottom: 7px; }
.subtitlu {float: left; clear: both; width: 100%; text-align: left; color: #1f9dee; font-weight: normal; font-size: 18px; margin-bottom: 5px; line-height: normal !important;}
.subtitlu2 {float: left; clear: both; width: 100%; text-align: left; font-weight: normal; font-size: 24px; margin-bottom: 5px; line-height: normal !important;}

.clienti {float: left; clear: both; margin-top: 20px; position: relative !important;  }
.clienti tr.clienti_logo td {text-align: center; vertical-align: middle; width: 194px; height: 82px; border: 1px #d6d6d6 solid; position: relative !important; }
.clienti tr.clienti_logo td div {width: 194px; height: 80px !important; padding: 2px 0 0 0; position: relative; float: left; text-align: center; }
.clienti tr.clienti_logo td div img {text-align: center;    }
.clienti tr.clienti_logo td.spacer, .clienti tr.clienti_data td.spacer {width: 46px; border: 0;  }
.clienti tr.clienti_data td {text-align: left; vertical-align: top; width: 184px; height: 82px; border: 0; padding: 9px 6px 25px 6px; position: relative !important; }
.clienti h3 {font-size: 11px; width: 100%; float: left; font-weight: normal; margin-bottom: 9px;} 
.clienti h4 {font-size: 9px; width: 100%; float: left; font-weight: normal; color: #1f9dee; }
.clienti.referinte tr td.referinta {text-align: justify; width: 730px; padding-right: 33px; border-right: 1px #d6d6d6 solid; line-height: 18px; }
.clienti.referinte tr td.referinta strong {color: #1f9dee; font-size: 24px; font-weight: lighter;    }
.clienti.referinte tr td.referent {padding-left: 36px; vertical-align: top; }
.clienti.referinte h3 {font-size: 16px; font-weight: lighter;}
.clienti.referinte h4 {font-size: 14px; font-weight: lighter;}
.clienti tr.spacer td {height: 50px;}
.clienti tr.clienti_logo td div .item_sel {color: #1f9dee; border: 1px #d6d6d6 solid;  position: absolute; right: -5px; bottom: -5px;  background-color: #fff; padding: 2px 22px 2px 2px;  background-repeat: no-repeat; height: 16px; top: auto !important; }

.parteneri {float: left; clear: both; margin-top: 20px; }
.parteneri tr td {text-align: left; vertical-align: middle; width: 177px; height: 55px; padding: 0 9px; border: 1px #d6d6d6 solid; background: #fff; }
.parteneri tr td img {float: left; }
.parteneri tr td.spacer {width: 27px; border: 0; background: transparent; padding: 0;  }
.parteneri tr.spacer td {height: 25px; border: 0; background: transparent; padding: 0;  }

.contact_left {float: left; width: 560px; text-align: left; line-height: 20px; padding-top: 30px; }
.contact_left strong {color: #1f9dee; font-size: 15px; line-height: normal; }
.contact_right {float: left; width: 560px; text-align: left; padding-left: 40px; }
.contact_form {float: left; clear: both; width: 100%; }
.contact_form table {float: left; width: 100%; }
.contact_form table td {vertical-align: top; }
.contact_form table td.td_left  div {float: left; clear: both; width: 280px; height: 24px;  padding: 0 5px 0 14px; background: url(images/td_left.gif) no-repeat;   margin-top: 3px; }
.contact_form table td.td_left  div label {float: left; width: 80px; text-align: left; font-style: italic; height: 24px; line-height: 24px; margin-right: 5px;   }
.contact_form table td.td_left  div input {float: left; width: 194px; height: 24px; line-height: 24px; border:0; background: transparent; border-left: 1px #1f9dee solid; }
.contact_form table td.td_right  div {float: left; clear: both; width: 240px; height: 24px;   background: url(images/td_right.gif) no-repeat;   margin-top: 3px; }
.contact_form table td.td_right  div label {float: left; width: 205px; text-align: right; font-style: italic; height: 24px; line-height: 24px;  }
.contact_form table td.td_right  div input {float: right; width: auto; height: auto;  border:0; background: transparent; margin: 5px 8px 0 0;}
.contact_form textarea {float: left; clear: both; margin-top: 3px; width: 540px; padding: 2px 5px 2px 14px; height: 149px; background: url(images/textarea.gif) no-repeat; border: 0; }
.contact_form input.submit {text-align: center; float: right; background: #00294d; height: 24px; width: 60px; line-height: 24px; text-align: center; font-style: italic; color: #fff; border: 0; cursor: pointer;  }
.contact_form input.reset {text-align: center; float: right; background: #c9e3f4; height: 24px; width: 60px; line-height: 24px; text-align: center; font-style: italic; color: #00294d; margin-right: 3px; border: 0; cursor: pointer;}
.contact_form h2 {color: #1f9dee; font-size: 24px; padding-left: 15px; }
.contact_form .titlu_td {float: left; clear: both; padding-left: 15px; font-size: 14px; font-style: italic; }

#footer {float: left; clear: both; margin-top: 50px; margin-bottom: 20px; width: 100%;  }
#footer #credits {float: left; width: auto; display: block; font-size: 11px; text-align: left; }
#footer ul {float: right; }
#footer ul li {float: left; margin-right: 20px; }
#footer ul li a {float: left; color: #00294d; font-size: 11px; text-decoration: underline; }
#footer ul li a #fluture {float: left; position: relative; margin-top: -10px; }

.form {float: left; width: 400px; clear: both; margin: 15px 0;}
.form div {float: left; clear: both; width: 100%; margin: 3px 0;}
.form label {float: left; margin-top: 5px; width: 20%; text-align: right;  }
.form input {float: right; width: 75%; border: 1px #c3b98d solid; height: 18px; padding: 2px 5px;  }
.form select {float: right; width: 75%; border: 1px #c3b98d solid; height: 22px; padding: 2px 5px;  }
.form textarea {float: right; width: 75%; border: 1px #c3b98d solid; height: 150px; padding: 2px 5px;  }
.form input.button {width: 140px; height: 22px; line-height: 22px; border: 0; text-align: center; cursor: pointer; padding: 0;  }

.err {float: left; clear: both; width: 100%; color: red; font-size: 11px; }
.succes {float: left; clear: both; width: 100%; color: green; font-size: 11px; }
.admin_link {float: left; clear: both; text-decoration: underline; color: #333; }
.inapoi_link {float: left; clear: both; text-decoration: underline; color: #333; }
#admin_table {float: left; clear: left; }
#admin_table td {padding: 4px; border: 1px #333 solid; }
#admin_table #admin_table_h td {font-weight: bold; font-size: 12px; }
#admin_table .afisat td {background: #d4f9ca; }
.poza_existenta {float: left; margin: 10px 0;  }
.sterge_poza {float: left; color: #fff; background: red; padding: 5px 2px; margin: 10px 5px 10px 0;}

 .under_h {float: left; clear: both; text-align: left; margin: 0; width: 100%; }
 
.evenimente_left {float: left; clear: left; width: 760px; }
.eveniment_item {float: left; clear: both; width: 100%; margin-bottom: 15px; }
.eveniment_item h2 {float: left; clear: both; color: #1f9dee; font-size: 24px; font-weight: lighter; margin: 0;}
.eveniment_item
.eveniment_item p {float: left; clear: both; text-align: justify; margin-top: 10px; width: 100%; }
.evenimente_right {float: right;  clear: none; width: 366px; }
.evenimente_left h1 {float: left; clear: both; color: #1f9dee; font-size: 24px; font-weight: lighter; margin: 0;}
.evenimente_left .textblock {font-size: 14px; margin-top: 15px;  }
.arhiva_item {float: left; clear: left; margin: 5px 0; color: #1f9dee; font-size: 15px; text-transform: uppercase; font-weight: bold; width: 100%;  }

#eveniment_pic {float: left; clear: both; width: 362px; height: 262px; overflow: hidden;  border: 2px #cecece solid;}
#eveniment_pics {float: left; clear: both; width: 366px; margin: 15px 0 30px 0;}
#eveniment_pics img {float: left; width: 29px; height: 39px; border: 2px #cecece solid; margin: 5px 5px 0 0; cursor: pointer; }

.serviciii {background-position: center 0; background-repeat: no-repeat; position: relative; float: left; margin-left: 41px;  }
.serviciii:hover {background-position: 0 -65px; }
.serviciii.scanare {background-image: url(images/img1.gif); width: 64px !important; height: 65px !important;  }
.serviciii.arhivare {background-image: url(images/img2.gif); width: 59px !important; height: 65px !important;  }
.serviciii.captura {background-image: url(images/img3.gif); width: 62px !important; height: 65px !important; }
.serviciii.dezvoltare {background-image: url(images/img4.gif); width: 72px !important; height: 65px !important; }
.serviciii.document {background-image: url(images/img5.gif); width: 54px !important; height: 65px !important; }
.serviciii.consultanta {background-image: url(images/img6.gif); width: 67px !important; height: 65px !important; }
.serviciii.geo {background-image: url(images/img7.gif); width: 86px !important; height: 64px !important; }