body{
   font-family: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
   font-size:11px;
   color:#F4F2F3;
   margin:0 auto;
    }
	
html{
	background:url(../images/seaview.jpg) top center repeat;
	}
	
	@font-face{
font-family:'Segoe UI';
src: url('../fonts/segoeui.ttf') format('opentype');
}

	
.clearfloat{
   clear:both;
   line-height:0px;
   height:0px;
   font-size:0px;
}
hr{
   font-size:0px;
   line-height:0px;
   height:1px;
   padding:0px;
   margin:0px;
   color:#163e55;
   border:0px;
   margin-left:50px;
  
}
strong{
   font-weight:bold;
}

.borderimg{
border: 1px solid #163e55; 
margin: 3px; 
padding: 3px;
}

.borderimg1{
border: 1px solid #163e55; 
margin: 5px; 
padding:5px;
}
a{
   color:#3f85b9;
   text-decoration:none;
}
a:hover{
   color:#252525;
   text-decoration:underline;
}
button{
 /* text-indent:-9999px;*/
  border:none;
}
button:hover{
   background-position: left bottom;
   cursor:pointer;
  
}
#wrapper1{
   margin:0 auto;
   width:979px;
  
}


.kod{
	width:198px;
    height:436px;
	background:url(../images/kod.jpg) left top no-repeat;	
	float:left;
	padding-top:10px;
}
.red1index{
	width:979px;
    height:139px;
	float:left;
	margin:0 auto;
	/*font-family:Tahoma, Geneva, sans-serif;
	color:#bbc0c6;
    font-size:14px;
	text-align:center;	
	padding-top:10px;*/
	
	
}
.red11index{
	width:497px;
    height:139px;
	background:url(../images/maska_01.jpg) left top no-repeat;	
	float:left;
	margin:0 auto;
	/*font-family:Tahoma, Geneva, sans-serif;
	color:#bbc0c6;
    font-size:14px;
	text-align:center;	
	padding-top:10px;*/
	
	
}
.red12index{
	width:118px;
    height:119px;
	background:url(../images/maska_02.jpg) left top no-repeat;	
	float:left;
	margin:0 auto;
	font-family:"Segoe UI";
	color:#000000;
    font-size:25px;
	font-style:normal;
	font-weight:normal;
	text-align:left;
	padding-top:20px;
	
	
}
.red12index a{	
	color:#000000; 	
}
.red12index a:hover{	
	color:#0072bc;
	text-decoration:underline;
} 

.red13index{
	width:117px;
    height:119px;
	background:url(../images/maska_03.jpg) left top no-repeat;	
	float:left;
	margin:0 auto;
	font-family:"Segoe UI";
	color:#000000;
    font-size:25px;
	font-style:normal;
	font-weight:normal;
	text-align:left;
	padding-top:20px;
	
	
}

.red13index a{	
	color:#000000; 	
}
.red13index a:hover{	
	color:#0072bc;
	text-decoration:underline;
} 

.red14index{
	width:137px;
    height:119px;
	background:url(../images/maska_04.jpg) left top no-repeat;	
	float:left;
	margin:0 auto;
	font-family:"Segoe UI";
	color:#000000;
    font-size:25px;
	font-style:normal;
	font-weight:normal;
	text-align:left;
	padding-top:20px;
	position:relative;
            z-index:1001;
	
	
}

.red14index a{	
	color:#000000; 	
}
.red14index a:hover{	
	color:#0072bc;
	text-decoration:underline;
} 

.red15index{
	width:110px;
    height:119px;
	background:url(../images/maska_05.jpg) left top no-repeat;	
	float:left;
	margin:0 auto;
	font-family:"Segoe UI";
	color:#000000;
    font-size:25px;
	font-style:normal;
	font-weight:normal;
	text-align:left;
	padding-top:20px;
	
	
}
.red15index a{	
	color:#000000; 	
}
.red15index a:hover{	
	color:#0072bc;
	text-decoration:underline;
} 


.red2index{
	width:979px;
    height:387px;
	background:url(../images/maska_06.jpg) left top no-repeat;
	float:left;
	margin:0 auto;
	
}
.red3index{
	width:979px;
    height:350px;
	
	float:left;
	margin:0 auto;
	
}
.red31index{
	width:167px;
    height:82px;
	background:url(../images/maska_07.jpg) left top no-repeat;
	float:left;
	margin:0 auto;
	font-family:"Segoe UI";
	color:#ffffff;
    font-size:20px;
	font-style:normal;
	text-align:left;
	padding-top:268px;
	padding-left:70px;
	
	
}
.red31index a{	
	color:#ffffff; 	
}
.red31index a:hover{	
	color:#bbc0c6;
	text-decoration:underline;
} 
.red32index{
	width:168px;
    height:82px;
	background:url(../images/maska_08.jpg) left top no-repeat;
	float:left;
	margin:0 auto;
	font-family:"Segoe UI";
	color:#ffffff;
    font-size:20px;
	font-style:normal;
	text-align:left;
	padding-top:268px;
	padding-left:85px;
	
}
.red32index a{	
	color:#ffffff; 	
}
.red32index a:hover{	
	color:#bbc0c6;
	text-decoration:underline;
} 
.red33index{
	width:165px;
    height:82px;
	background:url(../images/maska_09.jpg) left top no-repeat;
	float:left;
	margin:0 auto;
	font-family:"Segoe UI";
	color:#ffffff;
    font-size:20px;
	font-style:normal;
	text-align:left;
	padding-top:268px;
	padding-left:87px;
	
}
.red33index a{	
	color:#ffffff; 	
}
.red33index a:hover{	
	color:#bbc0c6;
	text-decoration:underline;
} 
.red34index{
	width:152px;
    height:82px;
	background:url(../images/maska_10.jpg) left top no-repeat;
	float:left;
	margin:0 auto;
	font-family:"Segoe UI";
	color:#ffffff;
    font-size:20px;
	font-style:normal;
	text-align:left;
	padding-top:268px;
	padding-left:85px;
	
}

.red34index a{	
	color:#ffffff; 	
}
.red34index a:hover{	
	color:#bbc0c6;
	text-decoration:underline;
} 
.red4index{
	width:979px;
    height:51px;
	
	float:left;
	margin:0 auto;
	
}

.red41index{
	width:460px;
    height:36px;
	background:url(../images/maska_11.jpg) left top no-repeat;
	float:left;
	margin:0 auto;
	font-family:Tahoma, Geneva, sans-serif;
	color:#e3e3e3;
    font-size:17px;
	text-align:left;
	padding-left:30px;
	padding-top:15px;
	
}
.red41index a{	
	color:#6d9e33;
	font-family:"Segoe UI";
	font-weight:bold;
}
.red41index a:hover{	
	color:#bbc0c6;
	text-decoration:underline;
} 

.red42index{
	width:459px;
    height:36px;
	background:url(../images/maska_12.jpg) left top no-repeat;
	float:left;
	margin:0 auto;
	font-family:Tahoma, Geneva, sans-serif;
	color:#e3e3e3;
    font-size:17px;
	text-align:left;
	padding-left:30px;
	padding-top:15px;
	
}


.specijalna{
	width:501px;
	height:150px;
   	float:left;
	margin:0 auto;
	
}



.internal{
	width:979px;
   	float:left;
	margin:0 auto;
	background:url(../images/back.jpg) left top repeat;
}

.red1internal{
	width:979px;
   	float:left;
	margin:0 auto;
	
}

.red2internal{
	width:954px;
	height:26px;
	background:url(../images/maska-in_06.jpg) left top no-repeat;
   	float:left;
	margin:0 auto;
	font-family:"Segoe UI";
	color:#be2831;
    font-size:16px;
	font-style:normal;
	text-align:right;
	padding-right:25px;
	padding-top:18px;
	
	
}

.red2internal a{	
	color:#be2831;
	font-family:"Segoe UI";
	
}
.red2internal a:hover{	
	color:#000;
	text-decoration:underline;
} 


.internal-l{
	width:237px;
   	float:left;
	margin:0 auto;
	
}
.red1-in{
	width:197px;
	height:36px;
	float:left;
	margin:0 auto;
	background:url(../images/maska-in_01.jpg) left top no-repeat;
	font-family:"Segoe UI";
	color:#be2831;
    font-size:20px;
	font-style:normal;
	text-align:left;
	padding-left:40px;
	padding-top:60px;
	
}
.nav{
	width:237px;
   	float:left;
	margin:0 auto;
	
}
.red11-in{
	width:187px;
	height:20px;
	float:left;
	margin:0 auto;
	background:url(../images/back-nav.jpg) left top no-repeat;
	font-family:Verdana, Geneva, sans-serif;
	color:#000000;
    font-size:15px;
	font-style:normal;
	text-align:left;
	padding-left:50px;
	padding-top:2px;
	
}

.red11-in a{	
	color:#000000; 	
}
.red11-in a:hover{	
	color:#000000;
	text-decoration:underline;
}

.komak1{
	width:194px;
    height:350px;
	background:url(../images/komak_01.jpg) left top no-repeat;
	float:left;
	margin:0 auto;
	
}

.komak2{
	width:195px;
    height:350px;
	background:url(../images/komak_02.jpg) left top no-repeat;
	float:left;
	margin:0 auto;
	
}

.komak3{
	width:195px;
    height:350px;
	background:url(../images/komak_03.jpg) left top no-repeat;
	float:left;
	margin:0 auto;
	
}

.komak4{
	width:201px;
    height:350px;
	background:url(../images/komak_04.jpg) left top no-repeat;
	float:left;
	margin:0 auto;
	
}

.komak5{
	width:194px;
    height:350px;
	background:url(../images/komak_05.jpg) left top no-repeat;
	float:left;
	margin:0 auto;
	
}

h2{
	float:left;
	margin:0 auto;
	font-family:"Segoe UI";
	font-size:24px;
	font-style:normal;
	padding-top:57px;
	padding-left:24px;
	}
	
	.komak{
		font-family:Verdana, Geneva, sans-serif;
		font-size:14px;
		font-weight:normal;
		margin-top:97px;
		margin-left:33px;
		line-height:20px;
		color:#333;
		text-align:left;
		}
		
		.komak-det{
	font-family:"Segoe UI";
	color:#ffffff;
    font-size:18px;
	font-style:normal;
	text-align:left;
	margin-top:115px;
	margin-left:46px;
	    }
		
		.komak-det a{	
	color:#ffffff; 	
        }
		
    .komak-det a:hover{	
	color:#bbc0c6;
	text-decoration:underline;
        } 
	

.internal-r{
	width:742px;
   	float:left;
	margin:0 auto;
	
}



.internal-r1{
	width:742px;
    height:74px;
	background:url(../images/maska-in_02.jpg) left top no-repeat;	
	float:left;
	margin:0 auto;
	  
	
}

.internal-r2{
	width:692px;
   	float:left;
	margin:0 auto;
	font-family:Verdana, Geneva, sans-serif;
	color:#000;
    font-size:15px;
	text-align:left;
	padding-left:50px;
	
	
}
.internal-r3{
	width:175px;
    height:44px;
	background:url(../images/maska-in_05.jpg) left top no-repeat;	
	float:left;
	margin:0 auto;
	font-family: Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#e3e3e3;
    font-size:15px;
	text-align:right;
	padding-top:37px;
	padding-right:30px;  
	
}
.internal-r4{
	width:190px;  
	background:url(../images/maska-in_06.jpg) left top repeat;	
	float:left;
	margin:0 auto;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#163e55;
    font-size:15px;
	text-align:left;	
	padding-left:15px; 
	 
	
}
.internal-r5{
	width:205px;
	 height:31px;
	/*height:34px;*/
   	background:url(../images/maska-in_08.jpg) left top repeat;	
	float:left;
	margin:0 auto;
	color:#163e55;
    font-size:15px;
	text-align:left;
	
	
}




.textu {
	width:623px;
   	float:left;
	margin:0 auto;
	background:url(../images/text-bg.jpg) left top no-repeat;	
	font-family:Georgia, "Times New Roman", Times, serif;	
	color:#3D3D3D;
    font-size:15px;
	line-height:16px;
   
	padding-left:50px;
	padding-right:50px;
	padding-top:30px;
	padding-bottom:30px;
	   
	min-height:495px;
	
	}
	
.textual{
   width:620px;
 
   font-family:Georgia, "Times New Roman", Times, serif;
   color:#000;
   text-align:left;
   font-size:14px;   
   float:left;
   line-height:15px;
   margin-left:50px;
  
  
}
		
		
.text_end {
	width:723px;
    height:23px;
	float:left;
	margin:0 auto;
	background:url(../images/nova-in_15.jpg) left top no-repeat;
	
	}

	
.parola{
  position:absolute;
  left:90px;
  top:175px;
}
.topMenu{
  position:absolute;
  top:0px;
  right:21px;
  width:455px;
  height:20px;
  padding-top:2px;
  background:url(../images/top-menu-bg.gif) right no-repeat;
}
.topMenu ul{
  float:left;
}
.topMenu li{
  float:left;
  width:auto;
  margin-right:11px;
}
.topMenu a{
  font-size:12px;
  color:#fff;
  font-weight:bold;
}
.topMenu a:hover{
  color:#dbdbdb;
}
.topMenu form.search{
  float:left;
}
.topMenu input{
  float:left;
  width:121px;
  height:15px !important;
  border:0px;
  border:none;
  background:url(../images/search-input-bg.gif) left 2px no-repeat;
  line-height:12px;
  padding-left:3px;
  padding-top:2px;
}
#flash{
  position:absolute;
  right:21px;
  top:24px;
}

/* menu */
#menuWrapper{
  width:991px;
  height:58px;
  background:url(../images/content-shadow-bg.png) top center repeat-y;
  padding-left:21px;
  padding-top:2px;
}
#menu{
  float:left;
  width:950px;
  height:48px;
  background:url(../images/menu-bg.jpg) no-repeat;
  padding-top:5px;
  padding-bottom:5px;
  padding-left:20px;
}


#footer{
   float:left;
   margin:0 auto;
   width:100%;
   background:url(../images/seaview-f.jpg) bottom center no-repeat;
   
}

.footerContent{
float:none;
width:979px;
margin:0 auto;
}

.footer1{
   float:left;
   margin:0 auto;
   width:305px;
   height:31px;
   font-family:Tahoma, Geneva, sans-serif;
    background:url(../images/footer_01.jpg) top no-repeat;
	color:#432108;
    font-size:20px;
	text-align:left;
	padding-left:12px;
	padding-top:30px;
	
	
  }
  
  .footer2{
   float:left;
   margin:0 auto;
   width:547px;
   height:31px;
   font-family:Tahoma, Geneva, sans-serif;
    background:url(../images/footer_02.jpg) top no-repeat;
	color:#432108;
    font-size:20px;
	text-align:left;
	padding-left:100px;
	padding-top:30px;
	
	
  }

 .footer3{
   float:left;
   margin:0 auto;
   width:177px;
   height:266px;
    background:url(../images/footer_03.jpg) top no-repeat;
   font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
   font-weight:bold;
	color:#432108;
    font-size:14px;
	line-height:31px;
	text-align:left;
	padding-left:12px;
	padding-top:13px;
	
	
  }
  
  .footer3 a{	
	color:#432108; 	
}
.footer3 a:hover{	
	color:#bc9a80;
	text-decoration:none;
}
   .footer4{
   float:left;
   margin:0 auto;
   width:183px;
   height:266px;
    background:url(../images/footer_04.jpg) top no-repeat;
   font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
   font-weight:bold;
	color:#432108;
    font-size:14px;
	line-height:31px;
	text-align:left;
	padding-left:22px;
	padding-top:13px;
	
	
  }
  .footer4 a{	
	color:#432108; 	
}
.footer4 a:hover{	
	color:#bc9a80;
	text-decoration:none;
}
  
  
  
 .footer5{
   float:left;
   margin:0 auto;
   width:548px;
   height:266px;
    background:url(../images/footer_05.jpg) top no-repeat;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
   font-weight:bold;
	color:#432108;
    font-size:14px;
	line-height:31px;
	text-align:left;
	padding-left:22px;
	padding-top:13px;
  }
  
  
  .footer5 a{	
	color:#432108; 	
}
.footer5 a:hover{	
	color:#bc9a80;
	text-decoration:none;
}










a:active
{
  outline: none;
}

/* KONTAKT */
.contact-left{
  float:left;
  width:320px;
  margin-top:20px;
  padding-left:40px;
}
.contact-right, .contactForm{
   float:left;
   width:440px;
   margin-top:20px;
}
.contact-right span{
   margin-left:60px;
   padding-bottom:10px;
   font-style:italic;
   margin-top:10px;
   float:left;
}
form.contactForm{
  float:left;
  margin:0px;
  padding:0px;
}
.contactForm label{
  float:left;
  width:160px;
  text-align:right;
  padding-right:4px;
  padding-top:4px !important;
}
.contactForm input{
  float:left;
  width:170px;
  margin-bottom:4px;
  background:#f9f9f9;
  border:solid 1px #6eb5f7;
  font-size:12px;
}
.contactForm textarea{
  float:left;
  width:250px;
  height:120px;
  overflow:auto;
  background:#f9f9f9;
   border:solid 1px #6eb5f7;
   font-size:12px;
}
.contactBt{
  float:right;
  width:63px;
  height:17px;
  cursor:pointer;
 
  border:0px;
  border:none;
  text-indent:-9999px;
  margin-right:23px;
  margin-top:4px;
  background:url(../images/posaljiBt.jpg) left top no-repeat;
 
}
.contactBt:hover{
  background:url(../images/posaljiBt.jpg) left bottom no-repeat;
}

.contact-left h2 {
	font-size:18px;
	padding: 5px 0 5px 0;
	font-weight: bold;
	color:#ffb400;
}

.contact-left h3{
	font-size:14px;
	padding: 5px 0 5px 0;
	font-weight: bold;
}
.contact-left h3 span{
    color:#0972d7;
}
.contact-left p {
	padding: 5px 0 5px 0;
	font-weight: bold;
}
.contact-left p a{
	color:#0972d7;
	font-weight: bold;
	text-decoration:none;
}
.contact-left p a:hover{
	color:#ffb400;
	font-weight: bold;
	text-decoration:none;
}


/*END KONTAKT*/


	
	
	/*----------------------*/

/* The Nivo Slider styles */

#slider_box{ width:946px; height:216px; margin-top:-3px; margin-bottom:15px;background:url(../images/bg_img.png) 0 0 no-repeat; padding:3px 0 0 0}

#slider{ position:relative; width:925px; height:216px; z-index:88;overflow:hidden;}

/* If an image is wrapped in a link */

.nivoSlider a.nivo-imageLink {position:absolute;top:0px;left:0px;width:100%;height:100%;border:0;padding:0;	margin:0;z-index:60;display:none;}

/* The slices in the Slider */

.nivo-slice {display:block;	position:absolute;z-index:50;height:100%;}



/* Direction nav styles (e.g. Next & Prev) */

.nivo-directionNav a {	position:absolute; bottom:-34px;	z-index:99;	cursor:pointer;text-indent:-5000px; width:30px; height:30px;  display:block;}

.nivo-prevNav { right:135px; background:url(../images/marker_left.gif) no-repeat}

.nivo-prevNav:hover{ background:url(../images/marker_left_active.gif) no-repeat}

.nivo-nextNav {right:10px; background:url(../images/marker_right.gif) no-repeat}

.nivo-nextNav:hover{ background:url(../images/marker_right_active.gif) no-repeat}



/* Control nav styles (e.g. 1,2,3...) */

.nivo-controlNav{ position: absolute;z-index:99; right:14px; bottom:21px;}

.nivo-controlNav a {position:relative;z-index:99;cursor:pointer; text-indent:-5000px; width:16px; height:16px; float:left; margin-right:6px; background:url(../images/buttons.png) right 0 no-repeat}

.nivo-controlNav a.active { background-position:left}



/* Caption styles */

.nivo-caption { padding-top:77px; height:270px; width:345px;position:absolute; top:0px; right:20px; color:#fff; z-index:99;}

.nivo-caption .box{ display:inline-block; background:url(../images/dugme.png) no-repeat; font:19px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; line-height:30px; text-align:center; font-weight:normal; width:111px; height:36px; margin-right:10px;letter-spacing: 0px;}

.nivo-caption .text1{ font:25px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; font-weight:bold; display:inline-block; line-height:1.2em; margin-top:-7px;}

.nivo-caption .text2{ font:25px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#e4e4e4; font-weight:bold; display:block; line-height:1.2em; margin-top:70px; margin-left:-60px; letter-spacing:10px;}

.nivo-caption .text3{ font:24px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#e4e4e4; font-weight:bold; display:block; line-height:1.2em; margin-top:70px; margin-left:-30px; letter-spacing:2px;}

.nivo-caption p{ font-size:12px; color:#fff; line-height:14px; font-weight:bold; padding-top:8px;}

.nivo-caption a{ display:inline-block; position:absolute; left:0; bottom:60px; background:url(../images/button-bg.png) 0 0 no-repeat; font:40px Arial, Helvetica, sans-serif; line-height:60px; padding-bottom:3px; text-align:center; width:194px; color:#fff; text-decoration:none;  letter-spacing:-2px;}

.nivo-caption a:hover{ background-position:bottom}



.color1 p{ color:#454545}

.nivo-caption .color1 .text1{ font-size:30px; display:block; color:#454545; margin-top:0}

.nivo-caption .color1 .text2{ color:#3b3b3b; display:inline-block; letter-spacing:-3px}

.nivo-caption .color1 .box{ margin-right:0px; margin-top:7px; margin-left:7px}


/*lightbox*/

.section{ border: 0px solid #3d3d33; margin-left:10px;   padding: 1.5em 0.7em; }

.thumbnail{

	padding: 3px 3px 3px 3px;

	background-color: #EBEBED;

	border: 1px solid #0035A3;

	float:left;

	margin-right: 15px;

	margin-bottom: 15px;

	}
	
	/*specijalna ponuda*/
.rasprodaja{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 19px;
	color: #000000;
	text-decoration: none;
	font-weight: bold;	
	}
	/*.rasprodaja:hover
	{
		color:#00954D;
		
		}*/
		
		.rasprodaja1{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #000000;
	text-decoration: none;
	font-weight: bold;	
	}
	.rasprodaja1:hover
	{
		color:#000;
		
		}
		
			.rasprodaja2{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 40px;
	color: #000000;
	text-decoration: none;
	font-weight: bold;	
	}
	.rasprodaja2:hover
	{
		color:#000;
		
		}
		
		.rasprodaja3{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #ddf039;
	text-decoration: none;
	font-weight:normal;

	}
	
	.rasprodaja4{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	text-decoration: none;
	font-weight:bold;
	}
	
	.rasprodaja4c{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #C00;
	text-decoration: none;
	font-weight:bold;
	}
			
.cena{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 23px;

	color:#C00;

	text-decoration: none;
	font-weight: bold;	
	}
	.izdavajamo{
		width:205px;
		height:156px;
		margin:0 auto;
		float:left;		
		}
		
		.izleti{
		width:205px;
		height:164px;
		margin:0 auto;
		float:left;		
		}
		
		#impres{
   
   width:979px;
   height:20px;
   text-align:center;  
   margin:0 auto;
   font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#216991;
	text-decoration: none;
   
}
#weather2umbrella_weatherbox_parent{
	float:left;
width:750px;}
#weather2umbrella_weatherbox_parent #weather2umbrella_weatherbox div{
	float:left;
    margin-left: 20px;
margin-top:10px;}

.tags  { padding: 10px 3px 10px 15px; font-size: 13px; color: #e3e3e3; background:#00954d; text-align:center;}

.tags a{
	color: #e3e3e3;
	
	}
.tags a:hover{
	color: #e3e3e3;
	text-decoration:underline;
	
	}
.tags  span { margin-right: 10px; display: inline-block; }

.tags  span.highlights6 { font-size: 11px;line-height:120%;}

.tags  span.highlights2 { font-size: 19px;line-height:120%; }

.tags  span.highlights3 { font-size: 24px;line-height:120%;}

.tabelab{
	width:600px;
	line-height:17px;
 	/*border:1px solid #000;*/
	margin-left:50px;
	padding:0px;	
	}
	
	.tabelab1{
	width:650px;
	line-height:22px;
 	/*border:1px solid #000;*/
	
	margin-left:5px;
	padding:1px;	
	}
	
.tabelab  td{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
	color:#009;
	/*border-bottom:1px solid #000;
	border-right:1px solid #000;*/
	}
	
.tabelab1 td{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	text-align:center;
	color:#009;
	padding:5px;
	/*border-bottom:1px solid #000;
	border-right:1px solid #000;*/
	}
	td.cena{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 23px;

	color:#C00;

	text-decoration: none;
	font-weight: bold;
	/*border-bottom:1px solid #000;
	border-right:1px solid #000;*/
	}
	
	td.rasprodaja{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 19px;
	color: #000000;
	text-decoration: none;
	font-weight: bold;	
	}
	
	td.rasprodaja4{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	text-decoration: none;
	font-weight:bold;
	}
	
	
	.tabelab{
	width:400px;
	line-height:20px;
	margin-left:0px;
	}
	
	.tabelab  td{
	font-family:Verdana, Helvetica, sans-serif;
	font-size:14px;
	text-align:center;
	color:#000;
	border-bottom:1px solid #000;
	border-right:1px solid #000;
	}
	
	
	
	.tabelab1{
	width:630px;
	line-height:20px;
	}
	
	.tabelab1 td{
	font-family:Verdana, Helvetica, sans-serif;
	font-size:14px;
	text-align:center;
	color:#000;	
	border-bottom:1px solid #000;	
	border-right:1px solid #000;


	}	
	.tabelab2{
	width:500px;
	line-height:20px;
	}
	
	.tabelab2 td{
	font-family:Verdana, Helvetica, sans-serif;
	font-size:14px;
	text-align:center;
	color:#000;	
	border-bottom:1px solid #000;	
	border-right:1px solid #000;


	}
	
	.tabelab3{
	width:200px;
	line-height:20px;
	}
	
	.tabelab3 td{
	font-family:Verdana, Helvetica, sans-serif;
	font-size:14px;
	text-align:center;
	color:#000;	
	border-bottom:1px solid #000;	
	border-right:1px solid #000;


	}
	
	.tabelab4{
	width:300px;
	line-height:20px;
	}
	
	.tabelab4 td{
	font-family:Verdana, Helvetica, sans-serif;
	font-size:14px;
	text-align:center;
	color:#000;	
	border-bottom:1px solid #000;	
	border-right:1px solid #000;


	}
		
		.ime{
			color:#6d9e33;
			font-family:"Segoe UI";
	    	font-size:20px;
			font-style:normal;
			text-align:left;
	
			}
	
		
	.contact-form {
    margin-top: 20px;
    padding-bottom: 50px;
    text-align: left;
}

.contact-form h4 {
    margin-top: 25px;
    padding: 0 20px;
    font-family: 'Droid Sans', Helvetica, Arial, sans-serif;
    font-size: 16px;
    color: #5d5d5d;
    text-transform: uppercase;
    text-shadow: 0 1px 0 rgba(255,255,255,.7);
}

.contact-form p {
    padding: 0 20px;
    line-height: 28px;
    font-size: 16px;
}

.contact-form {
    padding: 10px 0;
}

.contact-form p {
    margin-top: 15px;
}

.contact-form form {
    margin-top: 25px;
    padding: 0 20px;
}

.contact-form form input, .contact-form form textarea {
    width: 90%;
    height: 24px;
    border: 1px solid #ddd;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    color: #888;
    font-size: 13px;
    font-style: italic;
}

.contact-form form input:focus, .contact-us form textarea:focus {
    border: 1px solid #bbb;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.contact-form form textarea {
    height: 160px;
}

.contact-form form button {
    width: 120px;
    height: 30px;
    margin-top: 15px;
    background: #888681;
    border: 0;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-size: 13px;
    color: #fff;
    -moz-box-shadow:
        0 1px 25px 0 rgba(0,0,0,.08) inset,
        0 -1px 25px 0 rgba(0,0,0,.08) inset;
    -webkit-box-shadow:
        0 1px 25px 0 rgba(0,0,0,.08) inset,
        0 -1px 25px 0 rgba(0,0,0,.08) inset;
    box-shadow:
        0 1px 25px 0 rgba(0,0,0,.08) inset,
        0 -1px 25px 0 rgba(0,0,0,.08) inset;
    -o-transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -ms-transition: all .3s;
}

.contact-form form button:hover {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.contact-form form button:active {
    -moz-box-shadow:
        0 5px 10px 0 rgba(0,0,0,.15) inset,
        0 -1px 25px 0 rgba(0,0,0,.05) inset;
    -webkit-box-shadow:
        0 5px 10px 0 rgba(0,0,0,.15) inset,
        0 -1px 25px 0 rgba(0,0,0,.05) inset;
    box-shadow:
        0 5px 10px 0 rgba(0,0,0,.15) inset,
        0 -1px 25px 0 rgba(0,0,0,.05) inset;
}

.contact-form form label {
    margin-top: 10px;
    font-size: 16px;
}

.contact-us form input:-moz-placeholder, .contact-us form textarea:-moz-placeholder { color: #ccc; }
.contact-us form input:-ms-input-placeholder, .contact-us form textarea:-ms-input-placeholder { color: #ccc; }
.contact-us form input::-webkit-input-placeholder, .contact-us form textarea::-webkit-input-placeholder { color: #ccc; }

.span7{width:540px;}

.label,.badge{display:inline-block;padding:2px 4px;font-size:11.844px;font-weight:bold;line-height:14px;color:#ffffff;vertical-align:baseline;white-space:nowrap;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);background-color:#999999;}
.label{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
.badge{padding-left:9px;padding-right:9px;-webkit-border-radius:9px;-moz-border-radius:9px;border-radius:9px;}
a.label:hover,a.badge:hover{color:#ffffff;text-decoration:none;cursor:pointer;}
.label-important,.badge-important{background-color:#b94a48;}
.label-important[href],.badge-important[href]{background-color:#953b39;}
.label-warning,.badge-warning{background-color:#f89406;}
.label-warning[href],.badge-warning[href]{background-color:#c67605;}
.label-success,.badge-success{background-color:#468847;}
.label-success[href],.badge-success[href]{background-color:#356635;}
.label-info,.badge-info{background-color:#3a87ad;}
.label-info[href],.badge-info[href]{background-color:#2d6987;}
.label-inverse,.badge-inverse{background-color:#333333;}
.label-inverse[href],.badge-inverse[href]{background-color:#1a1a1a;}
.btn .label,.btn .badge{position:relative;top:-1px;}
.btn-mini .label,.btn-mini .badge{top:0;}
	
	
	/* ----- Media queries ----- */

@media (min-width: 980px) and (max-width: 1200px) {

    .flex-caption {
        max-width: 700px;
    }

    .what-we-do .service p, .portfolio .work p {
        padding-left: 10px;
        padding-right: 10px;
    }

    .call-to-action-text {
        padding-bottom: 30px;
    }

    .call-to-action-text .ca-text {
        padding: 0 35px;
    }

    .call-to-action-text .ca-button {
        margin-top: 10px;
    }

}

@media (min-width: 768px) and (max-width: 979px) {

    .header ul.nav li a {
        padding: 15px 20px 15px 20px;
        font-weight: normal;
        text-align: left;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
    }

    .header ul.nav li.current-page a {
        padding-top: 15px;
    }

    .header ul.nav li a i, .header ul.nav li a br {
        display: none;
    }

    .flex-caption {
        max-width: 500px;
    }

    .what-we-do .service p, .portfolio .work p {
        padding-left: 10px;
        padding-right: 10px;
    }

    .call-to-action-text {
        padding-bottom: 30px;
    }

    .call-to-action-text .ca-text {
        padding: 0 35px;
    }

    .call-to-action-text .ca-button {
        margin-top: 10px;
    }

}

@media (max-width: 767px) {

    body {
        padding-left: 0;
        padding-right: 0;
    }

    .slider, .what-we-do, .portfolio {
        padding: 0 20px;
    }

    .what-we-do {
        margin-top: 30px;
    }

    .header ul.nav li a {
        padding: 15px 20px 15px 20px;
        font-weight: normal;
        text-align: left;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
    }

    .header ul.nav li.current-page a {
        padding-top: 15px;
    }

    .header ul.nav li a i, .header ul.nav li a br {
        display: none;
    }

    .flex-caption {
        display: none;
    }

    .presentation, footer, .testimonials {
        padding-left: 20px;
        padding-right: 20px;
    }

    .presentation p {
        line-height: 30px;
    }

    .what-we-do .service p, .portfolio .work p {
        padding-left: 10px;
        padding-right: 10px;
    }

    .what-we-do .service .icon-awesome {
        padding-top: 10px;
    }

    .page-title p {
        display: block;
        margin-top: 10px;
        margin-left: 20px;
    }

    .call-to-action-text {
        padding-bottom: 30px;
    }

    .call-to-action-text .ca-text {
        padding: 0 35px;
    }

    .call-to-action-text .ca-button {
        margin-top: 10px;
    }

    .portfolio-page {
        padding-bottom: 50px;
    }

    .tweet_list {
        height: 6em;
    }

}

@media (max-width: 480px) {

    .tweet_list {
        height: 10em;
    }

}