/*
Theme Name: PMG Trade
Theme URI: http://www.onit.cz/
Description: .
Version: 1.0
Author: Ondřej Bým
Author URI: http://www.onit.cz
Tags: 
*/


/**** predef ****/

.fl,
.float_l{float: left;}
.fr,
.float_r{float: right;}

.cleaner,
.float_break{clear: both;}

.float_break_l{clear: left;}

.float_break_r{clear: right;}

.txtl{text-align:left;}
.txtr{text-align:right;}
.txtj{text-align:justify;}
.txtc{text-align:center;}
.vertt{vertical-align:top;}
.vertm{vertical-align:middle;}
.vertb{vertical-align:bottom;}

.underline{text-decoration: underline;}
.underline:hover{text-decoration: none;}

.label-error
{
    color: #CF1919;
}

.smaller
{
  font-size: 12px;
}

/* **************** */

* {margin:0; padding:0;}
body, div, span, p, a, img, ul, ol, li, caption, table, thead, tbody, tfoot, tr, th, td, form, fieldset, legend, label, dl, dt, dd, blockquote, applet, object, h1, h2, h3, h4, h5 
{
	border:0;
}

body
{
	font: 12px/1.4 "Arial CE","Helvetica CE",Arial,Helvetica,sans-serif;;
	font-family:"Arial CE","Helvetica CE",Arial,Helvetica,sans-serif;;
	background-color: #282828;
	color: #505050;
}


p
{
  text-align: justify;
}

#slideshow
{
  /*height: 238px;*/
}

h1,h3{color:#444;}
h2{color: #306F66;}

h3
{
  font-size: 12px;
  padding: 5px 0px 5px 0px;
}

a{color: #4682B4;text-decoration: underline;}
a:hover{color: #222;text-decoration: none;}

ul, ol {margin-left:30px;}
ul ul, ol ol {margin:0; margin-left:20px;}
ol {list-style-type:decimal;}
li {display:list-item;}

ul li,
ul li li 
{
	margin-left: -18px;
	list-style-type: none;
	padding-left: 18px;
	background-image: url('images/listcube.gif');
	background-position: top left;
	background-repeat: no-repeat;
}


/* ******* END PREDEF *********** */

#all-wrap
{
  background-image: url('images/bg.gif');
	background-position: left top;
	background-repeat: repeat-x;
}


#top-line
{
  background-color: #ffcc00;
  height: 10px;
}

#page-wrap
{
	width:960px;
	margin:auto;
}

#header-wrap
{
  position: relative;
	margin-top: 15px; 
	background-image: url('images/bg-bodytop.gif');
	background-position: left top;
	background-repeat: no-repeat;
	/*border-0px;*/
}

#logo
{		
  position: absolute;
  top: 35px;
  left: 40px;  
	width: 200px;
	height: 69px;
	background-image: url('images/logo.png');
	background-position: top left;
	background-repeat: no-repeat;	
}

#logo span
{
	visibility: hidden;
	display: none;
}

#topmenu
{
  height: 30px;
  margin-top: 60px;
  margin-right: 50px;
  margin-bottom: 20px;
  text-align: right;
}

#body-wrap
{	
	padding-bottom: 10px;
	background-image: url('images/bg-body.png');
	background-position: 21px 0px;
	background-repeat: repeat-y;
}

#menu-wrap
{		
	float: left;
	width: 230px;
  padding-bottom: 0px;	
}

ul.navigleft
{
  padding-top: 0px;
  padding-bottom: 30px;
  background-image: url('images/bg-navigcontent.png');
	background-position: top left;
	background-repeat: no-repeat;
  background-repeat: repeat-x;
  margin-left: 22px;
}
ul.navigleft li
{
  display: block;
  list-style: none;
  background-image: none;
}

ul.navigleft a
{
  height: 30px;
  color: #777;
  /*font-size: 14px;*/
  text-decoration: none;
  font-weight: bold;
  display: block;
  padding: 9px 0px 1px 43px;
  margin: 0 0 0px 0px;
  
  /*border-bottom: #ccc solid 1px;*/
  
  background-image: url('images/bg-navigitemhover.png');
	background-position: bottom right;
	background-repeat: no-repeat;
}

ul.navigleft a:hover
{
   color: #444; 
}

ul.navigleft li.current_page_item a
{
  background-image: url('images/bg-navigitem.png');
  color:#444;
}

ul.navig,
ul.navig li
{
  display: block;
  list-style: none;
  background-image: none;
  float: right;
}

ul.navig a
{
  color: #777;
  font-size: 16px;
  text-transform: lowercase;
  text-decoration: none;
  font-weight: bold;
  display: block;
  padding: 0 0 3px 0px;
  margin: 0 0 0 10px;
  
  
  border-bottom: #F1F1F1 solid 5px;
}

ul.navig li.current_page_item a
{
  color:#444;
  border-bottom: #49968C solid 5px;
}

ul.navig a:hover
{
  color:#444;
  border-bottom: #49968C solid 5px;
}

ul#intro,
ul#intro li
{
    height: 228px;
    margin: 0px; 
    padding: 0px; 
    background-image: none;
}

#motto
{
	margin:10px;
	height: 70px;
	
}

#content-wrap
{
	padding: 15px 45px 15px 265px;
	
	background-image: url('images/bg-navigcontent.png');
	background-position: 914px 0px;
	background-repeat: no-repeat;
	
}

#foot-wrap
{ 
  
	background-color: Transparent;
	padding: 10px 45px;
	color: #777;
}

#foot-wrap a
{
	color: #777;
	text-decoration: none;
}

#foot-wrap a:hover
{
	color: #FFCC00;
}

#foot-shadow
{
  padding-top: 15px;
  background-image: url('images/bg-bodyfoot.gif');
	background-position: -1px 0px;
	background-repeat: no-repeat;
	height:70px;
}

h2
{
	font-size: 18px; 
	font-weight: bold;
}

.h2bg
{
}

.h2wrap
{
   text-align: right;
	 height: 40px;
}

.upper
{
   background-image: url('images/upper.png');
	 background-position: 22px 0px;
	 background-repeat: no-repeat;
	 height: 8px;
}

.h2wrap h2
{
  position: relative;
  left: 0px;
  top: 0px;
  font-size: 16px;
  width: 630px;
  border-bottom: 1px solid #ccc;
}

.introtable-inner a
{
  text-decoration: none;
  color: #444;
}

.introtable-inner a:hover
{
  text-decoration: underline;
}

.introtable-inner h2
{
	color:#49968C;
  font-family:"Trebuchet MS";
  font-size:18px;
  font-weight:bold;
  line-height:20px;
  margin: 0px 0px 5px 0px;
  text-transform: lowercase;
  text-decoration: none;
  border: none;
  display: block;
}

.introtable-inner h2.news,
.introtable-inner h2.cinnosti,
.introtable-inner h2.kontakt
{
   height: 32px;
   padding-top: 5px;
   padding-left: 40px;
}

.introtable-inner h2.news
{
  background-image: url('images/icons/info.png');
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

.introtable-inner h2.cinnosti
{
  background-image: url('images/icons/cinnost.png');
	background-position: 0px 0px;
	background-repeat: no-repeat;
	margin-bottom: 0px;
}

.introtable-inner h2.kontakt
{
  background-image: url('images/icons/mail.png');
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

.introtable-inner
{  
	margin: 0px 0px 0px 35px;
	width: 880px;
}

.introtable-inner td
{
  vertical-align: top;
  padding: 0px 15px 5px 15px;
  
}

ul.introtable
{    
    text-transform: lowercase;  
}

ul.introtable li,
ul.introtable li li 
{
	margin-left: -10px;
	list-style-type: none;
	padding-left: 20px;
	background-image: url('images/ulchck.png');
	background-position: 0px 50%;
	background-repeat: no-repeat;
	font-size: 12px;
	font-weight: bold;
	line-height: 21px;
}

span.lbl
{
  font-size:11px;
}

span.inpt textarea
{
  overflow: auto;
}

span.inpt textarea,
span.inpt input,
span.inptbtn input
{
  border: #1f2629 1px solid;
  background-color: #1F2629 ;/*464c4f;*/
	color: #DCDDDE;
  padding: 2px 5px 2px 5px;  
}

span.inptbtn input:hover
{
  border: #1f2629 1px solid;
  background-color: #1f2629;
	color: #DCDDDE;  
}

span.inpt textarea:focus,
span.inpt input:focus,
span.inptbtn input:focus
{
  border: #888 1px solid;
}

.contatctform
{
  padding-left: 300px;
}

.adress
{
    float: left;
    padding-left: 0px;
}

.contatctform h3
{
  margin-bottom: 10px;
}
.adress h3
{
  margin-bottom: 15px;
}

.adress ul
{
    margin-bottom:20px;
}

.adress li
{
    list-style: none;
}

#mapka
{
	margin: 15px 0px;	
	text-align: center;
}

#mapka a img
{
	border: 1px solid #666;
	padding: 4px;
}

#mapka a:hover img
{
	border: 1px solid #fff;
	padding: 4px;
}

.entry
{
  position: relative;
  margin-right: 20px;
}

.conact-small
{
  font-size: 11px;
}


.imgarray
{
  margin-top: 20px;
}

.imgarray img
{
   padding: 15px; 
   margin-right: 15px;
   border:  1px solid #bbb;
}

.reftable
{
  margin-bottom: 5px;
}

.reftable-name
{
  font-weight: bold;
  font-size: 12px;
}

td.reftable-price
{
  width: 50px;
  text-align: right;
}

.reftable-desc
{
  
}

.adrname
{
  font-size: 1.1em;;
}

.form-box { margin-top:0.8em; background:#cedcd2 url('../img/box/form.png') 0 0 repeat-x; }
.form-box form { padding:15px 15px 13px 15px; }
.form-box form textarea.inp-text { background-image:url('../img/form/inpTextArea.png'); }
.form-box form .inp-text { padding-top:7px; padding-bottom:5px; background:#f0f0f0 url('../img/form/inpText.png') 0 0 repeat-x; }
.form-box form .small { margin-top:15px; color:#3E6F4B; /*0c511e*/}
.form-box form .small,
.form-box form .submit { margin-bottom:0; }
.form-box form .submit input { width:182px; min-height:32px; _height:32px; background:url('../img/form/btnSubmit.png') 0 0 no-repeat; border:none; color:#fff; font-weight:bold; }
.form-box form .submit input.hover,
.form-box form .submit input:hover { background-position:100% 0; }
.form-box br { display:none; }
.form-box label { display:block; margin-bottom:2px; color:#0c511e; font-size:1.1em; }
.form-box .msg-box { margin:0px 0 6px 0; }


.contact-box .address { margin-top:0.5em; font-style:normal; }
.contact-box .contact { margin-top:0.5em; line-height:2.8em; }
.contact-box .contact br { clear:left; }
.contact-box .contact strong { float:left; display:inline; width:30px; height:25px; margin-top:3px; margin-right:10px; }
.contact-box .contact strong span { display:none; }
.contact-box .contact .email { background:url('../img/icon/contact/email.png') 50% 50% no-repeat; }
.contact-box .contact .map { background:url('../img/icon/contact/map.png') 50% 50% no-repeat; }
.contact-box span { display:block; margin:0.4em 0; line-height:1.7em; }
.contact-box span br { display:block; }



.contactform
{
  background-color: #cedcd2;
  padding: 10px;
  border: 1px #86a890 solid;
  color: #28524c;
  
}

.contactform input,
.contactform textarea
{
  border: 1px #86a890 solid;
}


.contactform input
{
  height: 20px;
  padding-top: 3px;
  width: 100%;
}

.contactform input.sbmt
{
  float: right;
  padding: 0px;
  height: 30px;
  width: 150px;
  background-color: #28524c;
  border: 1px #28524c solid;
  color: #fff;
  font-weight: bold;
}

.contactform textarea
{
  width: 100%;
  padding-top: 3px;
}



.contactform table
{
    margin-top: 10;
    background-color: #cedcd2;
    width: 100%;
}


.contactform table td
{
    padding: 5px;
}

.contactform table td.lbl
{
    padding-bottom: 1px;
    color: #2b3d30;
}










/* Easy Slider */

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:696px;
		height:241px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:696px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(../images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../images/btn_next.gif) no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #ccc;
		background:#DAF3F8;
		color:#555;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#5DC9E1;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* // Easy Slider */


.reference-nadpis
{
  font-weight: bold;
  font-size: 12px;
    
}

.reference-popis
{
  margin-bottom: 20px;
  display: block;
}