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

/*
-------------------------------------------------------------------------------------- */

/*

* Filename:		main.css
* Description: 	global COLOR and FONT CSS
* Version:      1.0.0 (11.07.2011)
* Website:		kostadino.com
* Author:		Bojan Kostadinovic

== STRUCTURE ============================================================================

== COLORS =====


*/

html, body { font: normal 13px/18px Arial, Helvetica, sans-serif; color: #333; background: url(../img/bg/master_bg.png); }

#container { background: url(../img/bg/master_bg.png); }

/*-------------------------------------------------------------------------------------------
 TYPOGRAPHY
---------------------------------------------------------------------------------------------*/

p {	padding: 0; margin: 0  0 20px 0; }

h1,h2,h3,h4,h5,h6 { font-weight:normal; position:relative; color:#4d858d; font-family:'TitilliumMaps26L500wt' ,Arial, Helvetica, sans-serif;  }
	
h1 {font-size:24px; margin-bottom:15px; line-height:26px; clear:both; }

h2 { font-size:20px; margin-bottom:10px; line-height:24px; clear:both;}

h3, legend {font-size:18px; margin-bottom:15px; clear:both;}

h4 {font-size:16px; margin-bottom:5px; clear:both;}

h5 {font-size:14px; margin-bottom:5px; clear:both;}

h6 {font-size:13px; margin-bottom:5px; clear:both;}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{text-decoration:none;} 

a {text-decoration:none; color:#4d858d;}

a:link, a:visited {color: #4d858d;}

a:hover { color: #abb944; text-decoration:underline;}

a img { margin:0; padding:0; border:0; }


/*-------------------------------------------------------------------------------------------
 HEADER
---------------------------------------------------------------------------------------------*/

#header { background: url(../img/bg/header_bg.png) no-repeat bottom center; }

/*-------------------------------------------------------------------------------------------
 LOGO
---------------------------------------------------------------------------------------------*/

#logo a { text-indent:-9999px; background:url(../img/bg/joze_logo2.png) no-repeat top left; }

#videogallery img { float: left; margin-top: 10px; margin-left: 10px;}
#videogallery ul { list-style: none;}

/* jQuery lightBox plugin - Gallery style */
	#gallery {
		width: 600px;
	}
	#gallery ul { list-style: none; }
	#gallery ul li { display: inline; }
	#gallery ul img {
		margin-left: 10px;
		margin-top: 10px;
	}
	#gallery ul a:hover { color: #fff; }


/*-------------------------------------------------------------------------------------------
 NAVIGATION
---------------------------------------------------------------------------------------------*/

#nav_wrap { background:url(../img/bg/shadow_nav.png) no-repeat bottom center; }

#nav { background:url(../img/bg/nav_bg.png) repeat-x top left;}

#nav li a { text-decoration:none; color:#475750; }

#nav li.selected a, #nav li a:hover { color:#475750; background:#c5ded7; }

/*-------------------------------------------------------------------------------------------
 BIG BACKGROUND IMAGE
---------------------------------------------------------------------------------------------*/

#big_bg { background: url(../img/bg/big_bg.png) no-repeat top center; }

.hor_sep { background:#e5e5e5; }

#shadow { background: url(../img/bg/shadow.png) repeat-y top center; }

/*-------------------------------------------------------------------------------------------
 ANIMATION
---------------------------------------------------------------------------------------------*/

#animation { background:url(../img/bg/animation_bg.png); }

/*-------------------------------------------------------------------------------------------
 PAGE IMAGE
---------------------------------------------------------------------------------------------*/
#page_image { background:url(../img/bg/animation_bg.png); }


/*-------------------------------------------------------------------------------------------
 SMALL SIDEBAR
---------------------------------------------------------------------------------------------*/

#small_sidebar { background: url(../img/bg/joze.jpg) no-repeat top left; }

#ask { background:url(../img/bg/animation_bg.png); }

#ask h1 { font:normal 34px/36px 'TitilliumMaps26L999wt' ,Arial, Helvetica, sans-serif; color:#555; }

#ask h1 span { display:block; font:normal 14px/16px 'TitilliumMaps26L999wt' ,Arial, Helvetica, sans-serif; font-weight: bold;}

#ask a { font-size: 25px; color: #555; text-transform: none; text-decoration: none;}
#ask a:hover { text-decoration: none;}

/*-------------------------------------------------------------------------------------------
 DARJAN // INPUT
---------------------------------------------------------------------------------------------*/
.fleft { float: left; }
.fright { float: right; }
.clear { clear: both; }
.box_full ul { list-style: circle; margin-left: 25px; }

span.vprasaj { width: 220px; font-size: 11px; position: absolute; height: 60px;

color: #fff;
font-weight: normal;
padding: 5px 10px;
text-transform: none;

 }

.vprasaj p { margin: 0; padding: 0; line-height: 12px;}

/* TABLE */

.contact_table
{
	width:100%;
	border-collapse:collapse;
}
.contact_table td, .contact_table th 
{
	font-size:15px;
	border-bottom:1px solid #CCC;
	padding:15px 7px 2px 7px;
	text-align: left;
}

/* TABS */
ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	width: 100%;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px;
	line-height: 31px;
	border: 1px solid #999;
	border-left: none;
	margin-bottom: -1px;
	background: #e0e0e0;
	overflow: hidden;
	position: relative;
}
ul.tabs li a {
	text-decoration: none;
	color: #000;
	display: block;
	font-size: 1.2em;
	padding: 0 20px;
	border: 1px solid #fff;
	outline: none;
}
ul.tabs li a:hover {
	background: #ccc;
}	
html ul.tabs li.active, html ul.tabs li.active a:hover  {
	background: #fff;
	border-bottom: 1px solid #fff;
}
.tab_container {
	
	border-top: none;
	clear: both;
	float: left; 
	width: 100%;
	background: #fff;
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
}
.tab_content {
	padding: 20px;
	font-size: 1.2em;
}
.tab_content h2 {
	font-weight: normal;
	padding-bottom: 10px;
	border-bottom: 1px dashed #ddd;
	font-size: 1.8em;
}
.tab_content h3 a{
	color: #254588;
}
.tab_content img {
	float: left;
	margin: 0 20px 20px 0;
	border: 1px solid #ddd;
	padding: 5px;
}
table.zelisca { width: 100%; }
table.zelisca td { width: 50%; border-bottom: 1px solid #f0f0f0; padding: 4px 5px; }


/*-------------------------------------------------------------------------------------------
 FORM // NEWSLETTER
---------------------------------------------------------------------------------------------*/

.field { border: 0px;}

.text, .text_area {
    border-color: #e3e9ef;
	border-top-color:#abadb3;	
	color:#666;
	background:#fff;
	font-family:Arial, Helvetica, sans-serif;
}

textarea#Form_ContactForm_Comments
{ 
	color:#666;
	font-family:Arial, Helvetica, sans-serif;
	background:#fff;
	width: 268px;
	border: 1px solid #ccc;
}

#Form_ContactForm_action_SendContactForm
{
	display: block;
	background: #B3B643;
	padding: 5px 10px;
	margin-top: 4px;
	cursor: pointer;
}

.error { color: #cc0000; }

/*-------------------------------------------------------------------------------------------
 BUTTON
---------------------------------------------------------------------------------------------*/

.blue_btn { background:url(../img/bg/button-bg.png) no-repeat top left; text-align:center; line-height:35px; }

.blue_btn:hover { color:#555;}

/*-------------------------------------------------------------------------------------------
 BULLET LIST
---------------------------------------------------------------------------------------------*/

.bullet_list li { background:url(../img/bg/bullet-list.png) no-repeat center left;  }

/*-------------------------------------------------------------------------------------------
 SIDEBAR
---------------------------------------------------------------------------------------------*/

#sidebar { background:url(../img/bg/sidebar_bg.png) repeat-y; }

#sidebar_two { background:url(../img/bg/sidebar_two_bg.png) repeat-y top right;}

/*-------------------------------------------------------------------------------------------
 LINKS
---------------------------------------------------------------------------------------------*/

.links li { border-bottom:1px solid #e5e5e5; font:normal 24px/28px 'TitilliumMaps26L250wt' ,Arial, Helvetica, sans-serif; text-transform:uppercase; }

/*-------------------------------------------------------------------------------------------
 FOOTER
---------------------------------------------------------------------------------------------*/

#footer { background:#cfe8e1; color:#fff; border-top:1px solid #9bc1be; }

#footer a { color:#fff; }

.footer_list_wrap { background:#bddbd3; border-bottom:1px solid #9bc1be; border-top:1px solid #cae2dc; }

#footer_nav li { line-height:35px; font-family: 'TitilliumMaps26L500wt' ,Arial, Helvetica, sans-serif; }

#footer_nav li a { color:#555; text-decoration:none; }

#footer_nav li a:hover { text-decoration:underline;}

#additional_link_list { border-top:1px solid #d9ede7; font-size:12px; background:url(../img/bg/footer_shadow.png) repeat-x bottom left; }

#additional_link_list ul li a { text-decoration:underline; color:#555;}

#additional_link_list ul li a:hover { text-decoration:none;}

/*-------------------------------------------------------------------------------------------
 REST
---------------------------------------------------------------------------------------------*/

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.floatleft{ float:left; }

.floatright{ float:right; }

.alignleft{ float:left; margin:0px 15px 15px 0pt; }

.alignright{ float:right; margin:0px 0pt 15px 15px; }

.aligncenter{ clear:both; display:block; margin:10px auto; padding: 10px 0; }

.inline { display:inline;}

.left { font-weight: bold;}


fieldset li { list-style: none;}
fieldset li input { float: left;}
fieldset li label { float: left;}
label.left { clear: both;}
.action { padding: 5px 15px; background: #C4BD65; border:0px; border-radius: 5px; color: #fff; margin: 10px 0px; cursor: pointer; }