html, body { border:0; margin:0; padding:0; } body { font:small Calibri, Verdana, Arial, Verdana, Helvetica, sans-serif; margin: 0px 0px 0px 0px; background: #ADADAD url(/imgs/pozadie.png) repeat-x; } img{ border: 0; } td, tr{ border: 1px solid #DDDEE0; padding: 3px 5px; margin: 0; } #wrapper { width: 862px; margin:0 auto; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -122px; } #footer{ clear: both; background: transparent url(/imgs/pozadie-footer.png) repeat-x; height:122px; color: #FDFDFB; } #innerfooter{ width: 862px; height:140px; margin: 0 auto; } .innerfooter2{ width: 862px; margin: 0 auto; display: block; text-align:center; } .push { height: 122px; } a: {text-decoration: none} a:link {color: #FDFDFB;text-decoration: none} a:visited {color: white;text-decoration: none} a:active {color: white;text-decoration: none} a:hover { color: silver; text-decoration: none; } h1 { color: #2E3192; font-size: 28px; font: arial; display:inline; text-transform: uppercase; }
h1.smaller { color: #2E3192; font-size: 20px; font: arial; display:inline; text-transform: uppercase; } h1.smaller2 { color: #2E3192; font-size: 18px; font: arial; display:inline; text-transform: uppercase; } #top_wrapper { float: left; width: 862px; height: 148px; } #logo_wrapper { background: #FFF url(/imgs/logo-slogan.jpg) no-repeat; float: left; width: 210px; height: 148px; } #kontakt_wrapper{ background: #FFF url(/imgs/kontakt.jpg) no-repeat; float: right; width: 241px; height: 97px; margin: 9px 3px 0 0; padding: 40px 0 0 20px; } #menu_wrapper{ float: left; width: 862px; } #banner_wrapper{ background: transparent url(/imgs/slide-pozadie.png) repeat-x; float: left; width: 862px; height: 267px; } #banner_wrapper ul{ list-style:none; padding: 0; margin: 0 ; } .produkty1{ background: transparent url(/imgs/webprodukt-bg1.jpg) no-repeat; width: 862px; height: 267px; } .produkty2{ background: transparent url(/imgs/webprodukt-bg2.jpg) no-repeat; width: 862px; height: 267px; } .produktyvideo{
background: transparent url(/imgs/videoprodukt-bg.jpg) no-repeat; width: 862px; height: 267px; } .produktcenovka{ float: right; margin: 24px 50px 0 0; font-size: 30px; font-weight: bold; display:inline; } .produktcenovka2{ float: right; margin: 25px 44px 0 0; font-size: 32px; font-weight: bold; display:inline; } .produktnazov{ float: left; margin: 28px 0 0px 16px; font-size: 25px; font-weight: bold; display:inline; } .produktnazov a, .produktnazov2 a{ color: #330000; } .produktnazov a:hover, .produktnazov2 a:hover{ color: silver; } .produktnazov2{ float: left; margin: 28px 0px 0px 16px; font-size: 25px; font-weight: bold; display:inline; } .produkttext{ float: left; font-size: 90%; padding: 0px 20px 0 20px; width:240px; } .produkttext li{ list-style-type:circle; } .produktvrch { float:left; width:280px; height:100px; } #main { float: left; width: 862px; background: #ECECEE; padding: 10px 0 20px 0; margin-bottom: 20px; } #main-noborder { float: left; width: 862px; background: #ECECEE; margin-bottom: 20px; }
.main_col1, .main_col2, .main_col3 { float: left; width: 280px; display:inline; } .main_col1{ margin-right: 4px; margin-left: 3px; } .main_col2{ margin-right: 4px; } #col1_top, #col2_top, #col3_top{ float: left; width: 280px; height: 56px; } #col1_alttop, #col2_alttop, #col3_alttop{ float: left; width: 280px; height: 45px; } #col1_alttop a, #col2_alttop a, #col3_alttop a { display:block; width:100%; height:100%; text-decoration:none; } #col1_alttop{ background: transparent url(/imgs/internet-top.png) no-repeat; font-size: 24px; height:35px; width:215px; padding: 10px 0 0 65px; } #col1_alttop:hover, #col1_alttop.active{ background: transparent url(/imgs/internet-top2.png) no-repeat; } #col2_alttop{ background: transparent url(/imgs/grafika-top.png) no-repeat; font-size: 24px; height:35px; width:205px; padding: 10px 0 0 75px; } #col2_alttop:hover, #col2_alttop.active{ background: transparent url(/imgs/grafika-top2.png) no-repeat; } #col3_alttop{ background: transparent url(/imgs/video-top.png) no-repeat;
font-size: 24px; height:35px; width:205px; padding: 10px 0 0 75px; } #col3_alttop:hover, #col3_alttop.active{ background: transparent url(/imgs/video-top2.png) no-repeat; } #col_kontakt_top{ float: left; background: transparent url(/imgs/formular-top.png) no-repeat; width: 856px; height: 66px; margin-left: 3px; } #col_kontakt_mid{ float: left; background: #D9D9D9; width: 816px; margin-left: 3px; padding:20px; } #col_kontakt_bot{ float: left; background: transparent url(/imgs/formular-bottom.png) no-repeat; width: 856px; height: 15px; margin-left: 3px; } #col_onas_top{ float: left; background: transparent url(/imgs/onas-top.png) no-repeat; width: 856px; height: 66px; margin-left: 3px; } #col_onas_mid{ float: left; background: #D9D9D9; width: 856px; margin-left: 3px; } #col_onas_bot{ float: left; background: transparent url(/imgs/formular-bottom.png) no-repeat; width: 856px; height: 15px; margin-left: 3px; } #col_kontaktneudaje_top{ float: left; background: transparent url(/imgs/udaje-top.png) no-repeat;
width: 856px; height: 66px; margin-left: 3px; } #col_internet_top{ float: left; background: #D4DE7A url(/imgs/internet-top3.png) no-repeat; width: 856px; height: 11px; margin-left: 3px; display:inline; } #col_internet_mid{ float: left; background: #D4DE7A; width: 856px; margin-left: 3px; display:inline; } #col_internet_bot{ float: left; background: transparent url(/imgs/internet-bottom2.png) no-repeat; width: 856px; height: 12px; margin-left: 3px; display:inline; } #col_grafika_top{ float: left; background: #DC98BB url(/imgs/grafika-top3.png) no-repeat; width: 856px; height: 9px; margin-left: 3px; display:inline; } #col_grafika_mid{ float: left; background: #DC98BB; width: 856px; margin-left: 3px; display:inline; } #col_grafika_bot{ float: left; background: transparent url(/imgs/grafika-bottom2.png) no-repeat; width: 856px; height: 12px; margin-left: 3px; display:inline; } #col_video_top{ float: left; background: #898ABE url(/imgs/video-top3.png) no-repeat; width: 856px; height: 9px; margin-left: 3px;
display:inline; } #col_video_mid{ float: left; background: #898ABE; width: 856px; margin-left: 3px; display:inline; } #col_video_bot{ float: left; background: transparent url(/imgs/video-bottom2.png) no-repeat; width: 856px; height: 12px; margin-left: 3px; display:inline; } #col1_mid{ background: #D3DD7A; float: left; width: 241px; color: #000; padding: 20px; } #col2_mid{ background: #DC96BA; float: left; width: 241px; padding: 20px; } #col3_mid{ background: #8789BC; float: left; width: 241px; color: #FAFBF6; padding: 20px; } #col1_mid .price, #col_internet_mid .price { color:#546318; } #col2_mid .price, #col_grafika_mid .price { color:#B32135; } #col3_mid .price, #col_video_mid .price { color:#CECFE3; } #col1_bot{ background: transparent url(/imgs/internet-bottom.jpg) no-repeat; float: left; width: 281px; height: 12px; } #col2_bot{ background: transparent url(/imgs/grafika-bottom.jpg) no-repeat; float: left; width: 281px; height: 12px; } #col3_bot{
background: transparent url(/imgs/video-bottom.jpg) no-repeat; float: left; width: 281px; height: 12px; } .breaker1{ background: transparent url(/imgs/pasik1.png) repeat-x; clear:both; width:241px; height:2px; margin: 10px 0 7px 0; } .breaker2{ background: transparent url(/imgs/pasik2.png) repeat-x; clear:both; width:241px; height:2px; margin: 10px 0 7px 0; } .breaker3{ background: transparent url(/imgs/pasik3.png) repeat-x; clear:both; width:241px; height:2px; margin: 10px 0 7px 0; } .highlight{ font-weight: bold; font-size: 120%; color: black; } .highlight2{ font-weight: bold; font-size: 110%; color: #2e3192; text-transform: uppercase; } .price{ font-weight: bold; font-size: 105%; color: red; float: right; } .heading{ font-weight: bold; color: white; text-transform: uppercase; } .small, .popis{ font-size: 90%; } .mini{ text-align: center; line-height:13px; font-size: 11px; display:block; } .normal{ text-align: center; line-height:15px; font-size: 14px; display:block; } .objednat{ text-align: right; }
.objednat a{ color: black; } .objednat a:hover{ color: silver; } .oblucik{ background: transparent no-repeat; font-weight: bold; } .col_padding{ padding:20px; } .viac a{ background: transparent url(/imgs/oblucik.png) no-repeat; padding-left:20px; float:right; clear:both; font-weight: bold; font-size:110%; margin-top:20px; } .viac a:hover{ color: silver; } .portfolio a{ font-size: 105%; } #footer_col1, #footer_col2, #footer_col3 { float: left; width: 261px; padding: 10px; } #footer_col1{ margin-right: 6px; margin-left: 3px; } #footer_col2{ margin-right: 6px; } #produktpage_wrapper{ width: 862px; float: left; background: #9B8E95 url(/imgs/bg-produkt.png) repeat-x ; } #produktpage_text { width: 516px; float:left; margin: 20px 0 0 20px } #produktpage_text_text { width: 396px; float:left; background: #EDEDED; padding: 0 60px ; } #produktpage_text_text a { color: #2E3192; } #produktpage_image { width: 250px; float:right; margin: 0 0px 0 0px } #produktpage_text_heading {
background: #9B8E95 url(/imgs/webprodukt-bg-top.jpg) no-repeat ; width: 496px; height:42px; float:left; padding: 20px 0 10px 20px; } #produktpage_text_bottom { background: #9B8E95 url(/imgs/webprodukt-bg-bottom.jpg) no-repeat ; width: 516px; height:10px; float:left; margin-bottom: 20px; } .heading_price{ color: #2E3192; display:inline; float:right; font-size: 40px; font-weight: bold; font: arial; padding-right: 120px; margin-top: -12px; } .heading_price2{ color: #2E3192; display:inline; float:right; font-size: 40px; font-weight: bold; font: arial; padding-right: 80px; margin-top: -12px; } .heading_price3{ font-size: 14px; } .realizovane_projekty a{ float: left; margin: 0 25px 15px 0; } .realizovane_projekty img{ border: 1px solid silver; } .realizovane_projekty2 a{ float: left; margin: 0 10px 10px 0; } .realizovane_projekty2 img{ border: 1px solid silver; } /*** ESSENTIAL STYLES ***/ .sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; } .sf-menu { line-height: 1.0em; font-size: 1.0em; } .sf-menu ul {
position: absolute; top: -999em; width: 10em; /* left offset of submenus need to match (see below) */ } .sf-menu ul li { width: 100%; } .sf-menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ } .sf-menu li { float: left; position: relative; } .sf-menu a { display: block; position: relative; } .sf-menu li:hover ul, .sf-menu li.sfHover ul { left: 0; top: 2.5em; /* match top ul list item height */ z-index: 99; } ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -999em; } ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 10em; /* match ul width */ top: 0; } ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top: -999em; } ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left: 10em; /* match ul width */ top: 0; } /*** DEMO SKIN ***/ .sf-menu { float: left; width: 862px; border-top: solid 1px #EA267A; } .sf-menu a { border-left: 1px solid #fff; border-top: 1px solid #CFDEFF; padding: .75em 35px ; text-decoration:none;
} .sf-menu a, .sf-menu a:visited { /* visited pseudo selector so IE6 applies text colour*/ color: #13a; } .sf-menu li { background: #BDD2FF; } .sf-menu li li { background: #AABDE6; } .sf-menu li li li { background: #9AAEDB; } .sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { /*background: #CFDEFF;*/ outline: 0; } /*** arrows **/ .sf-menu a.sf-with-ul { padding-right: 2.25em; min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */ } .sf-sub-indicator { position: absolute; display: block; right: .75em; top: 1.05em; /* IE6 only */ width: 10px; height: 10px; text-indent: -999em; overflow: hidden; background: url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */ } a > .sf-sub-indicator { /* give all except IE6 the correct values */ top: .8em; background-position: 0 -100px; /* use translucent arrow for modern browsers*/ } /* apply hovers to modern browsers */
a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator { background-position: -10px -100px; /* arrow hovers for modern browsers*/ } /* point right for anchors in subs */ .sf-menu ul .sf-sub-indicator { background-position: -10px 0; } .sf-menu ul a > .sf-sub-indicator { background-position: 0 0; } /* apply hovers to modern browsers */ .sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator, .sf-menu ul li:hover > a > .sf-sub-indicator, .sf-menu ul li.sfHover > a > .sf-sub-indicator { background-position: -10px 0; /* arrow hovers for modern browsers*/ } /*** shadows for all but IE6 ***/ .sf-shadow ul { background: url('../images/shadow.png') no-repeat bottom right; padding: 0 8px 9px 0; -moz-border-radius-bottomleft: 17px; -moz-border-radius-topright: 17px; -webkit-border-top-right-radius: 17px; -webkit-border-bottom-left-radius: 17px; }
.sf-shadow ul.sf-shadow-off { background: transparent; } /*** adding the class sf-navbar in addition to sf-menu creates an all-horizontal nav-bar menu ***/ .sf-navbar { background: white; height: 2.5em; padding-bottom: 2.5em; position: relative; } .sf-navbar li { background: white; position: static; } .sf-navbar li.menuinternet { background: transparent url(/imgs/menu-internet.png) no-repeat; width: 113px; position: static; } .sf-navbar li.menuinternet ul { background: #D4DE7A; } .sf-navbar li.menugrafika { background: transparent url(/imgs/menu-grafika.png) no-repeat; width: 113px; position: static; } .sf-navbar li.menugrafika ul { background: #DC96BA; } .sf-navbar li.menuvideo { background: transparent url(/imgs/menu-video.png) no-repeat; width: 113px; position: static; } .sf-navbar li.menuvideo ul{ background: #8789BC; } .sf-navbar li.menuuvod { background: transparent url(/imgs/menu-uvod.png) no-repeat; width: 113px; position: static; } .sf-navbar li.menuuvod ul { background: #E6E0EE; }
.sf-navbar a { border-top: none; } .sf-navbar li ul { width: 862px; /*IE6 soils itself without this*/ } .sf-navbar li li { background: #E6E0EE; position: relative; } .sf-navbar li.menuinternet li { background: #D4DE7A; position: relative; } .sf-navbar li.menugrafika li { background: #DC96BA; position: relative; } .sf-navbar li.menuvideo li { background: #8789BC; position: relative; } .sf-navbar li.menuvideo li a { color: #EDEDED; } .sf-navbar li li ul { width: 13em; } .sf-navbar li li li { width: 100%; } .sf-navbar ul li { width: auto; float: left; } .sf-navbar a, .sf-navbar a:visited { border: none; } .sf-navbar li.current { /*background: #E9E3EF;*/ font-weight:bold; } .sf-navbar li.current li, .sf-navbar li.sfHover li, .sf-navbar li:hover li, .sf-navbar a:focus li, .sf-navbar a:hover li, .sf-navbar a:active li { /*background: #E9E3EF;*/ font-weight:normal; } .sf-navbar li:hover, .sf-navbar li.sfHover, .sf-navbar li li.current,
.sf-navbar a:focus, .sf-navbar a:hover, .sf-navbar a:active { /*background: #E9E3EF;*/ font-weight:bold; } .sf-navbar ul li:hover, .sf-navbar ul li.sfHover, ul.sf-navbar ul li:hover li, ul.sf-navbar ul li.sfHover li, .sf-navbar ul a:focus, .sf-navbar ul a:hover, .sf-navbar ul a:active { /*background: #D1DFFF;*/ } ul.sf-navbar li li li:hover, ul.sf-navbar li li li.sfHover, .sf-navbar li li.current li.current, .sf-navbar ul li li a:focus, .sf-navbar ul li li a:hover, .sf-navbar ul li li a:active { background: #E6EEFF; } ul.sf-navbar .current ul, ul.sf-navbar ul li:hover ul, ul.sf-navbar ul li.sfHover ul { left: 0; top: 2.5em; /* match top ul list item height */ } ul.sf-navbar .current ul ul { top: -999em; } .sf-navbar li li.current > a { font-weight: bold; } /*** point all arrows down ***/ /* point right for anchors in subs */ .sf-navbar ul .sf-sub-indicator { background-position: -10px -100px; } .sf-navbar ul a > .sf-sub-indicator { background-position: 0 -100px; }
/* apply hovers to modern browsers */ .sf-navbar ul a:focus > .sf-sub-indicator, .sf-navbar ul a:hover > .sf-sub-indicator, .sf-navbar ul a:active > .sf-sub-indicator, .sf-navbar ul li:hover > a > .sf-sub-indicator, .sf-navbar ul li.sfHover > a > .sf-sub-indicator { background-position: -10px -100px; /* arrow hovers for modern browsers*/ } /*** remove shadow on first submenu ***/ .sf-navbar > li > ul { background: transparent; padding: 0; -moz-border-radius-bottomleft: 0; -moz-border-radius-topright: 0; -webkit-border-top-right-radius: 0; -webkit-border-bottom-left-radius: 0; } #sb-container,#sb-wrapper{ text-align:left; } #sb-container,#sb-overlay{ position:absolute; top:0; left:0; width:100%; margin:0; padding:0; } #sb-container{ height:100%; display:none; visibility:hidden; z-index:999; } body > #sb-container{ position:fixed; } #sb-overlay{ height:expression(document.documentElement.clientHeight + 'px'); } #sb-container > #sb-overlay{ height:100%; } #sb-wrapper{ position:relative; } #sb-wrapper img{
border:none; } #sb-body{ position:relative; margin:0; padding:0; overflow:hidden; border:1px solid #303030; } #sb-body-inner{ position:relative; height:100%; } #sb-content.html{ height:100%; overflow:auto; } #sb-loading{ position:absolute; top:0; width:100%; height:100%; text-align:center; padding-top:10px; } #sb-body,#sb-loading{ background-color:#060606; } #sb-title,#sb-info{ position:relative; margin:0; padding:0; overflow:hidden; } #sb-title-inner,#sb-info-inner{ position:relative; font-family:'Lucida Grande',Tahoma,sans-serif; line-height:16px; } #sb-title,#sb-title-inner{ height:26px; } #sb-title-inner{ font-size:16px; padding:5px 0; color:#fff; } #sb-info,#sb-info-inner{ height:20px; } #sb-info-inner{ font-size:12px; color:#fff; } #sb-nav{ float:right; height:16px; padding:2px 0; width:45%; } #sb-nav a{ display:block; float:right; height:16px; width:16px; margin-left:3px; cursor:pointer; } #sb-nav-close{ background-image:url(resources/close.png); background-repeat:no-repeat; } #sb-nav-next{
background-image:url(resources/next.png); background-repeat:no-repeat; } #sb-nav-previous{ background-image:url(resources/previous.png); background-repeat:no-repeat; } #sb-nav-play{ background-image:url(resources/play.png); background-repeat:no-repeat; } #sb-nav-pause{ background-image:url(resources/pause.png); background-repeat:no-repeat; } #sb-counter{ float:left; padding:2px 0; width:45%; } #sb-counter a{ padding:0 4px 0 0; text-decoration:none; cursor:pointer; color:#fff; } #sb-counter a.sb-counter-current{ text-decoration:underline; } div.sb-message{ font-family:'Lucida Grande',Tahoma,sans-serif; font-size:12px; padding:10px; text-align:center; } div.sb-message a:link,div.sb-message a:visited{ color:#fff; text-decoration:underline; } div#slideshow { margin:0 auto; width:862px; height:267px; background:transparent no-repeat 0 0; position:relative; } #slideshow #slidesContainer { margin:0 auto; width:862px; height:267px; overflow:auto; /* allow scrollbar */ position:relative; }
#slideshow #slidesContainer .slide { margin:0 auto; width:862px; height:267px; } /** * Slideshow controls style rules. */ .control { display:block; width:39px; height:267px; text-indent:-10000px; position:absolute; cursor: pointer; } #leftControl { position: absolute; z-index: 500; top:0; left:0; width:100px; filter:alpha(opacity=50); opacity:0.5; background:transparent; } #leftControl:hover { position: absolute; z-index: 500; top:0; left:0; filter:alpha(opacity=50); opacity:0.5; background:transparent url(http://blog.monnet-usa.com/wp-content/slideshow/img/control_left.jpg) no-repeat bottom left; } #rightControl { position: absolute; z-index: 500; top:0; right:0; width:50px; filter:alpha(opacity=50); opacity:0.5; background:transparent; } #rightControl:hover { position: absolute; z-index: 500; top:0; right:0; filter:alpha(opacity=50); opacity:0.5; background:transparent url(http://blog.monnet-usa.com/wp-content/slideshow/img/control_right.jpg) no-repeat bottom right; } #slideshow_control_panel{ display:block;
width:20px; height:20px; position:absolute; right:25px; bottom:10px; cursor:pointer; }
.notice{
width: 856px;
color: red;
margin: 10px 0;
text-align: center;
}