@charset "utf-8";

@import "undohtml.css";

/*---------------------------------------------------
		Termoorganika Gaudi Projekt Stylesheet
					gaudi.css
					
				1. Layout
				2. Navigation
				3. Content left
				--- 3.1 Form				
				4. Content right
				5. Footer
				
---------------------------------------------------*/


body {
	background: url(../images/gaudi_bg.jpg) no-repeat center top #242021;
	font-family: Arial, Helvetica, sans-serif;
	}
	
.uwaga {font-weight: bold;color:#F3711D;}

/***********************************
********<<<| 1. LAYOUT |>>>*********
***********************************/

	#container {
		width: 900px;
		margin: 0 auto;
		}
		
	#top {
		width: 900px;
		}
		
	#navi {
		background: url(../images/navi_bg.jpg) no-repeat;
		height: 30px;
		}
	#content {
		background: url(../images/content.jpg) no-repeat #fff;
		padding-top: 30px;
		padding-bottom: 30px;
		}
		
	#left {
		width: 525px;
		float: left;
		margin-left: 20px;
		}
	
	#right {
		width: 306px;
		float: left;
		margin-left: 28px;
		}
		
		
	
	#footer {
		background: url(../images/footer.jpg) no-repeat;
		height: 122px;
		margin-bottom: 20px;
		}
		
/***********************************
******<<<| 2. NAVIGATION |>>>*******
***********************************/
	
	#navi li {
		display: inline;
		}
		
	#navi li a{ display:block; float: left;background: bottom;height: 30px;text-align: center;font-size: 11px;padding-top: 10px;color: #000;}
	#navi li a:focus, #navi li a:hover {color: #fff; padding-top: 7px;}
		
	#navi a.glowna {background: url(../images/glowna.jpg) no-repeat; width: 145px;padding-left: 10px;margin-right: -10px;}
	#navi a.glowna:focus, #navi a.glowna:hover {background: url(../images/glowna_a.jpg) no-repeat;}
	
	#navi a.harmonogram {background: url(../images/harmonogram.jpg) no-repeat; width:137px;}
	#navi a.harmonogram:focus, #navi a.harmonogram:hover {background: url(../images/harmonogram_a.jpg) no-repeat; }
	
	#navi a.regulamin {background: url(../images/regulamin.jpg) no-repeat; width:74px ;}
	#navi a.regulamin:focus, #navi a.regulamin:hover {background: url(../images/regulamin_a.jpg) no-repeat;}
	
	#navi a.sklad {background: url(../images/jury.jpg) no-repeat; width:81px;}
	#navi a.sklad:focus, #navi a.sklad:hover {background: url(../images/jury_a.jpg) no-repeat;}
	
	#navi a.media {background: url(../images/media.jpg) no-repeat; width:75px ;}
	#navi a.media:focus, #navi a.media:hover {background: url(../images/media_a.jpg) no-repeat;}
	
	#navi a.budownictwo {background: url(../images/budownictwo.jpg) no-repeat; width:190px;}
	#navi a.budownictwo:focus, #navi a.budownictwo:hover {background: url(../images/budownictwo_a.jpg) no-repeat;}
	
	#navi a.budynki {background: url(../images/budynki.jpg) no-repeat; width:148px;}
	#navi a.budynki:focus, #navi a.budynki:hover {background: url(../images/budynki_a.jpg) no-repeat;}


/***********************************
****<<<| 3. CONTENT - LEFT |>>>*****
***********************************/
	#left h1 {
		font-weight: bold;
		color: #3D2712;
		border-bottom: 1px dotted #3D2712;
		padding-bottom: 3px;
		margin-bottom: 10px;
		}
	#left h2 {
		color: #3D2712;
		margin: 0 0 5px 0;
		font-size: 14px;
		}
		
	#left p {
		font-size: 13px;
		margin-bottom: 15px;
		color: #000;
		}
	
	#left p.wymagane {
		width: 460px;
		text-align: center;
		margin-top: 10px;
		font-size: 12px;
		color: #AFAFAF;
		}
		
	#left p.naglowek {
		font-weight: bold;
		color: #088ad4;		
		font-size: 17px;
		}
	
	#left p.glosy {
		clear: both;
		font-weight: bold;
		color: #fff;
		background: #FF9B5F;
		width: 190px;
		text-align:center;
		padding: 2px;
		border: 1px solid #F26f1d;
		margin: 0 auto;
		}
		
	#left img {
		float:left;
		margin: 0 10px 2px 0;
		padding: 2px;
		border: 1px solid #988F80;
		}
	
	#left ul.jury {margin-left: 25px;font-size: 13px;list-style-type:disc;}
	#left ul.jury li { margin-top: 3px;}
	
	#left a, #left a:visited {color: #F16E16;font-weight: bold; border-bottom: 1px solid #FFCFAF;font-size: 13px;}
	#left a:focus, #left a:hover { border-bottom: 1px solid #F16E16;}
		
	div.dziekujemy p {
		text-align: center;
		}	
		
/***<<<| 3.1 Form |>>>************/
	#left label {
		width: 200px;
		display:block;
		float:left;
		text-align: right;
		margin-right: 5px;
		font-size: 13px;
		margin-top: 4px;
		font-weight:bold;
		}
		
	#left input, #left select {
		border: 1px solid #F68121;
		background: none;
		width:200px;
		height: 18px;
		}
	
	input.send {
		background: url(../images/button.gif) repeat-x !important;
		height: 20px !important; 
		width: 60px !important;
		text-align: center !important;
		color: #fff !important;
		font-size: 12px !important;
		margin-top: 10px !important;
		margin-left: 220px !important;
		cursor:pointer !important;
		}	
	
	#left input.przypomnienie {
		background: url(../images/button.gif) repeat-x !important;
		height: 20px !important;
		width: 60px !important;
		margin-left: 0 !important;
		color: #fff;
		font-size: 12px;
		}		
		
	#left option {background: #fff;}
	
	#left li.regulamin {margin-left: 40px;}
	#left li.regulamin label {width: auto;}
	#left li.regulamin input {width:14px; height: 14px;vertical-align:middle;}

/***********************************
***<<<| 4. CONTENT - RIGHT |>>>*****
***********************************/

	#logowanie {
		background: url(../images/logowanie.jpg) no-repeat;
		width: 306px;
		height: 235px;
		}
		
	#logowanie h2 {
		color: #fff;
		padding: 15px 0 5px 18px;
		font-size: 17px;
		}
	
	#logowanie form {
		margin-left: 18px;
		margin-top: 7px;
		}
		
	#logowanie label {
		display:block;
		color: #fff;
		font-size: 12px;
		margin: 5px 0 3px 0 ;
		}
	
	#logowanie input {
		border: 1px solid #f37219;
		background: url(../images/input_bg.jpg) repeat-x;
		width: 270px;
		height: 23px;
		font-size: 13px;
		color: #fff;
		}
		
	#logowanie input.zaloguj {
		background: url(../images/zaloguj.jpg) no-repeat;
		width: 97px;
		height: 25px;
		border: none;
		margin-top: 5px;
		margin-left: 85px;		
		}
		
	#logowanie p {
		width: 270px;
		margin-left: 18px;
		font-size: 13px;
		color: #fff;
		margin-top: 8px;
		text-align: center;
		}
		
	#logowanie p a, #logowanie p a:visited, #logowanie ul a, #logowanie ul a:visited {color: #f3711d;font-weight: bold;}
	#logowanie p a:focus, #logowanie p a:hover, #logowanie ul a:focus, #logowanie ul a:hover {border-bottom: 1px solid #f3711d;}	
		
	#logowanie ul {margin-left: 80px; color: #f3711d;}
	#logowanie ul li {list-style-type:square;}	


	#patroni_medialni {
		width: 200px;
		text-align: center;
		margin: 0 auto;
		margin-top: 20px;
		}

	#patroni_medialni h3 {
		font-size: 13px;
		margin: 15px 0;
		color: #403730;
		text-align: left;
		}

	#patroni_medialni img {
		margin: 5px 0;
		}
		
	#banright{
	width:306px;}
		
	#banright img{
	padding-top:15px;}
	
	#banright h3{
	margin:20px 0 10px 0;
	border-bottom:1px dotted #ddd;
	font-size:14px;
	color:#333}
	
	#banright p{
	text-align:justify;
	font-size:11px;
	color:#666;
	}
/***********************************
***<<<| 5. FOOTER |>>>*****
***********************************/		
		
		#footer #links {
			padding-top: 38px;
			margin-left: 150px;
			float: left;
			}
		
		#footer {font-size: 12px;}
		#footer ul {float: left;margin-left: 20px;color: #9F4C09;}
		#footer li {list-style-type:square;}
		#footer ul li a, #footer p.copy a {color: #9F4C09;}
		#footer ul li a:focus, #footer ul li a:hover, #footer p.copy a:focus, #footer p.copy a:hover {color: #fff;}

		#footer p.copy {
			float: right;
			margin-right: 30px;
			color: #985626;}







table.lista_prac td{margin: 6px 0;padding: 10px 0;}
table.lista_prac td {border-bottom: 1px solid #FFD7BF;}
table.lista_prac h2 {text-align:center;}
	
ul.rejestracja li {
	margin: 3px 0;
	}