html, body, form, p, 
ul, ol, li, dl, dt, dd,
h1, h2, h3, h4, h5   { margin:0; padding:0; }

/*- layout -*/
body        { background: #0b2550 url('../images/background.jpg') no-repeat 50% 0; font:normal 55%/1.3 Verdana,Arial,Helvetica,sans-serif; color:#39540f; text-align: center;}
#page       { font-size:130%; /*height: 1150px;*/ min-height:1060px; _height: 1060px; background: url('../images/bg_content.jpg') no-repeat 50% 0; }
#container  { position: relative; width: 710px; margin: 0 auto; }
#header     {  }
#main       {  }
#content    { text-align: center; width: 100%; /*height: 515px;*/ position: relative; }
#footer     { width: 347px; text-align: center; margin: auto; color: #7eb5e1; position: relative; top: 310px; }

#main-content { text-align: left; width: 100%; position: relative; top: 100px; }

#latest-news { width: 450px; float: right; height: 185px; overflow: auto; color: #fff; font-size: 110%; }
#latest-news h4 { font-weight: normal; }
#latest-news li { margin-bottom: 10px; }

/*- obecne tridy -*/
#page:after, #header:after, #footer:after, #main:after, #content:after, #menu:after,
.box:after, .cols:after, .cols2:after, .cols3:after, .item:after, paging:after,
.clearfix:after   { content:'.'; display:block; height:0; overflow:hidden; clear:both; visibility:hidden; }
.clearfix {min-height: 1%;}

.fl      { float:left; }
.fr      { float:right; }
.right   { text-align: right; }
.hidden  { display:none !important; }


/*- html tagy -*/

h1       { font-size:190%; }
h2       { font-size:125%; }
h3       { font-size:110%; }
h4       { font-size:100%; }

a        { color:#39540f; }
a:hover  { color:#000; }

#footer a        { color:#C7D0B9; text-decoration: none;}
#footer a:hover  { color:#fff; }

.violet { color: #D31048;}
.gray { color: #333;}

a img { border:0; }


/*- hlavicka -*/
#header .logo        { float:left; display:block; width: 270px;}
#header div.logo    { float: none; width: 144px; height: 53px; position: absolute; right: -10px; top: 70px; background: url('../images/mattoni_2007_comp_logo.jpg') no-repeat 0 0; }
#header .logo a, #header .right-logo a      { display:block; width:100%; height:80px; text-decoration: none;}
#header .right-logo  { float: right; width: 200px;}
#header .back a   {color: #39540F; /*float: left; margin-top: 30px;*/}

#header #title { position: absolute; top: 22px; left: 238px; }

/*- menu -*/
/*#menu { position: relative; top:515px; left:0px; position: absolute; width: 780px; height: 30px;}
#menu li  { position: absolute; height: 38px; list-style:none; top: 0;}*/
#menu { position: absolute; top: 100px; left: -5px; margin:0; padding: 0; list-style-type: none; width: 226px; height: 26px; background: url('../images/bg_menu.jpg') no-repeat 0 0; }
#menu li { float: left; }
#menu li a  {display: block; float: left; height: 26px;text-decoration: none;}

#menu .competitors     { /*left: 155px; */ width: 96px; margin-right: 6px; }
#menu .competitors a  {background: url('../images/menu_competitors.jpg') 0 0 no-repeat; width: 96px;  }
/*#menu .competitors a:hover,
#menu .activecomp a   {background-position: -114px 1px;}*/

#menu .wallpaper     { /*left: 289px;*/ width: 80px; margin-right: 8px; }
#menu .wallpaper a  {background: url('../images/menu_wallpaper.jpg') 0 0 no-repeat; width: 80px; }
/*#menu .wallpaper a:hover,
#menu .activewall a  {background-position: -100px 0;}*/

#menu .ucastnici    { /*left: 171px;*/ width: 96px; margin-right: 6px; }
#menu .ucastnici a  {background: url('../images/menu_soutzici.jpg') 0 0 no-repeat; width: 96px;}
/*#menu .ucastnici a:hover,
#menu .activeuc a   {background-position: -80px 0px;}*/

#menu .tapety      { /*left: 289px;*/ width: 80px; margin-right: 8px;}
#menu .tapety a    { background: url('../images/menu_wallpaper.jpg') 0 0 no-repeat; width: 80px;}
/*#menu .tapety a:hover,
#menu .activetap a {background-position: -100px 0;}*/

#menu .en     { /*left: 473px;*/ width: 32px;}
#menu .en a  {background: url('../images/menu_en.jpg') 0px 0 no-repeat; width: 32px;}
/*#menu .en a:hover,
#menu .activeen a {background-position: -72px 1px;}*/

#menu .cz     { /*left: 565px;*/ width: 32px;}
#menu .cz a  {background: url('../images/menu_cz.jpg') 0px 0 no-repeat; width: 32px; }
/*#menu .cz a:hover,
#menu .activecz a  {background-position: -57px -1px;}*/

.wallpaper h2 { text-align: left; padding: 21px 0 21px 10px; }
.wallpaper .back { position: absolute;top:10px;left:436px;}
.wallpaper .preview { position: relative; left: -4px;}
.wallpaper h4 { padding-top: 10px;}
.wallres    { padding-top: 5px; }
.wallres li { list-style: none; display: inline; padding: 0 10px; }

#fr-top  { position: absolute; top:27px;left:283px; }
#fr-top-cz  { position: absolute; top:27px;left:262px; }
#fr-bot  { padding: 7px 0; }

/*- paticka -*/
#footer .made     {  margin-top: 15px;}


/*- flashe -*/
#flash-top         {position: absolute; width: 780px; height: 426px; top: 86px; left: 0px; }
#flash-down        {position: absolute; top: 40px; left: 126px; border: 4px solid #00918a; }
#flash-down .in    {border: 4px solid #dee8cc; border-bottom: none; background: url('../images/okno-bg.png') center bottom no-repeat; width: 512px; height: 388px; }
#flash-down .in embed  {display:block;}

.errmsg  { padding: 30px; padding-bottom: 10px; }
.errmsg p { padding-bottom: 20px;}
.errmsg a { color:#f00;}

#flash-top .errmsg  { width: 200px; background: #fff; position: relative; top: 100px;}
#flash-down .errmsg { position: relative; top: 130px; }

/*- sIFR - nahrazeni nadpisu flashem -*/
.sIFR-flash				{ visibility:visible !important; margin:0 !important; vertical-align:bottom !important; }
.sIFR-replaced			{ visibility:visible !important; }
span.sIFR-alternate	{ position:absolute; left:0; top:0; width:0; height:0; display:block; overflow:hidden; }
/*- schovame adblock na sIDFR nadpisech -*/
.sIFR-replaced div[id^=adblock-frame] *  { display:none; }

/*- popupy -*/
body#popup  { height: auto; min-height:1px; background: #19709c url('../images/bg-popup.jpg') 50% 0 no-repeat; font:normal 90%/1.3 'Helvetica Neue CE 35 Thin', Helvetica,Arial,sans-serif; color:#0a2446; text-align: left; }
body#popup.profile { background: #19709c url('../images/bg-profile.jpg') 50% 0 no-repeat; }
#popup #page   { height:auto; min-height:1px;  /*width: 500px; */ width: 481px; margin: 8px auto; background: #fff url('../images/bg-popup-content.jpg') 0 100% no-repeat; position: relative; }
body#popup.profile #page { background: #fff url('../images/bg-profile-content.jpg') 0 0 no-repeat; }
/*#popup #page1  { height:auto; background: url('../images/pop_top.png') 0 0 no-repeat; }
#popup #page2  {  height:auto;background: url('../images/pop_bottom.png') 0 100% no-repeat; min-height:430px; _height: 430px; padding: 41px 0 20px; }
#popup #fuck   { width:442px; margin-left: 29px; _margin-left: 0px; background: none;  text-align: left;  }
#popup h1      { font-size: 18px; margin-bottom: 10px; padding: 0;}
#popup h1.dd   { font-size: 26px; margin-bottom: 10px; padding: 0; }
#popup h2      { font-size: 16px; padding: 0; }
#popup h3      { padding-bottom: 5px; }
#popup .national { width: 200px; border-collapse: collapse;}
#popup .national td,
#popup .national th     { text-align: left; padding:0;margin:0;}
#popup .photo    { float: right; width: 132px; height:133px; background: url('../images/img-background-small.gif') 0 0 no-repeat; position: relative; top: -11px; left: 8px; padding: 9px 0 0 13px; }
#popup .text     { padding-top: 20px; }
#popup .box      { padding-top: 20px; }
#popup .drink    { float: right; width:176px; height:236px; background: url('../images/img-background-big.gif') 0 0 no-repeat; margin: 0 0 10px 10px; padding: 4px 0 0 4px; }
#popup .flag     { float: left; width: 40px; }
#popup .autor    { float: right; width: 400px; }
#popup .dh       { padding-bottom: 4px; }
#popup .flag img,
#popup .dh img   { display: block;}
#popup ol        { padding-top: 10px; line-height: 1.7; }
#popup ol li     { margin-left: 30px;}
*/

body#popup p.author img { float: right; margin: 30px 30px 10px 10px; }
body#popup dl { padding: 20px 15px; }
body#popup dt { font-size: 110%; margin-bottom: 0; }
body#popup dd { font-family: Helvetica, Arial, sans-serif; margin: 0; font-size: 70%; padding: 0; margin-bottom: 20px; margin-left: 10px; }
body#popup dd.drink { font-size: 150%; font-weight: normal; line-height: 1.1; letter-spacing: -1px; color: #418984; margin-left: 0; }
body#popup dt.author img, body#popup dt.country img { float: right; }
body#popup dd.author { font-size: 90%; margin-left: 0; }
body#popup dd.author img { vertical-align: middle; margin-right: 5px; margin-left: 10px; }


#popup .recipe    { width: 442px;  border-collapse: collapse; /*margin-top: 18px;*/ font-size: 110%; }
#popup .recipe th { font-weight: normal; color: #418984; text-align: left; padding: 2px 15px 2px 0; font-size: 80%; }
#popup .recipe th.first { text-align: right; width: 60px; }
#popup .recipe td { padding: 2px 15px 2px 0; text-align: left; /*background: #eaefe2; margin-bottom: 2px; padding: 0 18px 3px; background: url('../images/recipe_bg.png') 0 100% repeat-x;*/ }
#popup .recipe td.first { white-space: nowrap; text-align: right; color: #a4b405; }

body#popup dd #drinkphoto { float: right; /*background: url('../images/bg-drink.png') 0 0 no-repeat;*/ background: #fff; height: 250px; width: 190px; margin: -20px 20px 30px 5px; }
body#popup dd #drinkphoto img { /*position: relative; margin: 2px 0 0 2px;*/ margin: 5px; }
body#popup dd ul { margin: 5px 0 10px 15px; }
body#popup dd li { margin-bottom: 10px; margin-left: 10px; }

#control    { position: absolute; top: 25px; left: 0; list-style-type: none; width: 481px; }
#control li { float: right; padding-left: 5px; }


/*- Final results -*
#flash-down {top: 37px;}
#fr-top,
#fr-top-cz,
#fr-bot  { display: block; }
/**/


#main-content { text-align: left; margin-top: 45px; }

#latest-news { width: 450px; float: right; height: 185px; overflow: auto; color: #fff; font-size: 103%; }
#latest-news h3 { margin-bottom: 10px; }
#latest-news h4 { font-weight: normal; font-size: 110%; }
#latest-news li { margin-bottom: 10px; margin-right: 5px; }

#flash-content { position: relative; top: 135px; height:390px; }
#flash-content h1 { position: absolute; top: -53px; left:94px; width: 520px; }
#flash-content #flashobject { margin-top: 20px; }
#flash-content .in { width: 500px; margin: 20px auto 0 auto; position: relative; }

#header p.back { position: absolute; top: 10px; left: 0; background: url('../images/back-arrow-riga2007.jpg') no-repeat 0 3px; }
#header p.back a { padding-left:15px; }