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

/*
stencil1: Mores
stencil2: WoodPlastic
stencil3: Oberflex
stencil4: MojeFasada.cz
stencil5: Marotte
*/

/* zakladni nastaveni */

html
{
font-size: 100.01%;
}

body
{
background: #cecece url("body.png") no-repeat top center;
margin: 0;
padding: 0;
font-family: "Myriad,Trebuchet MS", "Geneva CE", lucida, sans-serif;
font-size: 1em;
color: #454545;
font-weight: normal;
font-style: normal;
text-align: center;
}

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

p
{
margin: 0;
padding: 0 0 10px 0;
}

h1
{
margin: 0;
padding: 0 0 25px 0;
}

h2
{
font-size: 1.6em;
margin: 0;
padding: 0 0 15px 0;
}

h3
{
font-size: 1.4em;
margin: 0;
padding: 0 0 3px 0;
}

h4
{
font-size: 1.2em;
margin: 0;
padding: 0 0 10px 0;
}

h5
{
font-size: 1em;
margin: 0;
padding: 0 0 10px 0;
}

h6
{
font-size: 1em;
margin: 0;
padding: 0 0 10px 0;
}

ol
{
margin: 8px;
padding-left: 16px;
}

ul
{
margin: 5px;
padding-left: 13px;
}

ul li
{
list-style-type: square;
}

a
{
text-decoration: none;
}

a:hover
{
text-decoration: underline;
}

ins
{
text-decoration: none;
}

form
{
background: #cccccc;
padding: 10px;
}

* html form
{
height: 1%;
}

fieldset
{
border: none;
margin: 0;
padding: 0;
}

label
{
font-weight: bold;
float: left;
width: 100px;
}

input.text, input.password
{
font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif;
font-size: 1em;
color: #454545;
background: #ffffff;
padding: 2px;
}

input.submit, input.reset, input.button
{
font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif;
font-size: 1em;
font-weight: bold;
color: #454545;
cursor: pointer;
padding: 10px;
}

textarea
{
font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif;
font-size: 1em;
color: #454545;
background: #ffffff;
padding: 2px;
overflow: auto;
}

select
{
font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif;
font-size: 1em;
color: #454545;
background: #ffffff;
}

hr
{
color: #ffffff;
height: 1px;
border: none;
background-color: #ffffff;
}

table
{
font-size: 1em;
margin-top: 5px;
margin-bottom: 5px;
}

table th, table td
{
padding: 5px;
}

table th
{
color: #ffffff;
}

/* stranka */

div.homepage, div.page
{
width: 998px;
margin: 0 auto 0 auto;
text-align: left;
}

div.wrapper
{
clear: both;
overflow: hidden;
}

span.ir
{
position: absolute;
left: 0;
top: 0;
}

a span.ir
{
cursor: pointer;
}

div.shadows
{
padding: 0 6px 6px 0;
position: relative;
overflow: hidden;
height: 100%;
}

div.shadows span.shadow
{
position: absolute;
overflow: hidden;
}

span.shadow.rt
{
top: 0;
right: 0;
width: 6px;
height: 6px;
background: url("shadow-rt.png");
}

span.shadow.rb
{
bottom: 0;
right: 0;
width: 6px;
height: 6px;
background: url("shadow-rb.png");
}

span.shadow.lb
{
bottom: 0;
left: 0;
width: 6px;
height: 6px;
background: url("shadow-lb.png");
}

span.shadow.r
{
right: 0;
top: 6px;
width: 6px;
background: url("shadow-r.png") repeat-y;
}

* html div.by-mainmenu span.shadow.r
{
height: 52px;
}

* html div.by-footer span.shadow.r
{
height: 500px;
}

* html div.by-subs span.shadow.r
{
height: 492px;
height: 43.9em;
}

span.shadow.b
{
left: 6px;
bottom: 0;
height: 6px;
background: url("shadow-b.png") repeat-x;
}

/* content */

div.content
{
font-size: 0.7em;
width: 992px;
margin: 0 auto 0 auto;
padding-top: 94px;
padding-bottom: 15px;
}

div.by-mainmenu span.shadow.b
{
width: 966px;
left: 20px;
}

div.by-mainmenu span.shadow.r
{
bottom: 6px;
}

div.mainmenu ol
{
margin: 0;
padding: 0;
}

div.mainmenu li
{
list-style: none;
font-size: 1.5em;
float: left;
position: relative;
overflow: hidden;
height: 59px;
}

* html div.mainmenu a
{
display: block;
height: 59px;
}

div.mainmenu span.ir
{
height: 59px;
}

div.mainmenu li.home
{
width: 289px;
}

div.mainmenu li.home span.ir
{
width: 289px;
background-image: url("home.png");
}

div.mainmenu li.home a:hover span.ir
{
background-position: -289px 0;
}

div.mainmenu li.stavebni-divize
{
width: 140px;
}

div.mainmenu li.stavebni-divize span.ir
{
width: 140px;
background-image: url("stavebni-divize.png");
}

div.mainmenu li.stavebni-divize a:hover span.ir
{
background-position: -140px 0;
}

div.mainmenu li.woodplastic
{
width: 139px;
}

div.mainmenu li.woodplastic span.ir
{
width: 139px;
background-image: url("woodplastic.png");
}

div.mainmenu li.woodplastic a:hover span.ir
{
background-position: -139px 0;
}

div.mainmenu li.oberflex
{
width: 140px;
}

div.mainmenu li.oberflex span.ir
{
width: 140px;
background-image: url("oberflex.png");
}

div.mainmenu li.oberflex a:hover span.ir
{
background-position: -140px 0;
}

div.mainmenu li.mojefasada
{
width: 139px;
}

div.mainmenu li.mojefasada span.ir
{
width: 139px;
background-image: url("mojefasada.png");
}

div.mainmenu li.mojefasada a:hover span.ir
{
background-position: -139px 0;
}

div.mainmenu li.marotte
{
width: 139px;
}

div.mainmenu li.marotte span.ir
{
width: 139px;
background-image: url("marotte.png");
}

div.mainmenu li.marotte a:hover span.ir
{
background-position: -139px 0;
}

div.subs
{
margin-top: 13px;
padding-bottom: 10px;
}

div.subs div.by-subs
{
float: left;
margin-right: 3px;
}

div.subs div.by-subs.last
{
margin-right: 0;
}

div.by-subs span.shadow.b
{
width: 183px;
}

* html div.by-subs span.shadow.b
{
width: 182px;
}

div.by-subs span.shadow.r
{
bottom: 6px;
}

div.subs div.sub
{
width: 159px;
min-height: 515px;
background: #e3e4e4;
padding: 0 15px 15px 15px;
}

div.sub img
{
margin: 0 -15px 18px -15px;
}

div.stavebni-divize img
{
border-bottom: 25px solid #85c226;
}

div.woodplastic img
{
border-bottom: 25px solid #328fbe;
}

div.oberflex img
{
border-bottom: 25px solid #a93a11;
}

div.mojefasada img
{
border-bottom: 25px solid #65a53a;
}

div.marotte img
{
border-bottom: 25px solid #dcc79a;
}

div.sub h2
{
position: relative;
overflow: hidden;
padding: 0;
}

div.stavebni-divize h2
{
width: 150px;
height: 27px;
margin-top: 8px;
margin-bottom: 28px;
}

div.stavebni-divize span.ir
{
width: 150px;
height: 27px;
background: url("h2-mores.png") 0 -45px;
}

div.woodplastic h2
{
width: 150px;
height: 27px;
margin-top: 8px;
margin-bottom: 28px;
}

div.woodplastic span.ir
{
width: 150px;
height: 27px;
background: url("h2-woodplastic.png") 0 -45px;
}

div.oberflex h2
{
width: 155px;
height: 37px;
margin-top: 3px;
margin-bottom: 23px;
}

div.oberflex span.ir
{
width: 155px;
height: 37px;
background: url("h2-oberflex.png") 0 -35px;
}

div.mojefasada h2
{
width: 155px;
height: 27px;
margin-top: 10px;
margin-bottom: 26px;
}

div.mojefasada span.ir
{
width: 155px;
height: 27px;
background: url("h2-mojefasada.png") 0 -45px;
}

div.marotte h2
{
width: 132px;
height: 49px;
margin-bottom: 14px;
}

div.marotte span.ir
{
width: 132px;
height: 49px;
background: url("h2-marotte.png") 0 -24px;
}

div.by-secondarymenu
{
margin-top: 10px;
}

div.by-secondarymenu span.shadow.b
{
width: 980px;
left: 6px;
}

div.by-secondarymenu span.shadow.r
{
bottom: 6px;
}

* html div.by-secondarymenu span.shadow.r
{
height: 46px;
}

div.secondarymenu
{
position: relative;
background: #cccccc;
}

* html div.secondarymenu
{
height: 1%;
}

*+html div.secondarymenu
{
height: 1%;
}

div.secondarymenu ul
{
margin: 0;
padding: 0;
}

div.secondarymenu li
{
list-style: none;
float: left;
background: url("secondarymenu-li.png") repeat-y top left;
padding-left: 2px;
font-size: 1.2em;
}

div.secondarymenu h2
{
position: relative;
overflow: hidden;
height: 52px;
margin: 0;
padding: 0;
float: left;
}

div.secondarymenu span.ir
{
height: 52px;
}

div.secondarymenu a
{
display: block;
text-align: center;
color: #ffffff !important;
text-decoration: none;
padding: 23px 0 12px 0;
overflow: hidden;
}

* html div.secondarymenu a
{
float: left;
}

div.secondarymenu a:hover
{
color: #ffffff;
text-decoration: none;
}

div.secondarymenu span.line.top
{
width: 960px;
height: 1px;
position: absolute;
top: 1px;
left: 26px;
background: url("secondarymenu-line-top.png");
z-index: 2;
overflow: hidden;
}

* html div.secondarymenu span.line.top
{
display: none;
}

div.secondarymenu span.line.bottom
{
width: 985px;
height: 2px;
position: absolute;
bottom: -2px;
left: 1px;
overflow: hidden;
}

div.columns
{
margin-top: 10px;
}

div.columns div.left
{
float: left;
width: 282px;
overflow: hidden;
}

div.columns div.right
{
float: right;
width: 700px;
}

div.by-rightcol span.shadow.b
{
width: 688px;
left: 6px;
}

div.by-rightcol span.shadow.r
{
bottom: 6px;
}

div.right div.text 
{
background: #e3e4e4;
padding: 14px;
border-left: 1px solid #d7d7d7;
border-top: 1px solid #d7d7d7;
min-height: 421px;
}

* html div.right div.text
{
height: 421px;
margin-bottom: -2px;
}

/* header */

div.print-header
{
display: none;
}

div.header
{
position: absolute;
top: 0;
width: 992px;
height: 94px;
font-size: 0.7em;
}

div.logo
{
width: 231px;
height: 47px;
position: absolute;
left: 40px;
bottom: 14px;
}

div.logo h1
{
margin: 0;
padding: 0;
width: 231px;
height: 47px;
position: relative;
overflow: hidden;
}

div.logo span.ir
{
width: 231px;
height: 47px;
background: url("mores.png");
}

div.motto
{
width: 351px;
height: 17px;
position: absolute;
left: 302px;
bottom: 14px;
}

div.motto p
{
margin: 0;
padding: 0;
width: 351px;
height: 17px;
position: relative;
overflow: hidden;
}

div.motto span.ir
{
width: 351px;
height: 17px;
background: url("modernizace-a-rekonstrukce-staveb.png");
}

/* footer */

div.by-footer
{
padding-bottom: 0;
margin: 0 auto 0 auto;
width: 985px;
}

div.footer
{
font-size: 0.7em;
width: 949px;
min-height: 60px;
height:60px;
margin: 0 auto 0 auto;
padding: 20px 13px 13px 23px;
border-top: 6px solid #85c226;
background: #585757 url("footer.png") repeat-x;
position: relative;
}

* html div.footer
{
height: 60px;
}

div.by-footer span.shadow.r
{
bottom: 0;
}

div.footer p
{
padding: 0;
color: #c0c0c0;
line-height: 14px;
}

div.footer a
{
color: #c0c0c0 !important;
text-decoration: none;
}

div.footer a:hover
{
color: #ffff00 !important;
text-decoration: underline;
}

div.site-owner
{
float: left;
max-width: 50%;
}

div.site-owner p
{
height:60px;
float: left;
margin-right: 30px;
}

div.created-by
{
float: right;
max-width: 40%;
text-align: right;
position: absolute;
bottom: 13px;
right: 13px;
}

* html div.by-rightcol span.shadow, * html div.by-subs span.shadow
{
display: none;
}

* html div.text, * html div.sub
{
border-right: 2px ridge #ffffff;
border-bottom: 2px ridge #ffffff;
}

* html div.subs div.sub
{
margin-right: -2px;
}

div.produktymodul, div.aktualitymodul, div.referencemodul
{
	background: #e3e4e4;
	border-left: 1px solid #d7d7d7;
	border-top: 1px solid #d7d7d7;
	min-height: 421px;
}
div.produktitem, div.aktualitaitem, div.referenceitem, div.newreferenceitem
{
	padding:14px;
	background:  #e3e4e4;
}
div.produktitem2, div.aktualitaitem2, div.referenceitem2, div.newreferenceitem2
{	
	padding:14px;
	background:#D8D8D8;
}
div.produktimage, div.newreferenceimage
{	
	float:left;
}
div.produkttext, div.newreferencetext
{	float:left;
	padding:  0 10px;
	width: 530px;
}
 div.aktualitatext, div.referencetext
{	float:left;
	padding-top: -4px;
	width: 664px;
}
.empty_module{padding:20px;}