body{
		background-color:#D8DFE3;
font-family: Arial, Verdana, Tahoma;		
position:relative;
 /*background-image:url(img/pozadi.png); */

background-image:url(http://www.rubblemaster.cz/wp-content/uploads/bmy3.jpg);
      background-repeat: no-repeat;
               

		                  
}

#header{
		background-color:#D8DFE3;
		background-image:url(img/header.png); 
		height:90px;
}


#blog-title {
       width: 500px;
       height: 90px;
	   position: relative;
       margin: 0px;
       padding: 0px;
       overflow:hidden;

}



#blog-title span {
      display:block;
      position:absolute;
      left:0;
      top:0;
      z-index:1;
      width:500px;
      height:90px;
      margin:0;
      padding:0;
      background-position: top left;
      background-repeat: no-repeat;
      background-image: url(img/header_title.png);

}



#blog-title a{
		color:#FFDD00;
		font-size:1px;
		font-weight:bold;
}

#blog-description{
		font-size:18px;
		font-weight:bold;
		position:absolute;
		right:30px;
		top:40px;
}

div#container{

		float:left;
		width:100%;
}

div#content{	
		margin:0 200px;
}

div.sidebar{
		
float:left;
		overflow:hidden;
		width:180px;
}

#wrapper{
 /*             background: #EBEFF2;       */
		left:86px;
		padding-bottom:300px;
		position:relative;
		top:45px;
		width:950px;

}


div#primary{
		background-color:#FFDD00;
		margin:0 0 0 -100%;
}

* html div#primary{
		left:20px;
		position:relative;
}

div#secondary{
		background-color:#999933;
		margin:0 0 0 -180px;
}

div#footer{
		clear:left;
		width:100%;
}

div.skip-link{
		position:absolute;
		right:1em;
		top:1em;
}

div#menu{
		background-color:#333333;
		height:35px;
		margin:0em 0;
		width:100%;
}

div#menu ul,div#menu ul ul{
		line-height:1;
		list-style:none;
		margin:0;
		padding:0;
}

#menu ul{
		line-height:23px;
		list-style:none;
		margin:0 0 0 0;
		padding:0;
}

div#menu ul a{
		color:#C9C9C9;
		display:block;
		font-size:18px;
		margin-right:1em;
		padding:0.5em 0.5em;
		padding-top:8px;
		text-decoration:none;
		vertical-align:middle;
}

div#menu ul ul ul a{
		font-style:italic;
}

div#menu ul current_page_item a{
		color:#66FF00;
}

div#menu ul li ul{
		left:-999em;
		position:absolute;
}

div#menu ul li:hover ul{
		left:auto;
}

.entry-title,.entry-meta{
		clear:both;
}

div#container,div#primary{
		margin-top:0em;
}

#home{
		
		height:90px;
		margin-top:0px;
		padding-top:0px;
}

.box_home{
		height:165px;
		list-style:none;
		padding-right:0px;
		position:absolute;
		top:360px;
		width:225px;
        }

.box_home a{
		color:#000000;
		text-decoration:none;
}

.box_home ul li{
		bottom:0px;
		font-size:18px;
		font-weight:bold;
		left:-20px;
		list-style:none;
		position:relative;
		top:80px;
}

.box_home ul ul li{
		font-size:14px;
		font-weight:normal;
		left:50px;
		list-style:none;
		position:relative;
		top:-25px;
}

.jedna{
		background-image:url(img/1.png);
		left:70px;
}

.dva{
		background-image:url(img/2.png);
		left:362px;
}

.tri{
		background-image:url(img/3.png);
		right:70px;
}

#text_home{
	
		height:210px;
		padding-left:15px;
        padding-right:15px;
		position:absolute;
		right:90px;
		top:140px;
		width:490px;
        overflow: hidden;
}

#content{
		                padding-left: 15px;
                padding-top: 5px;
                padding-right: 15px;
                padding-bottom: 15px;

}

#content li a{
        text-decoration: none;
        list-style: none;
}




div.sidebar h3{
		font-size:1.2em;
}

div.sidebar input#s{
		width:7em;
}

div.sidebar li{
		list-style:none;
		margin:0 0 2em;
}

div.sidebar li form{
		margin:0.2em 0 0;
		padding:0;
}

div.sidebar ul ul{
		margin:0 0 0 0em;
}

div.sidebar ul ul li{
		list-style:none;
            border-bottom: 1px solid #FFFFFF;
		margin:0;
              padding-left: 10px;
}

div.sidebar ul ul li a {
	text-decoration:none;
}

div.sidebar ul ul ul{
		margin:0 0 0 0.5em;
}

div.sidebar ul ul ul li{
		list-style:none;
}

div#menu ul li,div.gallery dl,div.navigation div.nav-previous{
		float:left;
}

div#header,div#footer{
		text-align:center;
}

input#author,input#email,input#url,div.navigation div{
		width:50%;
}

div.gallery *,div.sidebar div,div.sidebar h3,div.sidebar ul{
		margin:0;
		padding:0;
}

.produkty{
		height:110px;
		position:absolute;
}

.produkt{
		bottom:-5px;
		height:110px;
		position:absolute;
		width:170px;
}

.produkt li{
		left:40px;
		position:relative;
		top:60px;
        text-decoration: none;
        list-style: none;
}

.p_jedna{
		background-image:url(img/produkty/1.png);
		left:0px;
}

.p_dva{
		background-image:url(img/produkty/2.png);
		left:180px;
}

.p_tri{
		background-image:url(img/produkty/3.png);
		left:370px;
}











.drtice{
		height:110px;
		position:absolute;
}


.drtic{
		bottom:-5px;
		height:110px;
		position:absolute;
		width:170px;
}

.drtic li{
		left:40px;
		position:relative;
		top:60px;
        text-decoration: none;
        list-style: none;
        text-align: left;
        text-indent: -25px;
}


.d_jedna{
		background-image:url(img/produkty/drtice/1.png);
		left:0px;
}

.d_dva{
		background-image:url(img/produkty/drtice/2.png);
		left:180px;
}

.d_tri{
		background-image:url(img/produkty/drtice/3.png);
		left:370px;
}

.d_ctyri{
		background-image:url(img/produkty/drtice/4.png);
		left:0px;
                top: 140px;
}

.d_pet{
		background-image:url(img/produkty/drtice/5.png);
		left:180px;
                top: 140px;
}

/* toto je pozice panelu. polozka "top" znamena vertikalni vysku: 0= prvni rada 140= druhá rada=2x140=280 treti rada=3x140=420 atd..
polozka "left" znamena horizontalni pozici: 0=prvni zleva, 180 = druhy zleva 370 = treti zleva
Pote je potreba nakopirovat obrazek nekam na fto, doporuji do "/wp-content/themes/tompro/img/produkty/drtice"
Pote staci jen misto "6.png" napsat jmeno obrazku i s priponou. 
Opet zkopirovat a upravit tyto radky:

.d_sest{
		background-image:url(img/produkty/drtice/6.png);
		left:180px;
                top: 140px;
}
 
pod tento text a pote dat dole "update file"
*/

.drtice_pod{
		height:110px;
		position:absolute;
}

.drtic_pod{
		bottom:-5px;
		height:110px;
		position:absolute;
		width:170px;
}

.drtic_pod li{
		left:40px;
		position:relative;
		top:60px;
        text-decoration: none;
        list-style: none;
}


 .dd_jedna{
		background-image:url(img/produkty/drtice/5.1.png);
		left:0px;
}

.dd_dva{
		background-image:url(img/produkty/drtice/5.2.png);
		left:180px;
}



.tridice{
		height:110px;
		position:absolute;
}

.tridic{
		bottom:-5px;
		height:110px;
		position:absolute;
		width:170px;
}

.tridic li{
		left:40px;
		position:relative;
		top:60px;
        text-decoration: none;
        list-style: none;
}

.t_jedna{
		background-image:url(img/produkty/tridice/1.png);
		left:0px;
}

.t_dva{
		background-image:url(img/produkty/tridice/2.png);
		left:180px;
}

.t_tri{
		background-image:url(img/produkty/tridice/3.png);
		left:370px;
}

.t_ctyri{
		background-image:url(img/produkty/tridice/4.png);
		left:0px;
        top: 140px;
}


.aktuality {
position:absolute;
bottom: -200px;
height: 130px;
width: 797px;
background-image:url(http://www.rubblemaster.cz/wp-content/uploads/homapozadi1.png);
  background-repeat: repeat-y;
padding-left: 150px;

}

