@import url('menu.css'); 
@import url('font.css'); 

body { margin: 0 0 0 0; background: #F0F1F3 url('../themes/top.png') no-repeat top;}

#facebody { width: 100%; min-height: 200px; position: relative;}
#facebody_top { width: 100%; height: 100%; background: url('../themes/top.png') no-repeat top;}
#facebody_bottom { width: 100%; height: 100%; background: url('../themes/bottom.png') no-repeat top;}

/* Hlavička webu */
#header { width: 940px; height: 80px; text-align: left;}
.header_logo { width: 255px; height: 38px; position: absolute; margin: 20px 0 0 40px; background: url('../themes/logo.png') top no-repeat;}
.header_slogan { width: 400px; height: 40px; position: absolute; margin: 26px 0 0 500px; background: url('../themes/slogan.png') top no-repeat;}
.header_facebook { width: 400px; height: 48px; position: absolute; margin: 0 0 0 540px; background: url('../themes/facebook.png') top no-repeat;}
	.header_facebook_like { width: 320px; height: 30px; position: absolute; margin: 0 0 0 0; border: none;}
	.header_facebook_mobil { width: 90px; height: 17px; position: absolute; margin: 6px 0 0 68px;}
	.header_facebook_mail { width: 120px; height: 17px; position: absolute; margin: 6px 0 0 188px;}
	.header_facebook_face { width: 29px; height: 29px; position: absolute; margin: 2px 0 0 324px;}

/* Menu webu */
#menu { width: 940px; height: 120px; text-align: left;}
#menu_webu { width: 750px; height: 20px; position: absolute; margin: 30px 0 0 170px;}
#top_menu { width: 900px; height: 38px; position: absolute; margin: 62px 0 0 20px; background: url('../themes/menu.png') top no-repeat;}

/* FL or Silverlight */
#browser { width: 940px; height: 200px; text-align: left;}
.browser_video { width: 940px; height: 200px; position: absolute; margin: -10px 0 0 0;}
.browser_video_active { width: 940px; height: 200px; position: absolute; margin: -10px 0 0 0; background: url('../themes/flash.png') top no-repeat;}

/* Hlavní obsahová část webu */
#obsah { width: 940px; min-height: 600px; text-align: left;}
#obsah_00 { width: 940px; min-height: auto; vertical-align: top; background: url('../themes/obsah-wall.png') top repeat-y;}
.obsah_01 { width: 600px; min-height: auto; vertical-align: top;}
.obsah_02 { width: 300px; min-height: auto; vertical-align: top;}
.obsah_03 { width: 340px; min-height: auto; vertical-align: top;}
.obsah_top { width: 940px; height: 20px; background: url('../themes/obsah-top.png') top no-repeat;}
.obsah_bottom { width: 940px; height: 20px; background: url('../themes/obsah-bottom.png') top no-repeat;}
.obsahovy_ramec_01 { width: 580px; min-height: auto; margin: 0 0 0 10px;}
.obsahovy_ramec_02 { width: 280px; min-height: auto; margin: 0 0 0 10px;}
.obsahovy_ramec_03 { width: 320px; min-height: auto; margin: 0 0 0 10px;}

/* Spodní část webu */
#spodek { width: 940px; height: 200px; text-align: left;}
.spodek_nadpisy { width: 940px; height: 36px; position: absolute; margin: 0 0 0 0; background: url('../themes/nadpisy-spodek.png') top no-repeat;}
.spodek_box_01 { width: 200px; height: 120px; position: absolute; margin: 40px 0 0 45px;}
.spodek_box_02 { width: 200px; height: 120px; position: absolute; margin: 40px 0 0 260px;}
.spodek_box_03 { width: 200px; height: 120px; position: absolute; margin: 40px 0 0 475px;}
.spodek_box_04 { width: 200px; height: 120px; position: absolute; margin: 40px 0 0 690px;}
.copyright { width: 480px; height: 18px; position: absolute; margin: 170px 0 0 0; font-size: 7pt; text-align: left;}
.parafa { width: 200px; height: 18px; position: absolute; margin: 175px 0 0 740px; text-align: right; font-weight: bold;}

/* Doplňky webu */
.socialni_site { width: 320px; height: 30px; margin: 0 0 0 0;}
.zakaznici_web { width: 580px; height: 150px; background: url('../themes/zakaznici.png') top no-repeat;}

/* Super new box */
.superbox { width: 320px; height: 50px; text-align: left;}
.superbox_photo { width: 58px; height: 50px; position: absolute; margin: 0 0 0 0;}
.superbox_text { width: 260px; height: 50px; position: absolute; margin: 0 0 0 60px;}

/* TROJKAM Active */
#active_kontejner { width: 580px; min-height: 180px;}
.active_kontejner_foto { width: 120px; height: 150px; position: absolute; margin: 0 0 0 0;}
.active_kontejner_clanek { width: 450px; min-height: 180px; margin: 0 0 0 130px;}