/**************************************\

Project:	BAREVNYROK.CZ
Author:	  MEPA.CZ [http://mepa.cz]

\**************************************/

/**************************************/
/*              GLOBALS               */
/**************************************/
body#barevnyrok-cz { background: #000; color: #4a4a4a; }
#bg-top {
	width: 100%;height: 100%;
	background: url("../images/bg.jpg") no-repeat center top;
	position: absolute; top: 0; right: 0; z-index: -1;
}
.selecthover {
  width: 100%;height: 100%;
	background: #000;
	position: absolute; top: 0; right: 0; z-index: 995;
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}
.hidecalendar { z-index: 10!important; }
.container {
  width: 889px; min-height: 580px;
  background: url('../images/bg-home.jpg') no-repeat;
  margin: 0 auto;
  position: relative;
}
.page {
  background: url('../images/bg-page.jpg') no-repeat!important;
}
.nomargin {margin:0!important;}
/**************************************/
/*              HEADER                */
/**************************************/
h1.logo {
  width: 360px; height: 70px;
  position: absolute; top: 37px; left: 0px;
}
h1.logo a {
  width: 360px; height: 70px;
  display: block;
}
a.tisk-digi {
  width: 130px; height: 40px;
  position: absolute; top: 20px; right: 25px;
}
.calendar {
  width: 242px; height: 307px;
  position: absolute; top: 70px; right: 110px;
  z-index: 999;
  _background: none;
}
.calendar-homepage {
  background: url('../images/calendar2.png') no-repeat;
}
.calendar-cenik {
  background: url('../images/calendar2.png') no-repeat;
}
.calendar-nastenne {
  background: url('../images/calendar.png') no-repeat;
}
.calendar-nastenne2side {
  background: url('../images/calendar2.png') no-repeat;
}
.calendar-stolni {
  background: url('../images/calendar3.png') no-repeat;
}
.calendar-jednostranne {
  background: url('../images/calendar4.png') no-repeat;
}

#image .nastenne { background: url('../images/banner-calendar.jpg') no-repeat; }
#image .nastenne2side { background: url('../images/banner-calendar2.jpg') no-repeat; }
#image .stolni { background: url('../images/banner-calendar3.jpg') no-repeat; }
#image .jednostranne { background: url('../images/banner-calendar4.jpg') no-repeat; }
p.maintext {
  width: 511px; height: 120px;
  position: absolute; top: 150px; left: 27px;
  padding: 10px 50px 0 15px;
  color: #fff;
  font-size: 21px; line-height: 26px;
  letter-spacing: 1px;
  z-index: 1;
  /*background: url('../images/banner-calendar.jpg') no-repeat;*/
}
.menu {
  position: absolute; top: 170px; right: 25px;
  list-style: none;
}
.menu li {
  margin: 0 0 4px 0;
}
.menu li a {
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 13px; font-weight: bold;
  padding: 2px 3px;
}
.menu li a:hover, .menu li a:focus, .menu li a:active, .menu li.active a {
  color: #000;
  background: #fff;
  text-decoration: none;
}
.menu li a.active {
  color: #000;
  background: #fff;
  text-decoration: none;
}
/**************************************/
/*             CONTENT                */
/**************************************/
.content {
  width: 833px; min-height: 580px; _height: 580px;
  margin: 0 auto;
}
.offer {
  width: 556px; height: 302px;
  position: absolute; top: 270px; left: 29px;
  z-index: 996;
  background: url("../images/offer.jpg") no-repeat 0 0; 
}
.offer .offerbox {
  width: 138px; height: 302px;
  float: left;
  margin: 0 1px 0 0;
}
.offer .offerbox p {
  color: #fff;
  font-size: 11px;
  line-height: 13px;
  padding: 0 0 0 15px;
}
.offer .offerbox h2 {
  width: 123px; height: 177px; line-height: 19px;
  padding: 20px 0 0 15px;
  color: #fff;
  font-size: 15px; font-weight: bold;
  text-transform: lowercase;
}
.offer .offerbox h2 a {
  height: 177px;
  display: block;
  color: #fff;
  text-decoration: none;
}
.offer .offerbox h2 a:hover, .offer .offerbox h2 a:active, .offer .offerbox h2 a:focus {
  text-decoration: underline;
}
.offer .offerbox h2 small {
  font-size: 10px;
}
.offer .offerbox h2.wall { background: url("../images/calendar-wall.jpg") no-repeat 0 68px }
.offer .offerbox h2.wall2 { background: url("../images/calendar-wall2.jpg") no-repeat 0 68px }
.offer .offerbox h2.table { background: url("../images/calendar-table.jpg") no-repeat 0 68px }
.offer .offerbox h2.oneside { background: url("../images/calendar-oneside.jpg") no-repeat 0 68px }

.select {
  width: 230px; height: 230px;
  position: absolute; top: 370px; right: 50px;
  background: url("../images/select.png") no-repeat 0 0;
  z-index: 999;
}
.select p {
  color: #fff;
  font-size: 11px;
  line-height: 13px;
  padding: 0 0 0 18px;
}
.select h2 {
  color: #335b03;
  font-size: 16px;
  font-weight: bold;
  padding: 0 0 0 30px; margin: 0;
  text-transform: lowercase;
}
.select h2 a {
  width: 160px; height: 63px; line-height: 63px;
  display: block;
  color: #335b03; text-decoration: none;
}
/* PAGE */
.text ol{
  padding-left:20px;  
}
.text {
  width: 557px;
  background: #fff;
  float: left; margin: 290px 0 0 0;
}
.text a {
  color: #a00057;
}
.text h2 {
  height: 40px; line-height: 40px;
  background: #a00057;
  color: #fff;
  font-size: 18px; font-weight: bold;
  padding: 0 20px; margin: 0 0 20px 0;
  text-transform: lowercase;
}
.text h3 {
  color: #a00057;
  font-size: 15px; font-weight: bold;
  padding: 0 20px;
  text-transform: uppercase;
}
.text p {
  padding: 0 20px;
}
.text ul { margin: 0 0 15px 25px; }
.text ul li { background: url("../images/dot.gif") no-repeat 0 6px; padding: 0 0 0 12px; list-style: none;}
.text table {
  width: auto;
  margin: 0 20px 15px 20px;
  border-collapse: collapse;
}
.text th {
  border: 1px solid #a00057;
  background: #a00057;
  color: #fff;
}
.text td {
  border: 1px solid #a00057;
}
.text .excerpt {
  height: 138px;
  margin: -19px 0 20px 0;
  position: relative;
  background: url("../images/excerpt.jpg");
  font-size: 13px; font-style: italic;
  color: #fff;
}
.text .excerpt .ico1 {
  background: url("../images/ico-calendar-big-1.jpg") no-repeat 20px 15px;
  padding: 15px 20px 15px 130px;
}
.text .excerpt .ico2 {
  background: url("../images/ico-calendar-big-2.jpg") no-repeat 20px 15px;
  padding: 15px 20px 15px 130px;
}
.text .excerpt .ico3 {
  background: url("../images/ico-calendar-big-3.jpg") no-repeat 20px 15px;
  padding: 15px 20px 15px 130px;
}
.text .excerpt .ico4 {
  background: url("../images/ico-calendar-big-4.jpg") no-repeat 20px 15px;
  padding: 15px 20px 15px 130px;
}
/* VARIATIONS */
.variations {
  width: 833px; height: 130px;
  float: left;
  background: url("../images/variations.png") no-repeat center center; _background: none;
  margin: 15px 0;
}
.variations .vbox {
  width: 220px; height: 45px;
  float: left;
  padding: 10px 0 10px 56px; margin-right: 1px;
}
.variations .v1 { background: url("../images/ico-calendar-1.jpg") no-repeat 5px 10px; }
.variations .v2 { background: url("../images/ico-calendar-2.jpg") no-repeat 5px 10px; }
.variations .v3 { background: url("../images/ico-calendar-3.jpg") no-repeat 5px 10px; }
.variations .v4 { background: url("../images/ico-calendar-4.jpg") no-repeat 5px 10px; }
.variations .v5 { background: url("../images/ico-calendar-5.jpg") no-repeat 5px 10px; }
.variations .vbox h3 {
  color: #fff;
  font-size: 11px; font-weight: bold;
  margin: 0 0 5px 0;
}
.variations .vbox a{
  color:#fff;
  text-decoration: none;
}
.variations .vbox p {
  line-height: 13px;
  color: #fff;
  font-size: 11px;
}
/* VARIATIONS2 */
.variations2 {
  width: 241px;
  float: right;
  margin: 540px 0 0 0;
}
.variations2 h2{
  width: 133px; height: 41px; line-height: 41px;
  color: #fff; font-size: 16px; font-weight: bold;
  text-transform: lowercase; padding: 0 15px;
  background: url("../images/h2.png")
}
.variations2 .vbox {
  width: 221px; height: 60px;
  float: left;
  padding: 5px 0 0 56px; margin: 0 0 5px -10px;
  position: relative;
}
.variations2 .v1 { background: url("../images/ico-calendar-1.jpg") no-repeat 5px 10px; }
.variations2 .v2 { background: url("../images/ico-calendar-2.jpg") no-repeat 5px 10px; }
.variations2 .v3 { background: url("../images/ico-calendar-3.jpg") no-repeat 5px 10px; }
.variations2 .v4 { background: url("../images/ico-calendar-4.jpg") no-repeat 5px 10px; }
.variations2 .v5 { background: url("../images/ico-calendar-5.jpg") no-repeat 5px 10px; }
.variations2 .vbox h3 {
  color: #fff;
  font-size: 11px; font-weight: bold;
  margin: 0 0 5px 0;
}
.variations2 .vbox a{
  color:#fff;
  text-decoration: none;
}
.variations2 .vbox p {
  line-height: 13px;
  color: #fff;
  font-size: 11px;
}
.variations2 .bottom {
  height: 1px;
  background: url("../images/line.png") no-repeat; _background: none;
  position: relative;
  margin: 0 0 0 -56px;
}
/**************************************/
/*               FOOTER               */
/**************************************/
.footer {
  width: 833px; height: 154px;
  margin: 0 auto;
}
.footer .fmenu {
  height: 55px;
  background: url('../images/bg-bottommenu.jpg') no-repeat top;
  margin: 0; padding: 0;
  list-style: none;
}
.footer .fmenu li {
  float: left;
  text-transform: uppercase;
  font-size: 14px;
}
.footer .fmenu li a {
  text-decoration: none;
  height: 46px!important; line-height: 46px;
  display: block;
}
.footer .fmenu li a:hover {
  text-decoration: underline;
}
.footer .fmenu li.v1 a { width: 180px; color: #000; margin-right: 10px; padding-left: 20px; }
.footer .fmenu li.v2 a { width: 225px; color: #fff; margin-right: 10px; padding-left: 20px; }
.footer .fmenu li.v3 a { width: 140px; color: #000; margin-right: 10px; padding-left: 25px; }
.footer .fmenu li.v4 a { width: 160px; color: #fff; padding-left: 30px; }
.footer .links {
  height: 99px;
  background: url('../images/bg-footer.jpg') no-repeat;
  position: relative;
  color: #d0cfcf;
  font-size: 11px;
}
.footer .links a {
  color: #d0cfcf;
  text-decoration: none;
}
.footer .links a:hover, .footer .links a:focus, .footer .links a:active {
  text-decoration: underline;
  color: #fff;
}
.footer .links ul {
  list-style: none;
  height: 70px;
  margin: 0;
  position: absolute; top: 30px; left: 15px;
}
.footer .links ul li {
  float: left;
  line-height: 14px;
}
.footer .links h3 {
  position: absolute; top: 10px; left: 15px;
  color: #fff; text-transform: uppercase; font-size: 12px; font-weight: bold;
}
.footer .links .partners ul {
  width: 250px;
}
.footer .links .partners ul li{
  width: 125px;
}
.footer .links .contact h3 {
  left: 304px;
}
.footer .links .contact ul {
  width: 230px; left: 292px;
}
.footer .links .contact ul li {
  padding: 0 0 0 12px;
}
.footer .links .contact ul li.adr {
  width: 140px;
  background: url('../images/ico-a.jpg') no-repeat 0 3px;
}
.footer .links .contact ul li.mob { background: url('../images/ico-m.jpg') no-repeat 0 3px; }
.footer .links .contact ul li.tel { background: url('../images/ico-t.jpg') no-repeat 0 3px; }
.footer .links .contact ul li.email { background: url('../images/ico-e.jpg') no-repeat 0 3px; }
.footer .links .contact ul li.web { background: url('../images/ico-w.jpg') no-repeat 0 3px; }
.footer .links .mainmenu h3 {
  left: 555px;
}
.footer .links .mainmenu ul {
  width: 80px; left: 555px;
}
.footer .links .mainmenu ul li{
  width: 80px;
  clear: left;
  text-transform: uppercase;
}
.footer .tisk {
  width: 75px;
  background: url('../images/tisk-logo.jpg') no-repeat top;
  padding: 30px 0 0 8px;
  position: absolute; top: 10px; left: 730px;
}

.fotoList {
  margin: 10px 20px;
}