/* Credit: http://www.templatemo.com */



/* 

Matrix Template 

http://www.templatemo.com/preview/templatemo_405_matrix 

*/



html, body {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #003300;
	font-size: 14px;
	font-style: italic;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 4px;
	padding-bottom: 0px;
	padding-left: 4px;
	background-color: #f1d6cf; /* pozadina */
}

img	{ width: 100%; }



a {
	color: #003300;
	outline: 1;
}



a:hover, a:focus {
	text-decoration: underline;
	color: #FFFFFF;
}

a:active, a:focus {
	color: #FFFFFF;
	border: none;
	text-decoration: underline;
}



p {

	color: #333333;

}

h1, h2, h3, h4, h5, h6 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: 400;
}

h1	{

	font-size: 3em;

	color: #cccccc;

	padding: 0px;

	float: left;

	text-shadow: 4px 2px 2px rgba(33, 33, 33, 1);

	margin-top: 2%;

	margin-right: 0%;

	margin-bottom: 0%;

	margin-left: 2%;

	}

	

h2	{ 

	font-size: 24px; 

	color: #333333;

	margin-top: 0px;

	}

h3 { 

	text-align: center; 

	font-size: 2em;

	}

h6	{

	font-size: 30px;

	color: #ffffff;

	padding: 0px;

	float: left;

	text-shadow: 4px 2px 2px rgba(33, 33, 33, 1);

	margin-top: 2%;

	margin-right: 0%;

	margin-bottom: 0%;

	margin-left: 2%;

	}	



.clear	{ clear: both; }

.content { display: none; height: auto; }

.homepage{ display: block; }

.portfolioshow	{ display: block; }

/* .container	{ position: absolute; } */



.templatemo_link,.templatemo_linkservice,.templatemo_linkcontact { 

	font-size: 2em; color: #ffffff;

	width: 95%;

}



.templatemo_link1 { 

	font-size: 2em; color: #ffffff;

	padding-top:20%;

	position: absolute;

	width: 100%;

}



.templatemo_smalltitle { 

	float: left; 

	padding: 0px 0px 0px 0px; 

	font-size: 1em; 

	color: #b5b5b5;

	margin: 10px 0px 30px 25px;

}



.templatemo_footer {
	float: right;
	padding: 0px;
	font-size: 14px;
	color: #000066;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0px;

}



.templatemo_mainservice	{
	text-align: center;
	width: 100%;
	float: left;
	background-color: #D7B56D; /* kokteli */
}



.templatemo_mainportfolio {

	text-align: center;
	width: 100%;
	background-color: #bc653a; /* drinks */
}



.templatemo_maintesti {
	text-align: center;
	width: 100%;
	background-color: #dd8e67; /* hot */
}



.templatemo_mainabout	{
	text-align: center;
	width: 100%;
	background-color: #c35820; /* sweet */
}



.templatemo_maincontact	{
	text-align: center;
	width: 100%;
	background-color: #96624d; /* impressum */
}



.templatemo_insideportfolio	 h2 { color: #ffffff; }

.templatemo_insideportfolio	{
	width: 100%;
	padding: 0px;
	color: #ffffff;
	background-color: #D7B56D; /* kokteli 2 */
}

.templatemo_portfolioback { 

	text-align: center;
	width: 100%;
	background-color: #FFC150; /* kokteli back */
}


.templatemo_portfoliotext {
	color: #ffffff;
	/*position: absolute; */

	width: 95%;
	padding: 30px;

}


.templatemo_aboutback { 

	background: #666666;

	text-align: center;

}

	

.templatemo_graybg { 

	float: left; 

	background: #cccccc; 

	overflow: hidden;

	width: 100%;

}



.templatemo_paddinggap	{ padding: 30px; }

.templatemo_form { padding: 10px 0px; }

.templatemo_form input, .templatemo_form textarea { 

	border-radius: 0px; 

	border: 1px solid #999999; 

}



.templatemo_form textarea { 

	height: 150px;

}



.templatemo_form button {

	float: right;

	background: #666666;

	color: #ffffff;

	border-radius: 0px;

	border: none;

	font-size: 16px;

}



#templatemo_map	{

	width: 100%;

	height: 280px;

	overflow: auto;

}



.templatemo_address { color: #757575; padding-top: 10px; }



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

	Gallery Styles 

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

.templatemo_testicontainer h2.resp-accordion {
	background-color: #FFE7AD; /* drinks drop */
}

 

.templatemo_aboutcontainer h2.resp-accordion {
	background-color: #FFE7AD; /* drop  */
} 


.gallery-item .content-gallery h3 {

  color: #D7B56D; /* drinks drop */

  font-size: 16px;

  font-weight: 300;

  margin-top: 5px;

  padding-bottom: 5px;

  display: inline-block;

}

.gallery-item {

  -webkit-box-shadow: inset 0 0 1px #666;

  -moz-box-shadow: inset 0 0 1px #666;

  box-shadow: inset 0 0 1px #666;

  margin-bottom: 0px;

  position: relative;

  overflow: hidden;

}

.gallery-item .content-gallery {

  text-align: center;

}


.gallery-item img {

  width: 100%;

}

.gallery-item .overlay {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  min-width: 100%;

  min-height: 100%;

  height: 100%;

  background-color: rgba(0, 0, 0, 0.4);

  display: block;

  -webkit-transition: all 50ms ease-in-out;

  -moz-transition: all 50ms ease-in-out;

  -ms-transition: all 50ms ease-in-out;

  -o-transition: all 50ms ease-in-out;

  transition: all 50ms ease-in-out;

}

.gallery-item .overlay a {

  color: #ffffff;

  text-align: center;

  line-height: 32px;

  position: absolute;

  top: 50%;

  left: 50%;

  margin-top: -16px;

  margin-left: -16px;

  font-size: 24px;

}



.templatemo_frame { 

	float: left; overflow-x:hidden; margin-top: 30px;

}



::-webkit-scrollbar

{

	width: 12px;

	background-color: #cccccc;

}



.templatemo_frame a {
	color: #003300;
}



.templatemo_frame a:hover {

	color: #b1b1b1;

}



::-webkit-scrollbar-thumb

{

	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);

	background-color: #b1b1b1;

}



.resp-vtabs ul.templatemo_tab { float: left; width: 100%; }

.resp-vtabs ul.templatemo_tab li { padding: 0px; background: url(../images/templatemo_arrow_gap.png) no-repeat center right #cc9933; font-size: 24px; text-align: center; font-weight: normal; }

.resp-vtabs ul.templatemo_tab li.resp-tab-active{ background: url(../images/templatemo_arrow.png) no-repeat center right #cc9933; border: 0px; padding: 0px; color: #ffffff; }



.resp-vtabs ul.templatemo_testitab { float: left; width: 100%; }

/* drop menu */

.resp-vtabs ul.templatemo_testitab li { padding: 0px; background: url(../images/templatemo_arrow_gap.png) no-repeat center right #FFE7AD; font-size: 24px; text-align: center; font-weight: normal; }

.resp-vtabs ul.templatemo_testitab li.resp-tab-active { background: url(../images/templatemo_testi_arrow.png) no-repeat center right #FFE7AD; border: 0px; padding: 0px; color: #ffffff;  }



.resp-vtabs .templatemo_aboutcontainer, .resp-vtabs .templatemo_testicontainer	{  background: none; border-radius: 0px; border: 0px; }

h2.resp-accordion	{ color: #ffffff; }

.resp-tabs-list li	{ color: #ffffff; }


/*----- Page Load ------*/



@media(min-width:320px) {

	.templatemo_leftgap	{ padding: 0px 10px; }

	.templatemo_rightgap_about	{ padding: 0px 10px; }

	.templatemo_botgap	{ margin: 0px 0px 20px 0px; }

	.templatemo_topgap, .templatemo_portfotopgap	{ margin-top: 20px; }

	.templatemo_col37	{ float: left; width: 100%; }

	.resp-vtabs .templatemo_aboutcontainer, .resp-vtabs .templatemo_testicontainer	{ width: 100%; }

	.templatemo_aboutlinkwrapper{ display: none; }

	.templatemo_aboutlinkwrapper1{  display: block; }

	.templatemo_frame	{ padding: 0px 30px 30px 30px; }

	.templatemo_link { padding-top: 20%; }

	.logocontainer	{ padding: 0px 15px; margin: 0 auto; }

	.templatemo_insideportfolio	{ padding-bottom: 30px; }

	.templatemo_link, .templatemo_linkservice, .templatemo_linkcontact  { padding: 50px 0px; }



}	

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

	/*.container	{ left: 15px; right: 15px; padding: 0px; }*/

}

@media(min-width:768px) {

	.templatemo_leftgap	{ padding: 0px 10px; }

	.templatemo_botgap	{ margin: 0px 0px 20px 0px; }

	.templatemo_topgap	{	margin-top: 20px; }

	.templatemo_portfotopgap	{ margin-top: 0px; } 

	.templatemo_link { padding-top: 20%; }

	/*.container { left: 50%; margin-left: -375px; right: 0px; }*/

	.logocontainer	{ width: 750px; padding: 0px 15px; margin: 0 auto; }

	.templatemo_insideportfolio	{

	height: 398px;

	overflow: auto;

}

	.templatemo_link, .templatemo_linkservice, .templatemo_linkcontact 	{ height: 189px; line-height: 189px; padding: 0px; }

}



@media(min-width:992px) {

	.templatemo_leftgap	{ padding: 0px 6px; }

	.templatemo_rightgap_about	{ padding: 0px 6px 0px 2px; }

	.templatemo_botgap	{ margin: 0px 0px 12px 0px; }

	.templatemo_topgap	{	margin-top: 0px; }

	.templatemo_portfotopgap	{ margin-top: 0px; }

	.templatemo_bordergapborder	{ padding: 0px; margin: 0px; }

	.templatemo_graybg	{height: 397px; }

	.templatemo_col37	{ float: left; width: 37.5%; }

	.templatemo_col50	{ float: left; width: 50%; position: relative; }

	.templatemo_form { padding: 5px 0px; }

	.templatemo_form textarea { height: 120px; }

	.templatemo_address { font-size: 12px; }

	.templatemo_portfoliotext { width: 95%; padding: 15px ; font-size: 14px; }

	.resp-vtabs .templatemo_aboutcontainer, .resp-vtabs .templatemo_testicontainer	{ width: 75%; }

	.templatemo_leftgap_about	{ padding: 0px 0px 0px 6px; }

	.templatemo_aboutlinkwrapper { width: 95.8%; float: left; background: #666666; text-align: center; display: block; }

	.templatemo_aboutlinkwrapper1 {  display: none; }

	.resp-vtabs .templatemo_tab li,

	.resp-vtabs .templatemo_testitab li{ padding: 0px;  margin-bottom: 12px; }

	.resp-vtabs ul.templatemo_tab li, 

	.resp-vtabs ul.templatemo_tab li.resp-tab-active, 

	.resp-vtabs ul.templatemo_testitab li, 

	.resp-vtabs ul.templatemo_testitab li.resp-tab-active	{ line-height: 79px; height: 79px; }

	.templatemo_frame	{ height: 337px; margin-right: 1px; padding: 0px 30px; }

	.templatemo_link { padding-top: 15%; }

	/*.container { left: 50%; margin-left: -485px; }*/

	.templatemo_link, .templatemo_linkservice, .templatemo_linkcontact { height: 124px; line-height: 124px; padding: 0px; }

	.logocontainer	{ width: 970px; padding: 0px 15px; margin: 0 auto; }

	.templatemo_insideportfolio	{ height: 260px; }

}



@media(min-width:1200px) {

	.templatemo_leftgap	{ padding: 0px 8px; }

	.templatemo_rightgap_about	{ padding: 0px 8px; }

	.templatemo_botgap	{ margin: 0px 0px 16px 0px; }

	.templatemo_topgap	{ margin-top: 0px; }

	.templatemo_portfotopgap	{ margin-top: 0px; }

	.templatemo_bordergapborder	{ padding: 0px 16px; }

	.templatemo_graybg	{ height: 466px; }

	.templatemo_col37	{ float: left; width: 37.5%; position: relative; }

	.templatemo_col50	{ float: left; width: 50%; position: relative; }

	.templatemo_form { padding: 10px 0px; }

	.templatemo_form textarea { height: 150px; }

	.templatemo_address { font-size: 14px; }

	.templatemo_portfoliotext { width: 95%; padding: 30px; font-size: 16px; }

	.resp-vtabs .templatemo_aboutcontainer, .resp-vtabs .templatemo_testicontainer	{ width: 75%; }

	.templatemo_leftgap_about	{ padding: 0px 0px 0px 10px; }

	.resp-vtabs ul.templatemo_tab li, 

	.resp-vtabs ul.templatemo_tab li.resp-tab-active, 

	.resp-vtabs ul.templatemo_testitab li, 

	.resp-vtabs ul.templatemo_testitab li.resp-tab-active { line-height: 93px; height: 93px; }

	.resp-vtabs .templatemo_tab li, 

	.resp-vtabs .templatemo_testitab li { padding: 0px;  margin-bottom: 15px; }

	.templatemo_frame	{ height: 406px; padding: 0px 30px; }

	.templatemo_link { height: 150px; line-height: 150px; padding: 0px; }



	/*.container { left: 50%; margin-left: -585px; }*/

	.logocontainer	{ width: 1140px; padding: 0px 30px; margin: 0 auto; }

	.templatemo_insideportfolio	{ height: 316px; }

	.templatemo_leftgap_about .templatemo_link { height: 142px; line-height: 142px; padding: 0px; }

	.templatemo_linkservice, .templatemo_linkcontact { height: 145px; line-height: 145px; padding: 0px; }

}



/* moji novi */

.logo1_fix {

	width: 300px !important;

	margin: 10px;

}



.pic-fix {

	height: auto;

	width: 200px;

	float: left;

	margin-top: 0px;

	margin-right: 10px;

	margin-bottom: 10px;

	margin-left: 0px;

}



hr {

	color: #3333;

}



p {

	text-align: justify;

	page-break-before: 200%;

}



p:first-letter {

	font-size: 120%;

	/* font-family: Georgia, "Times New Roman", Times, serif; */

	font-weight: bold;

	text-transform: uppercase;

}



#share-buttons img {

	width: 44px;

	padding: 5px;

	border: 0;

	box-shadow: 0;

	display: inline;

	filter: Invert;

}





a img:hover {

  -webkit-filter: grayscale(1);

  filter: grayscale(1);

}