@charset "utf-8";
/*  CSS Document for Samobor-turist */
/*	Client: Academia Studio	
******************************************************************************************************

Title:			main.css
Browser(s): 	IE6+ , FF2+ , OPERA 8+ , SAFARI 3 , CHROME          // Browse happy, browse with Firefox! //

Author: 		Marko Prljić (http://www.markoprljic.iz.hr)
Created: 		20.09.2008

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


/*-------------------------------DEFINE BODY PROPERTIES----------------------------------------*/
* {
	margin: 0 auto 0 auto; /* GLOBAL RESET */
	padding: 0;
}
body{
	margin: 0 auto;
	background:#fff;
	font-size: 62.5%; 
	font-family: Arial, Helvetica, Sans-Serif; 
	line-height: 150%; 
	color:#333;
}

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: 1.4em; border:none; margin:0; padding:5px 0 5px 0; }
h2 {font-size: 1.2em; border:none; margin:0; padding:5px 0 5px 0; }
h3 {font-size: 1.4em; border:none; margin:0; padding:5px 0 20px 0;}
h4 {font-size: 1.2em; border:none; margin:0; padding:5px 0 5px 0; font-style:italic; font-weight:bold; }
h5 {font-size: 1.1em; border:none; margin:0; padding:5px 0 5px 0; font-style:italic;}
h6 {font-size: 1.1em;  border:none; margin:0; border-bottom: 2px solid #D2D927; padding:4px; }
p  {font-size: 1.1em; padding:20px 0 20px 0;}
hr { width:100%; border-bottom: 1px solid #6c6c6c; border-top:none; border-left:none; border-right:none; padding:0; margin:0;}

.left{float:left; margin: 5px 5px 5px 0;}
.right{float:right; margin: 5px 0 5px 5px;}

.left_border{float:left; border:2px solid #6c6c6c; margin: 5px 5px 0 0;}
.right_border{float:right; border:2px solid #6c6c6c; margin: 5px 0 0 5px;}
.right_border_pad{float:right; border:2px solid #6c6c6c; margin: 5px 0 20px 5px;}

.mid_border{float:left; border:2px solid #DDE4EE; margin: 5px 5px 10px 0;}


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

#header {width: 100%; height: 281px; margin:0 auto; text-align:center; padding:0; background:#FFFFFF url(images/header.jpg) top center no-repeat; overflow:hidden;}

/*NAVIGATION*/

#nav{width: 100%; height:28px; background:url(images/bg_nav.jpg) top repeat-x; margin:0 auto; padding:0;} 

/* NAVIGATION PLACEHOLDER */
#nav_hld{width:960px;  margin:0 auto; text-align:center; padding:0; overflow:hidden;}

/* NAVIGATION */
ul.menu {width: 100%; height: 28px; float: left; display:inline; font-family: Arial, sans-serif; margin:0; padding: 0;}
ul.menu li {float:left; position:relative; height:16px; padding:0 0 0 8px; margin:0 20px 0 0; display:inline; }
ul.menu li a {float:left;height:16px;text-decoration: none;color: #333;font-size: 16px; font-weight: bold; padding:8px 0 0 0; display:inline; overflow:hidden;}
ul.menu li a:hover {float:left;height:16px;text-decoration: none;color: #000;font-size: 16px; font-weight: bold; background-color:#fff; padding:8px 0 0 0; display:inline; overflow:hidden;}
ul.menu li a span {position: absolute;left:-9999px;top:0;z-index:0;font-size:16px;}


/* SUB HEADER */
#sub_header{width:100%; height:100%; border: none; background:#454545; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:1.2em; color:#fff; line-height:150%;}
#sub_header_box{ width:960px; height:100%; margin:0 auto 0 auto; padding:0; text-align:left; overflow:hidden;}

/* MISC BOXES */
.box{padding:20px 0 20px 0;}
.box_2{padding:10px 0 10px 0;}
.box_3{padding:0 10px 0 10px;}


/* OTHER */
#welcome{border:1px solid #6c6c6c; margin:20px 0 10px 0; padding:5px;}

.button a { position: relative; float: right; background-color: #ffc90d; text-decoration:none; color:#333333; padding:0 4px 0 4px; font-size:0.8em; }
.button a:hover {color:#fff;}

.button_l a { position: relative; float: left; background-color: #ffc90d; text-decoration:none; color:#333333; padding:0 4px 0 4px; font-size:0.8em; }
.button_l a:hover {color:#fff;}

#gmap{width:600px; height:400px; border:1px solid #6c6c6c; margin:10px 0 10px 0;}

ul.kat_nav{
	width: 220px;
	height: 28px;
	float: right;
	display:inline;
	font-family: Arial, sans-serif;
	margin:0;
	padding: 0;
}
ul.kat_nav li {float:left; position:relative; height:14px; padding:0; margin:0 10px 0 0; display:inline; }
ul.kat_nav li a {float:left;height:14px;text-decoration: none;color: #333;font-size: 16px; font-weight: bold; padding:4px 3px 4px 3px; display:inline; overflow:hidden;}
ul.kat_nav li a:hover {float:left;height:14px;text-decoration: none;color: #000;font-size: 16px; font-weight: bold; background-color:#fff; padding:4px 3px 4px 3px; display:inline; overflow:hidden;}
ul.kat_nav li a span {position: absolute;left:-9999px;top:0;z-index:0;font-size:14px;}

.kat{width:600px; height:100%; margin:10px 0 10px 0; }

ol {width:100%; height:100%; float:left; font-family: Arial, sans-serif; margin:0 0 0 20px; padding:20px 0 20px 0; display:inline; }
ol li { list-style-type: circle; }

/*QUICK FORM*/
#forma{ width:230px; height:100%; display:inline; overflow:hidden;}
form#two {width:230px;padding:0;margin:0; float:left;}
form#two fieldset {width:230px;padding:0; font-family:Arial, Helvetica, sans-serif; margin-bottom:0.5em; border: 0; font-size: 11px; display:inline;}
form#two label {width:150px; display:block; text-align:left; padding:5px 0 5px 0; color:#333; margin:0; font-family: Arial, Helvetica, sans-serif; float:left; font-size:1.1em;}
form#two input {float:left; border:1px solid #6c6c6c; padding:4px; margin:0 0 10px 0; width:230px; overflow:hidden; background:#fff; display:inline;}
form#two select {float:left; border:1px solid #6c6c6c; height:26px; padding: 3px 3px 3px 0; margin:0 0 10px 0; width:250px; display:block; overflow:hidden; background:#fff;}
form#two option { font-family: Arial, Helvetica, sans-serif; color:#666666; padding: 3px 0 3px 0;}
form#two textarea {width:230px;height:10em;border:1px solid #6c6c6c;padding:0.5em;overflow:auto; margin:0 0 20px 0; background:#fff;}
form#two #button1{ float:left; display:inline; color:#333; padding:0; cursor:pointer; width:60px; margin:20px 0 0 0; border:1px solid #6c6c6c; font-family: Arial, Helvetica, sans-serif; font-size:1em;}
form#two #button1:hover{color:#333; background-color:#ffc90d; font-family: Arial, Helvetica, sans-serif; font-size:1em; border:1px solid #6c6c6c;}


/*CONTACT FORM */

form#three {width:600px;padding:0;margin:30px 0 50px 0; float:right;}
form#three fieldset {width:590px;padding:0; font-family:Arial, Helvetica, sans-serif; margin-bottom:0.5em; border: 0; font-size: 11px; display:inline;}
form#three label {width:550px; 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#three input {float:left; border:1px solid #6c6c6c; padding:4px; margin:0 0 15px 0; width:300px; overflow:hidden; background:#fff; display:inline;}
form#three textarea {width:537px;height:10em;border:1px solid #6c6c6c;padding:0.5em;overflow:auto; margin:0 0 20px 0; background:#fff;}
form#three #button1_1{ float:left; display:inline; color:#333; padding:0; cursor:pointer; width:60px; margin:20px 0 0 0; border:1px solid #6c6c6c; font-family: Arial, Helvetica, sans-serif; font-size:1em;}
form#three #button1_1:hover{color:#333; background-color:#ffc90d; font-family: Arial, Helvetica, sans-serif; font-size:1em; border:1px solid #6c6c6c;}




/*MAIN CONTENT*/
#content_hld{width:100%; height:100%; text-align:center; overflow:hidden; background:#FFFFFF url(images/bg_cont.jpg) top center repeat-x;}
#main_content{ width:960px; height:100%; margin:0 auto 0 auto; padding:0 0 20px 0; text-align:left;  font-family:Arial, Helvetica, sans-serif; font-size:1.2em; font-weight:normal; color:#333333; line-height:150%;}

.column{width:250px; height:100%;  padding:10px; float:right;}
.column_2{width:600px; height:100%;  padding:10px; float:left;}
.column_3{width:920px; height:100%; padding:10px;  float:left;}
.more{float:right; font-family:Arial, Helvetica, sans-serif; font-size:0.9em; font-weight:normal; font-style:italic; color:#587B9C; line-height:150%; padding:20px 0 0 0;}

.instruktor{width:600px; margin:20px 0 20px 0;}
.instruktor_stats{width:250px; float:left; display:inline; overflow:hidden;}
.highlite{background-color:#ffc90d; padding:0 4px 0 4px;}


/*FOOTER*/

#footer_links{ width:100%; height:40px; margin:0 auto; padding:0; text-align:left; overflow:hidden; background-color:#cccccc; border-top:1px solid #000000;}
#footer_links_hld{width:960px; height:40px;  margin:0 auto; text-align:left; overflow:hidden;}


/*FOOTER NAVIGATION*/

ul.botmenu {width: 600px;height: 11px;float: left;font-family: Arial, sans-serif;margin-top: 15px;padding: 0;}
ul.botmenu li {float:left;position:relative;padding-left: 8px;}
ul.botmenu li a {float:left;height:11px;text-decoration: none;color: #333;font-size: 11px; padding:0 2px 5px 2px;}
ul.botmenu li a:hover {float:left;height:11px;text-decoration: none;color: #000;font-size: 11px;font-weight: normal; background-color:#ffc90d; padding:0 2px 5px 2px;}
ul.botmenu li a span {position: absolute;left:-9999px;top:0;z-index:0;font-size:11px;}

/*COPYRIGHT AND CREDITS*/

.cc{padding:15px 0 0 0; color:#666666;}
.cc a{color:#333; text-decoration:none; padding:0;}


/*PRICE TABLE*/

.dtable {width: 600px;height: 100%;float: left;margin-top: 10px;padding:0 0 20px 0;}
table {border-collapse:collapse;}
caption {color: #333;font-size:1.2em;text-transform:uppercase; font-weight:bold;letter-spacing:0.1em;caption-side:top;text-align:left;font-family: Arial, Helvetica, sans-serif;padding:0 0 30px 0;}	
tbody tr{font-family: Arial, Helvetica, sans-serif;font-size: 1.2em;text-transform:uppercase;}						
td {color:#333;border-bottom:1px solid #6c6c6c;text-align:left;}
td.odd {color:#333;border-bottom:1px solid #6c6c6c;text-align:left; font-weight: bold; background-color:#FFFFFF;}				
th {font-weight:normal;color: #333;text-align:left;border-bottom: 1px solid #6c6c6c; width:300px;}							
thead th {	background:none;text-align:left;font:normal 1em Arial,Helvetica,sans-serif;	color:#333;width:300px;}