/**
 * AUTHOR Julius Urblik, urblik.julius@studiof5.sk, http://studiof5.sk
 * SITE http://www.kebab.sk
 * YEAR 2010
*/

/* ~~~~~~~~~~~~~~~~~~~~~ DEFAULT ~~~~~~~~~~~~~~~~~~~~~ */

*{font-family: arial, tahoma, verdana, sans-serif;margin:0;padding:0;}
html{font-size: 62.5%;}

a{text-decoration: none;outline:none;}
a:hover{text-decoration: underline;}

.left{float: left;}
.right{float: right;}
.txt-center{text-align: center;}
.clear{clear: both;}
.hdn{display: none;}

/* ~~~~~~~~~~~~~~~~~~~~~ MAIN CONTAINERS ~~~~~~~~~~~~~~~~~~~~~ */

::selection {background: #1B1C21; color:#FFF400;}
::-moz-selection {background: #1B1C21; color:#FFF400;}

body{
	font-size: 1.2em;
	background: #f7f7f7;
	}

#body{
	background: url('images/body.gif') center top repeat-x;
	}

.container{
	width: 1000px;
	margin: 0 auto;
	}

#content_container
{
  background: url('images/content-glow.jpg') left top no-repeat;
}

/* ~~~~~~~~~~~~~~~~~~~~~ HEADER ~~~~~~~~~~~~~~~~~~~~~ */

#header
{
  height: 142px;
  background: url('images/head.jpg') center top no-repeat;
}

#header h1
{
	margin: 0px;
	display: none;
	float: right;
}

#header img
{
  border:none;
  float:left;
  position: relative;
  z-index:2;
}

#header .kontakt
{
  background: url('images/head-kontakt.gif') right top no-repeat;
  text-align:right;
  padding-top: 7px;
  float: right;
  display: block;
  width: 534px;
  height: 34px;
  color: white;
  font-size: 11px;
}

.kontakt .mrgn-rght95{margin-right: 95px; font-size: 12px}
.kontakt .mrgn-rght45{margin-right: 45px;}
.kontakt .mrgn-rght35{margin-right: 35px;}
.kontakt .mrgn-rght10{margin-right: 10px;}

#slide, #slide span{float:right;text-align:right;font-size:11px;margin-right:80px;width:250px;background: #ff0 url('images/body.gif') left -42px repeat-x;}
#slide a{color: black; text-decoration: underline;}
#slide{height: 35px;overflow:hidden;}
#slide span{text-align:right;padding-right:10px;padding-top: 5px;}

#glow
{
  background: url('images/head-glow.jpg') left top no-repeat;
  position: absolute;
  width: 251px;
  height: 87px;
  z-index:1;
  margin-left: -63px;
}

/* ~~~~~~~~~~~~~~~~~~~~~ MAIN MENU ~~~~~~~~~~~~~~~~~~~~~ */
#main_menu
{
  background: url('images/menu-bg.gif') -39px top no-repeat;
  width: 840px;
  height: 55px;
  float: left;
  list-style-type: none;
  margin:0;
  padding:0;
}

#main_menu li
{
  float:left;
}

#main_menu li a
{
  background: url('images/menu-sprite.jpg') no-repeat;
  display: block;
  color: #f1f1f1;
  line-height: 100%;
  white-space: nowrap;
  height: 55px;
  outline: none;
}
	#main_menu li.menu-item-20 a{background-position:left top; width: 103px}
	#main_menu li.menu-item-20 a:hover,#main_menu li#menu-item-20.current_page_item a{background-position: left -55px;}

	#main_menu li.menu-item-19 a{background-position:-103px top; width: 73px;}
	#main_menu li.menu-item-19 a:hover,#main_menu li#menu-item-19.current_page_item a{background-position:-103px -55px;}

	#main_menu li.menu-item-18 a{background-position:-176px top; width: 116px;}
	#main_menu li.menu-item-18 a:hover,#main_menu li#menu-item-18.current_page_item a,#main_menu li#menu-item-18.current-page-ancestor a{background-position:-176px -55px;}

	#main_menu li.menu-item-22 a{background-position:-292px top; width: 92px;}
	#main_menu li.menu-item-22 a:hover,#main_menu li#menu-item-22.current_page_item a{background-position:-292px -55px;}

	#main_menu li.menu-item-17 a{background-position:-384px top; width: 71px;}
	#main_menu li.menu-item-17 a:hover,#main_menu li#menu-item-17.current_page_item a{background-position:-384px -55px;}

	#main_menu li.menu-item-16 a{background-position:-455px top; width: 98px;}
	#main_menu li.menu-item-16 a:hover,#main_menu li#menu-item-16.current_page_item a{background-position:-455px -55px;}


/* ~~~~~~~~~~~~~~~~~~~~~ CONTENT CONTAINER ~~~~~~~~~~~~~~~~~~~~~ */
#flash
{
  background:none;
  text-align:center;
  margin-bottom:10px;
}


#flash embed
{
  margin:44px 0 0;
  height:318px;
  width:840px;
}


#flash map img
{
  border:none;
}

#akcia
{
margin:0 auto 30px;
width: 848px;
}
	#akcia img {margin:0 auto;}

#trio
{
  background: url('images/trio-tien.jpg') left bottom no-repeat;
  width: 980px;
  margin: 0 auto;
  height: 230px;
  padding: 0 0 50px 80px;
}

.box
{
height: 209px;
font: normal 11px/18px 'Arial';
float:left;
padding: 12px;
margin-right: 12px;
}

.gray
{
width: 246px;
background-color: #1B1C21;
}

.yellow
{
width: 176px;
background-color: #e9e000;
color: #2c2d35;
}

.gray a{color: white;}
.yellow a{color: #2c2d35;}
.gray:hover,.yellow:hover{text-decoration:none;background-color:#A40000;}
.yellow:hover a,.yellow:hover p a,.gray:hover a{color:white;text-decoration:none;}

.kontakt-img a{background-color:#e9e000;color: #2c2d35;display:block;padding: 4px 0 3px;}
.kontakt-img:hover a{background-color:#A40000;color:white;text-decoration:none;}
.kontakt-img
{
width: 346px;
height:18px;
background: #e9e000 url('images/index-kontakt.jpg') left top no-repeat;
padding: 203px 0 12px;
margin:0;
text-align: center;
}

#posts{width: 680px;padding-left:100px;float: left;font:normal 12px/18px 'Arial';color:#1b1c21;;background: url('images/sidebar.gif') right top repeat-y;padding-right:2px;}
#divider{padding-top: 46px}


hr{padding: 10px 0;background: url('images/sidebar-divider.gif') left center repeat-x;height:2px;border:none;}
/* ~~~~~~~~~~~~~~~~~~~~~ TITLES ~~~~~~~~~~~~~~~~~~~~~ */
.title
{
background: url('images/title.gif') right 2px no-repeat;
height: 21px;
padding:12px 63px 12px 15px;
color: #e9e000;
float: left;
font-size:18px;
font-weight: bold;
}

/* ~~~~~~~~~~~~~~~~~~~~~ MASO ~~~~~~~~~~~~~~~~~~~~~ */
.maso
{
height: 190px;
}
.maso img.right
{
padding: 18px 0 0;
}
/* ~~~~~~~~~~~~~~~~~~~~~ ZARIADENIE ~~~~~~~~~~~~~~~~~~~~~ */
.zariadenie,.produkt
{
background: url('images/sidebar-divider.gif') left top repeat-x;
clear:left;
text-align:right;
}
.produkt{text-align:left;clear:both;}
.produkt p{padding-left: 20px;}
.zariadenie p{display:inline;}
.zariadenie img{padding: 2px 0 0;}
.zariadenie a{display:block;height:149px;width:100%;}
	.title a, .zariadenie .left a{display:inline;color: #e9e000;}
		.title a:hover{text-decoration:none;color:#fff;}
	.zariadenie .left h3 a{padding-left:0px;display:inline;}
	.zariadenie .left a{color: #1B1C21;padding-left:30px;display:block;height: 60px;}
	.zariadenie .left{text-align:left;padding:30px 0 0 40px;}
	#vytrina{background: url('images/zariadenia/vytrina.jpg') right 2px no-repeat;}
	#el-noze{background: url('images/zariadenia/nozik.jpg') right 2px no-repeat;}
	#kont-gril{background: url('images/zariadenia/kont-gril.jpg') 100% 2px no-repeat;}
	#fritezy{background: url('images/zariadenia/fritezy.jpg') right 2px no-repeat;}
	#digestor{background: url('images/zariadenia/digestor.jpg') right 2px no-repeat;}


#posts ul{list-style-position: inside;padding-left:20px;}

/* ~~~~~~~~~~~~~~~~~~~~~ SIDEBAR ~~~~~~~~~~~~~~~~~~~~~ */
#sidebar
{
width: 218px;
float: right;
font-size: 11px;
line-height: 18px;
}

.xoxo,.xoxo ul{list-style-type:none; margin:0;padding:0;}
.xoxo li{padding-left:20px;padding-bottom:20px;}
.xoxo li li{padding-left:0;padding-bottom:0;}
.xoxo li a{color: #151519;}
.xoxo li li a{display: block;}

.widget-title{font-size: 11px;}

#nav_menu-3, #text-3, #text-6 {background: url('images/sidebar-divider.gif') left top no-repeat; padding:20px;}

#sidebar li.current_page_item a{color:#A40000;padding-left:10px;}

#text-9, #text-12
{
background: url('images/sidebar-divider.gif') left top no-repeat;
padding-top: 20px;
}

a.letak{background: url('images/gmaps-icon.png') left bottom no-repeat;padding-left: 20px;color:#A40000;display: block;}
#posts a.letak{margin-top: 50px;}

#oznamy
{
clear:both;
width: 1000px;
height:173px;
background: url('images/oznamenia.gif') right bottom no-repeat;
margin: 0 auto;
}
	
	#oznamy .box
	{
	height: 110px;
	padding: 63px 0 0;
	width: 265px;
	padding-left:15px;
	}
		#oznamy .oznam{text-align:left;}
		#oznamy .oznam a{color: #1B1C21;}
		#oznamy .oznam a:hover{color: #A40000;}
	
		#oznamy .odkaz
		{
		text-align:right;
		color: yellow;
		width: 210px;
		padding-left:0;
		}
		#oznamy .odkaz a,#oznamy .ostatne a{color: yellow;}
	
			#oznamy .odkaz span
			{
			display: block;
			padding:0px;margin: 20px auto 0;
			}


	
		#oznamy .ostatne
		{
		text-align:right;
		color: yellow;
		width: 280px;
		padding-left:0;
		}

#oznamy a:hover{color:#fff;text-decoration:none;}

#mapa{
width: 95%; 
height: 320px; 
border: 1px solid #777; 
overflow: hidden;
}


/* ~~~~~~~~~~~~~~~~~~~~~ FOOTER ~~~~~~~~~~~~~~~~~~~~~ */

#footer
{
  clear:both;
  margin: 0 auto;
  padding: 40px 150px;
  width: 860px;
}

#footer p, #footer p a
{
  font: 11px/13px 'Arial';
  color: #151519;
}

#Studio_F5
{
background: url('images/studio-f5.gif') right top no-repeat;
display: block;
width: 82px;
height: 15px;
float:right;
padding-right: 50px;
padding-top: 5px;
position: relative;
top: -5px;
}

.post-edit-link{clear:both; color: #151519;font-weight:bold;display:block;}


/* =Gallery listing
-------------------------------------------------------------- */

.category-gallery .size-thumbnail img {
	border: 10px solid #f1f1f1;
	margin-bottom: 0;
}
.category-gallery .gallery-thumb {
	float: left;
	margin-right: 20px;
	margin-top: -4px;
}
.home #content .category-gallery .entry-utility {
	padding-top: 4px;
}

/* =Images
-------------------------------------------------------------- */

#posts img {
	margin: 0;
	height: auto;
	max-width: 650px;
	width: auto;

}
#posts .attachment img {
	max-width: 900px;
}
#posts .alignleft,
#posts img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}
#posts .alignright,
#posts img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}
#posts .aligncenter,
#posts img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
#posts img.alignleft,
#posts img.alignright,
#posts img.aligncenter {
	margin-bottom: 12px;
}
#posts .wp-caption {
	background: #f1f1f1;
	line-height: 18px;
	margin-bottom: 20px;
	padding: 4px;
	text-align: center;
}
#posts .wp-caption img {
	margin: 5px 5px 0;
}
#posts .wp-caption p.wp-caption-text {
	color: #888;
	font-size: 12px;
	margin: 5px;
}
#posts .wp-smiley {
	margin: 0;
}
#posts .gallery {
	margin: 0 auto 18px;
}
#posts .gallery .gallery-item {
	float: left;
	margin-top: 0;
	text-align: center;
	width: 33%;
}
#posts .gallery .gallery-caption {
	color: #888;
	font-size: 12px;
	margin: 0 0 12px;
}
#posts .gallery dl {
	margin: 0;
}
#posts .gallery img {
	border:1px solid #a2a2a2;
	padding:2px;
	background-color:none;
}
#posts .gallery br+br {
	display: none;
}
#posts .attachment img { /* single attachment images should be centered */
	display: block;
	margin: 0 auto;
}

#posts a img {border:1px solid #a2a2a2;padding:2px;background-color:none;}
#posts a img.alignright {border-right:none;padding-right:0;margin-left:0;}


#mapa img{max-width: 2000px}


#posts p a img{border:none;}