/*------------------------------------------------------*/
/* =HTML ELEMENTS					*/
/*-----------------------------------------------------*/
body {
	background: #fff url(../images/bg.jpg) repeat-x;
	color: #595959;
	font-family: arial, "helvetica neue", helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
}

h1, h2, h3, h4 {
	color: #565656;
	font-family: 'ZagRegularRegular', Arial, sans-serif;
	font-size: 28px;
	font-weight: normal;
	line-height: 36px;
	margin-bottom: 10px;
}

h2 {
	font-size: 26px;
	line-height: 34px;
	margin-bottom: 10px;
}

h1.noStyle,
h2.noStyle,
h3.noStyle {
	margin-bottom: 0;
}

h3 {
	font-size: 22px;
	line-height: 32px;
	margin-bottom: 10px;
}

h3 img {
	vertical-align: middle;
}

h4 {
	font-family: 'ZagBoldRegular', Arial, sans-serif;
	font-size: 20px;
	line-height: 30px;
	margin-bottom: 5px;
}

h5 {
	margin-bottom: 15px;
	text-decoration: underline;
}

h6 {
	margin: 20px 0 10px 0;
	text-decoration: underline;
}

p {
	margin-bottom: 12px;
}

a {
	color: #48add7;
	outline: none; /* removing outline in Mozilla */
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

p a {
	text-decoration: underline;
}

p a:hover {
	text-decoration: none;
}

input[type="submit"]:hover {
	cursor: pointer;
}

/*------------------------------------------------------*/
/* =FLOAT CLASSES					*/
/*-----------------------------------------------------*/

/* usually for <br /> tag to clear the float */
.clear {
	clear: both;
	line-height: 0;
}

/* div (or whatever else element that serves as wrapper that clears the floats)  */
.floatClear {
	overflow: hidden;
}

/*------------------------------------------------------*/
/* =CUSTOM FONTS					*/
/*-----------------------------------------------------*/
@font-face {
	font-family: 'Aller Regular';
	src: url('../fonts/Aller_Rg.eot');
	src: local('../fonts/Aller Regular'), local('Aller'), url('../fonts/Aller_Rg.woff') format('woff'), url('../fonts/Aller_Rg.ttf') format('truetype'), url('../fonts/Aller_Rg.svg#Aller') format('svg');
}

@font-face {
	font-family: 'Aller Bold';
	src: url('../fonts/Aller_Bd.eot');
	src: local('../fonts/Aller Bold'), local('Aller-Bold'), url('../fonts/Aller_Bd.woff') format('woff'), url('../fonts/Aller_Bd.ttf') format('truetype'), url('../fonts/Aller_Bd.svg#Aller-Bold') format('svg');
}

@font-face {
	font-family: 'ZagRegularRegular';
	src: url('../fonts/Zag_Regular.eot');
	src: local('../fonts/Zag Regular Regular'), local('../fonts/ZagRegular'), url('../fonts/Zag_Regular.otf') format('opentype'), url('../fonts/Zag_Regular.svg#ZagRegular') format('svg');
}

@font-face {
	font-family: 'ZagBoldRegular';
	src: url('../fonts/Zag_Bold.eot');
	src: local('../fonts/Zag Bold Regular'), local('../fonts/ZagBold'), url('../fonts/Zag_Bold.otf') format('opentype'), url('../fonts/Zag_Bold.svg#ZagBold') format('svg');
}



/*------------------------------------------------------*/
/* =LAYOUT						*/
/*-----------------------------------------------------*/

/*------------------------------------------------------*/
/* =WRAPPER						*/
#wrapper {
	margin: 20px auto;
	width: 800px;
	position: relative;
}

#header {
	height: 76px;
	position: relative;
}

/*------------------------------------------------------*/
/* =LOGO							*/
#logo {
	position: absolute;
	top: 0;
	left: -10px;
}

/* NEWSLETTER */
#newsletter {
	background: url(../images/newsletter.jpg) no-repeat 100% 0;
	padding-top: 5px;
	position: absolute;
	top: -7px;
	right: 0;
}

#newsletter legend {
	color: #7e7e7e;
	font-family: 'Aller Regular', Arial, sans-serif;
	font-size: 14px;
	padding-bottom: 5px;	
}

#newsletter input {
	border: none;
	color: #919191;
	display: block;
	float: left;
	font-size: 11px;
}

#newsletter input[type="text"] {
	background: url(../images/newsletter-input.jpg) no-repeat;
	font-family: arial, "helvetica neue", helvetica, sans-serif;
	height: 20px;
	padding: 5px 10px 0 10px;
	width: 169px;
}

#newsletter input[type="submit"], #newsletter input[type="button"] {
	background: url(../images/newsletter-submit.jpg) no-repeat;
	height: 25px;
	width: 54px;
}
#newsletter input.eng {
	background: url(../images/newsletter-submitEng.jpg) no-repeat;
}

/* LANGUAGE LIST */
#lang {
	position: absolute;
	bottom: 5px;
	right: -5px;
}

#lang li {
	border-left: 1px solid #cacaca;
	color: #cacaca;
	display: inline;
	font-size: 11px;
	padding: 0 5px;
}

#lang li:first-child {
	border: none;
}

#lang li a {
	color: #cacaca;
}

#lang li.active a {
	color: #15b8e1;
}

/*------------------------------------------------------*/
/* =MENU							*/
#menu {
	background: url(../images/menu.jpg) no-repeat;
	height: 38px;
	margin-bottom: 20px;
}

#menu li {
	background: url(../images/menu-li.jpg) no-repeat;
	float: left;
	height: 38px;
	line-height: 38px;	
	padding: 0 40px;
	position: relative;
}

#menu li:first-child {
	background: none;
}

#menu a {
	color: #fff;
	font-family: 'Aller Regular', Arial, sans-serif;
	font-size: 15px;
	text-shadow: #606060 1px 1px 1px;
}

#menu a:hover {
	text-decoration: none;
}

#menu span {
	background: url(../images/menu-span.jpg) no-repeat;
	display: block;
	height: 10px;
	width: 11px;
	position: absolute;
	bottom: -8px;
	left: 42%;
}

/*------------------------------------------------------*/
/* =CONTENT						*/

/* BOX */
.box {
	border: 1px solid #ddd;
	margin-bottom: 15px;
	padding: 10px 18px;
}

/* ARGUMENTS */
#arguments {
	background: url(../images/arguments.jpg) no-repeat;
	color: #fff;
	height: 350px;
	margin-bottom: 30px;
	padding: 17px 30px 0 20px;
	position: relative;
}

#arguments h2 {
	color: #fff;
	font-size: 30px;
	margin-bottom: 20px;
	padding-left: 10px;
	text-shadow: #606060 1px 2px 1px;
}

#arguments li {
	background: url(../images/arguments-li.jpg) no-repeat 0 50%;
	margin-bottom: 6px;
	padding-left: 12px;
}

#arguments img {
	float: right;
	margin-top: 4px;
}

#arguments p {
	background: #1c1c1c;
	color: #dedede;
	font-family: 'Aller Regular', Arial, sans-serif;
	font-size: 16px;
	margin: 0;
	padding: 10px;
	text-align: center;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}

#arguments p a {
	color: #b2f75a;
	text-decoration: none;
}

#arguments p a:hover {
	border-bottom: 1px dotted #65843d;
}

/* PAKET */
.paket {
	float: left;
	width: 346px;
}

.paket h2 {
	margin-bottom: 18px;
}

.paket ul {
	padding-bottom: 12px;
}

.paket li {
	background: url(../images/paket-li.jpg) no-repeat 0 50%;
	margin-bottom: 15px;
	padding-left: 20px;
}

/* HOME RIGHT */
.homeRight {
	float: right;
	width: 382px;
}

.homeRight h3 {
	font-family: 'Aller Regular', Arial, sans-serif;
	font-size: 18px;
	margin-bottom: 0;
}

.homeRight h3 a {
		color: #565656;
}

/* OGLED */
.ogled {
	color: #565656;
	font-family: 'ZagRegularRegular', Arial, sans-serif;
	font-size: 32px;
	line-height: 36px;
	text-align: center;
}

.ogled span {
	font-family: Tahoma, Verdana, Geneva, sans-serif;
	font-size: 28px;
	padding-right: 2px;	
}

/* SPONSORS */
#sponsors {
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	margin-bottom: 15px;
	padding: 10px 0;
	text-align: center;
}

/*------------------------------------------------------*/
/* =FOOTER						*/
#footer {
	color: #8e8e8e;
	font-size: 11px;
	padding-top: 15px;
	text-align: center;
}

#footer ul {
	margin-bottom: 5px;
}

#footer li {	
	border-left: 1px solid #8e8e8e;
	display: inline;
	padding: 0 10px;
}

#footer li:first-child {	
	border: none;
}

#footer a {
	color: #8e8e8e;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}

/*------------------------------------------------------*/
/* =INNER PAGES					*/
/*-----------------------------------------------------*/
#inner h3 {
	color: #15afda;
	font-family: 'ZagBoldRegular', Arial, sans-serif;
}

#inner h3.different {
	color: #545454;
}

#inner h4 {
	color: #15afda;
}

/* fix za srpska slova */
#inner h1 span {
	font-family: Tahoma, Verdana, Geneva, sans-serif;
	font-size: 24px;
	padding-right: 2px;
}

#inner h3 span {
	font-family: arial, "helvetica neue", helvetica, sans-serif;
	font-size: 20px;
}

#inner h3.different span {
	color: #15AFDA;
	font-family: 'ZagBoldRegular', Arial, sans-serif;
	font-size: 20px;
}

#inner .green li {
	background: url(../images/paket-li.jpg) no-repeat 0 8px;
	margin-bottom: 5px;
	padding-left: 15px;
}

/* FILMOVI */
.video {
	float: left;
	margin-right: 25px;
}

.filmovi ul {
	float: left;
	font-size: 11px;
	margin-top: 4px;
}

.filmovi li {
	padding: 2px 0 3px 0;
}

.filmovi a {
	color: #bababa;
}

.filmovi a:hover {
	color: #48add7;
}

/* COLUMNS */
#inner .column1 {
	float: left;
	width: 392px
}

#inner .column2 {
	float: right;
	width: 392px;
}

#inner .column1 h3,
#inner .column2 h3 {
	margin-bottom: 0;
}

#inner .column1 h6,
#inner .column2 h6 {
	margin-top: 10px;
}

#inner .column1 img,
#inner .column2 img {
	margin-bottom: 5px;
}

#inner .column1 ul,
#inner .column2 ul {
	padding-bottom: 10px;
}

#inner .column1 p,
#inner .column2 p {
	font-size: 11px;
	line-height: 20px;
}

#inner .column1 .box.heightFix {
	padding-bottom: 33px
}

/* DOPLATA */
#inner .doplata li {
	float: left;
	margin-right: 55px;
}

#inner .doplata span {
	color: #15b1dc;
	display: block;
	font-size: 16px;
	padding-top: 5px;
}

/* INFO */
.info {
	float: left;
	width: 416px;
}

.info table {
	width: 100%;
}

.info td {
	border-top: 1px solid #e1e1e1;
	padding: 10px;
}

.info tr:first-child td {
	border: none;
}

.info table span {
	color: #15b1db;
}

/* CONTACT */
.contact {
	float: right;
	width: 288px;
}

.contact li {
	overflow: hidden;
	padding-bottom: 6px;
}

.contact input[type="text"],
.contact textarea {
	background: #fff;
	border: 1px solid #ddd;
	color: #a3a3a3;
	font-family: arial, "helvetica neue", helvetica, sans-serif;
	font-size: 12px;
	height: 25px;
	overflow: auto;
	padding: 10px 10px 0 10px;
	width: 92%;
	resize: none;
}

.contact textarea {
	height: 100px;
	padding-bottom: 5px;
}

.contact input[type="submit"], .contact input[type="button"], input.order {
	background: url(../images/send.jpg) no-repeat;
	border: none;
	display: inline-block;
	float: right;
	height: 45px;
	margin-top: 3px;
	margin-right: -1px;
	width: 132px;
}

/* HELP TABLE */
.help th,
.help td {
	border: 1px solid #ddd;
	padding: 10px;
	width: 20%;
}

.help th {
	color: #15afda;
}

/* FAQ LIST */
ol.faq {
	list-style-position: inside;
	list-style-type: decimal;
	margin-bottom: 15px;
}

ol.faq li {
	margin-bottom: 4px;
}

ol.faq a {
	color: #595959;
}

/* ANSWERS */
.answers.box {
	padding-left: 26px;
}

.answers a[name] {
	margin-left: -15px;
	text-decoration: none;
}

/*------------------------------------------------------*/
/* =POMOC NA DALJVO PAGE				*/
/*-----------------------------------------------------*/
#pomoc {
	color: #8f8f8f;
}

#pomoc h1 {
	background: url(../images/menu.jpg) no-repeat;
	color: #fff;
	font-family: 'Aller Regular', Arial, sans-serif;
	font-size: 16px;
	height: 38px;
	line-height: 38px;
	margin-bottom: 20px;
	text-align: center;
	text-shadow: #606060 1px 1px 1px;
}

#pomoc p {
	font-size: 11px;
}

.pomocTop {
	border-bottom: 1px solid #ddd;
	margin-bottom: 20px;
	padding-bottom: 20px;
	text-align: center;
}

#pomoc p.note {
	color: #16bae2;
	font-size: 14px;
	font-weight: bold;
	line-height: 22px;
}

#pomoc #foot {
	text-align: center;
}


/*------------------------------------------------------*/
/* =narocilo form				*/
/*-----------------------------------------------------*/
#order {
	width: 100%;
	margin-top: 30px;
	margin-bottom: 20px;
	clear: both;
}
#order fieldset {
	float: left;
	width: 50%;
}
#order fieldset:first-child {
	margin-top: 4px;
}
#order fieldset p {
	float: right;
	padding-right: 5px;
	clear: both;
	line-height: 17px;
}

#order fieldset select {
	clear: both;
	float: left;
	width: 155px;
	margin-top: 3px;
	margin-bottom: 8px;
}

#order fieldset input {
	padding: 2px;
	float: left;
	clear: both;
	margin-bottom: 5px;	
	border: 1px solid #efefef;
	height: 18px;
	width: 146px;
	color: #878787;
}

.order.center {
	float: none;
	clear: both;
	text-align: center;
	cursor: pointer;
}


.centered {
	text-align: center;
}

ul#menu.eng {
	padding-left: 10px;
}
h3.engH3  {
	margin-bottom: 19px;
}

div.box.extended {
	padding-bottom: 33px;
}
h3.engH3 a {
	font-size: 16px;
	letter-spacing: -1px;
}

.centered {
	text-align: center;
}

form.order fieldset.download {
	padding-left: 80px;
}


form.order fieldset.download p {
	float: left;
}

input.check {
	padding-right: 10px;
	margin-right: 0;
}


p.pDl {
	float: left;
	text-align: right;
	width: 400px;
	clear: left;
}
#checkboxes p {
	margin-bottom: 5px;
	padding-left: 100px;
	width: 500px;
}

#wrapper div.box form.order input[type="text"] {
	width: 150px;
	border: 1px solid #989898;
	padding: 2px;
	color: #777;
}
	
#checkboxes p input {
	width: 11px;
	height: 15px;
	margin-right: 5px;
}

#wrapper div.answers.box a {
	padding-top: 15px;
}







#captcha, #captcha1 {height:70px;}

#captcha img, #captcha1 img {
  position:relative;
  top:7px;
  display:inline-block;
  background:#5dc71b;
  padding:3px 5px; 
  -moz-border-radius:5px;
  border-radius: 5px; 
  -webkit-border-radius: 5px;
  width:156;
  height:40;
}

#capImg{
  position:relative;
  top:6px;
  background:#5dc71b;
  padding:5px; 
  -moz-border-radius:5px; 
  border-radius: 5px; 
  -webkit-border-radius: 5px; 
  margin-bottom:10px;
  width:156;
  height:40;
}

.err {border: 1px solid red !important;}

.dl-captcha img {
	margin-left:6px !important; width: 121px; padding-bottom: 8px !important;
}

#capImgField img {
	width: 121px;
	padding-bottom: 8px !important;
}