/*
projekt: odratower.eu
autor: pawel szymula
data: 20.08.2014
wersja: 1.0
*/

@import url("reset.css");
/*@import url(http://fonts.googleapis.com/css?family=Lato:400,400italic,700,700italic,900,900italic);*/

body {background: #f0f0f0 url("../../../.img/body-main.jpg") top center no-repeat; color: #5f637e; font: normal 14px/19px "Lato", sans-serif;}
body.subpage {background: #f0f0f0 url("../../../.img/body-subpage.jpg") top center no-repeat; }

	.wrapper {width: 1020px; margin: 0 auto; padding: 0;}
		.top {width: 1020px; height: 160px; text-align: center; text-transform: uppercase;}
			.top h1 {margin: 0; padding-top: 45px;}
			.top ul {margin: 48px 0 0 0; font-size: 0px;}
				.top ul li {list-style: none; display: inline-block; font-size: 13px; margin: 0 20px;}
				.top ul li a {text-decoration: none; padding-bottom: 3px}
				.top ul li a:link, .top ul li a:visited {color: #2e3145;}
				.top ul li a:focus, .top ul li a:hover {color: #bf0000; border-bottom: 4px solid #bf0000;}
				.top ul li a.current-page {color: #bf0000 !important; border-bottom: 4px solid #bf0000 !important;}
		.splash {width: 1020px; height: 690px; position: relative}
			.splash-tekst1 {position: absolute; top: 235px; left: 20px; font: 900 23px/23px "Lato", sans-serif; text-transform: uppercase;}
			.splash-tekst2 {position: absolute; top: 289px; left: 0px; }
				#CM_splash_tekst2 {width: 280px; padding: 0 20px 1px 20px; background:rgb(255,255,255); background: transparent\9; background:rgba(255,255,255,0.85); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#d8ffffff,endColorstr=#d8ffffff); zoom: 1;}
				#CM_splash_tekst2:nth-child(n) {filter: none;}
				.cm_splash_tekst2_1 { width:310px !important }
				.cm_splash_tekst2_1 ul { margin-left:15px }
				.splash-go {width: 155px; height: 44px; font: 900 13px/44px "Lato", sans-serif; text-transform: uppercase; background:rgb(255,255,255); background: transparent\9; background:rgba(255,255,255,0.60); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#d6ffffff,endColorstr=#d6ffffff); zoom: 1; text-align: center;}
				.splash-go:nth-child(n) {filter: none;}
					.splash-go a:link, .splash-go a:visited {color: #2e3145;}
					.splash-go a:focus, .splash-go a:hover {color: #bf0000;}
					
		.content {width: 1020px; position: relative; padding-bottom: 0px; font-size: 16px; line-height: 23px;}
			.content .title {margin: 80px 0 0 0; height: 85px; display: inline-block; width: auto;}
				.title .pole-edycyjne {height: 85px; padding: 0 120px 0 20px; font: 900 23px/85px "Lato", sans-serif; color: #2e3145; background: url("../../../.img/title.png") top right no-repeat;}
					.pole-edycyjne h1 {font: 900 23px/85px "Lato", sans-serif; color: #2e3145;}
			.content .pole-szerokie {width: 840px; padding: 20px 145px 11px 35px; background: url("../../../.img/pole-szerokie-bcg.png") top right no-repeat; }
				.pole-szerokie h2, .pole-szerokie h3, .pole-szerokie h4 {display: block; margin: 0; padding: 0; color: #8eb006; font-weight: 900; font-size: 16px;}
			.content .pole-szersze {width: 1000px; padding: 0 10px; margin: 0; background: url("../../../.img/pole-szersze-bcg.png") top right repeat;}
			.content a:link, .content a:visited {color: #bf0000;}
			.content a:focus, .content a:hover {color: #475705;}
			.content ul {margin: -12px 0 24px 30px;}
				
		.lista-mieszkan {width: 980px; padding: 40px 20px; background: #fff; display: block;}
			.lista-mieszkan h3 {display: block; font: 900 22px/22px "Lato", sans-serif; color: #2e3145; margin: 0 0 20px 0; text-transform: uppercase;}
			.lista-mieszkan table {border: 0 !important; text-transform: uppercase; border-collapse: collapse;}
				.lista-mieszkan tr.tytulowe {font-size: 11px !important; color: #9e9e9e !important; border-bottom: 0px !important; height: 30px !important;}
				.lista-mieszkan tr.tytulowe td.cena { color:#bf0000; font-size:14px; line-height:18px }
				.lista-mieszkan tr {height: 50px; line-height: 50px; border-bottom: 2px solid #ececec; color: #353535;}
					.lista-mieszkan tr:last-child {border-bottom: 0px !important;}
				.lista-mieszkan td {border: 0 !important; text-align: center;}
					.lista-mieszkan td.zainteresowany {font-size: 11px !important; line-height: 13px !important;}
						td.zainteresowany p {position: relative; top: -6px; left: 0; color: #383a5b; margin-bottom: 0px }
						td.zainteresowany p:hover {color: #bf0000; cursor: pointer;}
						.lista-mieszkan table a:link, .lista-mieszkan table a:visited {color: #383a5b;}
						.lista-mieszkan table a:hover, .lista-mieszkan table a:focus {color: #bf0000;}
			.lista-mieszkan p.zobacz-pozostale {display: block; margin: 0 auto; width: 378px; height: 38px; font: 900 16px/36px "Lato", sans-serif; text-align: center; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-transform: uppercase; color: #2e3145; background: #eeeeee; border: 1px solid #e1e1e1; text-shadow: 0px 1px 0px #fff; cursor: pointer;}
				p.zobacz-pozostale:hover {color: #fff; background: #2e3145; border: 1px solid #2e3145; text-shadow: 0px 1px 0px #000;}
			.rzut-formatka {margin: 20px 0 0 0;}
			.rzut-formatka div.galeria { float:right; width:250px }
			.rzut-teksty {width: 980px; display: block; height: 40px;}
				.rzut-opis {width: 500px; float: left;}
				.rzut-opis-cena { font-size:18px; color:#bf0000 }
				.rzut-buttony {width: 460px; float: right; text-align: right;}
					.rzut-buttony a {display: inline-block; height: 34px; width: 210px; line-height: 34px; text-align: center; background: #79B7F1; color: #fff; text-decoration: none; cursor: pointer}
					.rzut-buttony button {display: inline-block; height: 34px; width: 210px; line-height: 34px; text-align: center; background: #474747; color: #fff; text-decoration: none; cursor: pointer; border: 0;}
			
		.footer {width: 1020px; padding: 80px 0 56px 0; text-align: center; text-transform: uppercase;}
			.footer ul {margin: 0 0 40px 0; font-size: 0px;}
				.footer ul li {list-style: none; display: inline-block; font-size: 13px; margin: 0 15px;}
				.footer ul li a {text-decoration: none; padding-bottom: 3px}
				.footer ul li a:link, .footer ul li a:visited {color: #7b7b7b;}
				.footer ul li a:focus, .footer ul li a:hover {color: #bf0000;}
			.footer .hr {width: 80px; height: 4px; background: #d9d9d9; display: block; margin: 0 auto; position:relative }
			.footer p {font-size: 11px; color: #7b7b7b; margin-top: 40px;}
				.footer p span.footer-props {color: #b4b4b4 !important;}
		.footer-link { position:absolute; right:-425px; top:0px; font-size:17px; color:#bf0000; text-align:right; font-weight:bold }
				
		#basic-modal-content {display: block; /*width: 600px; height: 360px;color:#5f637e; background-color: #fff; border-top: 4px solid #eee; padding: 20px; box-shadow: 0px 0px 25px #ccc*/}
			.column {width: 280px; float: left; margin: 0 10px 20px 10px;}
				.column label {display: block; margin: 15px 0 5px 0;}
				.column .tekstowe {width: 266px; height: 34px; line-height: 34px; background: #f1f2f3; border: 1px solid #C3C3C3; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding-left: 10px;}
					.tekstowe-disabled {background: #e5e5e5 !important; cursor: not-allowed;} 
				.column select {width: 266px; height: 34px; line-height: 34px; background: #f1f2f3; border: 1px solid #ececec; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding-left: 10px;}
					select.termin-miesiac, select.termin-rok {width: 133px !important; padding: -10px 0 0 10px\9;}
				.wyslij {width: 266px; height: 34px; line-height: 34px; background: #2e3145; color: #fff; border: 1px solid #2e3145; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding-left: 10px; text-transform: uppercase; font-weight: 900; display: block; clear: both; margin: 0 auto; border: 0;}
				.wyslij-off { background-color:#cccccc }


		/* Overlay */
		#simplemodal-overlay {background-color:#fff;}
		
		/* Container */
		#simplemodal-container {height:440px; width:620px; color:#5f637e; background-color: #fff; border-top: 4px solid #eee; padding: 20px; box-shadow: 0px 0px 25px #ccc}
		#simplemodal-container .simplemodal-data {padding:8px;}
		#simplemodal-container code {background:#141414; border-left:3px solid #65B43D; color:#bbb; display:block; font-size:12px; margin-bottom:12px; padding:4px 6px 6px;}
		#simplemodal-container a {color:#ddd;}
		#simplemodal-container a.modalCloseImg {background: url("../../../.img/modal-close.gif") top center no-repeat;; color: #fff; display: block; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top: 6px; right: 3px; cursor:pointer;}
		#simplemodal-container h3 {font-weight: 900; text-transform: uppercase; margin: 0 0 20px 0;}

#spadajacePole { position:absolute; top:0; left:0; width:100%; display:block; text-align:center; z-index:90 }
#spadajacePole div.spadajacePole-1 { text-align:center }
#spadajacePole div.spadajacePole-2 { width:700px;margin:auto;text-align:right }
#spadajacePole div.spadajacePole-2 a { cursor:pointer }
#CM_spadajace_pole { font-size:16px; line-height:23px; color:#333333 }