/*
Theme Name: Mediacentrum Theme
Theme URI: http://www.mediacentrum.cz/
Description: Mediacentrum
Author: Mediacentrum
*/
html, body, p, h1, h2, h3, h4, h5, h6, form, fieldset, ul, ol, li, legend {
	padding: 0px;
	margin: 0px;
	list-style: none url();
}
body {
  background: url('images/body-bg.png') repeat-x left top;
	color: #3e3b36;
	font-size: 62.5%;
	font-family: tahoma;

}
body.home {
 
}
#content {
	margin: 0px auto;
	position: relative;
	text-align: left;
	width: 978px;
}

/* header start */
#header {
  background:transparent;
	height: 120px;
	width: 100%;
	position: relative;
}
body.home #header {
   background: transparent url('images/banner.jpg') no-repeat left 109px;
   height: 301px;
}
#logo a {
	background: url('images/logo.png') no-repeat left top;
	display: block;
	height: 64px;
	width: 0;
	padding-left: 139px;
	overflow: hidden;
	position: relative;
}
#navjump {
	position: absolute;
	width: 0;
	height: 0;
	overflow: hidden;
}
/* header end */
/* main start */
#main {
  background: #fff;
	float: left;
	left: 223px;
	position: relative;
	top: 0px;
	width: 735px;
	padding: 30px 10px 0 10px;
	min-height: 500px;
}
/*body.page #main { 
left: 0;
width: 735px;
padding: 90px 0 0 243px;
margin-right: -220px;
}        */
body.home #main {
background: transparent;
width: 630px;
padding: 25px 338px 0 10px;
margin-right: -325px;
left: 0px;

/* margin-top: 40em; !!! ie hack was nic!!! */
}
body.page-sortiment #main {
padding: 30px 3px 10px 3px;
margin: 0;
left: 0px;
width: 972px;
}
/*body.page-kontakty #main {
width: 755px;
padding: 90px 0 0 223px;
}   */

/* main end */
/* submain start */
#submain{
	font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif;
	position: absolute;
	top: 105px;
	width: 755px;
	height: 2em;
	line-height: 2em;
	left: 223px;
	font-size: 110%;
	text-indent: 10px;
  margin-top:10px;
}

body.page #submain {
  /*left: 0;
	text-indent: 10px;
	height: 40px;
	line-height: 40px;
*/
	margin: 0;
	width: 100%;
}
body.home #submain {
 text-indent: 0;
}
#banner p, #banner div {
margin: 0 !important;
padding: 0 !important;
background: transparent !important;
}
body.home #submain #kontakty div {
padding: 0;
background: transparent;
margin: 0.5em 0 0 0;
}
body.home #submain #kontakty div div {
float: left;
width: 23.5%;
padding-left: 1%;
border-left: 1px solid #999;
padding-top: 3em;
position: relative;
height: 6.5em;
}
body.home #submain #kontakty div div.prvni {
width: 25%;
border-left: none;
}

body.home #submain #kontakty h2 {
font-size: 110%;
line-height: 1.1em;
left: 8px;
margin: 0;
padding: 0 1%;
position: absolute;
width: 95%;
top: 0px;
}
body.home #submain #kontakty p {
float: left;
font-size: 100%;
width: 50%;
}
body.home #submain #kontakty p.adresa {
width: 47%;
}

/* submain end */
/* side & otherside start */
#side {
  background: #fff;
  float: left;
  left: -755px;
	position: relative;
	top: 0px;
	padding: 0px 0px 0px 3px;
	width: 220px;
}
body.page #side {
width: 220px;

}
body.home #side {
left: 0;
width: 325px;
padding: 60px 0px 0px 0px;
background:transparent;
/* margin-top: 31em; !!! was nic !!!*/
/* margin-top: 35em; !!! ie hack was nic !!!*/
}

#otherside {
clear: both;
width: 630px;
float: left;
}
/* side & otherside end */
/* footer start */
#footer {
	clear: both;
	width: 100%;
	padding-top: 1em;
}
#footer #copy p {
	font-size: 110%;
	text-align: center;
color: #2CAB58;
}
#footer #copy a {
color: #2CAB58;
}
#footer #copy a:hover {
}
/* footer end */
/* languages */
#languages {
	position: absolute;
	right: 0;
	top: 0;
}
#languages a strong {
	display: none;
}
/* menus */
.
.menu {
	position: relative;
}
.menu h2 {
display: none;
}
.menu ul, .menu li {
	display: inline;
}
#side #categories{
  border-left: 1px solid #BCDCF1;
  border-right: 1px solid #BCDCF1; 
  }
/* TODO změnit v šabloně na 2em a padding na .5*/
.menu a {
	display: block;
	padding: 0.5em;
	line-height: 1;
	text-decoration: none;
	color: black;
}
.menu a:hover, .menu li.current_page_item a {
	background: #555;
color: white;
}
.home #categories ul li{
display: block;
  float: left;
  width: 46%;
  padding: 2px 0px ;
  margin: 0px 10px 0px 10px ;
  border-bottom: 1px solid #B2DEE8; 
  }
.home #categories a{
  text-transform: uppercase;
  color: #014F85;
  text-indent: 10px;
}
.home #categories a:hover{
  background: #2DAB59;
  color: #fff;
  text-decoration: none;
  }
.home #main .menu h2 {
display: block;
 background: #EEEEEE ;
  font-size:200%;
  padding: 2px 0;
  color: #919191;
  text-indent: 20px;
  font-weight: normal;  
  margin-bottom: 0;
}
.menu a:hover {
	text-decoration: underline;
}
.menu li li a {
	/*margin-left: 1em;  */
}
.menu.horizontal a {
	float: left;
	padding: 0 20px;
}
.menu.horizontal li {
	position: relative;
	display: block;
	float: left;
}
.menu.horizontal li ul {
	position: absolute;
	left: 0;
	top: 2em;
	width: 15em;
	z-index: 1000;
	margin: 0;
	display: block;
	/*display: none;*/
}
.menu.horizontal li:hover ul {
	display: block;
}

.menu.horizontal li ul li {
	width: 100%;
}
.menu.horizontal li ul li a {
	line-height: 1.1 !important;
  height: auto !important;
  padding: 0.5em;
	margin: 0;
	display: block;
	float: none;
}
 #menu {
  background: transparent;
	position: absolute;
	left: 0;
	top: 76px;
	height: 33px;
	padding-left: 1%;
	width: 99%;
}
#menu li {
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
}
#menu a {
  color: white;
	height: 33px;
	line-height: 33px;
}
#menu a:hover, #menu li.current_page_item a {
  background: #383838;
  text-decoration: none;
}
#side .menu {
	margin: 0.5em 0;
}
#side .menu li {
 font-size: 110%;
}
.btext{
  top: 227px;
  left: 535px;
  position: absolute;
  font-size: 22px;
  color: #fff;
  }
/* TODO: smazat je v php */
#side .menu .children {
display: none;
}
#side .menu .current-cat .children,#side .menu .current-cat-parent .children {
display: block;
}

#side .menu a, #side .menu li.current-cat a {
  background: #ECF5FB url(images/sipka-menu.gif) no-repeat 10px center;
  color: #0F8B3B;
	padding: 1em 1em 1em 20px;
	text-decoration: underline;
	line-height: 1.3;
  display: block;
  font-weight: normal;
}
#side #categories.menu a {
	padding: .5em 1em .5em 20px;
}
#side .menu a:hover, #side .menu li.current_page_item a, #side .menu li.current-cat a, #side .menu li.current-cat a:hover {
  background-color: #51715C;
  background-image: url(images/sipka-menu4.gif);
	color: white;
	text-decoration: none;
}
#side .menu li.current-cat a:hover {
  background-color: #1988ce;
  }
#side .menu li li a, #side .menu li.current-cat li a {
  background-color: transparent;
  background-image: url(images/sipka-menu3.gif);
  background-position: 20px center;
color: #0F8B3B;
	font-weight: normal;
	text-indent: 15px;
}
#side .menu li li a:hover, #side .menu li li.current_page_item a, #side .menu li li.current-cat a, #side .menu li li a:hover {
  background-image: url(images/sipka-menu2.gif) !important;
  background-color: #1988CE;
}

#side .menu li.current-cat li.current-cat a{
  color: #fff;
}
#categories .menu li {
font-size: 110%;
}
#categories .menu a {
  background: url(images/sipka-menu.gif) no-repeat 5px center !important;
  text-decoration: underline;
  font-weight: bold;
  line-height: 2.5em;
  text-indent: 15px;
width: 33.33%;
float: left;
padding: 0;
}
#categories .menu a:hover {
color: #0056b7;
text-decoration: none;
}

#bottom-menu {
width: 100%;
display: block;
text-align: center;
border-top: 1px solid #eaeaea;
	margin-top: 1em;
	padding-top: 1em;
	height: 3em;
}
#bottom-menu a {
float: none;
display: inline;
text-decoration: underline;
font-weight: bold;
color: #2CAB58;
}
#bottom-menu li {
display: inline;
font-size: 110%;
float: none;
}
#bottom-menu a:hover {
	text-decoration: none;
	background: inherit;
}
#bottom-menu li.current_page_item a {
  color: inherit;
	background: inherit;
}
.brands.menu h2 {
display: block;
font-size: 150%;
font-weight: bold;
margin: 0.7em 0;
}
#main .brands.menu li {
	display: block;
	
	padding: 0;
	list-style: none url();
	font-size: 120%;
	position: relative;
	text-align: center;
  width: 235px;
  	display: inline;
	float: left; 
	text-align: center;
	margin: 0 3px 3px 0;
	padding-bottom: 10px;
}
.brands.menu li a {
   display: block;
  color:#0F8B3B;
	width: 100%;
	padding: 0;
	
	
	line-height: 24px;
	
	font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif;
	font-weight: normal;
	text-decoration: none;
	overflow: hidden;
	white-space: nowrap;
	


}
.brands.menu li a.img {
  height: 90px;
	border: 1px solid #eaeaea;
	padding: 10px 0px;

}
.brands.menu li a:hover {
 
 color:#0F8B3B;
text-decoration: underline;
background: transparent url() 
}
.brands.menu li a.img:hover{
  border: 1px solid #1988CE;
 
  }
.sortiment.menu {
border: 1px solid #2EAC5A;
padding: 2px 0 2px 2px;
}
.sortiment.menu ul {
margin: 0!important;
padding: 0!important;
}
.sortiment.menu .column {
  float: left;
width: 33.3%;
margin:0;
padding: 0;
}

.sortiment.menu .column li {
margin: 0!important;
padding: 0;
list-style: none url();
display: inline;
font-size: 180%;
display: block;
overflow: hidden;
}

.sortiment.menu a {
margin: 0;
background: #EBEBEB url(images/sortiment-sipka.png) no-repeat 5px center;
text-indent: 25px;
	font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif;
	height: 250%;
	line-height: 250%;
	overflow: hidden;
	font-weight: normal;
	text-decoration: underline;
  margin-right: 1px;
  white-space: nowrap;
  padding: 0;
  display: block;
  margin-bottom: 1px;
}
.sortiment.menu a:hover {
background: #0056B7 url(images/sortiment-sipka-hover.png) no-repeat 5px center !important;
color: white !important;
}
.sortiment.menu .level-1.has-children a
{
margin-right: 18px;
}
.sortiment.menu li.level-1.has-children
{
background: url(images/sortiment-sipka-dolu.gif) no-repeat right center;
cursor: s-resize;
}
.osrtiment.menu li.level-1.has-children.show {
background: url(images/sortiment-sipka-dolu-hover.gif) repeat-y right center;
}
.sortiment.menu .column ul {
display: none;
}
.sortiment.menu .column li.show ul{
display: block;
}
.sortiment.menu li li {
font-size: 70% !important;
width: auto;
float: none;
display: inline;
}

.sortiment.menu li li a {
  background-color: #e4f7ff;
  background-image: url(images/sipka-menu3.gif);
	color: #0056b7;
	margin-left: 1em;
	line-height: 1.1;
	padding: 0.5em 0;
  display: block;
	border-bottom: 1px solid white;
}


.sortiment.menu li li a:hover, .sortiment.menu li li.current_page_item a, .sortiment.menu li li.current-cat a, .sortiment.menu li li a:hover {
  background-image: url(images/sipka-menu2.gif) !important;
}






.widget_search {
position: absolute;
right: 20px;
top: 20px;
}
.widget_search h2, .widget_search label {
display: none;
}
/* TODO: změnit na input a button a dát do template. i button do tmp */
.widget_search #s{
 /* background: url(images/hledat-input.gif) no-repeat 0px 0px; */
  border: 1px solid #ADADAD;
  height: 16px;
  padding: 5px;
  width: 186px;
}

.widget_search #searchsubmit{
  /*background: url(images/hledat-button.png) no-repeat 0px 0px;  */
  border: 0px;
  color: #0E8A39;
  font-weight: bold;
  height: 28px;
  width: auto;
}
.widget_search #searchsubmit:hover {
cursor: pointer;
}
.widget_search #searchsubmit:active {
position: relative;
left: 1px;
top: 1px;
}


#side #novinky .item {
  background: #eeeeee;
  padding: 5px 10px 5px 10px;
  margin-bottom: 1px;
  float: left;
  clear: both;
  width: 305px;
}
#side #novinky blockquote {

font-style: normal;
font-weight: normal;
font-size: 110%;
}
#side #novinky h3, #side #novinky h3 a {
color: #2dab59;
font-size: 12px;
font-weight: bold;
margin-bottom: 0;
width: auto;
}
#side #novinky p {
margin-top: 0;
font-size: 110%;
}
#side #novinky a {
color: #0056B7;
}
#side #novinky h3 a {
text-decoration: none;
}
#side #novinky h3 a:hover {
text-decoration: underline;
}
#side #novinky .more {

}
#side #novinky img{
 float: left;
 margin: 0px 10px 10px 0px;
 }
.item {
position: relative;
	padding: 0 0.5em;
	background: #FBFBFB;
	margin-bottom: 0.5em;
}

body.page-kontakty #main .item {
padding: 0;
margin: 0;
background: none;
width: 25%;
float: left;
ppadding-top: 190px;
position: relative;

}
body.page-kontakty #main .item img{
  padding: 0px;
  width: 98%;
}
body.page-kontakty #main .item div {
position: absolute;
top: 0;
left: 0;
width: 184px;
height: 184px;
border: 1px solid black;
}
body.page-kontakty #main .item.prvni{
padding-left: 0;
}
body.page-kontakty #main .item h2 {
font-size: 120%;
font-weight: bold;
}

h1, h2, h3, h4, h5, h6 {
	font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif;
	line-height: 1.5em;
color: #777;
	clear: both;
	margin: 0.5em 0;
	font-weight: normal;
}
h1 {
margin-top: 0;
	font-size: 230%;
border-bottom: 1px solid #a8a8a8;
}
/*body.page h1 {
  color: #4a4031;
  
  position: absolute;
  top: 40px;
  left: 0;
  padding: 0 0 20px;
  text-indent: 30px;
  width: 100%;
  line-height: 1em;
  font-size: 20px;
  height: 1em;
  overflow: hidden;
  border-bottom: 0px solid #a8a8a8;
  }
 */
body.home h1 {
  top: 10px;
  background: url(images/h1-bg.png) no-repeat left bottom;
  border-bottom: 0px;
  padding: 9px 0;
  text-indent: 30px;

 
  margin-bottom: 1em;
font-size: 20px;
}
/*body.page-sortiment h1 {
  text-indent: 50px;
  font-size: 25px;
  height: 1.5em;
  line-height: 1.5em;
  background: url(images/icona-sanony.jpg) no-repeat left top;
  border:none;
  padding: 0;
}  */

h2 {
	font-size: 150%;
	font-weight: bold;
	color: #0056B7;
}
body.home h2 {
	font-size: 200%;
	font-weight: normal;
	color: #217F41;
}

#side #novinky h2 a {
   color:#5a493d;
   font-size: 16px;
   text-decoration: none;
}
h2 a {
	color: black;
}
h3 {
	font-size: 160%
}
h4 {
	font-size: 140;
	font-variant: small-caps;
	color: black;
}
blockquote {
	font-style: italic;
	margin: 0;
}
p, li, td, th, dt, dd, blockquote, label {
	font-size: 120%;
}
li p, td p, th p, td li, li li, dt dt, dd dd {
	font-size: 100% !important;
}
table {
	border-collapse: collapse;
	margin: 0 auto;
}
table.attachments {
  margin: 0;
clear: both;
display: block;
width: 100%;
}
table td, table th {
	padding: 0.5em;
	border: 1px solid white;
}
table th {
	background: #EFF7F2;
}
thead th {
	text-align: center;
	line-height: 2em;
	background: #2AC83F url(images/bg-menu.png) repeat-x left top;
	font-weight: normal;
	color: #fff;
}
tbody td {
	text-align: center;
	background: #EFF7F2;
}

table.attachments a {
width: 0;
height: 48px;
line-height: 48px;
padding-left: 48px;
background: url(images/icon-other.png) no-repeat left center;
overflow:hidden;
display: moz-inline-box;
display: inline-block;
border: 2px solid transparent;
}
table.attachments a:hover {
border-color: #0056B7;
}
table.attachments a.ms-excel {
background: url(images/icon-spreadsheet.png) no-repeat left top;
}

table.attachments a.msword {
background: url(images/icon-document.png) no-repeat left top;
}
table.attachments a.pdf {
background: url(images/icon-pdf.png) no-repeat left top;
}


a {
color: #2CAB58;
color: #777;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
em {
	color: #444;
	font-weight: bold;
}
#main p, #main li, #submain p, #submain li, #side p, #otherside p {
	line-height: 1.5em;
	margin: 0.7em 0;
}
#main ul, #main ol {
	margin-left: 0;
	padding-left: 2.5em;
}
#main ul li {
	list-style: square;
}
#main ol li {
	list-style: decimal outside;
}
#main blockquote {
	background: #FBFBFB;
	font-size: 130%;
	line-height: 1.3em;
	padding: 1em;
	margin: 1em 2em;
	font-style: italic;
}
.left , .alignleft {
	float: left;
	margin: 0 1em 1em 0;
}
.right , .alignright {
	float: right;
	margin: 0 0 1em 1em;
}
.half {
float: left;
width: 48%;
margin: 0 1%;
}
.gallery-icon {
	background: #F7F7F7;
	border: 1px solid #E7E8E6;
	border-radius: 4px;
	-moz-border-radius: 4px;
	padding: 5px 0;
	margin: 0.5em 1em;
	text-align: center;
	color: #8d8b8b;
}
.gallery-icon a img {
	border: none !important;
}
.gallery-icon a {
	border: 0px solid #2CAB58;
}
.gallery-icon a:hover {
	border: 2px solid transparent;
}
.linklove {
	display: none;
}
/* formular start */
.cform, input, textarea, label {
	font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif;
}
.cform ul, .cform li, .cform ol {
margin: 0;
padding: 0 !important;
line-height: 1;
list-style: none url() !important;
}
.cform fieldset {
  background: none;
  border: 0px;
}
.cform .reqtxt, .cform .emailreqtxt  {
display: block;
  height: 1.3em;
  line-height: 1.3em;
  padding: 10px;
  float:left;

}

.cform textarea, .cform input {
background: #f4f4f4;
border: 1px #5DBA60 inset;
  height: 1em;
  line-height: 1.3em;
  font-size: 100%;
  width:20em;
float: left;
  padding: 5px 10px;
}
.cform textarea {
/*   background:  url(images/formular-textarea-bg.png) no-repeat 0px 0px ; */
  height: 170px;
}
.cform legend {
display: none;
}
.cform li {
clear: both;
display: block;

}
.cform label {
  padding: 0px 0;
  font-size: 120%;
  font-weight: bold;
  width: 7em;
  display: block;
  float: left;
  height: 1.3em;
  }
#cformsform #sendbutton{
  background:  #F0F0F0;
  border: 0;
  color: #0E8A39;
  font-size: 100%;
  font-weight: bold;
  height: 33px;
  margin: 0px;
  padding: 0;
  width: 102px;
  cursor: pointer;
  margin-left: 8.4em;
position:relative;

}
#cformsform #sendbutton:active {
left: 1px;
top: 1px;
}


ol.cf-ol li.cf_li_err {
  background: none ;
}
.cf_info {
font-size: 120%;
padding: 1em;
margin: 0.5em 0;
font-weight: bold;
color: #060;
}
.cf_info.failure {
background: #F99;
border: 1px solid #900;
color: black;
}
/* formular end */

.edit {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1001;
}
.hidden {
	visibility: hidden;
}
.clear {
	clear: both;
	height: 0px;
	line-height: 0px;
	overflow: hidden;
}
a img {
	border: 0px;
}
#main a img{
  border: 1px solid #1988CE;
  padding: 2px ;
  } 
#main a.img img, #main a.logo img{
border: 0px;
}
#isover.reklama{
width: 290px;
margin: 0.5em auto;
}

.post-21 table, .post-21 table td {
padding: 0.5em 1em !important;
margin: 0 !important;
}
.post-21 table td {
width: 25%;text-align: left;
}

.post-21 table td h3 {
padding: 0;
margin: 0;
font-size: 140%;
}
.category-novinky img {
  float: left;
  margin: 0px 10px 10px 0px;
}
.category-novinky .item{
  width: 100%;
  float: left;
  clear: both;
  }
.widget_breadcrumb_navxt{
  position: absolute;
  top: 10px;
  left: 0px;  
  font-size: 12px;
}
.page-sortiment .widget_breadcrumb_navxt{
   left: -220px; 
  }
.page-homepage  .widget_breadcrumb_navxt{
  display: none;
  }