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

Title:			main.css
Browser(s): 	All 

Author: 		Marko Prljić (wisefalco@gmail.com)
Created: 		02.07.2008
Last modified: 	04.07.2008

******************************************************************************************************
*/


/*-------------------------------DEFINE BODY PROPERTIES----------------------------------------*/
* {
	margin: 0 auto 0 auto; /* GLOBAL RESET */
	padding: 0;
}
body{
	margin: 0 auto 0 auto;
	font-size: 62.5%; 
	font-family: Arial, Sans-Serif; 
	line-height: 150%; 
	background:#000000 url(images/bg_top.jpg) top left repeat-x;
}

div, p, ul, h2, h3, h4, img{
	padding:0px;
	margin:0px;
	border:none;
}
ul{
	list-style-type:none;
}
.spacer{
	clear:both; 
	font-size:0px; 
	line-height:0px;
}

a { outline:none; /* Remove Firefox's dotted borders */ text-decoration:none; }
a img { border:none;} /* Remove IE's blue borders */

h1 {font-size: 2.5em; border:none; padding:10px 30px 60px 40px; margin:0; float:left; line-height:160%;}
h2 {font-size: 1.5em; border:none; margin:0; color:#666666; padding:0 0 10px 0;}
h3 {font-size: 1.3em; border:none; margin:0; color:#666666; padding:0 0 10px 0;}
h4 {font-size: 1.3em; border:none; margin:0; color:#666666; padding:0 0 0 0;}
h5 {font-size: 1.8em; border:none; margin:0;}
h6 {font-size: 1.1em; border:none; margin:0;}
p  {font-size: 1.1em; line-height:150%;}
.hr { width:100%; border-bottom: 1px solid #999999; padding:0; margin:0; float:left;}
.hr_pad { width:100%; border-bottom: 1px solid #999999; padding:0; margin:0 0 40px 0; float:left; display:inline-block; overflow:hidden;}

/*-------------------------------END----------DEFINE BODY PROPERTIES----------------------------------------*/

#wrapper{width:910px; height: 100%; margin: 0 auto; padding: 0; text-align: center;}
#site{width:880px; height:100%; background:#474747 url(images/bg_bottom.jpg) top left repeat-x; padding:0 15px 0 15px;}
#header{background:#000000; width:880px; height:119px;}
.logo{float:left; padding:0 0 0 10px; text-decoration:none;}
#teaser{width:880px; height:234px;}
#content{width:880px; height:100%; display:block; background:#f7f7f3; overflow:hidden; padding:50px 0 0 0; text-align:left;}
#cont_border{width:880px; height:100%; background:#f7f7f3 url(images/border.jpg) top left repeat-x; display:block; overflow:hidden; padding:50px 0 0 0; text-align:left;}
#cont_main{width:820px; padding:0 30px 60px 30px; display:block; overflow:hidden;}
.left{width:440px; float:left; display:block; overflow:hidden; padding:30px 0 50px 0; font-size: 1.2em; color:#666666;}
.right{width:340px; float:right; display:block; overflow:hidden; padding:30px 0 50px 0;}
.right_services{width:340px; float:right; display:block; overflow:hidden; padding:30px 0 0 0;}
.right_services_next{width:340px; float:right; display:block; overflow:hidden; padding:15px 0 0 0;}
.right_ponuda a{width:340px; float:right; display:block; overflow:hidden; padding:15px 0 0 0;}
.right_ponuda a:hover {text-decoration:none; border-bottom:10px solid #000000;}
.rtext{font-size: 1.2em; color:#999999; padding: 10px 0 0 0;}
.ltext{font-size: 1em; color:#999999; padding: 30px 0 0 0;}
.ctext{font-size: 1em; color:#999999; padding: 0;}
.tags{font-size: 1.2em; color:#333333; font-weight:normal; padding:30px 0 0 0;}
.date{font-size: 1.2em; color:#cccccc; font-weight:normal; font-style:italic; padding:2px 0 0 0;}
.link{font-size: 1.2em; color:#333333; font-weight:normal; padding:20px 0 0 0; text-decoration:none; display:block; overflow:hidden;}
.link2{font-size: 1em; color:#333333; font-weight:normal; padding:5px 0 0 0; text-decoration:none; display:block; overflow:hidden;}
#footer{width:880px; height:47px; background:#000000 url(images/bg_footer.jpg) bottom left repeat-x; display:block; overflow:hidden;}
#disclaimer {float: left; color: #999999; font-size: 1.2em; padding:15px 0 0 30px; line-height:150%; }
#copyright {float: right; color: #999999; font-size: 1em; padding:20px 30px 0 0; line-height:150%;}

.right_slim{width:260px; text-align:left; float:right; display:block; overflow:hidden;}

.folio{width:438px; border:1px solid #CCCCCC; background:#FFFFFF;}
.fprew{ width:426px; padding:6px 6px 6px 6px;}
.service{width:438px; border:1px solid #CCCCCC; background:#FFFFFF;}
.sprew{ width:426px; padding:6px 6px 6px 6px;}
.small{width:68px; border:1px solid #CCCCCC; background:#FFFFFF;}
.slprew{ width:56px; padding:6px 6px 6px 6px;}
.map{width:338px; border:1px solid #CCCCCC; background:#FFFFFF; margin:0 0 50px 0;}
.smap{width:328px; padding:6px 6px 6px 6px;}
.about{width:280px; border:1px solid #CCCCCC; background:#FFFFFF; margin:0 0 0 20px;}
.sabout{width:268px; padding:6px 6px 6px 6px;}

.quickie {
display:inline;
float:left;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding:0 0 50px 19px;
width:270px;
}
.quickie dd a {text-decoration:none; border-bottom:10px solid #CCCCCC; padding:0; margin:0; display:block;}
.quickie dd a:hover {text-decoration:none; border-bottom:10px solid #000000;}
.quickie dt {height:45px; font-size: 2.0em; border:none; margin:0; color:#4d4d4d; text-align:center;}
.quickie dd {padding:0; margin:0;}

.pens{float:left; padding:0 0 0 80px;}
.lead{font-size: 14px; border:none; margin:0; color:#999999; padding:10px 20px 10px 20px; text-align:justify; float: left; line-height:150%;}
.black{color: #4d4d4d;}
#arrow {width:63px; height:63px;  padding:0 50px 0 0; margin:10px 0 0 0; float:right;}
#arrow li a{background:url(images/arrow.jpg); display:block; text-indent:-2000px; width:63px; height:63px;}
#arrow li a:hover{background:url(images/arrow_0.jpg); width:63px; height:63px; display:block;}

#lang {width:50px; padding: 10px 10px 0 0; margin:0; float:right;}
#lang li {float: left; color: #666666; font-size: 11px;}
#lang li a.current {float: left; color: #ffffff; font-size: 11px;}
#lang li a {float: left; display: block; padding: 0 4px; color: #999999; }
#lang li a:hover{color: #4d4d4d;}

#menu{ height:60px; float:left; padding:0; margin:59px 0 0 0px; border-left:1px solid #666666;}
a.nav, a.nav:link, a.nav:visited {display:block; height:60px;  border-right:1px solid #666666; margin:0; text-align:center; padding:0 15px 0 15px; text-decoration:none;  font-size:12px; color:#999999; overflow:hidden; float:left; text-transform: uppercase;}
a.nav:hover {color:#cccccc; background:#000000 url(images/bg_nav.jpg) bottom left repeat-x;}
a.nav:active {color:#fff; background:#000000 url(images/bg_nav.jpg) bottom left repeat-x;}
a.nav span{padding:25px 0 0 0; margin:0; display:block;}

form#two {width:400px;padding:0;margin-top:30px; float:left;}
form#two fieldset {width:390px;padding:0; font-family:Arial, Helvetica, sans-serif; margin-bottom:0.5em; border: 0; font-size: 11px;}
form#two label {width:350px; display:block; text-align:left; padding:10px 0 5px 0; color:#888; margin:0; font-family: Arial, Helvetica, sans-serif; float:left; font-size:1.1em;}
form#two input {float:left; border:1px solid #999999; padding:4px 0 4px 0; margin:0 0 15px 0; width:250px; display:block; overflow:hidden; background:#CCCCCC;}
form#two select {float:left; border:1px solid #999999; height:26px; padding: 3px 3px 3px 0; margin:0 0 15px 0; width:252px; display:block; overflow:hidden; background:#CCCCCC;}
form#two option { font-family: Arial, Helvetica, sans-serif; color:#666666; padding: 3px 0 3px 0;}
form#two textarea {width:237px;height:10em;border:1px solid #999999;padding:0.5em;overflow:auto; margin:0 0 20px 0; background:#CCCCCC;}
form#two #button1{ float:left; color:#666666; padding:0; cursor:pointer; width:50px; margin:10px 20px 0 5px; border:1px solid #cccccc; font-family: Arial, Helvetica, sans-serif; font-size: 10px;}
form#two #button1:hover{color:#ffffff;font-family: Arial, Helvetica, sans-serif; font-size: 10px; border:1px solid #cccccc;}
.FAQ_naslov {
	font-size: 1.3em;
	font-weight: normal;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
}