/*



Theme Name: Hotel Vidovic

Theme URI: http://hotelvidovic.com/

Author: BLMEDIA

Author URI: http://blmedia.ba

Description: Wordpress tema za sajt http://hotelvidovic.com/

Version: 1.0

License: GNU General Public License

License URI: license.txt

Tags: vidovic, hotel



*/



/* Reset CSS */



@charset 'UTF-8';



html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure,  footer, header, hgroup, menu, nav, section, summary,

time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; }

body { line-height:1; }

article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section { display:block; }

nav ul { list-style:none; }

blockquote, q { quotes:none; }

blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }

a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }

ins { background-color:#ff9; color:#000; text-decoration:none; }

mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }

table { border-collapse:collapse; border-spacing:0; }

hr { display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0;}

input, select { vertical-align:middle; }



/* Pocetak CSS */



body, html {

	width: 100%;

	height: 100%;

	background-color: #f7f7e6;

	}



body {

	font-family: 'Open Sans', sans-serif;

	font-size: 16px;

	color: #000;

	background-image: url(img/pozadina.jpg);

	background-repeat: no-repeat;

	background-position: center center;

	background-attachment: fixed;

	background-size: 100% auto;

	}

	

	#unutrasnja {

		background-image: none;

		} 

	

	body a {

		color: inherit;

		text-decoration: none;

		}

		

		body a:hover {

			text-decoration: underline;

			}

			

	#header {

		width: 100%;

		height: 30px;

		background-color: #00a1cf;

		}

		

	#header-in {		

		width: 100%;

		height: 30px;

		background-color: transparent;

		}

	

	#social {

		padding: 7px 0 0 10px;

		float: left;

		}

		

		#social img {

			margin-right: 5px;

			}

			

	#logo {

		background-image: url(img/hotel_logo.png);

		background-repeat: no-repeat;

		width: 199px;

		height: 105px;

		display: block;

		position: absolute;

		top: 100px;

		left: 40px;

		}

		

		#logo a {

			width: 199px;

			height: 105px;

			display: block;

			text-indent: -10000px;

			}

	

	#info {

		font-size: 13px;

		float: right;

		padding: 7px 10px 0 0;

		}

		

		#info img {

			float: left;

			margin-right: 5px;

			}

	

	#meni {

		width: 100%;

		height: 40px;

		background-color: rgba(223,7,51,0.9);

		text-align: center;

		font-size: 15px;

		color: #fff;

		text-transform: uppercase;

		}

		

		#meni ul {

			padding-top: 11px;

			}

		

		#meni li {

			display: inline;

			margin-right: 5px;

			background-image: url(img/li_bck.png);

			background-repeat: no-repeat;

			background-position: 0 8px;

			padding-left: 5px;

			}

			

	#post-unutrasnja {

		line-height: normal;

		width: 70%;

		position: absolute;

		min-height: 400px;

		left: 260px;

		top: 100px;

		}

		

		#post-unutrasnja h2 {

			color: #e11d36;

			font-size: 22px;

			text-transform: uppercase;

			margin-bottom: 5px;

text-align: center;

width: 58%;

			}

		

		#post-unutrasnja p {

			margin-bottom: 15px;

			}

			

		.alignleft {

			float: left;

			margin-right: 10px;

			margin-bottom: 5px;

			}

			

		.alignright {

			float: right;

			margin-bottom: 5px;

			margin-left: 10px;

			} 		

		

	#clear {

		clear: both;

		}

		

	#floatl {

		float: left;

		width: 57%;

		margin-right: 3%;

		margin-bottom: 10px;
		
		text-align: justify;

		}

		

	#rezervacija {

		float: left;

		width: 40%;	

		}

		

	form.visual-form-builder {

		margin: 0 !important;

		}

		

	#sendmail {

				cursor: pointer !important;

				padding: 8px 20px !important;

				background-color: rgba(223,7,51,0.9) !important;

				color: #fff !important;

				font-size: 13px !important;

				text-transform: uppercase !important;

				border: none !important;

				}

		

	.vfb-item input, .vfb-item textarea, .vfb-item select {

		box-shadow: none !important;

		background-color: rgba(225,31,69,0.20) !important;

		border: none !important;		

	-webkit-border-radius: 20px !important;

	-moz-border-radius: 20px !important;

	border-radius: 20px !important;

	min-height: 25px !important;

		}

	

		

		.visual-form-builder li {

			padding: 0px 1% 9px !important;

			}

		

		.vfb-item select {

			min-height: 31px !important;

			padding-left: 5px !important;

			padding-right: 5px !important;

			width: 115px !important;

			}

		

	label.vfb-desc {

		font-weight: normal !important;

		}

		

	.visual-form-builder .vfb-legend h3 {

		font-size: 22px !important;

		line-height: normal !important;

		margin-bottom: 5px !important;		

		}

		

	.visual-form-builder fieldset {

				background-color: transparent !important;

				border-radius: none !important;

				border: 0px !important;

				margin: 0 !important;

				clear: both;

				}								

				

				.visual-form-builder .vfb-legend {

				color: #e11d36 !important;

				margin: 0px !important;

				text-transform: uppercase !important;

				}

				

				.visual-form-builder ul {

					margin: 0px !important;

					}

					

				textarea.vfb-large {

				height: 9em !important;

				}

				

				.visual-form-builder label, label.vfb-desc {

					text-transform: uppercase !important;

					font-size: 11px !important;

					}

				

				.vfb-text, .vfb-textarea {

					padding: 3px 5px !important;

					}

				

				.visual-form-builder .vfb-legend {

				margin: 5px 14px;

				padding: 0 6px;

				color: #990000;

				font-size: inherit;

				border: none !important;

				}

				

	#galerija-float {

		position: absolute;

		left: -170px;

		top: 134px;

		}

		

	#galerija-float dl {

		float: none !important;

		}

				

	.gallery dt {

		width: 100px;

		height: 100px;

		}

	

	.gallery-item {

		float: left;

		margin: 0px 10px 10px 0;

		padding: 0;

		width: 100px;

		height: 100px;

		}

		

		.gallery br {

			display: none;

			}

		

		.gallery-item img {

			float: left;

			width: 100px;

			height: auto;

			}

			

		.gallery {

			margin-top: 10px;

			}



	#dobrodosli {

		width: 237px;

		height: 98px;

		position: absolute;

		bottom: 0;

		background-image: url(img/dobrodosli.png);

		background-repeat: no-repeat;

		left: 50%;

		margin-left: -119px;

		}
		
		#welcome {

		width: 237px;

		height: 98px;

		position: absolute;

		bottom: 0;

		background-image: url(img/welcome.png);

		background-repeat: no-repeat;

		left: 50%;

		margin-left: -119px;

		}



