/*	---------------------------------------------------------------------------------------
	EUROPA Personal Service - internetova prezentace
	
	Author:     Martin Svetlik, http://www.martinsvetlik.cz/
	Agency:     SCARABEO s.r.o.
	Client:     EUROPA Personal Service, s.r.o.
	Media:			screen, projection
	Date:			  31. 3. 2010
	---------------------------------------------------------------------------------------*/

* { margin: 0; padding: 0; }
body {
  background-color: #ededed;
  font-family: Arial, sans-serif;
  line-height: 20px;
}

/* ------------------------------ Zakladni vlastnosti ---------------------------------*/

a, a:visited { text-decoration: underline; }
a:hover, a:focus { text-decoration: none; }
a img { border: none; }

* a { outline: none; }

table { 
  display: table; 
  border-collapse: collapse;  
  width: 100%;
  font-size: 12px;
}
tr { display: table-row; }
th, td { display: table-cell; border-right: 1px solid #fff; margin: 0; padding: 5px 10px; vertical-align: top; text-align: left; }
th.table-last, td.table-last { border: none; }
th { background-color: #1eccd2; font-weight: normal; vertical-align: middle; color: #fff; font-weight: bold; }
tr.even td { background-color: #e2e2e2; }

.hidden { display: none; }
.center { text-align: center; }
.right { text-align: right; }

.cleaner {
  clear: both;
  height: 1px;
  margin: -1px 0 0 0; 
  padding: 0;
  border: none;
  visibility: hidden;
}

.cleaner-2 {
  clear: both;
  height: 0;
  line-height: 0;
  font-size: 0;
}

.replacement {
  position: relative;
  overflow: hidden;
}
.replacement span {
  display: block;
  position: absolute; 
  left: 0; 
  top: 0; 
  z-index: 1;
}

/* ------------------------------ Horni cast ---------------------------------*/

#top-wrap { width: 100%; height: 130px; background: #7d7d7d url('./layout/bg-top.jpg') top center no-repeat; }
#top { width: 884px; height: 130px; margin: 0 auto; }

/* ------ Logo ------*/

#logo {
  width: 300px;
  height: 55px;
  position: relative;
  overflow: hidden;  
  float: left;
  text-align: center;
  top: 40px;
}

#logo span {
  width: 300px;
  height: 55px;
  background: url('./layout/logo.jpg') top left no-repeat;
  display: block;
  position: absolute; 
  left: 0; 
  top: 0; 
  z-index: 1;
  cursor: pointer;
}

#logo h1 a { font-size: 23px; line-height: 55px; font-weight: bold; color: #fff; }
#logo h1 a strong { color: #80ecf0; }
#logo h1 a, #logo h1 a:visited { text-decoration: none; }

/* ------ Navigace ------*/

#nav {
  width: 500px;
  float: right;
  margin-top: 57px;
} 
#nav li { list-style-type: none; float: left; } 
#nav li a, #nav li a:visited { 
	text-align: center; 
	line-height: 30px; 
	display: block;
	text-decoration: none;
	color: #fff;
	padding: 0 11px;
	font-size: 16px;
} 
#nav a:hover, #nav a:active { background-color: #1eccd2; }

/* ------------------------------ Hlavicka ---------------------------------*/

#head-wrap { width: 100%; height: 320px; background: #f5f5f5 url('./layout/head.jpg') top center no-repeat; }
#head { width: 884px; height: 320px; margin: 0 auto; }

p.head-text {
  width: 385px;
  height: 90px;
  top: 35px;
  left: 33px;
  line-height: 35px;
  font-size: 25px;
  color: #4b4b4b;
}
p.head-text span {
  width: 385px;
  height: 90px;
  background: url('./layout/head-text.jpg') top left no-repeat;
}
p.head-text em { color: #696969; }

/* ------------------------------ Obsahova cast ---------------------------------*/

#content { width: 884px; margin: 0 auto; }
#text-wrap { width: 884px; margin-top: 35px; padding: 30px 0; background-color: #f4f4f4; }

#text-left { 
  width: 586px; 
  float: left; 
  padding: 0 33px;
  font-size: 12px;
  color: #363636;
  border-right: 1px solid #d6d6d6;
}

#text-left h3 { font-size: 15px; line-height: 40px; }
#text-left h4 { font-size: 12px; }
#text-left a, #text-left a:visited { color: #1eccd2; }


#text-right {
  width: 213px;
  float: right;
  padding-right: 17px;
}

#text-right h4 { padding-left: 25px; color: #1eccd2; font-size: 17px; padding-bottom: 20px; }
#text-right dl { font-size: 12px; padding-left: 25px; color: #595959; }
#text-right dl a, #text-right dl a:visited { color: #1eccd2; font-size: 11px; }
#text-right dt { float: left; width: 50px; font-weight: bold; font-style: italic; }
#text-right dd { float: left; width: 120px; padding-left: 10px; }

/* ------ Uvodni stranka ------*/

ul.services-list { margin: 65px 0; }
ul.services-list li { 
  list-style: none;
  float: left;
  width: 185px;
  margin-right: 48px;
  font-size: 15px;
  line-height: 22px;
}
ul.services-list li.sl-last { margin-right: 0; }

ul.services-list li a, ul.services-list li a:visited { text-decoration: none; color: #afafaf; }
ul.services-list li a strong, ul.services-list li a:visited strong { display: block; color: #333333; font-size: 15px; font-weight: bold; padding-bottom: 15px; }
ul.services-list li a img, ul.services-list li a:visited img { display: block; border: 1px solid #939393; margin: 20px 0; }
ul.services-list li a span, ul.services-list li a:visited span { color: #333333; text-decoration: underline; }

ul.services-list li a:hover, ul.services-list li a:focus { color: #616161; }
ul.services-list li a:hover h3, ul.services-list li a:focus h3 { color: #1eccd2;  }
ul.services-list li a:hover span, ul.services-list li a:focus span { text-decoration: none; }

/* ------ Submenu ------*/

#text-right ul.submenu { width: 197px; margin-left: 16px; font-size: 16px; }
#text-right ul.submenu li { list-style: none; line-height: 30px; margin-bottom: 8px; }
#text-right ul.submenu li a, #text-right ul.submenu li a:visited { color: #1eccd2; display: block; text-decoration: none; padding-left: 20px; }
#text-right ul.submenu li a:hover, #text-right ul.submenu li a:focus, #text-right ul.submenu li.active a, #text-right ul.submenu li.active a:visited { background: #1eccd2 url('./img/arrow.jpg') top left no-repeat; color: #fff; }

/* ------ Personalni agentura ------*/

p.img-change { width: 586px; height: 102px; margin-bottom: 43px; line-height: 102px; background-color: #040405; color: #fff; text-align: center; }
p.img-change span { width: 586px; height: 102px; background: url('./img/time-to-change.jpg') top left no-repeat; }

p.img-contact { width: 586px; height: 102px; margin-bottom: 43px; line-height: 102px; background-color: #040405; color: #fff; text-align: center; }
p.img-contact span { width: 586px; height: 102px; background: url('./img/contact.jpg') top left no-repeat; }

/* ------ Nabidka nemovitosti ------*/

div.estate-detail p { float: right; width: 280px; height: 206px; border: 5px solid #e2e2e2; }
div.estate-detail p span { width: 280px; height: 206px; }
table.estate-list { width: 290px; float: left; margin-bottom: 40px; }
table.estate-list th, table.estate-list td { border-right: none; }
table.estate-list th { width: 20%; border-bottom: 1px solid #fff; }
table.estate-list td { border-bottom: 1px solid #f4f4f4; }
table.estate-list th.table-last, table.estate-list td.table-last { border-bottom: none; }

/* ------ Gastro ------*/

#gastro #text-left ul, #demands #text-left ul { margin-left: 15px; margin-bottom: 20px; }
#gastro #text-left ul li, #demands #text-left ul li { list-style: none; line-height: 25px; }
#gastro #text-left ul li ul, #demands #text-left ul li ul { margin-left: 25px; }

/* ------ Vymahani pohledavek - O spolecnosti ------*/

#demands #text-left p, #about #text-left p { padding-bottom: 20px; }
#about #text-left ul, #ref #text-left ul { margin-left: 25px; }
#about #text-left ul li ol { margin-left: 25px; }

/* ------ Kontakt ------*/

fieldset { border: none; }
fieldset legend { display: none; }
fieldset p { padding-top: 20px; }
fieldset label { display: block; float: left; padding-right: 27px; width: 160px; color: #666666; text-align: right; line-height: 28px; }
fieldset input#name, fieldset input#mail, fieldset input#subject { width: 238px; height: 28px; line-height: 28px; font-family: Arial, sans-serif; font-size: 100%; border: 1px solid #d1d1d1; background: #fefefe url('./buttons/input.jpg') top left repeat-x; color: #000; padding: 0px 9px; }
fieldset textarea { font-family: Arial, sans-serif; font-size: 12px; width: 358px; height: 108px; padding: 15px 10px; border: 1px solid #d1d1d1; background: #fff url('./buttons/textarea.jpg') top left repeat-x; }
fieldset input#submit { margin-left: 187px; margin-top: 10px; font-size: 13px; background-color: #1eccd2; width: 140px; height: 40px; line-height: 40px; border: none; border-bottom: 2px solid #6e6e6e; color: #fff; font-weight: bold; }

/* ------ Nadpisy ------*/

#content h2 { margin-top: 35px; height: 45px; line-height: 45px; font-weight: normal; color: #4b4b4b; }
#content h2 span { height: 45px; }

#content h2.t-ref { width: 130px; }
#content h2.t-ref span { width: 130px; background: url('./titles/ref.jpg') top left no-repeat; }

#content h2.t-about { width: 180px; }
#content h2.t-about span { width: 180px; background: url('./titles/about.jpg') top left no-repeat; }

#content h2.t-contact { width: 105px; }
#content h2.t-contact span { width: 105px; background: url('./titles/contact.jpg') top left no-repeat; }

#content h2.t-agency { width: 250px; }
#content h2.t-agency span { width: 250px; background: url('./titles/agency.jpg') top left no-repeat; }

#content h2.t-estate { width: 260px; }
#content h2.t-estate span { width: 260px; background: url('./titles/estate.jpg') top left no-repeat; }

#content h2.t-gastronomie { width: 281px; }
#content h2.t-gastronomie span { width: 281px; background: url('./titles/restaurace-na-karlove.jpg') top left no-repeat; }

#content h2.t-demands { width: 185px; }
#content h2.t-demands span { width: 185px; background: url('./titles/tabak.jpg') top left no-repeat; }

/* ------------------------------ Paticka ---------------------------------*/

#footer-wrap { width: 100%; height: 396px; background: #1eccd2 url('./layout/footer.jpg') top left repeat-x; margin-top: 100px; }
.footer-top { width: 884px; height: 30px; background-color: #595959; line-height: 30px; margin: 0 auto; font-size: 13px; color: #fff; }
.footer-bottom { width: 884px; margin: 0 auto; font-size: 12px; color: #595959; }

p.footer-logo { width: 185px; height: 30px; float: left; }
p.footer-logo span { width: 185px; height: 30px; background: url('./layout/footer-logo.jpg') top left no-repeat; }
p.footer-logo strong { color: #31e0e6; }

p.footer-contacts { float: right; text-align: right; }
p.footer-contacts a, p.footer-contacts a:visited { color: #fff; text-decoration: none; }
p.footer-contacts a:hover, p.footer-contacts a:focus { text-decoration: underline; }

.fbottom-left { width: 600px; float: left; padding-top: 40px; }
.fbottom-left ul { margin-bottom: 10px; width: 100%; overflow: hidden; }
.fbottom-left ul li { list-style: none; float: left; margin-right: 15px; }
.fbottom-left ul li a, .fbottom-left ul li a:visited { display: block; color: #fff; text-decoration: none; }
.fbottom-left ul li a:hover, .fbottom-left ul li a:focus { text-decoration: underline; }

.support { width: 210px; float: right; background: url('./layout/valcha.jpg') top right no-repeat; line-height: 17px; }
.support p { padding-top: 35px; padding-right: 90px; text-align: right; }
.support p em { font-size: 18px; }