html {font-size: 100.01%;}
body {
	margin: 0 0 30px 0;
	padding: 0;
	font-size: 62.5%;
	text-align: center;
	font-family: "Arial CE", Arial, "Verdana CE", Verdana, sans-serif;
	color: black;
	background: url(../img/body-bg.jpg) 50% 539px #948965;
	line-height: 1.5em;
	}
	.bodyBgTop {background: url(../img/body-top-bg.jpg) no-repeat top center;}
	.bodyBgGrafity {background: url(../img/grafity-bg.gif) no-repeat 50% 290px;}

* {	margin: 0; padding: 0;}

h1 {font-size: 2em; font-weight: normal;}
h2 {font-size: 1.3em;}
h3 {font-size: 1.2em;}
h4 {font-size: 1.1em;}
h5, h6, h7 {font-size: 1em;}

h2, h3, h4, h5, h6, h7 {margin-bottom: 10px;}

.left	{text-align: left;}
.center	{text-align: center;}
.right	{text-align: right;}
.clr	{
	clear: both;
	margin-top: -1px;
	position: relative;
	padding: 0;
	height: 0;
	border: none;
	overflow:hidden;
	visibility: hidden;
	line-height: 0;
	}
.clear {clear: both;}
.none {display: none;}
	
hr {
  	border: 0;
  	width: 80%;
  	color: #FF0000;
	background-color: #FF0000;
	height: 1px;
	}

a {color: #000;}
a:hover {color: #A54837;}
img {border: none;}
p {margin-bottom: 15px;}

sup {
position:relative;
bottom:0.3em;
vertical-align:baseline;
}
 
sub {
position:relative;
bottom:-0.2em;
vertical-align:baseline;
}

.bold          { font-weight:bold; }
.italic        { font-style:italic; }
.nopadding     { padding:0; }
.noindent      { margin-left:0;padding-left:0; }
.nobullet      { list-style:none;list-style-image:none;}
.aquo {font-size: 1.3em; font-weight: bold; text-decoration: none;}

img.lft, .floatleft {
	float: left;
	margin: 0 10px 10px 0;
	}

img.rgt, .floatright {
	float: right;
	margin: 0 0 10px 10px;
	}

#content ul, #content ol {margin: 0 0 15px 15px;}
	#content ul ul, #content ol ol {margin: 0 0 0 15px;}
	
	#content ol {margin-left: 34px;}
	
.pager {
	text-align: center;
	}
	.pager a, .pager strong, .pager span {margin: 0 2px;}
	
	.vyherci .pager {font-size: 1.3em; color: #D45844;}
	
/* ***** IE6 italic bug hack ***** */

/* \*/

.WYSIWYGContentBody {
	overflow: hidden;
	o\verflow: visible;
	width: 100%;
	w\idth: auto;
	he\ight: 1%;
}

/* */

input, select, textarea, .textfield {font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 1em; vertical-align: middle; border: 1px solid #d45844;}
input, select {width: 120px;}
input.short {width: 40px;}

.checkbox input {width: auto; border: 0; padding: 0;}

input.file {border: 0; width: auto;}
#login input, .registrace input, .registrace select, .registrace .textfield {border-color: #5b7aae; }
	#authenticatorUser {width: 125px;}
	#authenticatorPassword {width: 90px;}

.button, .registrace .button {
	background: #E46E5B;
	border-top: 1px solid #EF7D6B;
	border-left: 1px solid #EF7D6B;
	border-bottom: 1px solid #D45844;
	border-right: 1px solid #D45844;
	color: #FFF;
	padding: 3px 10px;
	text-transform: uppercase;
	font-weight: bold;
	cursor: pointer;
	}
	.registrace .button {
		padding: 1px 4px;
		background: #5b7aae;
		border-top: 1px solid #7d9acb;
		border-left: 1px solid #7d9acb;
		border-bottom: 1px solid #40639f;
		border-right: 1px solid #40639f;
		}
	
	
form table {margin: 0 10px;}
form td {padding: 3px 4px;}
#login table {margin: 0;}

#tshirt_comment_area textarea {width: 300px; height: 70px;}

#orderForm label {
	width: 100px;
	display: block;
	float: left;
	margin-bottom: 8px;
	}
#orderForm input {margin-bottom: 8px;}
#orderForm br {clear: both;}
#orderForm .radio label, #orderForm table label {display: inline; width: auto; float: none;}
.radio input {width: auto; border: none; float: left; margin-right: 5px;}
.souhlas input#orderAgree {margin-bottom: 40px;}

#orderForm table {margin-left: 0; margin-bottom: 20px;}
#orderForm table td {padding-bottom: 0;}


/* IE button fix */
	
input.button {
	width: 0;
	overflow: visible;
}
input.button[class] {width: auto;}

/* tabulka bezna */
table {
	border: 0;
	border-collapse: collapse;
	font-size: 1em;
	margin-bottom: 15px;
	}
	th, td {
		padding: 5px 10px;
		vertical-align: top;
		border: 0;
		}
		th {text-align: left;}
/* tabulka form�tovan� */
table.dataTable {
border: 1px solid gray;
	}
	table.dataTable th, table.dataTable td {
		border: 1px solid gray;
		}
		
/* nahrada obrazkem */

.voteButton span, .sendButton span, .showButton span, .wantButton span {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	}
.voteButton, .sendButton, .showButton, .wantButton {overflow: hidden; position: relative; display: block;}
	
.voteButton,.showButton {
		width: 100px;
		height: 38px;
		margin-left: -3px;
		_postition: relative;
		_top: 4px;
}
.sendButton, .wantButton {
		width: 133px;
		height: 40px;
}
		
.voteButton span {background: url(../img/but-hlasuj.gif) no-repeat; cursor: pointer;}
.showButton span {background: url(../img/but-ukaz.gif) no-repeat; cursor: pointer;}
.voteButton:hover span,.showButton:hover span {background-position: 0 -39px;}

.sendButton span {background: url(../img/but-posli-hlas.gif) no-repeat; cursor: pointer;}
.sendButton:hover span {background-position: 0 -43px;}
.wantButton span {background: url(../img/but-chci-ho.gif) no-repeat; cursor: pointer;}
.wantButton:hover span {background-position: 0 -43px;}
	
/* float clear */

.designItem, .commentsItemIn, .navrhy {
	overflow: hidden;
	_display: inline-block;
	}
	
/* cistic uzivatelskych wysiwyg okras */
	
font {
	font-family: inherit;
	color: inherit;
	font-size: inherit;
	}
	
.developer, #ender, .trikoImgDone, .obrat, .hpimage {behavior: url(http://svnvip.dev.cz/maxiking_t-shirt/_dataPublic/js/iepngfix.htc);}

.trikoImg {
	_border: 2px solid #A9B3C1;
	_padding: 10px;
	_margin-top: 40px;
	_background: #DCDCDC;
	}

#prihlasse {
	position: absolute;
	top: 0;
	left: 0;
	}
#vstup {
	position: absolute;
	top: 80px;
	left: 10px;
	}
	

/* ********************************************* */	
/* ******************* STRANKA ***************** */
/* ********************************************* */

#all {
margin: 0 auto;
text-align: left;
width: 900px;
font-size: 1.1em;
background: url(../img/paper-bg.png) repeat-y;
_background: url(../img/paper-bg.jpg) repeat-y;
}
.allBgTop {background:url(../img/paper-top-bg.jpg) no-repeat; width: 100%;}

/* ***************************************** */	
/* ************** HLAVICKA ***************** */
/* ***************************************** */	

#top {
	height: 65px;
	position: relative;
	}
	.logo a {
		display: block;
		position: absolute;
		top: 0;
		left: 400px;
		width: 440px;
		height: 120px;
		z-index: 2000;
		}
	.logo span {
		display: none;
		}
	.user {
	padding: 12px 513px 0 0;
	color: #DBBB9B;
	text-align: right;
		}
		.user a {color: #DBBB9B;}
		.user a:hover {color: #FFF;}
		
	#metallogo {
		position: absolute;
		top: 0;
		right: 8px;
		z-index: 1500;
		}

		
	
/* **************************************** */	
/* ***************** MENU ***************** */
/* **************************************** */

#h_menu {
	height: 60px;
	}
	#h_menu ul {
		list-style: none;
		position: relative;
		font-weight: bold;
		margin-left: 75px;
		}
		#h_menu ul li {
			display: inline;
			}
			#h_menu ul li a {
				display: block;
				float: left;
				padding: 0 10px;
				color: #FFF;
				border-right: 1px solid #FFF;
				}
				#h_menu ul li a:hover {
					text-decoration: none;
					}
				#h_menu ul li.last a {border: none;}

			
/* ********************************************** */	
/* ************** OBSAHOV� C�ST ***************** */
/* ********************************************** */

.fullpage {
	margin: 20px 60px 40px 60px;
	}
	

#main {
	margin: 0;
	padding-top: 40px;
	min-height: 600px;
	_height: 600px;
	width: 100%;
	}
	#content_container {
		float: left;
		width: 480px;
		}
		#content {
			margin: 15px 0 15px 60px;
			position: relative;
			}
			.registrace #content {margin-left: 0;}
			
			.pravidla #content_container, .prehled #content_container, .shop #content_container {width: 800px; padding-top: 50px;}
			
	.hlasuj #main {background: url(../img/h-hlasuj.gif) no-repeat; padding-top: 100px;}
	.vyherci #main {background: url(../img/h-vyherci.gif) no-repeat;}
	.designuj #main {background: url(../img/designuj-bg.gif) no-repeat; padding-top: 10px;}
	.homepage #main {background: url(../img/hp-bg.gif) no-repeat; padding-top: 0;}
	.prehled #main, .galerie #main {background: url(../img/h-galerie-tricek.gif) no-repeat; padding-top: 60px;}
		.galerie #main {padding-top: 90px;}
	.shop #main {background: url(../img/h-shop.gif) no-repeat; padding-top: 90px;}
	.registrace #main {padding-top: 10px;}
	.pravidla #main {padding-top: 0;}
	.objednej {background: url(../img/h-objednej.gif) no-repeat; padding-top: 100px;}
	
	.designuj #content {background:url(../img/h-nahraj-design.gif) no-repeat 0 130px;}
	.homepage #content {margin-left: 40px;}
	
	.designujInfo {margin-right: 30px; margin-bottom: 20px;}
	.designujInfo p {margin-bottom: 5px;}
	.designujInfo strong, .designujInfo a {margin: 0 5px;}
	
	.homepageInfo {padding: 50px 320px 25px 55px;}
		
	#main h1 {display: none;}
	
	.trikoDetails {
		float: left;
		width: 220px;
		}
		
		.star1, .star2, .star3 {padding-right: 23px;}
		.star1 {background: url(../img/star1.gif) no-repeat top right;}
		.star2 {background: url(../img/star1.gif) no-repeat top right;}
		.star3 {background: url(../img/star1.gif) no-repeat top right;}
	
	#comments {
		clear: both; 
		width: 377px;
		background: url(../img/h-diskuze.gif) no-repeat 245px 0;
		padding-top: 30px;
		}
	
	.commentsItem {
		background: url(../img/comment-top-bg.gif) no-repeat;
		margin-bottom: 15px;
		}
		.commentsItemIn {
			background: url(../img/comment-bottom-bg.gif) no-repeat bottom left;
			padding: 10px 10px 0 10px;
			}
			.autor {float: left; color: #FFF; clear: both; margin: 8px 0 0 0; padding-left: 30px;}
			.datum {float: right; color: #FFF;  margin: 8px 10px 0 0;}
			
			.commentsItemIn span {display: block;}
			
			
	#tshirt_vote_area, #tshirt_send_area {
		background: url(../img/h-hlasovani.gif) no-repeat 208px 0;
		padding-top: 37px;
		width: 377px;
		margin-bottom: 15px;
		}
		#tshirt_vote_area form, #tshirt_comment_area form, #tshirt_send_area form, #tshirt_form, #orderForm {background: url(../img/hlasovani-top-bg.gif) no-repeat 0 0;
		}
		#tshirt_vote_area fieldset, #tshirt_comment_area fieldset, #tshirt_send_area fieldset, #tshirt_form fieldset, #orderForm fieldset {
			border: 0;
			padding: 15px 0 10px 0;
			background: url(../img/hlasovani-bottom-bg.gif) no-repeat bottom left;	
			}
		#orderForm fieldset {padding: 15px 55px 10px 15px;}
			
		#tshirt_comment_area form {margin-bottom: 15px;}
		#tshirt_send_area {background: url(../img/h-poslat-odkaz.gif) no-repeat 150px 0;}
		
		.triko {position: relative; z-index: 700;}
		.vyherci .triko {background: url(../img/h-vitez.gif) no-repeat top right; padding-top: 50px;}
			.vyherci .no-vitez {background: none; padding-top: 50px;}
		.designuj .triko {background: url(../img/h-designuj.gif) no-repeat top right; padding-top: 60px;}
	.obrat {
		background: url(../img/sipka-obrat.png) no-repeat;
		display: block;
		width: 92px;
		padding-top: 8px;
		font-weight: bold;
		position: absolute;
		top: 270px;
		left: 0;
		z-index: 800;	
		}
		.designuj .obrat {background-image: url(../img/sipka-obrat-seda.png)}
		.vyherci .obrat {background-image: url(../img/sipka-obrat-cervena.png)}
		
		.pridat, .poslat {padding-left: 23px;}
		.pridat {background: url(../img/star.gif) no-repeat 2px 50%; margin-right: 20px;}
		.poslat {background: url(../img/ico-poslat.gif) no-repeat 0 80%; padding-bottom: 2px;}
		
		
#vyherci {
	background: url(../img/h-vyherci.gif) no-repeat;
	padding: 90px 0 10px 100px;
	}
	#vyherci p.info{margin-left: 70px;}
		
		

	
/* ********************************************* */	
/* ************** LEVY SLOUPEC ***************** */
/* ********************************************* */	

#sidecol {
	float: right;
	width: 405px;
	margin-right: 9px;
	position: relative;
	}
	
	#sidecol .designItem {margin-left: 50px;}
	
	.designItem {margin-bottom: 15px; min-height: 102px; _height: 102px;}
	.itemDetails, .itemImg, .itemVotes, .itemRank {float: left;}
		.itemDetails {width: 90px; text-align: right; padding-top: 10px; margin-bottom: 0;}
		.itemImg {margin: 0 12px 0 15px; border: 1px solid #a5c779;}
		.itemVotes {width: 100px; line-height: 1.6em; padding-top: 9px;  margin-bottom: 0;}
		
	.vyherci #sidecol {background: url(../img/h-dalsi-top.gif) no-repeat; padding-top: 100px; margin-top: 40px;}
	.designuj #sidecol, .registrace #sidecol {background: url(../img/h-o-co-soutezis.gif) no-repeat; padding-top: 140px; margin-top: 80px; width: 350px;}
	#all #main .objednejSidecol {background: url(../img/h-jakobjednat.gif) no-repeat; padding-top: 155px; margin-top: 40px;}
		.designuj #sidecol p, .registrace #sidecol p, .designuj #sidecol h3, .registrace #sidecol h3, .designuj #sidecol table, .registrace #sidecol table {margin: 0 50px 15px 60px;}
	.homepage #sidecol {background: url(../img/h-hlasuj-hp.gif) no-repeat; padding-top: 170px; margin-top: -70px;}
	.galerie #sidecol {background: url(../img/h-hlasuj-hp.gif) no-repeat; padding-top: 170px;}
	#all #main .objednejSidecol p {margin: 0 30px 15px 60px;}
		
		.designuj #sidecol h2 span, .registrace #sidecol h2 span, .hpSoutezInfo h2 span {display: none;}
		.designuj #sidecol h2, .registrace #sidecol h2, .hpSoutezInfo h2 {
			display: block;
			width: 241px;
			height: 53px;
			background: url(../img/h-vyhry.gif) no-repeat;
			margin-left: 60px;
			}
			
		.prehled .designItem, .shop .designItem {float: left; width: 365px;}
		#content {zoom: 1; }
			
/* ********************************************* */	
/* ************** SOUTEZNI NAVRHY ***************** */
/* ********************************************* */	

.navrhy {clear: both;}
			
.navrhy h2 {
	background: url(../img/h-tve-soutezni-navrhy.gif) no-repeat;
	display: block;
	width: 736px;
	height: 53px;
	margin-bottom: 25px;
	}
	.navrhy h2 span {display: none;}
			
	.navrhy .designItem {
		float: left;
		margin-left: 60px;
		_margin-left: 40px;
		}
		.navrhy .itemDetails {text-align: left;}
			
#login {
/*	position: absolute;
	top: -50px;
	left: -60px;
*/	background: url(../img/h-prihlaseni.gif) no-repeat;
	padding-bottom: 30px;
	padding-top: 110px;
	margin-top: 30px;
	}
	#login strong, #login a {margin: 0 5px;}
	#login strong {margin-left: 5px;}
	.designuj #login p {margin: 0 0 15px 0;}
	#login a {text-transform: uppercase;}
	#login td {vertical-align: middle;}
	
#register_form {
	background: url(../img/h-registrace.gif) no-repeat;
	padding-top: 110px;
	}
	
#login table, #register_form table, #login p, #register_form p {margin-left: 60px;}
	
	
	
.trikoCol {
	width: 50%;
	float: left;
	margin: 20px 0;
	}
	.trikoCol .designItem {margin-left: 50px;}
		
/* **************************************** */	
/* ************** paticka ***************** */
/* **************************************** */

.developer {
	background: url(../img/hrebiky-bg.png) no-repeat;
	text-align: center;
	padding: 60px 0 0 0;
	=padding-bottom: 20px;
	font-size: 0.9em;
	color: #4c4c4c;
	width: 100%;
	position: relative;
	display: inline-block;
	}
	.developer .mf a {
		color: #4c4c4c; 
		font-weight: bold; 
		text-decoration: none;
		background: url(../img/logo-mf-mini.gif) no-repeat 100% 50%;
		padding: 2px 20px 2px 0;
		}
		
		.mf {margin: 40px 40px 0 0;}
		.opt {text-align: left; margin-left: 40px; font-size: 1.1em;}
			.opt strong {font-size: 1.2em;}
			
		.etershop {
			float: left;
			margin-left: 20px;
			}
			.etershop a {font-size: 1.1em;}

#ender {
	clear: both;
	width: 900px;
	margin: 0 auto;
	font-size: 1.1em;
	background: url(../img/ender-bg.png) no-repeat;
	color: #efdcbf;
	}
	#ender p {margin-bottom: 0;}
	#ender a {color: #efdcbf; margin: 0 5px;}
	#ender a:hover {color: #FFF;}
	
	.enderlinks {
		float: left;
		padding: 15px 0 10px 30px;
		}
	.copyright {
		float: right;
		padding: 15px 40px 10px 0;
		}
		
.hpSoutezInfo {
	clear: both;
	background: url(../img/h-o-co-soutezis-hp.gif) no-repeat;
	padding-top: 90px;
	margin-top: 25px;
	}
	.hpSoutezInfo p, .hpSoutezInfo h3, .porota p {margin-left: 60px;}
	.hpSoutezInfo h2 {position: relative; left: 60px; margin-left: 0;}
	
.porota {
	background: url(../img/h-porota.gif) no-repeat;
	padding-top: 100px;
	}
	.porota h3 {display: none;}
	
.optiger {
	background: url(../img/bg-optiger.gif) no-repeat;
	padding: 60px 50px 40px 30px;
	color: #FFF;
	}
	.optiger strong {font-size: 1.1em;}
	.optiger a, .optiger a:hover {color: #FFF;}
	.optiger img.lft {margin-right: 15px; position: relative; top: -5px;}