/* CSS Document 

Widelta [www.widelta.com]
Codeworks [www.codeworkscreative.com]

*/

/* GLOBAL WHITE SPACE RESET */
*{
	margin:0px;
	padding:0px;
}
/* Body */
/* */
/*
html { background:url(../img/dev-grid.png) repeat-y center top; }
*/


body{ font: 62.5% Arial, Helvetica, sans-serif; text-align:center; background:url(../img/bg-body-repeat-x.png) repeat-x center top;	color:#838383; }

/* Layout */
.center { margin:0 auto; width:940px; }
#head { height:250px; background:url(../img/bg-head.png) no-repeat center top; position:relative; }
#container { text-align:left; padding-top:30px; }
#footer { background:url(../img/bg-footer.png) no-repeat center top; padding:30px 0 0 0; }

.sidebar { float:left; display:inline; width:220px; /*background-color:#ccc;*/ }
.content { float:left; display:inline; width:458px; padding:0 10px; margin:0 10px; /*background-color:#ddd;*/ border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5; }

.col3 { padding-top:40px; }

/* Navigation */
/* */
#headnav { float:left; font-size:1.2em; /*background-color:#ccc;*/ height:70px; position:absolute; top:0; left:0; }
#headnav li { float:left; }
#headnav li a { display:block; width:90px; /*background-color:#ddd;*/ height:50px; line-height:4.17em; color:#d1d4d8; text-decoration:none; }
#headnav li a:hover { color:#fff; }

#headnav li.selected {  }
#headnav li.selected a { width:130px; height:70px; background:url(../img/bg-headnav-li.png) no-repeat center top; font-size:1.33em; line-height:4.38em; color:#fff; }
#headnav li.selected a:hover {}

/* */
#langnav { float:left; font-size:1.2em; /*background-color:#ccc;*/ height:70px; position:absolute; top:0; right:0; }
#langnav li { float:left; display:block; text-indent:-8000px; margin:15px 0 0 10px; }
#langnav li a { display:block; width:30px; height:19px; border:1px solid #525252; }
#langnav li a:hover { border:1px solid #ddd; text-decoration:none; }
#langnav li.croatian { background:url(../img/icon/flag-hr.png) no-repeat center center; }
#langnav li.english { background:url(../img/icon/flag-en.png) no-repeat center center; }
#langnav li.arabic { background:url(../img/icon/flag-ar.png) no-repeat center center; }

/* */
#sidenav { display:block;  margin:0 20px 20px 20px; font-size:1.2em; }
#sidenav li { display:inline; }
#sidenav li a { display:inline; width:160px; float:left; padding:0 10px; background:url(../img/bg-sidenav-li.png) no-repeat left center; height:40px; line-height:3.33em; color:#a3c4ee; text-decoration:none; }
#sidenav li a:hover { color:#fff; }

#sidenav li.submenu a { background:url(../img/bg-sidenav-li-submenu.png) no-repeat left center; }

#sidenav li.selected {}
#sidenav li.selected a { color:#fff; }
#sidenav li.selected a:hover {  color:#fff; }

#sidenav ul li {}
#sidenav ul li a { background:none #ededed!important; color:#515151; height:35px; line-height:2.92em; border-bottom:1px solid #e5e5e5; }
#sidenav ul li a:hover { background:#f5f5f5!important; color:#222; }

#sidenav ul li.selected a { background-color:#fff!important; color:#515151; }
#sidenav ul li.selected a:hover { background-color:#fff; color:#222; }

/* Head */
#logo { position:absolute; top:100px; left:0; width:260px; height:100px; text-indent:-8000px; }
#logo a { display:block; width:260px; height:100px;  }
#logo a:hover { text-decoration:none;  }
/*#headpic { display:block; width:320px; height:150px; position:absolute; top:170px; right:0; background:url(../img/bg-head-picture-trans.png) no-repeat; }*/
#headpic { display:block; width:380px; height:170px; position:absolute; top:120px; right:0; background:url(../img/bg-head-picture-trans.png) no-repeat; }

/* Content */
.content h1 { font-size:2.4em; color:#d41728; padding:10px 20px; margin-bottom:10px; font-weight:normal; background:url(../img/icon/arrow-heading.png) no-repeat 5px center; }

/* Footer */
#footer p { color:#4c4b4b; font-size:1.1em; padding:20px; }
#footer p#copyright { float:left; width:400px; }
#footer p#back-to-top { float:right; width:200px; }
#footer p#back-to-top a { float:right; background:url(../img/icon/arrow-back-to-top.png) no-repeat center right; padding:0 20px 0 0; color:#666; font-weight:bold; }


/* Small photo */
.content .small-photo { margin:0 0 0 20px; padding:0; display:block; float:left; display:inline; width:420px; }
.content .small-photo li { display:inline; margin:0 20px 20px 0; padding:0; background:none; }
.content .small-photo li a { float:left; margin:0 20px 20px 0; }
.content .small-photo li a img { display:block; }

/* Main definitions */
h2, h3, p {}

h2, h3 { font-size:1.8em; color:#555;  padding:5px 20px; margin:0 0 15px 0; font-weight:normal; background:url(../img/icon/arrow-heading.png) no-repeat 5px center;  }
h3 { font-size:1.4em; }

p { font-size:1.3em; line-height:1.6em; margin-bottom:20px; padding:0 20px; }
p.istaknuto { font-size:1.6em; color:#575757; }

a {	text-decoration:none; color:#426ca3; }
a:hover { text-decoration:underline; }

strong { font-weight:bold; color:#333333; }
em { font-style:italic; background-color:#eee; border-bottom:1px solid #ddd; }

.content ul, .col3 ul { font-size:1.2em; line-height:1.6em; color:#666; margin:0 20px 20px 20px; }
.content ul li, .col3 ul li { background:url(../img/icon/arrow-bullets.png) no-repeat 5px 7px; padding:0 0 0 20px; }

.clear { clear:both; }

/* Contact Form */
.contactform ul { border-top:1px solid #e5e5e5; margin:0 20px; font-size:1.2em; line-height:2em; margin-bottom:20px; }
.contactform ul li { padding:10px; border-bottom:1px solid #e5e5e5; clear:both; background:none; }
.contactform ul li:hover { background-color:#f5f5f5; }
.contactform ul li label { font-size:1em; color:#999; float:left; display:block; width:116px; }
input { width:150px; border:2px solid #ccc; padding:4px; background:url(../img/bg-form-fields.png) no-repeat left top; }
textarea { width:230px; height:160px; border:2px solid #ccc; padding:4px; background-color:#f5f5f5; }
	
input.sendbutton { color:#fff; border:2px solid #456fa6; background:#537eb5; font-weight:bold; margin-left:117px; }
input.sendbutton:focus { color:#fff; border:2px solid #456fa6; background:#456fa6; }

input, textarea { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666; }
input:focus, textarea:focus { border:2px solid #4a74ac; background:#d5e2f3; }

/* Newsitem */
.newsitem { margin:0 20px 20px 20px; border-bottom:1px solid #ddd; }
.newsitem p { padding:0; }
.newsitem span.img { float:left; padding:0 10px 5px 0; }

/* */

/* Language > Arabian (floats, paddings, images) */
#ar #container { text-align:right; }

#ar #head { background:url(../img/bg-head-ar.png) no-repeat center top; }
#ar #headpic { top:120px; left:0; right:auto; background:url(../img/bg-head-picture-trans.png) no-repeat right; }
#ar #logo { position:absolute; top:100px; right:0; left:auto; }

#ar .sidebar { float:right; }
#ar .content { float:right; }
#ar .col3 { padding-top:40px; }
#ar .col1 { }

#ar #headnav { float:right; top:0; right:0; width:500px; }
#ar #headnav li { float:right; }
#ar #langnav { float:left; top:0; left:0; right:auto; width:140px; }
#ar #langnav li { float:left; }
#ar #sidenav li.submenu a { background:url(../img/bg-sidenav-li-submenu-ar.png) no-repeat right center; }

#ar .content h1 { background:url(../img/icon/arrow-heading-ar.png) no-repeat right center; }
#ar h2, #ar h3 { background:url(../img/icon/arrow-heading-ar.png) no-repeat right center;  }
#ar .content ul li, #ar .col3 ul li { background:url(../img/icon/arrow-bullets-ar.png) no-repeat right 7px; padding:0 20px 0 0; }

#ar .newsitem span.img { float:right; padding:0 0 5px 10px; }

#ar .contactform ul li { padding:10px; border-bottom:1px solid #e5e5e5; clear:both; background:none; }
#ar .contactform ul li label { float:right; }
#ar input.sendbutton { margin-right:117px; }

#ar #footer p#copyright { float:right; width:400px; }
#ar #footer p#back-to-top { float:left; width:200px; text-align:left; }
#ar #footer p#back-to-top a { float:left; background:url(../img/icon/arrow-back-to-top.png) no-repeat center left; padding:0 0 0 20px; }

#ar .content .small-photo { margin:0 20px 0 0; padding:0; display:block; float:right; display:inline; width:420px; }
#ar .content .small-photo li { display:inline; margin:0 0 20px 20px; padding:0; background:none; }
#ar .content .small-photo li a { float:right; margin:0 0 20px 20px; }
#ar .content .small-photo li a img { display:block; }