@import url("menu.css");
@import url("master.css");
@import url("modules.css");
@import url("productscreen.css");

#hlavni{
	width: 990px;
	margin: 0 auto;
	background: #fff url(../images/hlavni_new.gif) 0 0 repeat-y;
	text-align: left;
	position: relative;
	/*min-height: 500px;*/
}
#header{
	background: #040700 url(../images/header.jpg) no-repeat top right;
	position: relative;
	height: 135px;
}
#logo{
	position: absolute;
	top: 0px;
	left: 0px;
    width: 310px;
    height: 135px;
}
#drobky{
	float: left;
	width: 984px;
	font-size: 90%;
	padding-left: 6px;
	/*padding: 7px 0 0 0;*/
	background: #232122 url(../images/drobky_bgr.jpg) no-repeat top left;
}
#drobky li{
	list-style-type: none;
	float: left;	
	padding: 10px 14px 10px 30px;
	color: #585858;
	background: url(../images/drobky.gif) no-repeat left bottom;
}
#drobky  li a{
	color: #585858;
	float: left;
}
#drobky  li a:hover{
	color: #686868;
	text-decoration: none;
}
 #drobky li.posledni_drobek{
	/*background: none;*/
}
#drobky li.prvni_drobek{
	margin-left: 10px;
}
div#drobky{
	height: 35px;
	background: #232122 url(../images/drobky_bgr.jpg) no-repeat top left;	
	float: left;
}



#main { 
	float:left; 
	width:780px;  
	background: url(../images/main_2.gif) no-repeat top left;
	padding-top: 5px;
}
#content { 
	float:right; 
	width: 480px; 
	overflow: hidden;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 15px 30px 10px 30px;

	/* PB 2010-12-09 background: url(../images/content.gif) repeat-y left;*/

}
#nav { 
	float:left; 
	width:240px; 
	overflow: hidden;
}
#extra { 
	float:right; 
	width: 210px; 
	overflow: hidden;
	background: url(../images/extra.gif) no-repeat top left;
	padding-top: 5px;
}

h1.title {
	background: #7ABC60;
	border-top: 1px solid #90d176;
	border-left: 1px solid #90d176;
	border-right: 1px solid #67a54e;
	border-bottom: 1px solid #67a54e;
	color: white;
	padding: 5px 10px;
	font-size: 130%;
	text-decoration: none;
	margin: 0;
}
h1.title a {
	color: white;
	text-decoration: none;
}
h1.title a:hover {
	color: white;
	text-decoration: underline;
}

h2.newstitle {
	background: none;
}
h2.newstitle a {
	font-size: 100%;
	text-decoration: none;
	color: #7ABC60;
	padding-top: 20px;
}
h2.newstitle a:hover {
	color: white;
}

h2.doporucujeme {
	background: #7ABC60;
	border-top: 1px solid #90d176;
	border-left: 1px solid #90d176;
	border-right: 1px solid #67a54e;
	border-bottom: 1px solid #67a54e;
	color: white;
	padding: 0 5px;
	font-size: 130%;
	text-decoration: none;
	margin: 0;
}


h3.nadp{
	background: #222021;
	color: #ededed;
	padding: 6px 10px 7px 10px;
	font-family: "Arial", Helvetica, sans-serif;
	margin-bottom: 1px;
	border-top: 1px solid #2e2c2d;
	border-left: 1px solid #2e2c2d;
	border-bottom: 1px solid #1a1819;
	border-right: 1px solid #1a1819;
}

.element{
	background: #222021;
	width: 230px;
	height: 10px;
	margin: 5px 0;
	border-top: 1px solid #2e2c2d;
	border-left: 1px solid #2e2c2d;
	border-bottom: 1px solid #1a1819;
	border-right: 1px solid #1a1819;
}

#nav h3.nadp{
	margin-left: 10px;	
}
#extra h3.nadp{
	margin-right: 9px;	
}

.mini_box{
	background: black;
	color: #fff;
	padding: 5px;
}
#nav .mini_box{
	margin-left: 6px;	
}
#extra .mini_box{
	margin-right: 6px;	
}
#extra a{
	color: #fff;
}
#extra a:hover{
	color: #7ABC60;
}
#nav .mini_box a:hover{
	color: #fff;
}



#main_end{
	height: 23px;
	background: url(../images/main_end_new.gif) no-repeat;
	width: 990px;
	clear: both;
	float: left;
}


#footer{
	background: #222021 url("../images/footer.jpg") no-repeat top left;
	color: #000;
	width: 990px;
	text-align: left;
	position: relative;
	float: left;
	font-family: "Arial", Helvetica, sans-serif;
}
#footer a{
	color: #000;
	text-decoration: underline;
}

#footer ul{
	margin-left: 6px;
}
#footer ul li{
	list-style-type: none;
	background: url("../images/footer_li.gif") no-repeat top left;
	float: left;
}

#footer ul li a{
	color: #585858;
	float: left;
	display: block;	
	padding: 10px 13px 10px 15px;
}
#footer ul li a:hover{
	color: #686868;
	text-decoration: none;
}



#footer2{
	background: #000 url("../images/footer_2.jpg") no-repeat bottom left;
	color: #000;
	padding: 12px 0 ;
	width: 990px;
	clear: both;
	text-align: left;
	font-size: 11px;
	position: relative;
	color: #fff;
	height: 30px;
}
#footer2 a{
	color: #7abc60;
}
#footer2 a:hover{
	color: #fff;
}
.skateshopy { float: left; margin-top: -8px; margin-left: 15px; }

#footer2_left{
	float: left;
	padding-left: 15px;
}
#footer2_right{
	float: right;
	padding-right: 15px;
}

.PagerClass {
	font-size: 11px;
	color: #7ABC60;
	padding-top: 10px;
	padding-left: 6px;
	line-height: 250%;
}
.PagerClass a {
	padding: 3px 6px;
	background: black;
	color: white;
	text-decoration: none;
}

.PagerClass a:hover {
	padding: 3px 6px;
	background: #7ABC60;
	color: white;
	text-decoration: none;
}