/*
Theme Name: ZADARWEB
Description: Zadarweb Studio 2013
Version: 1.0
Author: Tomislav Stipic
Author URI: http://www.zadarweb.hr
Template: zadarweb
*/



/* General Custom CSS */
h1, h2, h3, h4, h5, h6 {
font-family: 'Monda', sans-serif !important;
font-weight: 400;
text-transform: none;
letter-spacing: -1px;
text-shadow: 0px 0px 3px rgba(150, 150, 150, 0.36);
}
.main_menu ul:first-child > li:not(#menu-item-search) a {
font-family: 'Monda', sans-serif !important;
font-weight: 400;
font-size: 14px !important;
color: #A9B9E7 !important;
text-shadow: 1px 1px 1px #000;
float: left !important;
}

div .logo {
float: left;
position: absolute;
left: 40%;
}

.main_menu {
clear: none;
position: absolute;
z-index: 100;
line-height: 30px;
height: 100%;
margin: 50px 0 0 0;
right: 22%;
}
.main_menu .menu ul {
box-shadow: 0px 7px 15px rgba(0, 0, 0, 0.3);
margin-top: -35px;
}
.menu ul li a {
background-color: #1F326C !important;
}
.menu ul li a:hover {
background-color: #2F4DA4 !important;
}


.header_color .avia-menu-fx{
	background-color:#FFF;
	}
.avia-menu-fx {
bottom: 40px;
box-shadow: 0px 0px 30px rgba(255, 255, 255, 1);
    filter:alpha(opacity=80); /* IE */
    -moz-opacity:0.8; /* Mozilla */
    opacity: 0.8; /* CSS3 */
}
.main_menu ul:first-child >li > ul {
border-top-width: 0px;
border-top-style: solid;
}

.avia-layerslider {
	padding: 10px;
}

#header_meta {
box-shadow: none;
}

#header_main {
border: none;
}
.avia-shadow {
box-shadow: none;
}
.html_stretched #wrap_all {
background: #ffffff url(http://www.duje-apartmani.com/wp-content/uploads/2013/04/back1.png) top center repeat-x !important;
}
.container_wrap {
border-top-width: 0px;
}

#top #main, #top .html_stretched #wrap_all, #top .alternate_color, #top .header_color, #top .main_color, #top .header_color div, #top #header, #top .header_color .container_wrap_meta, #top .header_color .header_bg, #top .footer_color, #top .footer_color, #top .socket_color {
background-color:rgba(255,255,255,0) !important;
}
.widgettitle {
	font-weight: 400;
	text-transform: none;
	letter-spacing: -2px;
	font-size: 20px;
}
.main_color .widget_nav_menu ul:first-child>.current-menu-item, .main_color .widget_nav_menu ul:first-child>.current_page_item {
	background-color: transparent;
	}
th {
font-weight: normal;
letter-spacing: 1px;
text-transform: none;
text-align: left;
padding: 9px 12px;
border-style: solid;
border-width: 1px;
border-left: none;
border-top: none;
}
.main_color .heading-color, .main_color h1, .main_color h2, .main_color h3, .main_color h4, .main_color h5, .main_color h6, .main_color .sidebar .current_page_item>a, .main_color .sidebar .current-menu-item>a, .main_color .pagination .current, .main_color .pagination a:hover, .main_color strong.avia-testimonial-name, .main_color .heading, .main_color .toggle_content strong, .main_color .toggle_content strong a, .main_color .tab_content strong, .main_color .tab_content strong a, .main_color .asc_count, .main_color .avia-testimonial-content strong, .main_color div .news-headline {
	color: #3A67B5;
}
.template-page .entry-content-wrapper h2 {
text-transform: none;
}

.gform_title {
	display:none;
	}
#scroll-top-link {
background-color: #3d71a1;
color: #ffffff;
}
#scroll-top-link:hover {
	background-color: #224E7D;
	color: #ffffff;
}

th {
font-weight: bold;
letter-spacing: 0px;
padding: 5px 7px;
font-size:12px;
color:#3d71a1;
}

@media screen and (max-width: 767px) and (min-width: 480px){

}

@media screen and (max-width: 479px) and (min-width: 50px){

}

@media screen and (max-width: 767px) and (min-width: 50px){
.responsive .mobile_slide_out .logo {float: none;}
.responsive .logo {height: 120px;}
.responsive .main_menu {position: absolute;}
}

@media only screen and (max-width: 967px) {

}

/*
Desktop Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the desktop view of your site */

@media only screen and (min-width: 768px) {
  /* Add your Desktop Styles here */

}



/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */

@media only screen and (max-width: 767px) {
  /* Add your Mobile Styles here */

}