/*
Theme Name: Mytheme
Theme URI: http://www.dizajnzona42.hr/
Description: 
Author: Dizajn Zona 42
Version: 1.1
Tags: 
*/


      body {
		  background: #FFF url(media/bck.jpg) top center no-repeat;
        padding-top: 60px; /* 60px to make the container go all the way to the bottom of the topbar */
		font-family: 'Open Sans', sans-serif; font-weight:400; font-size:12px; line-height:18px; color:#141414;
      }
	  
	  p, h1, h2, h3, h4, h5, h6{font-family: 'Open Sans', sans-serif; font-weight:400; color:#141414;}
	  p { font-size:13px; line-height:21px}
	  h1, h2, h3, h4, h5, h6{font-weight:bold}
	  
	  .myclear{ width:100%; height:20px;}
	 
	 .foot{ background:#2C2C2C; padding:40px 0px 40px 0px; color:#FFF}
	 .foot p{font-size:11px; color:#FFF}
	 .foot2{padding:40px 0px 40px 0px;}
	 .foot2 p{ font-size:10px; color:#333333}
	  
	  /* --HEADER-- */

	#logo{width:546px; height:97px; padding-bottom:20px}
	#headerright{width:380px; height:auto;  margin-top:15px}

	/* ---SOCIAL--- */
	.social{font-size:10px}
	.social a:link, .social a:active, .social a:visited {text-decoration:none; color:#2C2C2C; -moz-border-radius:4px;-webkit-border-radius:4px;}
	.social a:hover {text-decoration:none; color:#2C2C2C;}
	.social-left{ text-align:left; padding:0px 0px 0px 0px; width:auto; height:auto;}
	.social-right{ text-align:right; padding:15px 0px 0px 0px;width:380px; height:auto;  }
	
	#facebook-icon{background: url(media/facebook-icon.png) 2px 2px no-repeat; padding:4px 6px 4px 24px; margin-right:10px}
	#facebook-icon:hover{background: #CCC url(media/facebook-icon.png) 2px 2px no-repeat; padding:4px 6px 4px 24px}
	#youtube-icon{background: url(media/youtube-icon.png) 2px 2px no-repeat; padding:4px 6px 4px 46px}
	#youtube-icon:hover{background: #CCC url(media/youtube-icon.png) 2px 2px no-repeat; padding:4px 6px 4px 46px}
	
	.search-query {-webkit-border-radius: 0px;border-radius: 0px;moz-border-radius: 0px;}
	
.well iframe{margin-bottom:12px}
	
	.well2 {
  min-height: 20px;
  padding: 19px 15px 9px 15px;
  margin-bottom: 0px;
}
.well .well2  p { font-size:13px; line-height:21px;}
.well .well2 ul{font-size:13px; line-height:21px;}
.well .well2 ul li{padding-bottom:3px;font-size:13px; line-height:21px;}

.well .well2 ol{font-size:13px; line-height:21px;}
.well .well2 ol li{padding-bottom:3px;font-size:13px; line-height:21px;}

.labels { min-height: 20px; padding: 0px; margin-bottom: 12px;}

.label-mylabel,.badge-mybadge {margin-right:5px;} /*DABE80  */
.label-mylabel2,.badge-mybadge2 {background-color: #8A96BD; margin-right:5px; color:#FFF; text-shadow: #877650}

a { color: #3F4D7A;text-decoration: none;}
a:hover {color: #3A425C; text-decoration: underline;}

	
	.well2 p{ font-size:13px; line-height:21px}
	.well2 h2{ font-size:22px; line-height:28px; padding-bottom:12px}
	
	
	#swiper1 img {
		border-bottom: 1px solid #DDD;
	}
	
	#swiper1 p {
		font-size: 10px;
		line-height: 15px;
		padding-bottom: 3px;
		margin-bottom: 3px;
	}
	
	.swiper-button-prev{
		left: 0px!important;
	}
	.swiper-button-next{
		right:0px!important;
	}
	.swiper-button-next, 
	.swiper-button-prev{
		    top: 30%!important;
	}

.btn-mybutton {
 background-color: #7888bd;
  color: #ffffff;
  background-image: -moz-linear-gradient(top, #7888bd, #3f4d7a);
  background-image: -ms-linear-gradient(top, #7888bd, #3f4d7a);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#7888bd), to(#3f4d7a));
  background-image: -webkit-linear-gradient(top, #7888bd, #3f4d7a);
  background-image: -o-linear-gradient(top, #7888bd, #3f4d7a);
  background-image: linear-gradient(top, #7888bd, #3f4d7a);
  background-repeat: repeat-x;
  
  border-color: #2f96b4 #2f96b4 #1f6377;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-top-color: #3f4d7a;
  
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#0088cc', endColorstr='#0055cc', GradientType=0);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}

.btn-mybutton:hover,
.btn-mybutton:active,
.btn-mybutton.active,
.btn-mybutton.disabled,
.btn-mybutton[disabled] {
 background-color: #3f4d7a;
}

.btn-mybutton:active,
.btn-mybutton.active {
   background-color: #24748c \9;
}

.btn-mybutton,
.btn-mybutton:hover {
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  color: #ffffff;
}	

.btn-mybutton.active {
  color: rgba(255, 255, 255, 0.75);
}
.btn-mybutton .caret {
  border-top-color: #ffffff;
  opacity: 0.75;
  filter: alpha(opacity=75);
}

.navbar-inner {
  padding-left: 2px;
  padding-right: 20px;
  background-color: #2c2c2c;
  background-image: -moz-linear-gradient(top, #3f4d7a, #3a425c);
  background-image: -ms-linear-gradient(top, #3f4d7a, #3a425c);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3f4d7a), to(#3a425c));
  background-image: -webkit-linear-gradient(top, #3f4d7a, #3a425c);
  background-image: -o-linear-gradient(top, #3f4d7a, #3a425c);
  background-image: linear-gradient(top, #3f4d7a, #3a425c);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3f4d7a', endColorstr='#3a425c', GradientType=0);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
}
.navbar .divider-vertical {
  height: 40px;
  width: 1px;
  margin: 0 9px;
  overflow: hidden;
  background-color: #14224f;
  border-right: 1px solid #3a425c;
}
.navbar .nav > li > a {
  float: none;
  padding: 10px 14px 11px 14px;
  line-height: 19px;
  font-size: 13px;
  color: #e0e0e0;
  text-decoration: none;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  font-weight:bold;
}

.navbar .nav .active > a,
.navbar .nav .active > a:hover {
  color: #ffffff;
  text-decoration: none;
  background-color: #7888BD;
}


a.thumbnail:hover {
  border-color: #7888BD;
  -webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
     -moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
          box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
}

	#mainnav{font-size:13px; line-height:13px;}
	#mainnav a:hover{text-decoration:none; color:#FFF; background: #7888BD}
	#topnav ul li a, #topnav ul li a:link, #topnav ul li a:visited{padding:7px 8px 2px 8px; font-size:11px; line-height:11px; text-decoration:none; color:#DBDBDB;border-top:3px solid #3F4D7A;}
	#topnav ul li a:hover{text-decoration:none; color:#FFF; border-top:3px solid #7888BD}
	
	
.mythumbs{ margin-right:15px; margin-bottom:10px}
.mythumbs2{ margin-right:0px; margin-bottom:10px}
.well h1{font-size:28px; line-height:36px; padding-bottom:12px}
.well h3{font-size:17px; line-height:22px; padding-bottom:12px}
.well h4{font-size:13px; line-height:21px; padding-bottom:12px}
.well h5{font-size:12px; line-height:18px; padding-bottom:12px}
.well p{font-size:12px; line-height:18px; padding-bottom:12px; margin-bottom:0}
.well {height:auto!important; overflow:hidden}	


.well .well2 h6 {
	font-size:14px; line-height:23px;  padding-bottom:0px; margin-bottom:0; font-weight:bold; text-transform:none;
padding: 8px 35px 8px 14px;
  margin-bottom: 18px;
  color: #FFF;
  background-color: #8A96BD; 
  text-shadow: 0 1px 0 #3F4D7A;
  border: 1px solid #3F4D7A;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;	
	
	}
	
	.well .excerpt h6{
	font-size:12px; line-height:18px;  padding-bottom:0px; margin-bottom:0; margin-top:0px; font-weight:bold; text-transform:none;
padding: 8px 35px 8px 14px;
  margin-bottom: 18px;
  color: #FFF;
  background-color: #8A96BD; 
  text-shadow: 0 1px 0 #3F4D7A;
  border: 1px solid #3F4D7A;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;	
	
	}
	
.well .well2 h6	a,  .well .excerpt h6 a { color: #FFF;text-decoration: underline;}
.well .well2 h6 a:hover ,  .well .excerpt h6 a:hover {color: #F0F0F0; text-decoration: underline;}
	
.well .well2 h5{font-size:13px; line-height:21px;  padding-bottom:0px; margin-bottom:0; font-weight:bold; text-transform:none;
width:30%;
float:right;
padding: 8px 35px 8px 14px;
  margin-bottom: 18px;
  margin-left:12px;
  color: #FFF;
  background-color: #8A96BD; 
  text-shadow: 0 1px 0 #3F4D7A;
  border: 1px solid #3F4D7A;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;	}

.well .well2 h5	a { color: #FFF;text-decoration: underline;}
.well .well2 h5	 a:hover {color: #F0F0F0; text-decoration: underline;}

.white {
  background-color: #fff;
}
.well .ppadd p{font-size:12px; line-height:18px; padding-bottom:12px; margin-bottom:0}

.myoffset {
  margin-left: 70px!important;
}

.carousel-control{left: -60px;}
.carousel-control.right {right: -60px;}

.centered{text-align: center;}

#upperfooter a { color: #FFF;text-decoration: none;}
#upperfooter a:hover {color: #FFF; text-decoration: underline;}

/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width: none;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000;}
#colorbox{}
    #cboxContent{margin-top:20px;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{border:5px solid #000; background:#fff;}
        #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
        #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
        #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(images/controls.png) no-repeat top left; width:28px; height:65px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:bottom left;}
        #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(images/controls.png) no-repeat top right; width:28px; height:65px; text-indent:-9999px;}
        #cboxNext:hover{background-position:bottom right;}
        #cboxLoadingOverlay{background:#000;}
        #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}
        #cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(images/controls.png) no-repeat top center; width:38px; height:19px; text-indent:-9999px;}
        #cboxClose:hover{background-position:bottom center;}
		
		
		
		/* Wordpress Image Classes */
		
.alignleft {display: block;padding: 4px;border: 1px solid #DDD; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);float: left; margin-right: 10px; margin-bottom:10px}

.alignright{display: block;padding: 4px;border: 1px solid #DDD; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);float: right; margin-left: 10px; margin-bottom:10px}

.aligncenter{padding: 4px;border: 1px solid #DDD; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);}


.carousel-inner img{ border-bottom:1px solid #DDD}
.carousel-inner p{font-size:10px; line-height:15px; padding-bottom:3px; margin-bottom:3px}
.carousel-inner h5{font-size:12px; line-height:15px; padding-bottom:3px; margin-bottom:3px}

#single42 p a{text-decoration:underline}
#single42 p a:hover{text-decoration:none}