/*
  * Base Style Sheet for www.elvin.cz
  * version: screen.css, 2008/06
  * (c) 2007, Ales Skotnica
  * Frenstat pod Rahostem, Czech Republic
  * tel.: +420 775 565 850, http://www.skotnica.eu
*/

/***************** Telo */
    html {margin:0;padding:0px;}
    body {margin:0;padding:0px;background:#fff url(img/home/bg-body.png) repeat-x;font-family:sans-serif;font-size:75%;font-style:normal;font-weight:normal;line-height:1.7;text-align:center;color:#000;}

/***************** zakladni HTML */
    q           {font-style:italic;quotes:"„" "“" "‚" "‘";}
    q:before    {content:open-quote;}
    q:after     {content:close-quote;}
    form        {margin:0;}
    img         {border:0;}

/***************** odkazy */
	a, a:link, a:visited      {color:#E22B35;text-decoration:underline;background-color:transparent;}
	a:hover, a:focus                    {color:#024799;text-decoration:underline;background-color:transparent;}
	a:active                            {color:#024799;text-decoration:underline;background-color:transparent;}
    a img, a:link img, a:visited img    {border-style:none;background-color:transparent;}

/***************** ruzne obecne tagy */
    hr  {clear:both;display:none;}
    h1, h2, h3, p {margin:0;padding:0;}

   .clrfl {width:100%;overflow:hidden;}
   .fl-r {display:block;float:right;margin:0 0 5px 15px;width:auto;height:auto;}

/***************** page */
	#page {display:block;width:657px;padding:0;margin:0 auto;text-align:left;height:454px;background:url(img/nhome/page.jpg) no-repeat;position:relative;}

/***************** news */
	#logo {display:block;width:278px;height:80px;position:absolute;top:46px;left:31px;}
	#logo h1 {display:block;width:278px;height:80px;position:relative;font-size:1.3em;font-weight:bold;color:#fff;float:left;}
	#logo h1 span {display:block;width:278px;height:80px;position:absolute;top:0;left:0;background: url(img/nhome/logo.jpg) no-repeat;}

	
/***************** news */
	#news {display:block;width:407px;position:absolute;top:370px;left:250px;}
    #news p {margin:0 0 15px 0;padding:0 0 7px 0;background: url(img/home/dot-v.gif) repeat-x bottom;line-height:1.4em;color:#666;}	
    #news #counters {background:none;text-align:right;}

/***************** menu */

	#menu-a, #menu-b, #menu-c {display:block;position:absolute;margin:0;padding:0;font-size:1.2em;font-weight:bold;line-height:1em;}
	#menu-a a, #menu-b a, #menu-c a {display:block;position:relative;margin:0;padding:0;float:left;width:100%;} 
	#menu-a a span, #menu-b a span, #menu-c a span {display:block;position:absolute;top:0;left:0;margin:0;padding:0;cursor:pointer;width:100%;} 
	#menu-a a span, #menu-b a span {background: url(img/nhome/menu.jpg) no-repeat 0px 0px;}
	
	#menu-a {top:135px;left:62px;width:391px;height:55px;}
	#menu-b {top:135px;left:457px;width:200px;height:55px;}
	#menu-c {top:74px;left:493px;width:164px;height:41px;}
	
	#menu-a a span, #menu-a a:visited span {background-position:0px 0px;height:55px;}
	#menu-a a:hover span {background-position:-391px 0px;}

	#menu-b a span, #menu-b a:visited span {background-position:0px -55px;height:55px;}
	#menu-b a:hover span {background-position:-200px -55px;}

	#menu-c a span, #menu-c a:visited span {background: url(img/home/bg-menu-dhref.jpg) no-repeat 0px 0px;height:41px;}
	#menu-c a:hover span {background-position:-164px 0px;}

/***************** info-boxy */
	.md {display:block;width:140px;margin:0;padding:0;line-height:1.5em;height:150px;overflow:hidden;position:absolute;top:197px;text-align:right;}
	
	#md-a-a {left:98px;}
	#md-a-b {left:301px;}
	#md-b {left:506px;}

/***************** kontakt */
    #contact {position:absolute;top:0;right:0;display:block;width:33px;height:22px;}
    #contact a {display:block;width:33px;height:22px;float:left;background: url(img/home/bg-contact.gif) no-repeat 0px 0px;}
    #contact a:hover {background-position: -33px 0px;}
    #contact span {display:none;}

/***************** copyright */
   #copy {position:absolute;top:470px;left:90px;display:block;width:auto;height:auto;font-size:80%;color:#666;line-height:1em;}

/***************** certifikat*/
   #certif {position:absolute;top:375px;left:150px;display:block;width:auto;height:auto;line-height:1em;}