@charset "utf-8";
/* CSS Document */

/* GENERAL */

html{background-color: #cfcfcf; background-image: url(img/background.jpg); background-repeat: repeat-x;}
body{margin: 0; font-family: Helvetica, Tahoma, Arial, Verdana; font-size: 12px;}

a{color: #003366; font-style: normal; text-decoration: none;}
a:hover{color: #2e5299; font-style: normal; text-decoration: none;}

p{margin:5px 0px; padding: 0px;}
ul{margin:0; padding: 0px;}
li{list-style-type: none; margin: 0px; padding: 0px;}

h1{font-size: 14px; margin: 10px 0; padding: 0;}
h2{font-size: 13px; margin: 10px 0; padding: 0;}
h3{font-size: 12px; margin: 10px 0; padding: 0;}

#page{width: 1000px; overflow: auto; position:relative; background: url(img/page_background.jpg) repeat-y; margin: auto; margin-top: 0px;}
#main{width: 800px; height: auto; float: left; background-color: #ffffff;}
#flash{width: 800px; height: 250px; float: left;}

#image_left{width: 100px; height: 300px; float: left; background-repeat: no-repeat;}
#image_right{width: 100px; height: 300px; float: right; background-repeat: no-repeat;}
#image_left_2{width: 100px; height:650px; float: left; background-repeat: no-repeat;}
#image_right_2{width: 100px; height: 650px; float: right; background-repeat: no-repeat;}

.line_1{width: 800px; height: 21px; float: left; background:url(img/line-1.jpg) no-repeat;}
.line_2{width: 800px; height: 21px; float: left; background:url(img/line-2.jpg) no-repeat;}
.line_3{width: 11px; height: 180px; float: left; background:url(img/line-3.jpg) no-repeat;}
.line_4{width: 11px; height: 100px; float: left; background:url(img/line-4.jpg) no-repeat;}
.line_5{width: 120px; height: 11px; float: left; background:url(img/line-5.jpg) no-repeat;}
.line_6{width: 800px; height: 21px; float: left; background:url(img/line-6.jpg) no-repeat;}

/* HEADER */

#header{width: 1000px; height: 140px;}
#header a{color: #999999;}
#header a:hover{color: #2e5299;}

#header_left{width: 310px; height: 140px; float: left; background: url(img/header_left.jpg) no-repeat;}
#header_right{width:310px; height: 140px; float: left; background: url(img/header_right.jpg) no-repeat;}
#header_logo{width:100px; height: 140px; float: left; background: url(img/header_logo.jpg) no-repeat;}

#language{font-size: 10px; color: #999999; margin: 14px 10px;}
.active_language{font-weight: bold;}


/* FOOTER */

#footer_1{width: 1000px; height: 55px; font-size: 10px; color: #999999; float: left; background: url(img/footer.jpg) no-repeat;}
#footer_1 a{color: #999999;}
#footer_1 a:hover{color: #2e5299;}
#footer_2{width: 900px; height: 55px; margin: auto;}

#validator{width: 100px; text-align: left; float: left; padding: 11px 0 0 110px;}
#copyright{width: 580px; text-align: center; float: left; padding: 11px 0 0 0;}
#vision_logo a{width: 55px; height: 30px; float: right; background: url(img/vision_logo.jpg) no-repeat bottom; margin: 9px 55px 0 0;}
#vision_logo a:hover{background: url(img/vision_logo.jpg) no-repeat top;}


/* TOP SUS */

#menu_left{width: 140px; height: 140px; float: left;}
#menu_right{width: 140px; height: 140px; float: left;}

.menu_1a a{width: 140px; height: 28px; display: block; background:url(img/menu_left.jpg) no-repeat 0 -12px;}
.menu_1a a:hover{background:url(img/menu_left.jpg) no-repeat -140px -12px;}
.menu_1b a{width: 140px; height: 28px; display: block; background:url(img/menu_left.jpg) no-repeat 0 -40px;}
.menu_1b a:hover{background:url(img/menu_left.jpg) no-repeat -140px -40px;}
.menu_1c a{width: 140px; height: 28px; display: block; background:url(img/menu_left.jpg) no-repeat 0 -68px;}
.menu_1c a:hover{background:url(img/menu_left.jpg) no-repeat -140px -68px;}
.menu_1d a{width: 140px; height: 28px; display: block; background:url(img/menu_left.jpg) no-repeat 0 -96px;}
.menu_1d a:hover{background:url(img/menu_left.jpg) no-repeat -140px -96px;}

.menu_2a a{width: 140px; height: 28px; display: block; background:url(img/menu_right.jpg) no-repeat 0 -12px;}
.menu_2a a:hover{background:url(img/menu_right.jpg) no-repeat -140px -12px;}
.menu_2b a{width: 140px; height: 28px; display: block; background:url(img/menu_right.jpg) no-repeat 0 -40px;}
.menu_2b a:hover{background:url(img/menu_right.jpg) no-repeat -140px -40px;}
.menu_2c a{width: 140px; height: 28px; display: block; background:url(img/menu_right.jpg) no-repeat 0 -68px;}
.menu_2c a:hover{background:url(img/menu_right.jpg) no-repeat -140px -68px;}
.menu_2d a{width: 140px; height: 28px; display: block; background:url(img/menu_right.jpg) no-repeat 0 -96px;}
.menu_2d a:hover{background:url(img/menu_right.jpg) no-repeat -140px -96px;}

.spacer_1a{height: 12px;  background:url(img/menu_left.jpg) no-repeat 0px 0px;}
.spacer_1b{height: 12px;  background:url(img/menu_left.jpg) no-repeat 0px -124px;}

.spacer_2a{height: 12px;  background:url(img/menu_right.jpg) no-repeat 0px 0px;}
.spacer_2b{height: 12px;  background:url(img/menu_right.jpg) no-repeat 0px -124px;}


/* OTHER MENUS */

#menu_3{width: 700px; color: #999999; text-align: left; float: left;}
#menu_3 a{color: #999999;}
#menu_3 a:hover{color: #2e5299;}

#menu_4{width: 200px; color: #999999; text-align: right; float: right;}
#menu_4 a{color: #999999;}
#menu_4 a:hover{color: #2e5299;}


/* BOX 1 */

.box_1{width: 190px; height: 200px; float: left; display: block; background:url(img/box-1.jpg) no-repeat 0 0px; margin: 0 5px;}
.box_1:hover{background:url(img/box-1.jpg) no-repeat -190px 0;}
.picture_1{width: 180px; height: 80px; float: left; border-style: none; margin: 5px;}
.textbox_1{width: 190px; height: 105px; float: left;}
.textbox_1 h2{font-size: 12px; text-align: center;}
.textbox_1 li{list-style-type: square; font-size: 11px; margin-left: 25px;}


/* BOX 2 */

.box_2{width: 800px; height: 110px; float: left; display: block; background:url(img/box-2.jpg) no-repeat 0 0px; margin: 5px 0;}
.box_2:hover{background:url(img/box-2.jpg) no-repeat 0 -110px;}
.picture_2{width: 400px; height: 100px; float: left; border-style: none; margin: 5px;}
.textbox_2{width: 240px; height: 100px; float: left; margin-left: 25px;}
.textbox_2 h2{font-size: 12px; text-align: left; margin-top: 15px;}
.textbox_2 li{list-style-type: square; font-size: 11px; margin-left: 12px;}


/* CONTAINERS */

.container_1{width: 800px; clear: both;}
.container_2{width: 350px; float: left;}
.container_2 li{margin-bottom: 10px;}
.container_3{width: 430px; float: left;}
.box{width: 330px; float: left;}
.box_3{width: 195px; float: left; background-color: #f2f2f2; margin: 2px;}
.box_4{width: 150px; float: left; margin-right: 9px;}
.box_5{width: 618px; float: left; margin-left: 5px;}
.box_6{background-color: #ffffff; border-color: #f2f2f2; border-width: 4px; border-style: solid;}
.box_6:hover{border-color: #e6e6e6;}

.box_7{width: 160px; float: left; margin-top: 24px;}
.box_8{width: 250px; float: left;}
.box_9{width: 120px; float: left; text-align: right; color: #666666; margin-top: 40px;}
.box_9 a{margin-right: 5px;}
.box_9 a:hover{text-decoration: underline;}

.box_3 h3{text-align: center; color: #246bb3; margin: 5px 0;}

.space_1{width: 800px; height: 35px; float: left;}


/* BUTOANE */

.buton_01{width: 115px; height: 25px; color: #ffffff; text-align: center; background-color: #CCC; margin-bottom: 5px;}
.buton_02{width: 115px; height: 25px; color: #ffffff; text-align: center; background-color: #CCC; margin-bottom: 5px;}


/* ERRORS */

.error_404{width: 100%; height: auto; background-color: #ffffff; border-color: #cccccc; border-width: 5px 0; border-style: solid; margin-top: 100px;}
.error_404 h1{font-size: 24px; color: #cc0000; text-align: center; margin-top: 10px;}
.error_404 p{font-size: 12px; color: #444444; text-align: center; margin: 20px 0;}
.error_404 ul{margin-bottom: 20px;}
.error_404 li{text-align: center; list-style-type: none; margin: 10px 0;}


/* CLIENTS */

.clients_logo{width: 160px;	height: 50px; display: block; background-repeat: no-repeat; background-position: 0 0; float: left;}
.clients_logo:hover{background-position: 0 -50px;}


/* PORTOFOLIO */

.portofolio_banner_a{width: 125px; height: 100px; display: block; background-repeat: no-repeat; background-position: 0 0; float: left; margin: 4px;}
.portofolio_banner_a:hover{background-position: 0 -100px;}
.portofolio_banner_b{width: 192px; height: 100px; display: block; background-repeat: no-repeat; background-position: 0 0; float: left; margin: 4px;}
.portofolio_banner_b:hover{background-position: 0 -100px;}
.portofolio_banner_c{width: 392px; height: 100px; display: block; background-repeat: no-repeat; background-position: 0 0; float: left; margin: 4px;}
.portofolio_banner_c:hover{background-position: 0 -100px;}


/* ABOUT */
.img_01{width: 200px; height: 260px; float: left; margin-top: 7px;}
.textbox_3{width: 570px; float: left; margin-left: 20px;}


/* PRETURI */

.textbox_4{line-height: 18px; float: left;}
.textbox_5{width: 370px; float: left; margin-top: 24px;}


/* FORMULARE */

.form_1, .form_2, .form_3, .form_4{color: #999999; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; float: left; background:url(img/background-2.jpg) repeat; border-color: #999999;; border-width: 1px; border-style: solid; margin: 2px; padding: 4px;}
.form_1{width: 145px;}
.form_2{width: 250px; height: 150px;}
.form_1:hover, .form_2:hover, .form_3:hover, .form_4:hover{border-color: #2e5299; background:url(img/background-3.jpg) repeat;}
.checkbox{border-color: #999999; border-width: 1px; border-style: solid;}
.buton_form_1, .buton_form_2{color: #808080; font-weight: bold; letter-spacing: 2px; float: left; background-color: #e8f1fa; border-color: #999999; border-width: 1px; border-style: solid; margin: 2px;}
.buton_form_1:hover, .buton_form_2:hover{color: #2e5299; border-color: #2e5299;}
.buton_form_1{width: 155px; height: 52px;}
.buton_form_2{width: 155px; height: 30px;}

.form_3{width: 150px;}
.form_4{width: 618px; height: 94px;}


/* TEXT */

.text_01{line-height: 18px;}
.text_mic{font-size: 9px; color: #666666; margin: 2px;}
.center{font-size: 13px; text-align: center; color: #246bb3; letter-spacing: 2px; margin-top: 1px; margin-bottom: 0; margin-left: 2px;}
.text_02 li{list-style-type: disc; margin-left: 25px;}

/* IE6 HACK */

* html .box_1{margin: 0 4px;}
* html .textbox_1 li{margin-left: 30px;}
* html .portofolio_banner_a{margin: 3px;}
* html .portofolio_banner_b{margin: 3px;}
* html .portofolio_banner_c{margin: 3px;}
* html .box_4{width: 150px; margin-right: 0; padding-left: 2px;}
* html .form_4{width: 608px;}
* html .box_9{margin-top: 35px;}