/* www.ekosan.cz, media screen */


/* basic setup */

@font-face {
font-family: 'MyriadPro';
src: url('./../../_layout/_fonts/myriadpro-cond-webfont.eot');
src: url('./../../_layout/_fonts/myriadpro-cond-webfont.eot?#iefix') format('embedded-opentype'), url('./../../_layout/_fonts/myriadpro-cond-webfont.woff') format('woff'), url('./../../_layout/_fonts/myriadpro-cond-webfont.ttf') format('truetype'), url('./../../_layout/_fonts/myriadpro-cond-webfont.svg#MyriadProCondensed') format('svg');
font-weight: normal;
font-style: normal;
}

body {
background: #ffffff url('./../../_layout/_www/body-bg.jpg') center 0 no-repeat;
color: #171717;
font: normal normal normal 1em/normal arial, sans-serif;
margin: 0;
padding: 0;
}

a {
color: #008d3e;
text-decoration: underline;
}

a:hover {
text-decoration: none;
}

a img,
a:link img {
border: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
color: #171717;
margin: 0;
padding: 0;
}

p {
margin: 0;
padding: 0;
}

ol,
ul {
margin: 0;
padding: 0;
}

ol li,
ul li {
list-style: none;
margin: 0;
padding: 0
}

hr {
border: none;
margin: 0;
}

ins {
text-decoration: none;
}

blockquote,
q {
quotes: none;
}

form,
fieldset,
label,
legend {
margin: 0;
padding: 0;
}

fieldset {
border: none;
}

label {
cursor: pointer;
}

input.text {
background: #ffffff;
border: 1px solid #008d3e;
color: #171717;
font: normal normal normal 1em/normal Arial, sans-serif;
padding: 2px;
}

input.submit,
input.reset,
input.button {
cursor: pointer;
font: normal normal normal 1em/normal Arial, sans-serif;
padding: 2px;
}

textarea {
background: #ffffff;
border: 1px solid #008d3e;
color: #171717;
font: normal normal normal 1em/normal Arial, sans-serif;
overflow: auto;
padding: 2px;
}

select {
color: #171717;
font: normal normal normal 1em/normal Arial, sans-serif;
padding: 1px;
}

table {
border-collapse: collapse;
font: normal normal normal 1em/normal Arial, sans-serif;
margin: 0;
}

div.wrapper {
clear: both;
}

span.corner,
span.ir {
background: url('') 0 0 no-repeat;
display: block;
height: 100%;
left: 0;
overflow: hidden !important;
position: absolute;
top: 0;
width: 100%;
}

a span.ir {
cursor: pointer;
}

a:hover span.ir {
background-position: 0 bottom;
}


/* printable header */

div#print-header {
display: none;
}


/* page layout */

div#homepage,
div#page {
font-size: 0.75em;
margin: 124px auto 0 auto;
text-align: left;
width: 960px;
}


/* header */

div#header {
height: 126px;
overflow: hidden;
position: relative;
width: 100%;
}


/* logo */

div#logo {
height: 53px;
left: 13px;
position: absolute;
top: 0;
width: 201px;
}

div#logo h1,
div.logo p {
display: block;
height: 100%;
overflow: hidden;
position: absolute;
width: 100%;
}

div#logo a {
display: block;
height: 100%;
padding: 10px;
width: 100%;
}

div#logo span.ir {
background: url('./../../_layout/_www/logo-ekosan.jpg');
}


/* quick contact */

div#quick-contact {
position: absolute;
right: 10px;
top: 23px;
width: 326px;
}

div#quick-contact p {
height: 27px;
overflow: hidden;
position: relative;
}

div#quick-contact p.phone {
float: left;
width: 166px;
}

div#quick-contact p.phone span.ir {
background-image: url('./../../_layout/_www/contact-phone.jpg');
}

div#quick-contact p.email {
float: right;
width: 146px;
}

div#quick-contact p.email a {
display: block;
height: 100%;
width: 100%;
}

div#quick-contact p.email span.ir {
background-image: url('./../../_layout/_www/contact-email.jpg');
}


/* main menu */

div#mainmenu {
background: #009933 url('./../../_layout/_www/mainmenu-bg.jpg') 0 0 no-repeat;
bottom: 0;
float: left;
height: 40px;
left: 0;
position: absolute;
width: 100%;
}

div#mainmenu ul {
float: left;
margin: 0 0 0 15px;
}

div#mainmenu ul li {
float: left;
margin: 0 25px 0 0;
}

div#mainmenu ul li a {
color: #ffffff;
display: block;
font-family: MyriadPro, Arial, sans-serif;
font-size: 1.4em;
height: 40px;
line-height: 41px;
text-decoration: none;
}

div#mainmenu ul li a:hover,
div#mainmenu ul li.active a {
color: #171717;
}

div#mainmenu ul li.first {
position: relative;
}

div#mainmenu ul li.first a {
width: 13px;
}

div#mainmenu ul li.first a span.ir {
background-image: url('./../../_layout/_www/mainmenu-homepage.jpg');
}


/* searching form */

div#searching {
bottom: 8px;
position: absolute;
right: 5px;
width: 154px;
}

div#searching form input.text {
background: url('./../../_layout/_www/search-input-bg.jpg') 0 0 no-repeat;
border: 0;
height: 25px;
line-height: 25px;
padding: 0 2px 0 6px;
width: 115px;
}

div#searching form input.image {
position: absolute;
right: 0;
top: -3px;
}


/* content */

div#content {
/*background: url('./../../_layout/_www/content-bg.jpg') 0 0 repeat-x;*/
padding: 10px;
width: 940px;
}



/* promo */

div#promo {
height: 275px;
margin: 0 0 25px 0;
overflow: hidden;
position: relative;
width: 940px;
}

div#promo span.ir {
background-image: url('./../../_layout/_www/promo.jpg');
}


/* main frame */

div#main-frame {
float: left;
overflow: hidden;
width: 680px;
}


/* navigation */

div#navigation {
padding: 0 0 20px 0;
}

div#navigation p,
div#navigation ul,
div#navigation li {
display: inline;
}

div#navigation p {
font-weight: bold;
margin: 0 5px 0 0;
}


/* text layer */

div#text div#list+div.container {
margin-top: 20px;
}

div#text h1,
div#text h2,
div#text h3 {
color: #008d3e;
font-family: MyriadPro, Arial, sans-serif;
font-size: 1.65em;
font-weight: normal;
letter-spacing: 1px;
margin-bottom: 15px;
}

div#page div#text h2 {
font-size: 1.4em;
margin-bottom: 5px;
}

div#page div#text p+h2,
div#page div#text ul+h2,
div#page div#text ol+h2 {
padding: 10px 0 0 0;
}

div#text h3 {
color: #000000;
font-size: 1.25em;
margin-bottom: 5px;
}

div#page div#text p+h3,
div#page div#text ul+h3,
div#page div#text ol+h3 {
padding: 10px 0 0 0;
}

div#text p {
line-height: 17px;
margin-bottom: 17px;
text-align: justify;
}

div#text ol {
line-height: normal;
margin: 10px 0 10px 1.5em;
}

div#text ul {
line-height: normal;
margin: 10px 0 10px 1.5em;
display: inline-block;
}

div#text ol li {
list-style: decimal;
}

div#text ul li {
list-style: square;
}

div#text hr {
margin: 0 0 10px 0;
}

/*
div#text th {
background: #323234;
color: #ffffff;
font-weight: bold;
padding: 5px 15px 5px 15px;
}

div#text td {
background: #515151;
color: #ffffff;
padding: 5px 15px 5px 15px;
}
*/
/*
div#text img {
margin: 0;
padding: 0;
}

div#text img[style="float: left;"] {
margin-right: 15px;
margin-bottom: 15px;
}

div#text img[style="float: right;"] {
margin-bottom: 15px;
margin-left: 15px;
}
*/


/* guide */

div#guide {
left: -10px;
padding: 10px 0 15px 0;
position: relative;
width: 699px;
}

div#guide ul {
float: left;
width: 100%;
}

div#guide ul li {
height: 128px;
float: left;
margin: 0 0 10px 10px;
overflow: hidden;
width: 220px;
}

div#guide ul li h2 {
height: 100%;
width: 100%;
}

div#guide ul li a {
display: block;
height: 100%;
position: relative;
width: 100%;
}

div#guide ul li.jak-poznat-stenice span.ir {
background-image: url('./../../_layout/_www/guide-01.jpg');
}

div#guide ul li.druhy-stenic span.ir {
background-image: url('./../../_layout/_www/guide-02.jpg');
}

div#guide ul li.hubeni-stenice span.ir {
background-image: url('./../../_layout/_www/guide-03.jpg');
}


/* why us */

div#why-us {
background: #e8e8e8 url('./../../_layout/_www/whyus-bg.jpg') 0 0 no-repeat;
height: 134px;
padding: 15px 0 0 20px;
width: 660px;
}

div#why-us h2 {
font-family: MyriadPro, Arial, sans-serif;
font-size: 1.3em;
font-weight: normal;
letter-spacing: 1px;
margin-bottom: 15px;
}

div#why-us li {
background: url() 0 center no-repeat;
float: left;
font-weight: bold;
height: 29px;
margin: 0 0 20px 0;
padding: 0 0 0 40px;
width: 176px;
}

div#why-us li.reason-01 {
background-image: url('./../../_layout/_www/whyus-01.png');
}

div#why-us li.reason-02 {
background-image: url('./../../_layout/_www/whyus-02.png');
}

div#why-us li.reason-03 {
background-image: url('./../../_layout/_www/whyus-03.png');
}

div#why-us li.reason-04 {
background-image: url('./../../_layout/_www/whyus-04.png');
}

div#why-us li.reason-05 {
background-image: url('./../../_layout/_www/whyus-05.png');
}

div#why-us li.reason-06 {
background-image: url('./../../_layout/_www/whyus-06.png');
}


/* list */

div#text h1+div#list {
margin-top: 15px;
}

div#text div#list ul {
margin: 5px 0 15px 0 !important;
}

div#text div#list h2 {
font-size: 1.3em;
font-weight: normal;
}

div#text div#list li {
list-style: none !important;
}

div#text div#list.searching li {
margin: 0 0 20px 0;
}


/* downloads */

div#downloads {
float: left;
margin: 15px 0 15px 0;
width: 100%;
}

div#downloads ul {
margin: 0 !important;
}

div#downloads li {
height: 25px;
line-height: 25px;
list-style: none !important;
}

div#downloads li span.type img {
position: relative;
top: 3px;
}

div#downloads li span.name {
padding: 0 0 0 10px;
}

div#downloads li span.size {
font-style: italic;
}


/* gallery */

div.photogallery {
float: left;
margin: 15px 0 15px 0;
width: 100%;
}

div.photo-item {
float: left;
margin: 0 20px 20px 0;
width: 155px;
}

div.photo-item.last {
margin-right: 0;
}

div.photo-item a,
div.photo-item img {
float: left;
}

div.photo-item img {
border: 7px solid #e5e5e5;
max-width: 141px;
}

div.photo-item a:hover img {
border-color: #d5d5d5;
}

div.photo-item div.caption {
background: #f7f7f7;
clear: both;
float: left;
font-size: 0.9em;
width: 100%;
}

div.photo-item div.caption p {
margin: 0 !important;
padding: 5px 0 5px 0 !important;
text-align: center !important;
}


/* side frame */

div#side-frame {
float: right;
width: 231px;
}


/* orders */

div#orders {
margin: 0 0 25px 0;
}

div#orders h2 {
background: #009933 url('./../../_layout/_www/title-bg.jpg') 0 0 no-repeat;
color: #ffffff;
font-family: MyriadPro, Arial, sans-serif;
font-size: 1.3em;
font-weight: normal;
height: 43px;
letter-spacing: 1px;
line-height: 43px;
padding: 0 0 0 32px;
}

div#orders div.container {
border: 1px solid #e5e5e5;
border-top: 0;
padding: 15px 15px 0 15px;
}

div#orders p {
float: left;
line-height: 17px;
margin: 0 0 15px 0;
}

div#orders span {
float: left;
}

div#orders span.label {
font-weight: bold;
width: 75px;
}



/* map */

div#map {
background: url('./../../_layout/_www/map.jpg') center center no-repeat;
height: 134px;
margin: 0 0 25px 0;
width: 100%;
}


/* locations */

div#locations {
margin: 0 0 13px 0;
}

div#locations li {
background: #009933 url('./../../_layout/_www/button-bg.jpg') 0 0 no-repeat;
font-family: MyriadPro, Arial, sans-serif;
font-size: 1.3em;
font-weight: normal;
margin: 0 0 2px 0;
}

div#locations li a {
color: #ffffff;
display: block;
height: 43px;
letter-spacing: 1px;
line-height: 44px;
padding: 0 0 0 20px;
text-decoration: none;
width: 211px;
}

div#locations li a:hover {
color: #1f1f1f;
}


/* footer */

div#footer {
border-top: 1px solid #bebebe;
color: #aaaaaa;
margin: 0 0 15px 0;
padding: 20px 10px 10px 10px;
width: 940px;
}

div#footer p {
height: 20px;
line-height: 20px;
}

div#footer div.copyright {
float: left;
}

div#footer div.author {
float: right;
}


/* SKY:Line */

div#sky-line {
color: #aaaaaa;
font-size: 0.9em;
line-height: 16px;
padding: 15px;
text-align: center;
}