/* ---------------------------------------------------------------
Layout Style Sheet
author: Martin Vach
email: vach@vidia-design.cz
website: www.vidia-design.cz
--------------------------------------------------------------- */


/* ... Page ... */
#Page
{
	width: 870px;
	margin: 0 auto;
	/*background: url('https://www.vestavene-skrine-amonit.cz/images/layout/bg-page.png') repeat-y 50% 0;*/
	background:#fff;
}

#PageIn
{
	text-align: left;
	padding: 0 ;
}

/* ... Header ... */
#Header
{
	background: url('https://www.vestavene-skrine-amonit.cz/images/layout/bcg-header.jpg') no-repeat 50% 0;
	height: 166px;
	
}

#Header img
{
	position: relative;
	top: 40px;
	left: 60px;
}

#Slogan
{
	position: relative;
	left: 300px;
	top: -45px;
	color: #002A61;
	font-size: 13px;
	line-height: 20px;
}
#Slogan span
{
	font-size: 18px;
	color: #FF9100;
}

/* ... Navigation... */
#Navigation
{
	padding-left: 20px;
	height: 43px;
	background: url('https://www.vestavene-skrine-amonit.cz/images/layout/bcg-navigation.jpg') no-repeat 50% 0;
}

#Navi li 
{
    list-style: none;
    float: left;
    white-space: nowrap;
    line-height: 43px;
	text-align: center;
	background: url('https://www.vestavene-skrine-amonit.cz/images/layout/bcg-navi-line.gif') no-repeat 100% 50%;
	
}

#Navi a 
{
	text-decoration: none;
    display: block;
    color: #fff;
    display: block;
    float: left;
	padding: 0 15px;
	
}

#Navi a:hover 
{
    color: #FF9100;
}

#Navi .CurrentPage
{
    background: url('https://www.vestavene-skrine-amonit.cz/images/layout/bcg-tab-right.jpg') no-repeat top right;
	padding-right: 10px;
	
}

#Navi .CurrentPage a 
{
    color: #000;
	font-weight: bold;
	background: url('https://www.vestavene-skrine-amonit.cz/images/layout/bcg-tab-left.jpg') no-repeat top left;
	padding: 0 25px 0 30px;
	text-align: center;
	
}
#Navi .CurrentPage a:hover
{
    color: #FFF;
}

/* ... Content ... */

#MainContent
{
	
	float: left;
	line-height: 1.4em;
}

#MainContent.home { background: url('https://www.vestavene-skrine-amonit.cz/images/layout/bg-main-home.png') left 15px no-repeat; }
.home-box { float:right; width:405px; padding:0 20px 0 0; }
.service { width:309px; height:200px;  float:left; }
.service a { width:294px; height:44px; display:block; font-size:25px; margin-top:158px; text-decoration:none; color:#fff; font-weight:bold; line-height:44px; padding:0 0 0 15px; }
.service.box1 { background: url('https://www.vestavene-skrine-amonit.cz/images/layout/bg-service1.jpg') left top no-repeat; margin-right:6px; }
.service.box2 { background: url('https://www.vestavene-skrine-amonit.cz/images/layout/bg-service2.jpg') left top no-repeat; }


#MainContentIn
{
	width: 630px;
	margin: 15px 5px 10px 25px;
}

#SecondaryContent
{
	float: right;
}

#SecondaryContentIn
{
	width: 195px;
	margin: 15px 10px 10px 5px;
}
#SecondaryContent .Line
{
	margin-bottom: 15px;
	margin-top: -15px;
	border-bottom: solid 2px #D5EADE;
}

/* ... Footer ... */
#Footer
{
	
	font-size: 11px;
	clear: both;
	background: url('https://www.vestavene-skrine-amonit.cz/images/layout/bcg-footer.jpg') no-repeat 50% 0;
	color: #797979;
}

#FooterIn .footer-links { color:#000; }
#FooterIn .footer-links a { color:#000; }
#FooterIn .footer-links a:hover { color:#fff; }

#FooterIn
{
	height: 50px;
	text-align: left;
	padding-left: 40px;
	line-height: 50px;
}
#FooterIn span
{
	float:right;
	margin-right: 15px;
}
#FooterIn a
{
	text-decoration: none;
	color: #797979;
}
#FooterIn a:hover
{
	text-decoration: underline;
	color: #797979;
}

/* ... Index ... */
#IndexService
{
	
	margin-top: 10px;
}

#IndexService img
{
	margin-right: 4px;
	width: 310px;
	height: 200px;
}