/**  global color #369 will be replaced  **/
body { font-family: 'Open Sans', sans-serif;  color: #808080;  padding: 0;  margin: 0;  font-size: 11pt; }
*>a { outline: none; } /* firefox outline */
a img { border-style: none; }
h1, h2, h3, .like-h1 { color: #808080;  line-height: 1.4em;  margin: 20px 0; }
h1, .like-h1 { font-size: 18pt;  font-weight: normal;   }
p { margin: 7px 0; }
a { color: #369; }
a:hover { text-decoration: none; }
table { border-collapse: collapse;  margin: 15px 0; }
table.no-border th,table.no-border td{border: none; padding: 0 5px; vertical-align: top;}
td, th { border: 1px solid #ddd;  padding: 4px 10px; }
input { padding: 2px 6px; }
.clear { clear: both; }
.nul, .nul a { text-decoration: none; }  .nul:hover { text-decoration: underline; }
hr { clear: both; }

/****** ALL *******/
.all {  }
.content-wrap { width: 1000px;  margin: 0px auto;  position: relative;  padding: 540px 50px 0;  background: url(/views/starinterier/www/img/top_shadow.jpg) center 585px repeat-x; }
.content { padding: 50px 0px 0px;  position: relative; }

/****** HEADER *******/
.header { position: absolute;  top: 0;  left: 0;  width: 100%;  height: 500px;  background: url(/views/starinterier/www/img/top_shadow.jpg) center 32px repeat-x; }
.header-in { position: relative;  margin: 0 auto;  width: 1000px;  height: 200px; }
.header .img-wrap { position: absolute;  top: 40px;  left: 0;  background: url(/views/starinterier/www/img/header_img.jpg) center top no-repeat;  width: 100%;  height: 500px; }
.header .logo { position: absolute;  top: 10px;  left: 50px;  width: 120px;  height: 120px;  z-index: 10;  background: url(/views/starinterier/www/img/logo.jpg);
    border: 1px solid #CCC;  box-shadow: 2px 2px 3px 0px #999; }
.header .in { position: absolute;  top: 3px;  right: 20px;  color: #999;  font-size: 10pt; }
.header .in a { color: inherit; }

/****** MAIN *******/
.main { float: right;  width: 700px;  margin: 0;  padding: 0 0 0 30px; }
.fotogalerie { margin-top: 20px;  padding-top: 20px;}
.fotogalerie img { margin: 5px;  box-shadow: 1px 1px 7px #aaa; }
.news-img { float: right;  margin: -5px 5px 10px 30px; }
.anotace { font-style: italic;  color: #555;  margin-bottom: 20px; }
.main-in { padding-bottom: 20px;  border-bottom: 1px solid #CCC;  }
.text-wrap { height: 70px;  overflow: hidden; }
.text-wrap p { margin: 0;  line-height: 17px; }
.more-button { position: absolute;  left: 600px;  width: 40px;  height: 20px;  background: #CCC url(../img/arrow_down.png) center center no-repeat;  color: white;  text-decoration: none;  display: block }
.opened { background-image: url(../img/arrow_up.png) }
#mapa { float: right; }
/* rotator */
.header .img-wrap.rotator { background: none; }
.img-wrap .rotator-in { position: relative;  margin: 0 auto;  width: 1000px;  height: 100%; }
.img-wrap .big { width: 70%; height: 100%;  float: left; }
.img-wrap .small { width: 30%; height: 50%; float: left; }
.img-wrap .small img { height: 250px !important;  position: absolute;  display: none; }
.img-wrap .small img.first { display: block; }
/** HP **/
.left-column { float: right;  width: 370px;  margin-right: 280px; }
.news { margin: 27px 0;  border-top: 1px solid #ddd;  padding: 1px 0; }
.new { clear: both;  margin: 10px 0 0;  padding: 0 0 10px;  border-bottom: 1px solid #eee; }
.new .img { float: left;  padding: 0 15px 0 0; }
.new h3 { padding: 3px 0 1px;  margin: 0;  font-size: 9.5pt; }
.new p { font-size: 8.5pt;  margin: 1px 0;  line-height: 1.4em; }
.new .date { margin: 0;  color: #888; }
.photogallery-column { width: 240px; position: absolute;  top: 7px;  right: 30px; margin: 0 0 0 60px; }
.photogallery-column img { margin: 5px; float: left;}
.search-results .result { margin: 7px 0;  border-top: 1px solid #eee; }
.edit-site { float: right; }

/****** MENU *******/
/* top menu */
.top-menu { position: absolute;  top: 10px;  right: 20px; }
.top-menu ul { margin: 0;  overflow: hidden; }
.top-menu li { list-style-type: none;  background: url(/views/starinterier/www/img/li_dot.jpg)  left center no-repeat;  padding: 0 0 0 20px;  margin: 0 0 0 20px;  display: inline-block;  font-size: 15pt; }
.top-menu .first { padding: 0;  margin: 0;  background: none; }
.top-menu li a { color: inherit;  text-decoration: none;  font-family: 'Open Sans Condensed', sans-serif;  color: #717171; }
.top-menu li a:hover, .top-menu .sel a { color: #000; }
/* left menu */
.menu {   float: left;  margin-top: -30px;  padding-right: 13px;  background: url(/views/starinterier/www/img/menu_shadow.png) right center no-repeat; }
.menu ul { padding: 0; } 
.menu li { list-style-type: none;  font-family: 'Open Sans Condensed', sans-serif;  font-weight: 300;  font-size: 14pt; }
.menu li a { padding: 5px 0px 5px 30px;  background: #FFF;  display: block;  text-decoration: none;  color: #666;  text-transform: uppercase;  width: 220px; }
.menu .sel a, menu li.sel a:hover { background: #000;  color: #FFF; }
.menu li a:hover { color: #000; }
.menu .sel a:hover { color: #FFF; }
.menu li.depth-4 { text-transform: none;  display: none; } 
.menu li.depth-4 a { text-transform: none;  margin-left: 20px;  width: 200px; } 
.menu .depth-4.it-sel { display: block; }

/****** COLUMN *******/
.column { font-size: 9pt;  color: #666;  float: left;  clear: left;  width: 190px; }

/****** FOOTER *******/
.footer{ padding: 20px 0;  clear: both;  background: #e1e1e1;  position: relative;  left: 0;  width: 100%;   margin-top: 40px; }
.footer-in { margin: 0 auto;  position: relative;  width: 900px; }
.footer p { margin: 0; } /* kvuli editoru, ktery tam dela tag */
.footer-right { float: right; }
.footer, .footer a {  color: #777; }
/**  language switcher  **/
.language-switcher { position: absolute; right: 20px; top: 3px; }
.language-switcher a { width: 16px;  height: 16px;  float: left;  padding: 4px;  opacity: 0.7; }
.language-switcher a.active, .language-switcher a:hover{ opacity: 1; }
.language-switcher a span { display: none; }
.language-switcher a.cz { background: url(/views/_default/www/img/icons/flag_cz.png) no-repeat 50% 50%; }
.language-switcher a.en { background: url(/views/_default/www/img/icons/flag_en.png) no-repeat 50% 50%; }
.language-switcher a.sk { background: url(/views/_default/www/img/icons/flag_sk.png) no-repeat 50% 50%; }

.eliska-footer { text-align: center;  font-size: 8pt;  margin: 20px 0 0; }
.eliska-footer, .eliska-footer a { color: #aaa; }
.eliska-footer a { text-decoration: underline; }
.eliska-footer img { position: relative;  top: 3px;  padding: 0 3px 0 6px; }

/* default-form */
.default-form { clear: both; border: 1px solid #ddd;  background: #f8f8f8;
	margin: 10px 0;  padding: 20px 40px; }
.default-form label { display: block;  margin: 5px 0 0; }
.default-form .text-input, .default-form textarea, .default-form select {
	background: white;  border: 1px solid #ccc;  width: 500px;  padding: 6px 10px;  margin: 1px; }
.default-form select { padding-right: 5px;  width: 510px; }
.default-form textarea { font-family: arial;  height: 100px; }
.default-form .sub {  font-weight: bold;  background: white;
	cursor: pointer;  padding: 10px 50px;  border: 2px solid #ccc;  margin: 10px 0; }
.default-form .sub:hover { background: #f5f5f5; }

@media screen and (max-width: 1100px){
	.content-wrap { padding: 540px 0 0; }
}
@media screen and (max-width: 1000px){
	.content-wrap, .header, .footer, .main, .header-in, .footer-in { width: 100%; }
    .header .logo { top: 30px;  left: 10px; }
    .content { padding: 50px 10px 0; }
    .footer-right { float: none; }
    .footer-in { text-align: center; }
    .more-button { left: 45%; }
    .menu { position: absolute;  top: 50px;  z-index: 9;  display: none; }
    .menu-button { background: url(/views/starinterier/www/img/menu_icon.png);  width: 30px;  height: 30px;  cursor: pointer;  position: absolute;  top: 3px;  z-index: 10;  left: 20px; }
    .menu ul { padding-top: 10px;  background: #FFF; }
}
@media screen and (max-width: 700px){
	.main #mapa { width: 100%;  float: none; }
}