/*-------------------------------------------------------------------------------------

	Project: Project Surya - Bricks
	Project URI: http://www.suryaschool.org
	Description: Minisite to support building of Sun School in Himalays - Sale of the bricks, fundrising
	Version: version 001
	
	Design, XHTM, CSS: Pavel Blazek
	Web Address: http://www.pavelblazek.com
	Date: Saturday, March 15, 2008
	
	CSS file info: This is the CSS for minisite Bricks
	

-------------------------------------------------------------------------------------*/



/*------< GENERAL >------*/

body, html, div, h1, h2, h3, h4, h5, p, ul, li, ol, td, img, form {margin: 0;}
p, ul {padding: 2px 0 4px 0;}
li, ol {padding: 0; list-style-type: none;}
img, form {padding: 0; border: none;}
td {vertical-align: top;}
.alignright {text-align: right;}
.floatleft {float: left;}
.floatright {float: right;}
.visible {display: block;}
.hidden {display: none;}
.clear {clear: both;}

/*-----< LINKS >-----*/

a {text-decoration: none; color: #000; outline: none;}
a:hover {}
.link {color: #9c8855;}

/*------< FORMS >------*/

input {margin: 0; padding: 0;}
.text-box, .text-field, .select {margin: 0; border: 1px solid #999; font: 12px 'Tahoma', Lucida Grande, Arial, Helvetica, sans-serif;}
.text-box {padding: 3px 5px 2px 5px; width: 250px; height: 17px;}
*html .text-box {margin: -1px 0 0 -3px;}
*+html .text-box {margin-top: -1px;}
.text-field {padding: 2px;}
.select {padding: 0; height: 17px;}

/*------< HEADLINES >------*/

/* h1 - Main Headlines */
h1 {margin-bottom: 20px; font-size: 18px; font-weight: bold;}

/*------< 	MAIN-FRAME  >------*/

html {background: #9c8855; font: 12px 'Tahoma', Lucida Grande, Arial; line-height: 18px;}

#main-container {margin: 50px auto; width: 830px;}
.cz {background: url(images/bck-top.jpg) no-repeat top;}
.en {background: url(images/bck-top-en.jpg) no-repeat top;}

#container {padding: 0 30px 30px 30px;}
.bck1 {background: url(images/bck1.jpg) no-repeat bottom;}
.bck2 {background: url(images/bck2.jpg) no-repeat bottom;}
.bck3 {background: url(images/bck3.jpg) no-repeat bottom;}
.bck4 {background: url(images/bck4.jpg) no-repeat bottom;}
#header {height: 230px;}
#menu {}
#content {padding: 80px 40px 500px 40px}

/*------< HEADER >-------*/



/*---< MAIN-MENU >---*/

#main-menu {float: right; padding: 80px 30px 0 0; font-size: 11px;}
#main-menu li {float: left; padding: 0 5px 0 5px;}
#main-menu, #main-menu li a {color: #919191;}
#main-menu li a.on, #main-menu a:hover {color: #000;}

/*------< CONTENT >------*/

#formular li {padding-bottom: 5px; height: 24px;}
#formular .label {float: left; padding-right: 10px; width: 110px; background: #999; text-align: right;}

#vyplnene-udaje {margin: 2px 0 4px 0; width: 685px; height: 110px; border: 1px solid #999;}
#pocet-cihel {float: left; padding: 0; width: 120px; height: 110px; background: #999; text-align: center; color: #fff;}
#udaje {float: right; padding: 0; width: 565px; }
#udaje li {padding-left: 10px;}
#udaje .label {color: #777;}
.cihly {padding-top: 30px; font-size: 30px; font-weight: bold; line-height: 24px;}

#darci {margin-top: 10px; padding: 0;}
#darci li {float: left; padding: 6px 20px 6px 0; height: 24px; line-height: 28px;}
	.level2 {font-size: 14px;}
	.level3 {font-size: 16px;}
	.level4 {font-size: 18px;}
	.level5 {font-size: 20px;}
	.level6 {font-size: 22px;}
	.level7 {font-size: 24px;}
	.level8 {font-size: 26px;}
	.level9 {font-size: 28px;}
	.level10 {font-size: 30px;}
	.level11 {font-size: 32px;}
	.level12 {font-size: 34px;}
	.level13 {font-size: 36px;}
	.level14 {font-size: 38px;}
	.level15 {font-size: 40px;}
	.level16 {font-size: 42px;}
	.level17 {font-size: 44px;}
	.level18 {font-size: 46px;}
	.level19 {font-size: 48px;}
	.level20 {font-size: 50px;}

/*------< FOOTER >------*/

#footer {clear: both; padding: 0 40px 0 40px; height: 80px;}
#button {display: block; height: 37px;}
.first {float: right; width: 155px; background: url(images/first.jpg) no-repeat;}
.second {float: right; width: 166px; background: url(images/second.jpg) no-repeat;}
.third {float: right; width: 179px; background: url(images/third.jpg) no-repeat;}
.back {float: left; width: 167px; background: url(images/back.jpg) no-repeat;}

.first-en {float: right; width: 155px; background: url(images/first-en.jpg) no-repeat;}
.second-en {float: right; width: 166px; background: url(images/second-en.jpg) no-repeat;}
.third-en {float: right; width: 179px; background: url(images/third-en.jpg) no-repeat;}
.back-en {float: left; width: 167px; background: url(images/back-en.jpg) no-repeat;}

#contact {padding: 2px 0 50px 0; font-size: 10px; text-align: center; color: #e1dccc;}


/*---< Pavel Blazek - pavelblazek.com --- Saturday, March 15, 2008 >---*/