/* RESET
-------------------------------------------------------------- */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td { border:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; margin:0; padding:0; }
table { border-collapse:separate; border-spacing:0; margin-bottom:1.4em;}
caption,th,td { text-align:left; font-weight:400; }
blockquote:before,blockquote:after,q:before,q:after { content:""; }
a img { border:none; }

/* PAGE
-------------------------------------------------------------- */
body { background-color:#666; font-family:Verdana,sans-serif; font-size:12px; color:#000; line-height:150%; }
p { margin-bottom:5px; }
a:link, a:visited {color:#325595; text-decoration:none; }
a:hover, a:active {color:#325595; text-decoration:underline; }

.fl_left {float:left;}
.fl_right {float:right;}
.left { text-align:left; }
.center { text-align:center; }
.right { text-align:right; }

/* CONTAINERS
-------------------------------------------------------------- */
#container {width:980px; background-color:#fff; margin:0 auto; overflow:hidden; }
#logo {width:316px; height:120px; float:left; }
#flags {width:64px; height:120px; color:#aaaaaa; float:left; }
#menu { width:600px; height:120px; margin:0; float:left; }
#top_pic{ padding:2px 0 2px 0; border-top:2px solid #009bff; border-bottom:2px solid #009bff; }
#main_cont { width:980px; overflow:hidden; }
#content { width:940px; padding:20px; overflow:hidden; background-color:#d3eaf8; }
#footer {width:960px; padding:10px; font-size:11px; background-color:#ccc; border-top:2px solid #fff; overflow:hidden; }
#col1 { background-color:#d3eaf8; }
#col2 { background-color:#afd5ed; }
#col3 { background-color:#91c5e4; }
#col4 { background-color:#71b3db; }
#col_left { background-color:#71b3db; }
#col_right { background-color:#71b3db; }
.px205 {width:205px; padding:20px; }
.px285 {width:286px; padding:20px; }
.px287 {width:288px; padding:20px; }
.px735 {width:695px; padding:20px; }
h1{ color:#000; font-size:20px; font-weight:bold; margin:10px 5px; }
h2{ color:#000; font-size:16px; text-align:center; font-weight:bold; }
h3{ color:#000; font-size:16px; font-weight:bold; }
.bimg { background-color:#fff; padding:4px; margin:8px 0;}
.thumbs img { background-color:#fff; margin:2px; padding:2px; }
.thumbs:hover { background-color:transparent; }
.thumbs:hover img { background-color:#46aae8; }


/* Main navigation
------------------------------------------------------------------*/
ul#nav, ul#nav_en { display:inline; }
ul#nav li, ul#nav_en li { display:block; float:left; text-indent:-9999px;}
ul#nav li a { display:block; border:0; width:150px; height:120px; text-decoration: none; background: transparent url(../img/nav.png) no-repeat;}
ul#nav_en li a { display:block; border:0; width:150px; height:120px; text-decoration: none; background: transparent url(../img/nav_en.png) no-repeat;}
li#company a:link, li#company a:visited {background-position: 0px 0px;}
li#company a:hover, li#company a:focus {background-position: 0px -120px;}
li#services a:link, li#services a:visited {background-position: -150px 0px;}
li#services a:hover, li#services a:focus {background-position: -150px -120px;}
li#customers a:link, li#customers a:visited {background-position: -300px 0px;}
li#customers a:hover, li#customers a:focus {background-position: -300px -120px;}
li#contact a:link, li#contact a:visited {background-position: -450px 0px;}
li#contact a:hover, li#contact a:focus {background-position: -450px -120px;}

/* Main nav_enigation "active tabs"
------------------------------------------------------------------*/
body.company-page ul#nav li#company a {background-position: 0px -240px;}
body.services-page ul#nav li#services a {background-position: -150px -240px;}
body.customers-page ul#nav li#customers a {background-position: -300px -240px;}
body.contact-page ul#nav li#contact a {background-position: -450px -240px;}

body.company-page ul#nav_en li#company a {background-position: 0px -240px;}
body.services-page ul#nav_en li#services a {background-position: -150px -240px;}
body.customers-page ul#nav_en li#customers a {background-position: -300px -240px;}
body.contact-page ul#nav_en li#contact a {background-position: -450px -240px;}

/* contact form 
------------------------------------------------------------------*/
.contactForm { width:774px; background-color:#f9f5f2; color:#8d98a2; padding:25px; border:3px solid #c3c1c1; list-style:none;}
.contactForm fieldset {margin:25px 0; }
.contactForm ul { margin-left:150px; list-style:none;}
.contactForm ul li { clear:both; background:none; display:block; }
.contactForm ul label { display:block; float:left; width:130px; text-align:right; margin-right:5px; }
.contactForm .txtField {float:left; padding:0px; font-size:16px; width:230px; margin-bottom:15px; color:#585755; border:1px solid #8d98a2; outline:none;}
.contactForm .txtField:hover, .txtField:focus, .txtField:active { border-color:#46aae8; background:#eee;}
.contactForm .button { width:92px; height:32px; margin-left:425px; background:url(../img/apostoli_white.png) no-repeat; margin-bottom:10px; border:none;}
.contactForm .button:hover {cursor:pointer; background:url(../img/apostoli_blue.png) no-repeat; }
.contactForm .button_en { width:92px; height:32px; margin-left:425px; background:url(../img/send_white.png) no-repeat; margin-bottom:10px; border:none;}
.contactForm .button_en:hover {cursor:pointer; background:url(../img/send_blue.png) no-repeat; }
.contactForm.request fieldset {border:none; margin-top:25px; }
.contactForm fieldset.extra {margin-top:5px;}
.error{ display:inline; color:red; font-size:10px;}
em {font-size:0.82em; color:#46aae8; font-style:normal;}