/*

Theme Name: Guideline BL
Theme URI: http://www.guidelinebl.com
Author: Dejan Djuric
Author URI: http://dejandjuric.com
Description: Wordpress tema za sajt Guideline BL
Version: 1.0
License: GNU General Public License
License URI: license.txt
Tags: dj, scena, bih

*/


/* Reset CSS */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
ol,ul,li {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}

/*Pocetak mog CSS-a*/

body {
	font-family: Arial, Helvetica, sans-serif;
	color: #322d2d;
	font-size: 12px;
	}
	
body a {
	text-decoration: none;
	color: #036a99;
	}
	
	body a:hover {
		text-decoration: underline;
		}
	
	
	#kontejner {
		width: 100%;
		position: absolute;
		z-index: 1;		
		}
		
		#backslika {
		position: absolute;
		width: 100%;
		min-height: 1000px;
		background-image: url(img/slide_slika.png);
		background-position: top center;
		background-repeat: no-repeat;
		background-size: 100% auto;
		opacity: 0.2;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
		filter: alpha(opacity=20);
		-moz-opacity:0.2;	
		-khtml-opacity: 0.2;
		}
		
		#content {
			width: 1000px;
			min-height: 631px;
			margin-left: auto;
			margin-right: auto;
			background-image: url(img/slide_slika.png);
			background-repeat: no-repeat;
			background-position: top center;
			}
			
			#content_over {
				background-image: url(img/header_cover.png);
				background-repeat: no-repeat;
				width: 1000px;
				min-height: 579px;
				}
				
			#header_top {
				width: 960px;
				height: 33px;
				padding: 7px 20px 0px 20px;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 11px;
				color: #fff;
				}
				
				#header_top a {
					color: #d50812;
					text-decoration: none;
					}
					
				#header_top a:hover {
					text-decoration: underline;
					}
				
				#header_top_l {
					width: 430px;
					float: left;
					}
					
					#header_top_l img {
						float: left; 
						}
						
					#header_top_l h1 {
						margin-top: 6px;
						padding-left: 32px;
						}
				
				#header_top_d {
					width: 430px;
					float: right;
					padding-top: 5px;
					}
		
		#header {
			width: 960px;
			padding: 0px 20px 0px 20px;
			}
			
			#logo {
				float: left;
				width: 315px;
				height: 93px;
				background-image: url(img/guideline_logo.png);
				background-repeat: no-repeat;
				margin-top: 10px;
				}
				
				#logo h1 {
					width: 315px;
					height: 93px;
					text-indent: -10000px;
					}
					
					#logo h1 a {
						display: block;
						width: 315px;
						height: 93px;
						}
				
			#header_r {
				text-align: right;
				width: 400px;
				float: right;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 11px;
				color: #fff;
				margin-top: 33px;
				}
				
				#header_r a {
					color: #324d44;
					font-size: 13px;
					text-decoration: none;
					}
					
					#header_r li {
						display: inline;
						margin-left: 5px;
						}
					
				#header_r a:hover {
					text-decoration: underline;
					}
					
				#header_r input {
					width: 198px;
					height: 23px;
					background-image: url(img/pretraga_bck.png);
					background-repeat: no-repeat;
					background-color: transparent;
					border: 0;
					font-size: 11px;
					color: #fff;
					padding-left: 10px;
					margin-top: 10px;
					}
					
				#meni {
					width: 976px;
					height: 37px;
					background-color: #006898;
					margin-left: auto;
					margin-right: auto;
					margin-top: 114px;
					padding-left: 20px;
					padding-top: 6px;
					}
					
					#meni li {
						display: inline;
						background-image: url(img/li_bck.png);
						background-repeat: no-repeat;
						background-position: left 1px;
						padding-left: 10px;
						margin-left: 10px;
						}
						
						#meni li
	{
	position:relative;
	min-height: 1px;		/* Sophie Dennis contribution for IE7 */
	vertical-align: bottom;		/* Sophie Dennis contribution for IE7 */
	}

#meni ul ul
	{
	position:absolute;
	z-index:500;
	top:auto;
	left: 0px;
	display:none;
	padding: 7px 13px;
	margin:0 0 0 0em;
	background-color: #006898;
	}

#meni ul ul ul
	{
	top:0;
	left:100%;
	}

div#meni li:hover
	{
	cursor:pointer;
	z-index:100;
	}
					
			div#meni li:hover ul ul,
div#meni li li:hover ul ul,
div#meni li li li:hover ul ul,
div#meni li li li li:hover ul ul
{display:none;}

div#meni li:hover ul,
div#meni li li:hover ul,
div#meni li li li:hover ul,
div#meni li li li li:hover ul
{display:block;}

.sub-menu {
	text-align: left !important;
	width: 180%;
	}
	
	.sub-menu a {
		text-transform: none !important;
		font-size: 16px !important;
		color: #fff !important;
		}
		
		.sub-menu a:hover {
			color: #000 !important;
		}
	
	.sub-menu li {
		margin-left: 0 !important;
		display: block !important;
		border-bottom: 1px solid #025c85;
		margin-right: 5px !important;
		margin-bottom: 5px;
		background-image: none !important;
		padding-bottom: 3px;
		}
					
					#meni a {
						font-family: 'Lobster', cursive;
						font-size: 21px;
						color: #fff;
						text-decoration: none;
						}
						
						#meni a:hover {
							color: #87be3c;						
							}
							
				#navigo {
					margin-top: 140px;
					height: 86px;
					}
				
				#navig_caption {
					opacity: 0.5;
					-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
					filter: alpha(opacity=50);
					-moz-opacity:0.5;	
					-khtml-opacity: 0.5;
					background-color: #fff;
					width: 464px;
					height: 86px;
					-webkit-border-top-right-radius: 20px;
					-webkit-border-bottom-right-radius: 20px;
					-moz-border-radius-topright: 20px;
					-moz-border-radius-bottomright: 20px;
					border-top-right-radius: 20px;
					border-bottom-right-radius: 20px;
					 }
					 
					 #tekst_caption {
						 position: relative;
	 					 top: -72px;
						 width: 410px;
						 margin-left: 25px;
						 color: #000;
						 font-size: 11px;						 			
						 }
						 
						 #tekst_caption h1 {
							 font-family: Calibri;
							 font-size: 24px;
							 color: #069;
							 font-style: italic; }
				
				#navigo_strelice_bck {
					opacity: 0.5;
					-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
					filter: alpha(opacity=50);
					-moz-opacity:0.5;	
					-khtml-opacity: 0.5;
					background-color: #fff;					
					-webkit-border-top-left-radius: 20px;
					-webkit-border-bottom-left-radius: 20px;
					-moz-border-radius-topleft: 20px;
					-moz-border-radius-bottomleft: 20px;
					border-top-left-radius: 20px;
					border-bottom-left-radius: 20px;
					width: 92px;
					height: 86px;
					position: relative;
					margin-left: 906px;
					margin-top: -136px;
					}
					
					#navigo_strelice {
						position: relative;
						margin-left: 929px;
						margin-top: -64px;
						}
						
		#sadrzaj {
			width: 910px;
			background-image: url(img/content_bck.png);
			background-repeat: no-repeat;
			background-position: top center;
			min-height: 348px;
			margin-left: auto;
			margin-right: auto;
			position: relative;
			margin-top: -136px;
			background-color: #fff;
			-webkit-border-top-left-radius: 20px;
			-webkit-border-top-right-radius: 20px;
			-moz-border-radius-topleft: 20px;
			-moz-border-radius-topright: 20px;
			border-top-left-radius: 20px;
			border-top-right-radius: 20px;
			padding: 20px;
			}
			
				#triboksa {
					width: 910px;
					height: 143px;
					margin-bottom: 10px;
					}
					
				#boks {
					float: left;
					padding: 10px;
					background-image: url(img/plavi_boks.png);
					background-repeat: no-repeat;
					width: 276px;
					height: 123px;
					color: #fff;
					font-size: 16px;
					line-height: 18px;
					}
					
					#boks a {
						color: #fff;
						text-decoration: none;
						font-style: italic;
						}
						
						#boks a:hover {
							text-decoration: underline;
							}
					
					#boks img {
						float: left;
						margin-right: 10px;
						border: 1px solid #fff;
						height: 89px;
						}
					
					#boks h1 {
						font-family: 'Lobster', cursive;
						font-size: 18px;
						line-height: normal;
						margin-bottom: 3px;
						}
						
						#boks h1 a {
							font-style: normal !important;
							}
					
						.sredina {
						margin-left: 10px;
						margin-right: 10px;				
						}
						
						.ponudaslika {
							float: left;
							margin-right: 5px;
							width: 100px;
							height: 100px;
							}
						
						.boksslika {
							width: 130px;
							height: auto;
							}
						
					#obooking {
						background-image: url(img/online_booking.png);
						width: 640px;
						height: 40px;
						color: #283B0E;
						padding-left: 260px;
						padding-top: 10px;
						padding-right: 10px;
						margin-bottom: 10px;
						}
						
						#obooking a {
							color: #d50812;
							text-decoration: none;
							font-style: italic;
							}
							
							#obooking a:hover {
								text-decoration: underline;
								}
								
					#sadrzaj_l {
						float: left;
						width: 630px;
						}
						
						#sadrzaj_l h1 {
							width: 620px;
							height: 35px;
							background-color: #dddddd;
							-webkit-border-radius: 10px;
							-moz-border-radius: 10px;
							border-radius: 10px;
							font-family: 'Lobster', cursive;
							font-size: 20px;
							color: #322d2d;
							margin-bottom: 10px;
							padding-top: 5px;
							padding-left: 10px;							
							}
							
					#ponuda_boks {
						width: 210px;
						height: 100px;
						float: left;
						margin-bottom: 10px;
						}
						
					#ponuda_tekst {
						width: 90px;
						float: right;
						}
						
						#ponuda_boks a:hover {
							text-decoration: underline;
							}
							
					#baneri_sredina {
						width: 630px;
						height: 80px;
						background-color: #f2f2f2;
						-webkit-border-radius: 10px;
						-moz-border-radius: 10px;
						border-radius: 10px;
						margin-bottom: 10px;
						}
						
						.novosti_naslovna {
							width: 150px;
							height: auto;
							float: left;
							margin-right: 10px;
							margin-bottom: 10px;
							}
						
						#baner468 {
							float:left;
							width: 468px;
							height: 60px;
							margin-top: 10px;
							margin-left: 15px;
							}
						
						#baner120 {
							float: right;
							width: 120px;
							height: 60px;
							margin-top: 10px;
							margin-right: 15px;
							}
							
					#novost_naslovna {
						width: 630px;
						height: 100px;
						}						
						
						#novost_naslovna h1 {
							font-size: 18px;
							font-family: Arial, Helvetica, sans-serif;
							color: #322d2d;
							width: auto;
							height: auto;
							background-color: transparent;
							padding: 0;
							margin: 0;
							}
							
							#novost_naslovna a:hover {
								text-decoration: underline;
								}
								
								#novost_naslovna a {
									text-decoration: none;
									}
							
							#novost_naslovna h1 a {
								color: #322d2d;
								text-decoration: none;
								}
								
								#novost_naslovna h1 a:hover {
									text-decoration: underline;
									}
									
					.datum {
						color: #878787;
						font-size: 11px;
						margin-bottom: 5px;
						}
						
						.saznaj_novost {
							float: right;
							font-size: 11px;
							color: #D50812;
							}														
							
					.ponuda_naslov {
						font-size: 18px;
						color: #322d2d;
						text-decoration: none;
						}
						
					.ponuda_vise {
						font-size: 11px;
						color: #d50812;
						text-decoration: none;
						}
					
					#sadrzaj_d {
						float: right;
						width: 270px;
						}
						
						#sadrzaj_d h1 {
							width: 260px;
							height: 35px;
							background-color: #dddddd;
							-webkit-border-radius: 10px;
							-moz-border-radius: 10px;
							border-radius: 10px;
							font-family: 'Lobster', cursive;
							font-size: 20px;
							color: #322d2d;
							margin-bottom: 10px;
							padding-top: 5px;
							padding-left: 10px;							
							}
							
						#facebooklike {
							width: 250px;
							margin-left: auto;
							margin-right: auto;
							margin-top: -10px;
							margin-bottom: 10px;
							}
							
						#widget-in {
							width: 250px;
							margin-left: auto;
							margin-right: auto;
							}
							
						.velikaslikapost {
							max-width: 200px;
							height: auto;
							float: right;
							margin-left: 10px;
							margin-bottom: 5px;
							}
							
							.alignleft {
								float: left;
								margin-right: 10px;
								}
							
						#post-unutrasnja p {
							margin-bottom: 15px;
							}
							
						.post li {
							background-image: url(img/li_bck.png);
							background-repeat: no-repeat;
							background-position: left 4px;
							padding-left: 10px;
							margin-left: 10px;
							margin-bottom: 10px;
							}
							
					#post-unutrasnja h2 a {
						font-family: 'Lobster', cursive;
						font-size: 20px;
						color: #322d2d;}
					
					.post h2 a {
						font-family: 'Lobster', cursive;
						font-size: 20px;
						color: #322d2d;
						}
						
						#datum {
							font-size: 11px;
							padding-bottom: 3px;
							}
							
							#kategorija {
								font-size: 11px;
								padding-bottom: 3px;
								border-bottom: 1px solid #ccc;
								margin-bottom: 15px;
								}
								
			#tabela {
				width: 630px;
				}
				
				#tabela p {
					margin: 0 !important;
					}
			
			#tabela td {
				border: 1px solid #ccc;
				padding: 3px;
				}
				
			.gallery-icon {
				float: left;
				margin-right: 7px;
				margin-bottom: 7px;
				}
							
			#footer {
				width: 100%;
				height: 169px;
				background-image: url(img/footer_bck.png);
				background-repeat: repeat-x;
				margin-top: 20px;
				}
				
				#footer_in {
					margin-left: auto;
					margin-right: auto;
					background-image: url(img/footer_in_bck.png);
					background-repeat: no-repeat;
					width: 930px;
					height: 169px;
					}
					
					#footer_meni {
						float: left;
						font-family: Arial, Helvetica, sans-serif;
						font-size: 13px;
						margin-left: 350px;
						padding-top: 25px;
						}
						
						#footer_meni li {
							background-image: url(img/li_bck.png);
							background-repeat: no-repeat;
							background-position: left 5px;
							padding-left: 10px;
							}
						
						#footer_meni a {
							color: #fff;
							text-decoration: none;
							}
							
							#footer_meni a:hover {
							text-decoration: underline;
							}
							
						#copy {
							float: right;
							font-size: 12px;
							color: #b6e0f4;
							text-align: right;
							margin-right: 30px;
							margin-top: 63px;
							}
							
							#copy a {
								text-decoration: none;
								color: #013249;
								}
								
								#copy a:hover {
								text-decoration: underline;
								}
								
		.visual-form-builder fieldset {
			background-color: #fff !important;
			border-radius: 0px !important;
			border: none !important;
			margin: 10px 0 !important;
			clear: both; }