/*  
Theme Name: MGrafika 1.2
Theme URI: http://www.mgrafika.cz/
Description: Sleek, easy and elegant.
Version: 1.2
Author: Pavelka Bros.
Author URI: http://www.webpilot.sk/

	MGrafika v1.2
	http://www.webpilot.sk/

*/

html
{
	background-color: #fff;
}

body 
{
	font-size: 62.5%; /* 62.5% Resets 1em to 10px */
	font-family: 'Lucida Grande', Corbel, 'Helvetica', 'Arial', Sans-Serif;
	font-weight: normal;
	color: #fff;
	background: #000 url(images/top-back.png) no-repeat top center;
	margin: 0;
	padding: 26px 0 0 0; 
}

/* menu -------------------------------------------------- */

#navmenu
{
	padding: 0;
	background: #515151 url(images/navmenu-back.png) top center ;
}

#navmenu ul 
{
	height: 21px;
	overflow: hidden;
	padding: 0;
	margin: 0 auto 0 auto;
	width: 980px;
	background: transparent;
}

#navmenu ul li 
{
	display: inline;
}

#navmenu ul li a 
{
	display: block;
	height: 21px;
	padding: 0;
	font-size: 1px;
	font-weight: normal;
	color: #000;
	text-decoration: none;
	float: left;
	overflow: hidden;
	border-right: solid 1px #e9e9e9;
	text-indent: -2000em;
	background: transparent no-repeat top left;
}

#navmenu ul li a:hover
{
	background-position: 0 -21px;
}

#navmenu li.page-item-2 a
{
	background-image: url(images/menu/home.png);
	width: 51px;
}

#navmenu li.page-item-103 a, #navmenu li.page-item-52 a
{
	background-image: url(images/menu/o-nas.png);
	width: 49px;
}

#navmenu li.page-item-59 a, #navmenu li.page-item-12 a
{
	background-image: url(images/menu/sluzby.png);
	width: 51px;
}

#navmenu li.page-item-107 a, #navmenu li.page-item-55 a
{
	background-image: url(images/menu/technologie.png);
	width: 84px;
}

#navmenu li.page-item-310 a
{
	background-image: url(images/menu/galerie-reference.png);
	width: 124px;
}

#navmenu li.page-item-5 a
{
	background-image: url(images/menu/kontakt.png);
	width: 59px;
}

#navmenu ul li.current_page_item a
{
	background-color: #f3c800;
	background-position: 0 -42px;
}

#navmenu ul li a:hover 
{
	color: #fff;
	background-color: #000;
}

/* header -------------------------------------------------- */

#header 
{
	background: #2c2c2c url(images/header-back.png) repeat-x top center;
	margin: 0;
	padding: 0;
}

#header-inside 
{
	margin: 0 auto 0 auto;
	padding: 0;
	width: 1000px;
	text-align: center;
	background: transparent no-repeat right top;
}	

#header h1 
{
	font-size: 1px;
	padding: 0;
	margin: 0;
	z-index: 100;
}

#header h1 a 
{
	display: block;
	width: 1000px;
	height: 101px;
	padding: 0;
	margin: 0;
	text-indent: -2000em;
}

#header p
{
	display: none;
}

/* banner -------------------------------------------------- */

#banner 
{
	background: #b5b5b5 url(images/city-back.jpg) repeat-x top center;
	margin: 0;
	padding: 0;
}

#banner.gallery
{
	background: #b5b5b5 url(images/gallery-back.jpg) repeat-x top center;
	margin: 0;
	padding: 0;
}

#banner-inside 
{
	margin: 0 auto;
	padding: 0;
	width: 1000px;
	height: 265px;
}	

#banner.gallery #banner-inside
{
	height: 50px;
}


#banner-inside ul, #banner-inside li
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#banner-inside ul
{
	float: left;
}

#banner-inside li
{
	display: block;
}

#banner-inside a
{
	color: transparent;
	text-indent: -2000em;
	display: block;
	background-color: transparent;
	background-position: top left;
	background-repeat: no-repeat;
}

#banner-inside li.potisk-banneru a
{
	width: 301px;
	height: 115px;
}

#banner-inside li.potisk-banneru a:hover
{
	background-image: url(images/city/potisk-banneru.png);
}

#banner-inside li.rezana-grafika a
{
	width: 301px;
	height: 150px;
}

#banner-inside li.rezana-grafika a:hover
{
	background-image: url(images/city/rezana-grafika.png);
}

#banner-inside li.trid-reklama a
{
	width: 100px;
	height: 265px;
}

#banner-inside li.trid-reklama a:hover
{
	background-image: url(images/city/trid-reklama.png);
}

#banner-inside li.nic
{
	display: block;
	width: 150px;
	height: 115px;
}

#banner-inside li.polep-aut a
{
	display: block;
	width: 150px;
	height: 150px;
}

#banner-inside li.polep-aut a:hover
{
	background-image: url(images/city/polep-aut.png);
}

#banner-inside li.svetelna-reklama a
{
	width: 188px;
	height: 115px;
}

#banner-inside li.svetelna-reklama a:hover
{
	background-image: url(images/city/svetelna-reklama.png);
}

#banner-inside li.billboardy a
{
	width: 188px;
	height: 150px;
}

#banner-inside li.billboardy a:hover
{
	background-image: url(images/city/billboardy.png);
}

#banner-inside li.pismomalirstvi a
{
	width: 186px;
	height: 115px;
}

#banner-inside li.pismomalirstvi a:hover
{
	background-image: url(images/city/pismomalirstvi.png);
}

#banner-inside li.velkoplosny-tisk a
{
	width: 186px;
	height: 150px;
}

#banner-inside li.velkoplosny-tisk a:hover
{
	background-image: url(images/city/velkoplosny-tisk.png);
}

#banner-inside li.ostatni a
{
	width: 75px;
	height: 265px;
}

#banner-inside li.ostatni a:hover
{
	background-image: url(images/city/ostatni.png);
}

/* page -------------------------------------------------- */

#page-wrapper
{
	background: #fff url(images/page-wrapper-back.png) repeat-y center 202px; 
	padding: 0;
	margin: 0;
}

#page 
{
	background: transparent url(images/page-back.jpg) repeat-x center top; 
	padding: 0;
	margin: 0;
	/* min-height hack for IE6 crap */
	min-height: 350px;
	height: auto !important;
	height: 350px;
}

#page.gallery
{
	background-image: url(images/page-back-gallery.jpg);
	/* min-height hack for IE6 crap */
	min-height: 550px;
	height: auto !important;
	height: 550px;
}

#page.light-up
{
	background-image: url(images/page-back-gallery.jpg);
	/* min-height hack for IE6 crap */
	min-height: 550px;
	height: auto !important;
	height: 550px;
}

#page-inside
{
	width: 990px;
	margin: 0 auto;
	color: #969696;
}

/* footer -------------------------------------------------- */

#footer 
{
	background: #fff url(images/footer.png) no-repeat center top; 
	padding: 0;
	margin: 0;
	height: 150px;
}

#footer-inside
{
	width: 900px;
	font-size: 0.9em;
	margin: 0 auto 0 auto;
}

#footer p 
{
	margin: 0;
	padding: 20px 40px 20px 40px;
	color: #555;
	text-align: center;
}

#footer a
{
	color: #555;
	border-bottom-color: #555;
}

#footer strong
{
	font-weight: bold;
	color: #555;
}


.clearfix:after 
{
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

/* Not for ... \*/
* html .clearfix { height: 1%; }
/* ... IE-mac */

/* content -------------------------------------------------- */

#content 
{
	font-size: 1.2em;
	float: left;
	padding: 20px 0 40px 55px;
	margin: 0;
	width: 880px;
	text-align: left;
}

#content p
{
	line-height: 1.6em;
	margin: 0 0 1em 0;
}

#content ul
{
	margin: 0 0 1em 0;
	padding-left: 2em;
}

#content ul li
{
	line-height: 1.6em;
}

#content ul.flat
{
	padding-left: 0;
	list-style-type: none;
}

#content ul.flat li
{
	line-height: 1.3em;
	padding-bottom: 0.8em;
}

#content ul.flat li a
{
	color: inherit;
	border-bottom: none;
}

#content ul.flat li a:hover
{
	color: #ddd;
}

.postmetadata 
{
	color: #777;
	text-align: center;
	font-size: 0.75em;
	line-height: 1.4em;
	clear: left;
}

.alt 
{
	background-color: #f8f8f8;
	border: 1px solid #ddd;
}

small 
{
	font-size: 0.8em;
	line-height: 1.5em;
}

h1, h2, h3, h4
{
	font-weight: bold;
	color: #f3c800;
	margin: 0; /* -0.6em */
	padding: 0;
}

h1 
{
	font-size: 2em;
	text-align: center;
}

h2 
{
	font-size: 1.5em;
	text-align: left;
}

h3 
{
	text-align: left;
	font-size: 1.2em;
	padding: 0;
	margin: 0.1em 0 0 0;
}

h4
{
	font-size: 1.1em;
	color: #ddd;
	padding: 0;
}

h1, h1 a, h1 a:hover, h1 a:visited, .description 
{
	text-decoration: none;
	color: white;
	border: none;
}

h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited 
{
/*	color: #333; */
}

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #wp-calendar caption, cite 
{
	text-decoration: none;
}

code 
{
	font: 1.1em 'Consolas', 'Courier New', Courier, monospaced;
}

acronym, abbr, span.caps
{
	letter-spacing: .05em;
}

#content a
{
	color: #bbb;
	text-decoration: none;
	border-bottom: solid 1px #999;
}

#content a:hover 
{
	color: #ddd;
	border-bottom: solid 1px #ddd;
	text-decoration: none;
}

.post 
{
	margin: 0 0 40px 40px;
}

p img 
{
	padding: 0;
	max-width: 100%;
}

img.centered 
{
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.alignright 
{
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
}

img.alignleft 
{
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
}

img.recordcover 
{
	display: block;
	margin-left: auto;
	margin-right: auto;
	border: solid 2px #000;
}

.alignright 
{
	float: right;
}

.alignleft 
{
	float: left
}
/* 	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .entry ul {
	margin-left: 0px;
	padding: 0 0 0 30px;
	list-style: none;
	padding-left: 10px;
	text-indent: -10px;
	} 

html>body .entry li {
	margin: 7px 0 8px 10px;
	}

.entry ol {
	padding: 0 0 0 35px;
	margin: 0;
	}

.entry ol li {
	margin: 0;
	padding: 0;
	}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}
	
ol li 
{
	list-style: decimal outside;
}

#searchform 
{
}

.entry form 
{ 
	text-align:center;
}

select 
{
	width: 130px;
}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform textarea {
	width: 100%;
	padding: 2px;
	}

#commentform #submit {
	margin: 0;
	float: right;
	}

.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 3px;
	padding: 5px 10px 3px;
	list-style: none;
	}

.commentlist p {
	margin: 10px 5px 10px 0;
	}

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */


/* Begin Various Tags & Classes */
acronym, abbr, span.caps 
{
	cursor: help;
}

acronym, abbr 
{
	border-bottom: 1px dotted #555;
}

blockquote 
{
	margin: 0;
	padding: 0;
}

blockquote cite 
{
	margin: 5px 0 0;
	display: block;
}

.center 
{
	text-align: center;
}

hr 
{
	display: none;
}

a img 
{
	border: none;
}

.navigation 
{
	display: block;
	text-align: center;
	padding: 0 0 20px 40px;
}

strong
{
	font-weight: normal;
	color: #fff;
}

em
{
	font-style: italic;
	color: #ccc;
}

/* bitmap headers -------------------------------------------------- */

h2.bitmap
{
	font-size: 2px !important;
	padding: 0 !important;
	margin: 0 0 0 -5px !important;
	z-index: 100;
	text-indent: -1000em;
	background: transparent no-repeat top left;
	height: 45px;
}

h2.bitmap a
{
	display: block;
	height: 45px;
	border: 0 none !important;
}

h2#vitejte
{
	background-image: url(images/vitejte.png);
}

h2#menime-design
{
	background-image: url(images/menime-design.png);
	height: 60px;
	margin: 10px 0 0 -5px !important;
}

h2#rozsvitte
{
	background-image: url(images/rozsvitte.png);
}

h2#kde-nas-najdete
{
	background-image: url(images/kde-nas-najdete.png);
}

h2#ostatni
{
	background-image: url(images/ostatni.png);
}

h2#billboardy
{
	background-image: url(images/billboardy.png);
}

h2#polep-aut
{
	background-image: url(images/polep-aut.png);
}

h2#trid-reklama
{
	background-image: url(images/trid-reklama.png);
}

h2#svetelna-reklama
{
	background-image: url(images/svetelna-reklama.png);
}

h2#pismomalirstvi
{
	background-image: url(images/pismomalirstvi.png);
}

h2#rezana-grafika
{
	background-image: url(images/rezana-grafika.png);
}

h2#velkoplosny-tisk
{
	background-image: url(images/velkoplosny-tisk.png);
}

h2#galerie-reference
{
	background-image: url(images/galerie-reference.png);
}

h2#o-spolecnosti
{
	background-image: url(images/o-spolecnosti.png);
}

h2#sluzby
{
	background-image: url(images/sluzby.png);
}

h2#technologie
{
	background-image: url(images/technologie.png);
}

a#zvetsit-mapku
{
	display: block;
	border: none !important;
	font-size: 2px !important;
	padding: 0 !important;
	margin: 6px 0 0 485px !important;
	z-index: 100;
	text-indent: -1000em;
	background: transparent no-repeat left top;
	height: 18px;
	background-image: url(images/zvetsit-mapku.png);
}

h3.bitmap
{
	font-size: 2px !important;
	padding: 0 !important;
	margin: 0 0 0 -5px !important;
	z-index: 100;
	text-indent: -1000em;
	background: transparent no-repeat left top;
	height: 30px;
}

h3.bitmap a
{
	display: block; 
	height: 30px;
	border: 0 none !important;
}

h3#interierovy-tisk
{
	background-image: url(images/interierovy-tisk.png);
}

h3#exterierovy-tisk
{
	background-image: url(images/exterierovy-tisk.png);
}

h3#trid-reklama
{
	background-image: url(images/trid-reklama-2.png);
}

h3#billboardy
{
	background-image: url(images/billboardy-2.png);
}

h3#pismomalirstvi
{
	background-image: url(images/pismomalirstvi-2.png);
}
h3#potisk-banneru
{
	background-image: url(images/potisk-banneru-2.png);
}
h3#rezana-grafika
{
	background-image: url(images/rezana-grafika-2.png);
}

h3#velkoplosny-tisk
{
	background-image: url(images/velkoplosny-tisk-2.png);
}

h3#vizualizace
{
	background-image: url(images/vizualizace.png);
}

h3#instalace
{
	background-image: url(images/instalace.png);
}

h3#orientacni-systemy
{
	background-image: url(images/orientacni-systemy.png);
}

h3#svetelna-loga-a-panely
{
	background-image: url(images/svetelna-loga-a-panely.png);
}

h3#tisk-a-rezana-grafika
{
	background-image: url(images/tisk-a-rezana-grafika.png);
}

h3#totemy-a-pylony
{
	background-image: url(images/totemy-a-pylony.png);
}

/* galerie -------------------------------------------------- */

div.galerie
{
	margin-top: 10px;
/*	width: 720px;
	height: 150px;
	overflow: hidden;*/
}

div.galerie div.content
{
	width: 720px;
}

div.galerie div.slide
{
	width: 720px;
	height: 120px;
}

div.galerie div.panel
{
	width: 270px;
	height: 185px;
	background-image: url(images/home/card.png);
	background-repeat: no-repeat;
	padding: 16px 1px 0 1px;
	margin: 0 20px 20px 0;
	float: left;
}

div.galerie div.foto
{
	display: none;
}

div.galerie div.panel a
{
	border: none !important;
}

div.galerie div.panel p
{
	text-align: left;
	margin: 0;
	padding: 5px 10px 0 10px;
	font-size: 0.8em;
	line-height: 1.6em;
}

div.galerie div.panel p em
{
	font-style: normal;
	color: #fff;
}

div.galerie div.panel p a, a.more
{
	font-style: normal;
	border: 0 none !important;
	color: #fff !important;
	background-image: url(images/home/more.png);
	background-position: right 5px;
	background-repeat: no-repeat;
	padding-right: 10px;
}

a.carousel-jumper
{
	display: block;
	padding: 5px;
	margin: 5px;
	width: 40px;
	text-align: center;
	border: solid 1px #fff;
	float: left;
}

/* scroller -------------------------------------------------- */

div.scroller
{
	margin: 20px 0 20px 13px;
	width: 870px;
	height: 200px;
	overflow: hidden;
}

div.scroller div.content
{
	width: 2610px;
}

div.scroller div.slide
{
	width: 290px;/* 286 2574*/
	height: 200px;
	float: left;
	text-align: left;
}

div.scroller div.panel
{
	width: 270px;
	height: 200px;
	background-image: url(images/home/card.png);
	padding: 16px 1px 0 1px;
	margin: 0;
}

div.scroller div.panel a
{
	border: none !important;
}

div.scroller div.panel p
{
	text-align: left;
	margin: 0;
	padding: 5px 10px 0 10px;
	font-size: 0.8em;
	line-height: 1.6em;
}

div.scroller div.textpanel
{
	width: 272px;
	height: 200px;
	overflow: hidden;
	font-size: 0.98em;
	line-height: 1.6em;
}

div.scroller div.textpanel.rozsvitte
{
	background-image: url(images/home/rozsvitte-vase-predstavy.png);
}

div.scroller div.textpanel.rozsvitte p
{
	padding: 105px 20px 0 20px;
}

div.scroller div.textpanel.proc
{
	background-image: url(images/home/proc-mgrafika.png);
}

div.scroller div.textpanel.proc p
{
	padding: 70px 20px 0 20px;
}

div.scroller div.textpanel.led
{
	background-image: url(images/home/led-diody.jpg);
}

div.scroller div.textpanel.led p
{
	padding: 70px 60px 0 20px;
}


div.scroller div.panel p em, div.scroller div.textpanel p em
{
	font-style: normal;
	color: #fff;
}

div.scroller div.panel p a, div.scroller div.textpanel p a, div.fader div.textpanel p a 
{
	font-style: normal;
	border: 0 none !important;
	color: #fff !important;
	background-image: url(images/home/more.png);
	background-position: right 5px;
	background-repeat: no-repeat;
	padding-right: 10px;
}


/* fader -------------------------------------------------- */

div.fader
{
	margin: 0 0 0 13px;
}

div.fader div.textpanel
{
	width: 854px;
	height: 150px;
	overflow: hidden;
	font-size: 0.98em;
	line-height: 1.6em;
}

div.fader div.textpanel.ukazte p
{
	padding: 90px 340px 0 30px;
}

div.fader div.textpanel.ukazte
{
	background-image: url(images/home/ukazte-se-zakaznikum.jpg);
}

/* multicolumn -------------------------------------------- */

div.multicol
{
	float: left;
	margin-right: 30px;
}

div.multicol.sixth
{
	width: 130px;
}

div.multicol.fifth
{
	width: 165px;
}

div.multicol.quarter
{
	width: 200px;
}

div.multicol.third
{
	width: 260px;
}

div.multicol.half
{
	width: 400px;
}


/* other -------------------------------------------------- */
#map
{
	width: 580px;
	float: right;
	margin-top: -12.5em;
}

#materialy
{
	float: right;
	margin-left: 30px;
	width: 250px;
	background-image: url(images/materialy/seznam-materialu.png);
	background-repeat: no-repeat;
	padding: 35px 0 0 0;
}

#materialy div.footer
{
	background-image: url(images/materialy/footer.png);
	background-repeat: no-repeat;
	padding: 35px 0 0 0;
}

div.accordion
{
	position: relative; /* required for bounding */
	width: 250px;
}

div.accordion-toggle
{
	position: relative; /* required for effect */  
	z-index: 10;        /* required for effect */  
	cursor: pointer;
	color: #ddd;
	height: 18px;
	background-image: url(images/materialy/button.png);
	padding: 4px 0 0 6px;
	font-size: 0.8em;
	font-weight: bold;
}

div.accordion-toggle:hover
{
	color: #fff;
	background-position: 0 -22px;
}

div.accordion-toggle-active, div.accordion-toggle-active:hover
{
	color: #000;
	background-position: 0 -44px;
}

div.accordion-content
{  
	overflow: hidden;   /* required for effect */  
	border-left: solid 1px #222;
	border-right: solid 1px #222;
	padding: 4px 6px;
	font-size: 0.8em;
	text-align: left;
	line-height: 1.6em;
}

div#technologie-mimaki
{
	width: 480px;
	border-bottom: solid 1px #333;
	padding-bottom: 7em;
}

div#technologie-cnc
{
}

div#technologie-ohybacka
{
	float: right;
	width: 470px;
	border-left: solid 1px #333;
}

div#technologie-ohybacka div
{
	padding-left: 30px;
}

div#technologie-ohybacka img
{
	padding: 10px 0 20px 0;
}

div#technologie-summanuzky
{
	float: right;
	width: 380px;
	border-left: solid 1px #333;
}

div#technologie-summa
{
	padding-top: 20px;
	padding-left: 30px;
}

div#technologie-summa img
{
	padding: 20px 0 10px 0;
}

div#technologie-leister
{
	width: 465px;
	padding-top: 20px;
}

div#technologie-festool
{
	float: left;
	width: 499px;
	padding-top: 20px;
	border-top: solid 1px #333;
}

div#technologie-festool img
{
	padding: 0 30px 0 20px;
}

table#technologie-1, table#technologie-2
{
	border-collapse: collapse;
}



div#technologie-nuzky
{
	border-top: solid 1px #333;
	padding-top: 20px;
	padding-left: 30px;
	margin-left: -30px;
	text-align: left;
}

table#technologie-1 td, table#technologie-2 td
{
	vertical-align: top;
}

td#technologie-seznam
{
	border-bottom: solid 1px #333;
	border-right: solid 1px #333;
	padding-right: 30px;
	width: 45%;
}

td#technologie-ohybacka
{
	padding: 0 0 20px 30px;
	border-bottom: solid 1px #333;
}

td#technologie-leister
{
	padding: 20px 30px 20px 0;
	border-right: solid 1px #333;
	border-bottom: solid 1px #333;
	width: 53%;
}

td#technologie-leister ul
{
	text-align: left;
}

td#technologie-summa
{
	padding: 20px 0 20px 30px;
}

td#technologie-festool
{
	padding: 20px 20px 0 0;
	border-right: solid 1px #333;
	text-align: left;
}

#rezana-grafika-text
{
	width: 335px;
	float: left;
}

#rezana-grafika-plotry
{
	background-image: url(images/rezana-grafika/nase-rezaci-plotry.jpg);
	background-repeat: no-repeat;
	float: right;
	width: 520px;
	height: 280px;
	padding: 50px 0 0 20px;
}

#rezana-grafika-plotry div
{
	float: left;
	width: 250px;
}

#rezana-grafika-plotry blockquote
{
	padding: 155px 20px 0 250px;
}

p.info
{
	background-image: url(images/info.png);
	background-repeat: no-repeat;
	padding: 0 0 0 20px;
}

#velkoplosny-tisk-exterier
{
	float: left;
	width: 280px;
}

#velkoplosny-tisk-interier
{
	float: left;
	width: 280px;
	padding: 0 0 0 30px;
}