@import url("./reset.css");
@import url("/comet-styly/icons.css");

html, body { height: auto; }
#t1, #t2 { width: 100%; height: 100%!important; min-height: 100%; }
#t2_studio { width: 100%; height: 100%!important; min-height: 100%; }
#t2_sluzby { width: 100%; height: 100%!important; min-height: 100%; }
#t2_reference { width: 100%; height: 100%!important; min-height: 100%; }
#t2_portfolio { width: 100%; height: 100%!important; min-height: 100%; }
#t2_aktuality { width: 100%; height: 100%!important; min-height: 100%; }
#t2_kontakty { width: 100%; height: 100%!important; min-height: 100%; }
#t2_comet { width: 100%; height: 100%!important; min-height: 100%; }
#t2_standard { width: 100%; height: 100%!important; min-height: 100%; }
html { height: 100%!important; }
body {  height: 1220px; background: #e0f6ff url('../web-obrazy/html.jpg') 0 0 repeat-x; }


#linka{ height: 5px; width:100%; overflow: hidden; background: #00bbff url('../web-obrazy/wr1.jpg') 50% 4px no-repeat; position: absolute; top: 0px;  min-width: 922px;}
#flash { width: 100%; min-width: 922px; height: 262px; overflow: hidden; position: absolute; top: 108px; z-index: 99; }


#obal { text-align: left; margin: auto; width: 922px; position: relative; }

#t1 { background: url('../web-obrazy/t1.jpg') 50% 0 no-repeat;  min-width: 922px;}
#t2_studio { background: url('../web-obrazy/t2.jpg') 50% 0 no-repeat; min-width: 922px; }
#t2_sluzby { background: url('../web-obrazy/t3.jpg') 50% 0 no-repeat; min-width: 922px; }
#t2_reference { background: url('../web-obrazy/t4.jpg') 50% 0 no-repeat; min-width: 922px; }
#t2_portfolio { background: url('../web-obrazy/t1.jpg') 50% 0 no-repeat; min-width: 922px; }
#t2_aktuality { background: url('../web-obrazy/t6.jpg') 50% 0 no-repeat; min-width: 922px; }
#t2_kontakty { background: url('../web-obrazy/t7.jpg') 50% 0 no-repeat; min-width: 922px; }
#t2_comet { background: url('../web-obrazy/t8.jpg') 50% 0 no-repeat; min-width: 922px; }
#t2_standard { background: url('../web-obrazy/t9.jpg') 50% 0 no-repeat; min-width: 922px; }


#intro { overflow: hidden; width: 922px; margin: 0 auto; padding-top: 0px; }
#obor { margin: 0 0 0 24px; width: 334px; color: #00bbff; font-size: 113%; position: absolute; top: 447px; }

#logo { float: left; display: inline; width: 210px; height: 33px; margin: 24px 780px 0 3px; line-height: 999px; text-transform: lowercase; font-size: 120%; z-index: 999; }
#logo a:hover, #logo a:focus, #logo a:active { color: #fff; }
#logo span { background-image: url('../web-obrazy/logo.png'); }

#logo_outline { float: left; display: inline; width: 210px; height: 33px; margin: 24px 780px 0 3px; line-height: 999px; text-transform: lowercase; font-size: 120%; z-index: 999; }
#logo_outline a:hover, #logo a:focus, #logo a:active { color: #fff; }
#logo_outline span { background-image: url('../web-obrazy/logo_outline.png'); }

#logo_red { float: left; display: inline; width: 210px; height: 33px; margin: 24px 780px 0 3px; line-height: 999px; text-transform: lowercase; font-size: 120%; z-index: 999; }
#logo_red a:hover, #logo a:focus, #logo a:active { color: #fff; }
#logo_red span { background-image: url('../web-obrazy/logo_red.png'); }

#logo_gold { float: left; display: inline; width: 210px; height: 33px; margin: 24px 780px 0 3px; line-height: 999px; text-transform: lowercase; font-size: 120%; z-index: 999; }
#logo_gold a:hover, #logo a:focus, #logo a:active { color: #fff; }
#logo_gold span { background-image: url('../web-obrazy/logo_gold.png'); }

#comet_logo { float: left; display: inline; width: 65px; height: 20px; margin: 25px 780px 13px 27px; line-height: 999px; text-transform: lowercase; font-size: 120%; z-index: 999; }
#comet_logo a:hover, #logo a:focus, #logo a:active { color: #fff; }
#comet_logo span { background-image: url('../web-obrazy/comet_logo.png'); }

#standard_logo { float: left; display: inline; width: 123px; height: 20px; margin: 25px 780px 13px 27px; line-height: 999px; text-transform: lowercase; font-size: 120%; z-index: 999; }
#standard_logo a:hover, #logo a:focus, #logo a:active { color: #fff; }
#standard_logo span { background-image: url('../web-obrazy/standard_logo.png'); }


#slogan { margin: 312px 0 0 22px; padding-bottom: 35px; display: inline; width: 450px; float: left; font-size: 300%; line-height: 35px; }
#clenstvi { display: inline; text-align: right; margin: 350px 55px 0 0; padding-bottom: 15px; width: 240px; color: #c3e3f2; float: right; font-size: 90%; line-height: 13px; }


#menu { height: 103px; color: #fff; overflow: hidden; width: 722px; margin-left: -261px; display: block; position: absolute; top: 5px; left: 50%; }
#menu a { text-decoration: none; color: #fff; }

#t2_studio #menu ul { background: url('../web-obrazy/t2-menu-shadow.png') -51px 1px no-repeat; }
/* FF1 */
#t2_studio #menu ul, x:-moz-any-link{ background: url('../web-obrazy/t2-menu-shadow.png') -50px 0 no-repeat; }
/* FF2 */
#t2_studio #menu ul, x:-moz-any-link, x:only-child { background: url('../web-obrazy/t2-menu-shadow.png') -48px 0 no-repeat; }
/* Modern browsers only (not IE 7), obnova na FF3 */
html>/**/body #t2_studio #menu ul, x:-moz-any-link, x:default { background: url('../web-obrazy/t2-menu-shadow.png') -51px 1px no-repeat; }
/* opera 9 */
@media screen and (-webkit-min-device-pixel-ratio:0){ #t2_studio #menu ul { background: url('../web-obrazy/t2-menu-shadow.png') -52px 0 no-repeat; } }
/* Chrome3, Opera10, FF3, Safari3 - ccs3 selector */
body:first-of-type #t2_studio #menu ul { background: url('../web-obrazy/t2-menu-shadow.png') -51px 1px no-repeat; }

#t2_sluzby #menu ul { background: url('../web-obrazy/t3-menu-shadow.png') 103px -4px no-repeat; }
#t2_sluzby #menu ul, x:-moz-any-link { background: url('../web-obrazy/t3-menu-shadow.png') 91px -5px no-repeat; }
#t2_sluzby #menu ul, x:-moz-any-link, x:only-child { background: url('../web-obrazy/t3-menu-shadow.png') 99px -4px no-repeat; }
html>/**/body #t2_sluzby #menu ul, x:-moz-any-link, x:default { background: url('../web-obrazy/t3-menu-shadow.png') 103px -4px no-repeat; }
@media screen and (-webkit-min-device-pixel-ratio:0){ #t2_sluzby #menu ul { background: url('../web-obrazy/t3-menu-shadow.png') 89px -5px no-repeat; } }
body:first-of-type #t2_sluzby #menu ul { background: url('../web-obrazy/t3-menu-shadow.png') 94px -4px no-repeat; }

#t2_reference #menu ul { background: url('../web-obrazy/t4-menu-shadow.png') 190px -4px no-repeat; }
#t2_reference #menu ul, x:-moz-any-link { background: url('../web-obrazy/t4-menu-shadow.png') 167px -5px no-repeat; }
#t2_reference #menu ul, x:-moz-any-link, x:only-child { background: url('../web-obrazy/t4-menu-shadow.png') 183px -4px no-repeat; }
html>/**/body #t2_reference #menu ul, x:-moz-any-link, x:default { background: url('../web-obrazy/t4-menu-shadow.png') 190px -4px no-repeat; }
@media screen and (-webkit-min-device-pixel-ratio:0){ #t2_reference #menu ul { background: url('../web-obrazy/t4-menu-shadow.png') 168px -5px no-repeat; } }
body:first-of-type #t2_reference #menu ul { background: url('../web-obrazy/t4-menu-shadow.png') 177px -4px no-repeat; }

#t2_portfolio #menu ul { background: url('../web-obrazy/t5-menu-shadow.png') 297px -4px no-repeat; }
#t2_portfolio #menu ul, x:-moz-any-link { background: url('../web-obrazy/t5-menu-shadow.png') 260px -5px no-repeat; }
#t2_portfolio #menu ul, x:-moz-any-link, x:only-child { background: url('../web-obrazy/t5-menu-shadow.png') 286px -4px no-repeat; }
html>/**/body #t2_portfolio #menu ul, x:-moz-any-link, x:default { background: url('../web-obrazy/t5-menu-shadow.png') 297px -4px no-repeat; }
@media screen and (-webkit-min-device-pixel-ratio:0){ #t2_portfolio #menu ul { background: url('../web-obrazy/t5-menu-shadow.png') 266px -5px no-repeat; } }
body:first-of-type #t2_portfolio #menu ul { background: url('../web-obrazy/t5-menu-shadow.png') 281px -4px no-repeat; }

#t2_aktuality #menu ul { background: url('../web-obrazy/t6-menu-shadow.png') 354px -4px no-repeat; }
#t2_aktuality #menu ul, x:-moz-any-link { background: url('../web-obrazy/t6-menu-shadow.png') 324px -5px no-repeat; }
#t2_aktuality #menu ul, x:-moz-any-link, x:only-child { background: url('../web-obrazy/t6-menu-shadow.png') 359px -4px no-repeat; }
html>/**/body #t2_aktuality #menu ul, x:-moz-any-link, x:default { background: url('../web-obrazy/t6-menu-shadow.png') 354px -4px no-repeat; }
@media screen and (-webkit-min-device-pixel-ratio:0){ #t2_aktuality #menu ul { background: url('../web-obrazy/t6-menu-shadow.png') 333px -5px no-repeat; } }
body:first-of-type #t2_aktuality #menu ul { background: url('../web-obrazy/t6-menu-shadow.png') 354px -4px no-repeat; }

#t2_kontakty #menu ul { background: url('../web-obrazy/t7-menu-shadow.png') 461px -4px no-repeat; }
#t2_kontakty #menu ul, x:-moz-any-link { background: url('../web-obrazy/t7-menu-shadow.png') 397px -5px no-repeat; }
#t2_kontakty #menu ul, x:-moz-any-link, x:only-child { background: url('../web-obrazy/t7-menu-shadow.png') 444px -4px no-repeat; }
html>/**/body #t2_kontakty #menu ul, x:-moz-any-link, x:default { background: url('../web-obrazy/t7-menu-shadow.png') 461px -4px no-repeat; }
@media screen and (-webkit-min-device-pixel-ratio:0){ #t2_kontakty #menu ul { background: url('../web-obrazy/t7-menu-shadow.png') 410px -5px no-repeat; } }
body:first-of-type #t2_kontakty #menu ul { background: url('../web-obrazy/t7-menu-shadow.png') 438px -4px no-repeat; }


#t2_comet #menu ul { background: url('../web-obrazy/t3-menu-shadow.png') 103px -4px no-repeat; }
#t2_comet #menu ul, x:-moz-any-link { background: url('../web-obrazy/t3-menu-shadow.png') 91px -5px no-repeat; }
#t2_comet #menu ul, x:-moz-any-link, x:only-child { background: url('../web-obrazy/t3-menu-shadow.png') 99px -4px no-repeat; }
html>/**/body #t2_comet #menu ul, x:-moz-any-link, x:default { background: url('../web-obrazy/t3-menu-shadow.png') 103px -4px no-repeat; }
@media screen and (-webkit-min-device-pixel-ratio:0){ #t2_comet #menu ul { background: url('../web-obrazy/t3-menu-shadow.png') 89px -5px no-repeat; } }
body:first-of-type #t2_comet #menu ul { background: url('../web-obrazy/t3-menu-shadow.png') 94px -4px no-repeat; }

#t2_standard #menu ul { background: url('../web-obrazy/t3-menu-shadow.png') 103px -4px no-repeat; }
#t2_standard #menu ul, x:-moz-any-link { background: url('../web-obrazy/t3-menu-shadow.png') 91px -5px no-repeat; }
#t2_standard #menu ul, x:-moz-any-link, x:only-child { background: url('../web-obrazy/t3-menu-shadow.png') 99px -4px no-repeat; }
html>/**/body #t2_standard #menu ul, x:-moz-any-link, x:default { background: url('../web-obrazy/t3-menu-shadow.png') 103px -4px no-repeat; }
@media screen and (-webkit-min-device-pixel-ratio:0){ #t2_standard #menu ul { background: url('../web-obrazy/t3-menu-shadow.png') 89px -5px no-repeat; } }
body:first-of-type #t2_standard #menu ul { background: url('../web-obrazy/t3-menu-shadow.png') 94px -4px no-repeat; }





#menu ul { float: right; display: inline; height: 60px; padding: 35px 58px 0 96px; }

#menu li { _width: 40px; display: inline; list-style-type: none; position: relative; z-index: 1; float: left; margin-left: 30px; }
#menu li { margin-left /*\**/: 29px\9 }
html>/**/body #menu li, x:-moz-any-link, x:default { margin-left: 30px; }
#menu li, x:-moz-any-link { margin-left: 34px; }

#menu li:hover .submenu, #menu li:focus .submenu, #menu li:active .submenu { display: block; }

#menu li a { height: 18px; line-height: 15px; font-size: 120%; color: #fff; }
#menu li a, x:-moz-any-link { font-size: 100%; }
#menu li a, x:-moz-any-link, x:only-child { font-size: 110%; }
html>/**/body #menu li a, x:-moz-any-link, x:default { font-size: 115%; }

#menu li a:hover, #menu li a:focus, #menu li a:active, #menu a.active { color: #edfaff; }


#footer { color: #fff; margin: 19px auto 40px auto; overflow: hidden; width: 922px;}

#adresa { width: 100%; padding: 0 0 80px 0; height: 100%; background: url('../web-obrazy/footer.png') 0 0 no-repeat; }
#adresa p { padding: 20px 0 40px 25px; line-height: 14px; font-size: 90%; }
#adresa a { text-decoration: none; color: #ffffff; }
#adresa a:hover { text-decoration: none; color: #edfaff; }


#content .content-top { float: left; width: 100%; line-height: 28px; height: 28px; background: url('../web-obrazy/t1s1top.png') 50% 0 no-repeat; }
#content .content { float: left; padding: 0 0 0 0; width: 100%; background: url('../web-obrazy/t1s1content.png') 50% 0 repeat-y; }
#content .content-bottom { float: left; width: 100%; line-height: 28px; height: 28px; background: url('../web-obrazy/t1s1bottom.png') 50% 0 no-repeat; margin: 0 0 0 0; }


/* t1 -------------------------------------------------------------------------------*/

#t1 #content { width: 100%; color: #006489; margin: 19px 0 0 0; overflow: hidden; width: 922px; margin: 0 auto;}
#t1 #other, #t1 #alt { width: 100%; color: #006489; margin: 0 0 0 0;overflow: hidden; width: 922px; margin: 0 auto; }

#right-col { background: url('../web-obrazy/citace-top.jpg') 0 0 no-repeat; margin: 20px 35px 0 0; padding: 15px 0 40px 10px; float: right; display: inline; width: 216px; }
#right-col p { font-size: 90%; line-height: 14px; }
#right-col strong { display: block; line-height: 19px; color: #00bbff; font-size: 150%; padding: 0 20px 20px 8px; background: url('../web-obrazy/citace-bottom.jpg') 100% 100% no-repeat; width: 188px; text-align: right; }
#right-col img { margin: 10px 5px 0 0; }


#t1s1 { float: left; display: inline; width: 874px; padding: 0px 24px 0px 24px; }
#t1s2 { float: left; display: inline; width: 854px; padding: 0 30px 40px 10px; margin: 0px 14px 0 14px; border-bottom: 1px solid #006489; }
#t1s3 { float: left; display: inline; width: 565px; padding: 30px 30px 30px 24px; margin: 0 0 0 0; min-height: 300px; }
#t1s4 { float: right; display: inline; width: 206px; padding: 0 34px 0 10px; margin: 16px 14px 0 0; }


/* t2 -------------------------------------------------------------------------------*/

#t2_studio #content { width: 100%; color: #006489; margin: 90px 0 0 0; overflow: hidden; width: 922px;}
#t2_sluzby #content { width: 100%; color: #006489; margin: 90px 0 0 0; overflow: hidden; width: 922px;}
#t2_reference #content { width: 100%; color: #006489; margin: 90px 0 0 0; overflow: hidden; width: 922px;}
#t2_portfolio #content { width: 100%; color: #006489; margin: 90px 0 0 0; overflow: hidden; width: 922px;}
#t2_aktuality #content { width: 100%; color: #006489; margin: 90px 0 0 0; overflow: hidden; width: 922px;}
#t2_kontakty #content { width: 100%; color: #006489; margin: 90px 0 0 0; overflow: hidden; width: 922px;}
#t2_comet #content { width: 100%; color: #006489; margin: 88px 0 0 0; overflow: hidden; width: 922px;}
#t2_standard #content { width: 100%; color: #006489; margin: 88px 0 0 0; overflow: hidden; width: 922px;}

#t2s1 { float: left; display: inline; width: 565px; padding: 10px 30px 15px 24px; margin: 0 0 0 0; min-height: 600px; }

#menu2 { float: right; display: inline; position: relative; top: -8px;  width: 250px; margin: 0 14px 0 0; }
#menu2 p { width: 238px; padding: 0px 0 8px 12px; font-style: italic; font-size: 105%; background: url('../web-obrazy/line-menu.jpg') 0 100% no-repeat; }
#menu2 ul { margin: 0 0 40px 0; }
#menu2 li { display: block; list-style: none; width: 238px; padding: 8px 0 8px 12px; background: url('../web-obrazy/line-menu.jpg') 0 100% no-repeat; }
#menu2 a { color: #00bbff; font-size: 110%; text-decoration: none; }
#menu2 a.active { color: #006489; font-size: 110%; text-decoration: none; }
#menu2 a:hover { color: #ff9900; text-decoration: none; }

#t2s2 { float: right; display: inline; width: 206px; padding: 0 34px 0 10px; margin: 16px 14px 0 0; }


/* Kalendar -------------------------------------------------------------------------------*/

table.kalendar { margin-top: 10px; margin-bottom: 40px !important; border-collapse: collapse; }
table.kalendar td { border: 1px solid #00bbff !important; padding: 2px 4px; text-align: center; }
table.kalendar td.dnes { color: #006489 !important; background: #e0f6ff !important; }
table.kalendar td.aktivni { background: #ff9900 !important; }
table.kalendar td.aktivni a { color: #ffffff !important; font-weight: bold; text-decoration: none !important; }


/* Kontaktni formular -------------------------------------------------------------------------------*/

.contact_form { float: left; clear: both; margin-top: 10px; padding-bottom: 40px; width: 100%; }
.contact_form fieldset { border: none; }
.contact_form p { padding: 0!important; margin: 12px 0; }
.contact_form label { float: left; width: 100px; font-weight: bold; line-height: 20px; }
.contact_form input { width: 200px; padding: 2px 1px; }
.contact_form textarea { width: 198px; padding: 4px 2px; }
.contact_form input.submit_button { width: 80px; margin-left: 100px; padding: 0; }
.contact_form textarea { font-size: 12px; }


/*  Fotogalerie  ------------------------------------------------------------------------------*/

div.fotogal { float: left; clear: both; margin: 0px; padding: 0px; width: 100%; }
div.fotogal_prvni, div.fotogal_item { float: left; width: 140px; height: 170px; display: inline; overflow: hidden; margin: 10px 0px 10px 0px; padding: 0px 0px 0px 0px; border: 0px solid; }
div.fotogal_img_prvni, div.fotogal_img { float: left; width: 140px; height: 110px; overflow: hidden; margin: 0px 0px 0px 0px; }
div.fotogal_nazev, div.fotogal_nazev_prvni { display: none; }
div.fotogal_popis { float: left; width: 130px; line-height: 13px; margin: 5px 0px 0px 0px; }
div.fotogal_popis *, div.fotogal_popis_prvni * {font-size: 11px !important; font-weight: normal; margin: 0px 0px 5px 0px !important;} 

div.fotogal_end { width: 100%; clear: both; height: 0px; margin: 0px; line-height: 0; }


/*  Fotogalerie special  ------------------------------------------------------------------------------*/


div.fotogalspec { float: left; width: 140px; height: 170px; display: inline; margin: 10px 0px 10px 0px; overflow: hidden; padding: 0px 0px 0px 0px; border: 0px solid; }
div.fotogalspec_img { float: left; width: 140px; height: 110px; overflow: hidden; margin: 0px 0px 0px 0px; }
div.fotogalspec_nazev { display: none; }
div.fotogalspec_popis { float: left; width: 130px; line-height: 13px; margin: 5px 0px 0px 0px; }
div.fotogalspec_popis * {font-size: 11px !important; font-weight: normal; margin: 0px 0px 5px 0px !important;}


/*  Filegalerie  ------------------------------------------------------------------------------*/

div.filegal { float: left; clear: both; margin-top: 10px; padding-bottom: 40px; }
div.filegal_prvni { clear: both; margin: 0 0 0 0; font-size: 12px; }
div.filegal_item { clear: both; margin: 20px 0 0 0; font-size: 12px; }
div.filegal_img_prvni, div.filegal_img { float: left; } 
div.filegal_nazev_prvni, div.filegal_nazev { float: left; margin: 0 0 5px 5px; text-decoration: none; }
div.filegal_popis {clear: both; margin: 10px 0 0 0;}
div.filegal_nazev_prvni a, div.filegal_nazev a { text-decoration: none !important; }
div.filegal_popis * { margin-left: 0px; margin-bottom: 5px; margin-top: 5px; margin-right: 0px; } 
div.fotogal_end { width: 100%; clear: both; height: 0px; margin: 0px; }


/*  LightBox  ------------------------------------------------------------------------------*/

#jquery-overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; }
#jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#lightbox-container-image { padding: 10px; }
#lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#lightbox-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%; height: 100%; zoom: 1; display: block; }
#lightbox-nav-btnPrev { left: 0; float: left; }
#lightbox-nav-btnNext { right: 0; float: right; }

#lightbox-container-image-data-box { font: 12px Arial, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; overflow: auto; width: 100%; padding: 0 10px 0; }
#lightbox-container-image-data { padding: 0 10px; color: #666; }
#lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; padding-bottom: 1em; }
#lightbox-container-image-data
#lightbox-image-details
#lightbox-image-details-currentNumber { }
#lightbox-container-image-data
#lightbox-image-details
#lightbox-image-details-currentNumber a { text-decoration: none; color: #00bbff; float: left; width: 20px; height: 20px; text-align: center; padding: 0px; line-height: 20px; }
#lightbox-container-image-data
#lightbox-image-details
#lightbox-image-details-currentNumber a:hover { background: #ff9900; color: #ffffff;}
#lightbox-container-image-data
#lightbox-image-details
#lightbox-image-details-currentNumber span { color: #bbbbbb; float: left; width: 20px; height: 20px; text-align: center; padding: 0px; line-height: 20px; }
#lightbox-container-image-data
#lightbox-image-details
#lightbox-image-details-currentNumber span.current { font-weight: bold; width: 20px; background: #006489; color: #ffffff; }
#lightbox-image-details-currentNumber { display: block; clear: left; }
#lightbox-image-details-caption { height: 0px; overflow: hidden; font-weight: bold; display: block; clear: both; padding: 0px; color: #ffffff; }
#lightbox-image-details-desc { display: block; margin-top: 1em; }
#lightbox-secNav-btnClose { width: 66px; float: right; padding-bottom: 0.7em; }