/* 
    Document   : shop
    Created on : 19.10.2009, 11:57:11
    Author     : Ondra
*/

* {margin:0; padding:0;}

body {
	font:normal 13px/20px "Trebuchet MS";
	text-align:center; position:relative;
    background:#4e8095 url(../gfx/body.jpg) top center repeat-x;	
}

#back {
    position:absolute; top:0; left:0; width:100%; height:742px; z-index:-10;
    background:transparent url(../gfx/back.jpg) top center no-repeat;
}

#page {width:974px; height:auto; margin:0 auto;}

#cont {background:transparent url(../gfx/cont_back.png) top center repeat-y;}

#head {height:393px; background:transparent url(../gfx/head_back.png) top center no-repeat;}

#head_shop {height:294px; background:transparent url(../gfx/head_back.png) top center no-repeat;}

#head_shop #flsh {width:922px; height:180px; margin:0 0 0 26px;}

#head, #head_shop {position:relative;}

#head #logo, #head_shop #logo {position:absolute; top:15px; left:23px;}
	  #logo img {border:none;}

#head #srch, #head_shop #srch {height:100px; line-height:100px; padding:0 50px; text-align:right;}

#head #menu, #head_shop #menu {height:65px; line-height:50px; padding:0 50px; text-align:right;}
	  #menu a {padding:0 15px; font-size:18px; font-family:"Palatino Linotype", "Book Antiqua", "Times New Roman", serif; color:#666; text-decoration:none;}
	  #menu a.active {color:#CBC394;}

#head #flsh {width:924px; height:293px; margin:0 0 0 25px; padding:4px 0 0 0; background:transparent url(../gfx/flsh.png) top center no-repeat;}

#cart {position:absolute; top:20px; right:100px; font-weight:bold; color:#fff;}
#cart a {color:#fff;}

#side {float:left; display:block; width:276px; text-align:left; /*background:#FEEFFF;*/}
#side a {display:block;}

#main {float:left; display:block; width:698px; text-align:left; background:transparent url(../gfx/main_back.png) top right repeat-y;}
#main h1 {
	display:block; height:70px; padding:0 0 10px 50px; line-height:55px; font-size:22px;
	color:#052f44; background:transparent url(../gfx/main_top.png) top left no-repeat;
}
#main h2 {margin:10px 35px;}
#main h3 {margin:10px 35px;}

#main a img {border:none;}
a {color:#175773;}
a:hover {color:#B4AD83; text-decoration:none;}
a img  {border:none;}

#main .snav {margin:5px 35px 15px 35px; padding:0 0 3px 0; border:solid #D1C999; border-width:0 0 3px 0;}
#main .snav a {padding:4px 5px; color:#fff; text-decoration:none; font-weight:bold; background:#bbb;}
#main .snav a:hover {color:#fff;}
#main .snav a.act {background:#D1C999;}
#main .snav a.red {color:#900;}

#main p {margin:5px 35px;}
.marg {margin:10px 35px;}

#main ul {margin:5px 50px;}

#main .cart {float:right; display:block; width:32px; height:35px; margin:8px 25px;}

#main .item {margin:5px 35px;}
#main .item h3 {margin:10px 0 5px 0; font-size:16px; color:#B5AE84; border:solid #b4ad83; border-width:0 0 1px 0;}
#main .item h3 a, #main h2 a {color:#B5AE84; text-decoration:none;}
#main .item h3 a:hover {color:#369;}

#main .item_bott {padding:3px; text-align:right; background:#e6e7df;}

#bott {clear:both; height:120px; background:transparent url(../gfx/bott_back.png) bottom center no-repeat;}

#news {padding:0 15px 10px 15px; text-align:left;}
#news p {margin:5px 20px;}
.news-date {font-size:85%; font-style:italic; color:#fff;}
.news-pict {float:left; margin:0 10px 0 0;}
.news-head {font-weight:bold; font-size:14px; color:#EFE14A;}
.news-text {font-size:85%; color:#fff;}

#foot {
	position:relative; clear:both; height:146px;
	background:transparent url(../gfx/foot_back.png) top center no-repeat;}
#foot a img {border:none;}
#foot #mail {position:absolute; top:25px; right:25px;}
#foot #navi {padding:67px 0 0 0;}
#foot #navi a {margin:0 7px;}
#foot a {color:#666; text-decoration:none;}
#foot a:hover {text-decoration:underline;}
#foot a.active {font-weight:bold;}

hr {margin:5px; height:1px; background:#999; border:none;}
.thin {line-height:12px; margin:0 5px 7px 5px;}

.ctg_top {
	display:block; height:70px; padding:0 0 0 70px; line-height:50px;
	font-size:18px; font-family:"Palatino Linotype", "Book Antiqua", "Times New Roman", serif; text-decoration:none; color:#fff;
	background:transparent url(../gfx/side_top.png) top left no-repeat;
}
.ctg_top:hover {color:#fff;}
.ctg_sub {
	display:block; height:49px;  line-height:49px; margin:0 0 10px 0; color:#666; text-decoration:none;
	font-size:14px; font-family:"Palatino Linotype", "Book Antiqua", "Times New Roman", serif;
	background:transparent url(../gfx/side_sub.png) top left no-repeat;
}
.ctg_sub_act {
	display:block; height:49px; line-height:49px; margin:0 0 10px 0; color:#333; text-decoration:none;
	font-size:14px; font-family:"Palatino Linotype", "Book Antiqua", "Times New Roman", serif;
	background:transparent url(../gfx/side_sub_act.png) top left no-repeat;
}
.ctg_sub_act:hover {color:#333;}

.stat-wrap {width:154px; height:213px; margin:10px 10px 0 35px; position:relative; text-align:center;
			position:relative; background:transparent url(../gfx/bw.png) bottom left no-repeat;}
.stat {position:absolute; bottom:0; left:0; width:154px;
	  background:transparent url(../gfx/bw-wrap.png) bottom left no-repeat;}
.stat-wrap-sml {float:left; display:block; width:72px; height:100px; margin-right:10px; position:relative; text-align:center;  
				background:transparent url(../gfx/bw-sml-wrap.jpg) bottom left no-repeat;}
.stat-sml {position:absolute; bottom:0; left:0; width:72px; 
		   background:transparent url(../gfx/bw-sml.jpg) bottom left no-repeat;}
.stat-wrap .stat-perc {position:absolute; top:45%; left:30%; font-weight:bold; font-size:200%;}
.stat-wrap-sml .stat-perc {position:absolute; top:40%; left:25%; font-weight:bold; font-size:110%;}

.donate {margin:20px 0 20px 10px;}
.done   {margin:5px 0 0 40px;}

.pict-wrap {display:block; position:relative; margin-top:3px;}
img.hfrm {position:absolute;}
img.vfrm {position:absolute;}
.ind {margin-top:-5px;}
.hor, .ver {margin:0 auto; overflow:hidden;}
.hor {width:134px; height:100px;}
.ver {width:75px; height:100px; overflow:hidden;}

/* GENERAL PURPOSE CLASSES */

.err {margin:5px 35px; padding:0 15px; line-height:35px; color:#900; border:1px dashed #900; background:#FFEFEF;}
.not {margin:5px 35px; padding:0 15px; line-height:35px; color:#666; border:1px dashed #666; background:#EFEFEF;}
.inf {margin:5px 35px; padding:0 15px; line-height:35px; color:#369; border:1px dashed #369; background:#EFF8FF;}

.sml {font-size:85%;}
.red {color:#900;}
.grn {color:#090;}
.blu {color:#369;}
.shd {color:#666;}
.lft {float:left;}
.rgt {float:right;}
.clr {clear:both;}
.lclr {clear:left;}
.rclr {clear:right;}
.left {text-align:left;}
.rght {text-align:right;}
.cent {text-align:center;}
.bold {font-weight:bold;}
.bigr {font-size:110%; line-height:22px; color:#144c64;}
.norm {font-style:normal;}
.ital {font-style:italic;}
.just {text-align:justify;}
.note {font-size:85%;}


.s1, .i1, .b1 {width:25px;}
.s2, .i2, .b2 {width:50px;}
.s3, .i3, .b3 {width:75px;}
.s4, .i4, .b4 {width:100px;}
.s5, .i5, .b5 {width:150px;}
.s6, .i6, .b6 {width:300px;}
.sx, .ix, .bx {width:80%;}
.b1, .b2, .b3, .b4, .b5, .b6, .bx {display:block; padding-top:2px;}
.i1, .i2, .i3, .i4, .i5, .i6, .ix {border:1px solid #aaa; padding:0 2px;}
.ic {margin-top:3px;}
.half {width:50%;}
.thir {width:33%;}
.quar {width:25%;}
.thqr {width:75%;}
.ffth {width:20%;}
.foft {width:80%;}