/*
Theme Name: Bilic Vision
Theme URI: http://www.mip-design.com/
Description: Theme designed and developed by <a href="http://www.mip-design.com/">Mip Design Studio</a>.
Version: 1.0
Author: Mip Design Studio

*/

/*---- Base ----*/

*
{
	margin: 0;
	padding: 0;
}

body
{
	margin: 0;
	padding: 0;
	text-align: center;
	background: #66a1bc url("images/bg.jpg") no-repeat 50% 0%;
	font: normal 0.75em/145% Arial, Verdana, sans-serif;
}

html
{
	color: #444;
	text-decoration: none;
}

p
{
	margin: 0px 0px 10px 0px;
	line-height: 145%;
}

.show
{
	display: block;
}

.hide
{
	display: none;
}


a
{
	outline: none;
	color: #344462;
	text-decoration: underline;
}

a:hover
{
	text-decoration: none;
}

hr
{
	border: 0;
	width: 100%;
	color: #f00;
	background-color: #ccc;
	height: 1px;
	margin: 0 0 10px 0;
}


/* Clearing method
------------------------------------------------------*/

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

.clear
{
	clear: both;
}


/* Layout
-----------------------------------------------------*/

#page-container
{
	background: url("images/bg_header.png") no-repeat 0% 0%;
	width: 958px;
	margin: 0px auto;
	text-align: left;
}

#page-header
{
	height: 141px;
	padding: 0 25px 0 25px;
}

#page-quote
{
	font: bold italic 2.4em Georgia, Times, serif;
	color: #fff;
	text-decoration: none;
	margin: 50px 0 45px 25px;
}

#page-content-container
{
	background-color: #fff;
	padding: 0 0 20px 28px;
}

#content-main
{
	width: 615px;
	float: left;
	margin: 25px 0 0 0;
}

#content-sidebar
{
	background: url("images/bg_sidebar_top.png") no-repeat 0% 0%;
	width: 276px;
	float: right;
	margin: -105px 12px 0 25px;
	position: relative;
	overflow: hidden;
	z-index: 10;
}

#content-sidebar .inner
{
	background: url("images/bg_sidebar_bottom.png") no-repeat 0% 100%;
	padding: 0 38px 20px 38px;
	min-height: 660px;
}

#footer-wrapper
{
	background: url("images/bg_footer.gif") repeat-x 0% 0%;
}

#footer-container
{
	width: 958px;
	margin: 0px auto;
	text-align: left;
	padding: 0 0 15px 0;
}


/* Page header
-----------------------------------------------------*/

#page-header h1
{
	float: left;
	width: 240px;
	height: 141px;
}

#page-header h1 a
{
	display: block;
	width: 240px;
	height: 141px;
	text-indent: -9999px;
}

.quick-links
{
	height: 44px;
	margin: 17px 0 17px 0;
	font: bold 0.9em/180% Arial, Tahoma, sans-serif;
	color: #444;
}

.quick-links a
{
	color: #444;
	padding: 0 12px 0 0;
}

.two a
{
	color: #444;
	padding: 0 0 0 12px;
}

#page-header .one
{
	width: 540px;
	float: left;
	text-align: right;
	border-right: 1px solid #c2c0ba;
}

#page-header .two
{
	width: 120px;
	float: left;
}

#page-nav
{
	list-style: none;
	float: right;
}

#page-nav li
{
	float: right;
	margin-left: 16px;
}

#page-nav li a
{
	display: block;
	font: bold 1.2em/100% Arial, Tahoma, sans-serif;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	padding: 16px 0 12px 0;
}

#page-nav li a:hover, #page-nav li.current_page_item a, #page-nav li.current_page_parent a, #page-nav li.current_page_ancestor a
{
	border-bottom: 3px solid #c4e086;
}


/* Page content container
------------------------------------------------------*/

#crumbtrail
{
	padding: 0 250px 14px 28px;
	background-color: #c4e186;
	border-bottom: 3px solid #c3d2d5;
}

#crumbtrail strong
{
	white-space:nowrap;
}


/* Page main content
------------------------------------------------------*/

#content-main h2
{
	font: normal 1.8em Arial, Tahoma, sans-serif;
	color: #444;
	text-decoration: none;
	padding: 0 0 5px 0;
	margin: 0 0 15px 0;
	border-bottom: 1px solid #ccc;
}

#content-main h3
{
	font: normal 1.5em/130% Arial, Tahoma, sans-serif;
	color: #444;
	text-decoration: none;
	margin: 18px 0 5px 0;
}

#content-main h2.action-lasik { border: none; margin: -10px 0 5px -43px; }
#content-main h2.action-lasik a { display: block; width: 702px; height: 130px; text-indent: -9999px; background: url("images/btn_akcija_lasik.png") no-repeat 0% 0%; }
#content-main h2.action-lasik a:hover { background-position: 0% 100%; }

#content-main h2.obljetnica-15-god { border: none; width: 702px; margin: -10px 0 5px -43px; padding: 0; height: 130px; background: url("images/bg_15god_obljetnica.png") no-repeat 0% 0%; }
#content-main h2.obljetnica-15-god a { display: block; float: right; margin-right: 20px; width: 135px; height: 130px; text-indent: -9999px; background: url("images/btn_akcija_lasik_15god.png") no-repeat 0% 0%; }
#content-main h2.obljetnica-15-god a:hover { background-position: 0% 100%; }

#content-main h2.lasik-30-posto { border: none; width: 702px; margin: -10px 0 5px -43px; padding: 0; height: 130px; }
#content-main h2.lasik-30-posto a { display: block; width: 702px; height: 130px; text-indent: -9999px; background: url("images/bg_30posto_lasik.png") no-repeat 0% 0%; }
#content-main h2.lasik-30-posto a:hover { background-position: 0% 100%; }

#content-main h3 a
{
	font-weight: normal;
}

#content-main address
{
	background: url("images/bg_highlight.png") no-repeat 0% 100%;
	padding: 15px 329px 30px 42px;
	margin: 0 -329px 10px -42px;
	border-zop: 1px solid #93c2ec;
	overflow: hidden;
	font: normal 1.5em/140% Arial, Tahoma, sans-serif;
	color: #13435a;
}

#content-main ul
{
	margin: 10px 0 10px 0;
	list-style-type: none;
}

#content-main ul li
{
	background: url("images/icon_arrow_blue.gif") no-repeat 0px 5px;
	padding-left: 12px;
}

#content-main ol
{
	margin: 10px 0 10px 16px;
}

#content-main img
{
	border: 1px solid #ccc;
	padding: 4px;
}

#content-main p
{
	_text-align: justify;
}

#content-main .alignleft
{
	float: left;
	margin: 3px 15px 10px 0;
}

#content-main .alignright
{
	float: right;
	margin: 3px 0 10px 15px;
}

#content-main .wp-caption-text
{
	font: bold italic 0.9em/120% Georgia, Times, serif;
	color: #0a5f78;
	text-align: center;
	margin: 0;
	padding: 4px 5px 4px 5px;
	border-bottom: 1px solid #0a5f78;
}

#content-main a
{
	font-weight: bold;
}



/* Page content - highlight posts
------------------------------------------------------*/

#highlight-posts
{
	background: url("images/bg_highlight.png") no-repeat 0% 100%;
	padding: 0 329px 13px 0;
	margin: 0 -329px 15px -42px;
	border-top: 1px solid #93c2ec;
	position: relative;
	overflow: hidden;
	min-height: 200px;
	top: 0;
	left: 0;
	z-index:1;
}

#highlight-posts .inner { margin: 0 -328px 0 0; border: 5px solid #fff; height: 320px; overflow: hidden; }
#content-main #highlight-posts img { border: 0; padding: 0; }

.intro{
	position:absolute;
	left: 42px;
}

.slideme{
	position:relative;
}
.slide1{
	z-index:1;
}
.slider_container{
	position:absolute;
	width:650px;
}

.notactive{
	visibility:hidden;
}

#content-main #highlight-posts h3
{
	font: normal 1.5em/130% Arial, Tahoma, sans-serif;
	color: #0c4460;
	margin: 0 0 10px 0;
}

#content-main #highlight-posts h3 a
{
	font-weight: normal;
	color: #0c4460;
}

#highlight-posts img
{
	float: left;
	border-color: #6c94af;
	background-color: #fff;
	margin: 3px 20px 10px 0;
	padding: 5px;
}

#highlight-posts ul
{
	list-style: none;
	margin-left: 0;
}

#highlight-posts ul li
{
	background: url("images/icon_arrow_blue.gif") no-repeat 0px 6px;
	padding-left: 20px;
}


#content-main #highlight-posts a.detail
{
	display: block;
	float: right;
	width: 92px;
	background: url("images/icon_more_detail.png") no-repeat 0% 0%;
	font: bold 1.0em Arial, Tahoma, sans-serif;
	color: #fff;
	text-decoration: none;
	text-align: center;
	margin: 10px 0 0 0;
	padding: 5px 0 10px 0;
}

#content-main #highlight-posts a.detail:hover
{
	color: #000;
}


/* Page content - home posts
------------------------------------------------------*/

#home-posts 
{
	margin: 0 0 15px 0;
}

#home-posts .post-item
{
	width: 295px;
	float: left;
	margin: 10px 0 10px 0;
}

#home-posts .alternate
{
	float: right;
}

#home-posts .post-item img
{
	display: block;
	margin: 0 0 10px 0;
}

#content-main #home-posts h3
{
	font: normal 1.5em Arial, Tahoma, sans-serif;
	color: #444;
	margin: 0 0 10px 0;
}

#content-main #home-posts h3 a
{
	font-weight: normal;
	color: #444;
}

#content-main #home-posts a.detail
{
	display: block;
	width: 92px;
	background: url("images/icon_more_detail.png") no-repeat 0% 0%;
	font: bold 1.0em Arial, Tahoma, sans-serif;
	color: #fff;
	text-decoration: none;
	text-align: center;
	margin: 10px 0 0 0;
	padding: 5px 0 15px 0;
}

#content-main #home-posts a.detail:hover
{
	color: #000;
}


/* Page content - testimonials
------------------------------------------------------*/

#content-main .review-item { border-bottom: 1px solid #ccc; margin-bottom: 0px; padding-bottom: 15px; }
#content-main .review-item img { float: left; margin: 3px 15px 3px 0; }


/* Page content - search posts
------------------------------------------------------*/

#content-main .search-item
{
	border-bottom: 1px solid #ccc;
	margin-bottom: 10px;
	padding-bottom: 5px;
}

#content-main .search-item h3
{
	font: normal 1.5em Arial, Tahoma, sans-serif;
	color: #444;
	margin: 0 0 10px 0;
}

#content-main .search-item h3 a
{
	font-weight: normal;
	color: #638628;
}


/* Sidebar
------------------------------------------------------*/

#content-sidebar h2
{
	font: normal 1.8em Georgia, Timesserif;
	color: #4d4c4c;
	text-decoration: none;
	margin: 10px 0 5px 0;
	padding: 0 0 20px 0;
	background: url("images/bd_sidebar_h2.png") no-repeat 50% 100%;
}

#content-sidebar h2 span
{
	display: block;
	background: url("images/icon_health.png") no-repeat 0% 50%;
	padding: 10px 0 10px 45px;
}

#content-sidebar h3
{
	font: normal 1.6em/110% Georgia, Timesserif;
	color: #4d4c4c;
	text-decoration: none;
	text-align: center;
	margin: 15px 0 0 0;
	padding: 0 0 20px 0;
	background: url("images/bd_sidebar_h2.png") no-repeat 50% 100%;
}

#content-sidebar .item
{
	padding: 0 0 5px 0;
}

#content-sidebar #testimonials
{
	background: url("images/bg_sidebar_testimonial.png") no-repeat 0% 100%;
	margin-left: -28px;
	width: 256px;
	border-top: 1px solid #e2d7cd;
	position: relative; 
}

#content-sidebar #testimonials div
{
	padding: 10px 28px 15px 28px;
}

#content-sidebar #testimonials div p
{
	padding: 0;
}

#content-sidebar .item .testimonial em
{
	display: block;
	text-align: right;
	font-weight: bold;
	margin-top: 5px;
}

#content-sidebar .item .search-box
{
	width: 195px;
	margin-bottom: 10px;
}

#content-sidebar .item .search-box input
{
	width: 165px;
	color: #777;
	background: url("images/icon_search.gif") no-repeat 2% 50%;
	border: 1px solid #cecece;
	padding: 5px 4px 5px 30px;
}

#content-sidebar ul
{
	list-style: none;
}

#content-sidebar li
{
	background: url("images/icon_arrow_green.gif") no-repeat 0px 6px;
	margin: 0;
	padding: 3px 0 3px 15px;
	xborder-bottom: 1px solid #e8e8e8;
}

#content-sidebar #side-nav li
{
	background: none;
	padding: 0;
}

#content-sidebar li a
{
	font: normal 1.1em Arial, Tahoma, sans-serif;
	color: #444;
	text-decoration: none;
}

#content-sidebar #side-nav li a
{
	background: url("images/icon_arrow_green.gif") no-repeat 0px 6px;
	font: normal 1.1em Arial, Tahoma, sans-serif;
	color: #444;
	text-decoration: none;
	display: block;
	padding: 3px 5px 4px 15px;
}

#content-sidebar #side-nav li.current_page_item a
{
	background: #eef5dc url("images/icon_arrow_green.gif") no-repeat 19px 6px;
	font: bold 1.0em Arial, Tahoma, sans-serif;
	color: #000;
	text-decoration: none;
	margin: 0 -19px 0 -19px;
	padding-left: 34px;
	padding-right: 15px;
}


/* Tables and forms
------------------------------------------------------*/

table td { vertical-align: top; }
#content-main .wpcf7-list-item { display: block; width: 95%; clear: both; margin: 0 0 3px 0; }
#content-main .wpcf7-list-item input { float: left; }
#content-main td label { display: block; margin: 3px 10px 5px 0; }
#content-main input.text { font: normal 1.2em Arial, Tahoma, sans-serif; color: #454545; padding: 2px; margin: 0 0 5px 0; width: 220px; }
#content-main textarea { font: normal 1.2em Arial, Tahoma, sans-serif; color: #454545; padding: 2px; margin: 0 0 5px 0; width: 99%; height: 130px; }

#content-main  input.submit
{
	display: block;
	float: right;
	width: 92px;
	background: url("images/icon_more_detail.png") no-repeat 0% 0%;
	font: bold 1.0em Arial, Tahoma, sans-serif;
	color: #fff;
	text-decoration: none;
	text-align: center;
	margin: 5px 0 0 0;
	padding: 5px 0 10px 0;
	border: none;
	cursor: pointer;
}

#content-main  input.submit:hover
{
	color: #000;
}

/* Footer
------------------------------------------------------*/

#footer-content
{
	background: url("images/bg_footer_top.png") no-repeat 0% 0%;
}

#footer-content .inner
{
	display: block;
	background: url("images/bg_footer_bottom.png") no-repeat 0% 100%;
	padding: 45px 25px 20px 25px;
}

#footer-info
{
	width: 440px;
	float: left;
}

#footer-contact
{
	width: 450px;
	float: right;
}

#footer-content h3
{
	font: normal 1.6em Arial, Tahoma, sans-serif;
	color: #444;
	text-decoration: none;
	padding: 7px 0 20px 50px;
	margin: 0 0 15px 0;
}

#footer-info h3
{
	background: url("images/icon_foot_where.png") no-repeat 0% 0%;
}

#footer-contact h3
{
	background: url("images/icon_foot_help.png") no-repeat 0% 0%;
}

#footer-info img
{
	display: block;
	float: left;
	margin: 3px 15px 10px 0;
	padding: 4px;
	background-color: #fff;
	border: 1px solid #c4c4c4;
}

#footer-contact fieldset
{
	border: none;
}

#contact-form
{
	border-left: 1px solid #c7c7c7;
	padding-left: 20px;
}

#footer-contact fieldset em
{
	width: 170px;
	float: left;
}

#footer-contact fieldset label
{
	display: block;
	width: 168px;
	font: bold 0.9em Arial, Tahoma, sans-serif;
	color: #444;
	margin: 0 0 2px 0;
	padding: 0 0 0 2px;
}

#footer-contact fieldset input
{
	display: block;
	width: 155px;
	font: normal 1.0em Arial, Tahoma, sans-serif;
	margin: 0 0 7px 0;
	padding: 5px;
	border: 1px solid #b7b7b7;
}

#footer-contact fieldset input.submit
{
	display: block;
	float: right;
	width: 92px;
	background: url("images/icon_more_detail.png") no-repeat 0% 0%;
	font: bold 1.0em Arial, Tahoma, sans-serif;
	color: #fff;
	text-decoration: none;
	text-align: center;
	margin: 5px 0 0 0;
	padding: 5px 0 10px 0;
	border: none;
	cursor: pointer;
}

#footer-contact fieldset input.submit:hover
{
	color: #000;
}

#footer-contact fieldset label.msg
{
	float: right;
	width: 238px;
}

#footer-contact fieldset textarea
{
	float: right;
	width: 230px;
	height: 115px;
	_height: 120px;
	font: normal 1.0em Arial, Tahoma, sans-serif;
	margin: 0 0 7px 0;
	padding: 5px;
	border: 1px solid #b7b7b7;
}


#footer-nav
{
	margin: 10px 0 0 0;
	text-align: center;
	color: #b6cfd7;
}

#footer-nav p
{
	margin: 0 0 5px 0;
}

#footer-nav a
{
	font: bold 0.9em Arial, Tahoma, sans-serif;
	color: #b6cfd7;
	text-decoration: underline;
}

#footer-nav a:hover
{
	text-decoration: none;
}

#footer-nav p a
{
	font: bold 0.9em Arial, Tahoma, sans-serif;
	color: #cbe9f2;
	text-decoration: none;
	text-transform: uppercase;
	padding: 0 10px 0 10px;
}

#footer-nav p a:hover
{
	color: #fff;
}


/* Online reservations */

#online-reservation-lnk { padding: 46px 0 30px 170px; }
#online-reservation-lnk a { display: block; text-indent: -9999px; width: 340px; height: 53px; background: url("images/lnk_online_reservation.png") no-repeat 0% 0%; }
#online-reservation-lnk a:hover {background-position: 0% 100%; }

#content-sidebar .online-reservation
{
	display: block;
	background: url("images/banners/online_reservation.png") no-repeat 0% 100%;
	margin-left: -28px;
	width: 256px;
	height: 122px;
	text-indent: -9999px;
	position: relative; 
}



/* Forms */

#content-main .submit-form { border: 1px solid #efefef; background-color: #f3f3f3; margin: 30px 0 15px 0; padding: 20px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }

#content-main .submit-form fieldset { display: block; border: 1px solid #dfdfdf; padding: 0 15px 15px 15px; margin: 0 0 15px 0; }
#content-main .submit-form fieldset legend { font-weight: bold; text-transform: uppercase; padding: 0 5px 0 5px; }
#content-main .submit-form fieldset input { border: 1px solid #ddd; padding: 3px; width: 250px; }
#content-main .submit-form fieldset input.required { border-color: #ff0000; }
#content-main .submit-form fieldset input.default { border-color: #ddd; }
#content-main .submit-form fieldset select { border: 1px solid #ddd; padding: 3px; width: 400px; }
#content-main .submit-form fieldset label.lbl { display: block; width: 100px; float: left; padding-top: 4px;  }
#content-main .submit-form fieldset span { display: block; float: left; width: 400px; 
}
#content-main .submit-form fieldset textarea { border: 1px solid #ddd; padding: 3px; width: 530px; height: 100px; }
#content-main .submit-form fieldset .checkbox { border: none; padding: 0; width: 15px; margin: 5px 8px 0 0; }

#content-main #message { padding: 10px 0 10px 150px; background: url("images/mail_send.png") no-repeat 24px 5px; }
#content-main #message h3 { margin-top: 0; margin-bottom: 15px; }