/*
Theme name: ČMIS
Editors: Jakub Kotál, Tomáš Vals
*/

@charset "utf-8";
/* CSS Document */

/* reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
        border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}




/* style */

* html .entry { height: 1% } 
* .entry { min-height: 0; overflow: hidden; }


body { behavior:url('hover.htc'); text-align: center; font-family: Tahoma,Arial,Helvetica,sans-serif; background-color: #FFFFFF; color: #333333; font-size: 11px; line-height: 160%; }

#page { margin-left: auto; margin-right: auto; text-align: left; position: relative; width: 940px;}

#header { background: #282828 url('img/bg_header.gif') repeat-x 0 0; width: 940px; height: 139px; position: relative; }

.breadcrumb { margin-top: 8px; color: #B2B2B2; }
.breadcrumb a { color: #7F7F7F;}
.breadcrumb a:hover, .breadcrumb a:active, .breadcrumb a:focus { color: #000000; }

#content {  }
#content p { margin-bottom: 16px; }

#outerdiv
{
width:255px;
height:248px;
overflow:hidden;
position:relative;
} 

#inneriframe
{
position:absolute;
top:-125px;
left:-3px;
}

.entry { float: left; width: 100%; }

#footer { clear: both; background: #FFFFFF url('img/bg_footer.gif') repeat-x 0 0; width: 100%; height: 89px; color: #7E7E7E; margin-top: 40px; font-size: 80%; text-align: center; }
#footer a { color: #7E7E7E; }
#footer a:hover, #footer a:active, #footer a:focus { color: #EC1D26; }

#footer_content { margin-left: auto; margin-right: auto; width: 940px; text-align: left; padding-top: 34px; position: relative;}


#footer_content #small_logo { position: absolute; left: 480px; margin-left: -64px; }

a { color: #EC1D26; }
strong { font-weight: bold;}
italic { font-style: italic; }

img { margin-bottom: 20px; }

h1, h2, h3, h4, h5 { font-family:Arial,Helvetica,sans-serif; }

h1.main_logo { width: 231px; height: 50px; padding: 20px; position: relative; overflow: hidden;}
h1.main_logo span { background: url('img/cmis-logo.gif') no-repeat 0 0; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; margin: 20px; cursor: hand; cursor: pointer; }
h1.main_logo a  { }


h2 { font-size: 22px; font-weight: normal; color: #ec1d26; margin-top: 20px; margin-bottom: 16px; border-bottom: 1px #D1D1D1 solid; padding-bottom: 12px; clear: both; }
h3 { font-size: 18px; color: #6E6E6E; margin-bottom: 16px; font-weight: normal; clear: left;  }
h4 { color:#000000; font-size:14px; font-weight:bold; margin-bottom:6px; }


hr { margin-top: 20px; margin-bottom: 20px; height: 1px; color: #D1D1D1; background-color: #D1D1D1; border: 0px solid #D1D1D1; clear: both; }

table { font-size: 100%; line-height: 120%; margin-bottom: 16px; }
table th, table tr, { vertical-align: middle; }
table th { background-color:#EAEAEA; border-bottom:1px solid #FFFFFF; border-right:1px solid #FFFFFF; color:#464646; font-weight:normal; padding:8px 10px; text-align:left; }
table td { border-bottom:0px solid #F1F1F1; padding:8px 10px; }
table td.left { background-color:#F4F4F4; border-bottom:1px solid #FFFFFF; color:#ED1C24; }
td.prices { background-color:#EAEAEA; border-right:1px solid #FFFFFF; color:#464646; font-weight:normal; padding:8px 10px; text-align:center; }




#menu { height: 49px; background: url('img/menu.gif') repeat-x 0 0; width: 940px; margin: 0; padding: 0; position: relative; z-index: 10;}
#menu li { float: left; display: inline; position: relative; }
#menu li a {color: white; display: block; height: 39px; float: left; padding: 10px 0 0 0px; overflow: hidden; }

#menu li a:hover { visibility: visible; }
#menu li a:hover span, #menu li a:focus span, #menu li a:active span { background-position: 0 49px; }
#menu li a span { background-position: 0 0; background-repeat: no-repeat; padding: 0; }

#menu .page-item-90 { width: 61px; position: relative; }
#menu .page-item-90 span { position: absolute; top: 0; left: 0; background: url('img/menu_uvod.png'); width: 100%; height: 100%; cursor: hand; cursor: pointer; }

#menu .page-item-8 { width: 79px; position: relative; }
#menu .page-item-8 span { position: absolute; top: 0; left: 0; background: url('img/menu_produkty.png'); width: 100%; height: 100%; cursor: hand; cursor: pointer; }

#menu .page-item-3 { width: 65px; position: relative; }
#menu .page-item-3 span { position: absolute; top: 0; left: 0; background: url('img/menu_sluzby.png'); width: 100%; height: 100%; cursor: hand; cursor: pointer; }

#menu .page-item-10 { width: 102px; position: relative; }
#menu .page-item-10 span { position: absolute; top: 0; left: 0; background: url('img/menu_o_spolecnosti.png'); width: 100%; height: 100%; cursor: hand; cursor: pointer; }

#menu .page-item-12 { width: 109px; position: relative; }
#menu .page-item-12 span { position: absolute; top: 0; left: 0; background: url('img/menu_jak_nakupovat.png'); width: 100%; height: 100%; cursor: hand; cursor: pointer; }

#menu .page-item-14 { width: 160px; position: relative; }
#menu .page-item-14 span { position: absolute; top: 0; left: 0; background: url('img/menu_spec_nabidka.png'); width: 100%; height: 100%; cursor: hand; cursor: pointer; }

#menu .page-item-24 { width: 154px; position: relative; }
#menu .page-item-24 span { position: absolute; top: 0; left: 0; background: url('img/menu_nej_produkty.png'); width: 100%; height: 100%; cursor: hand; cursor: pointer; }

#menu .page-item-16 { width: 103px; position: relative; }
#menu .page-item-16 span { position: absolute; top: 0; left: 0; background: url('img/menu_mapa_stranek.png'); width: 100%; height: 100%; cursor: hand; cursor: pointer; }

#menu .page-item-800 { width: 68px; position: relative; }
#menu .page-item-800 span { position: absolute; top: 0; left: 0; background: url('img/menu_eshop.png'); width: 100%; height: 100%; cursor: hand; cursor: pointer; }


#menu li ul { visibility: hidden; position: absolute; top: 49px; left: 0px; background: #000000; border-bottom: 3px solid #ED1C24; z-index: 20; width: 158px; margin:0;padding:0; }
#menu li:hover, #menu li.hover { visibility: visible; }
#menu li:hover ul, #menu li.hover ul { visibility: visible; z-index: 10; }

/* STYLOVÁNÍ SPECIFICKÉ PRO IE: (mělo by být v separátním stylopisu) */

#menu li { background-color: expression(
    this.onmouseover = new Function("this.className += ' hover';"),
    this.onmouseout = new Function("this.className = this.className.replace(' hover', '')")
  ); }

#menu li ul li {  border-bottom: solid 1px #575757; border-left: solid 1px #575757; border-right: solid 1px #575757; margin:0px; padding: 8px 13px !important; height: 14px !important; background: bottom left repeat-x url("img/bg_menu_sub-element.gif") #151515; cursor:pointer; width: 130px;  }

/* STYLOVÁNÍ SPECIFICKÉ PRO IE: (mělo by být v separátním stylopisu) */

#menu li ul li { background-color: expression(
    this.onmouseover = new Function("this.className += ' hover';"),
    this.onmouseout = new Function("this.className = this.className.replace(' hover', '')")
  ); }

#menu li ul li:hover, #menu li ul li.hover { border-bottom: solid 1px #555; border-left: solid 1px #ED1C24; border-right: solid 1px #575757; margin:0px; padding: 9px 13px;background:#202020; cursor:pointer; }


#menu li ul li a { padding: 0 !important; height: 14px; font-size:11px;line-height:14px;text-decoration:none;color:#FFF; display: block; width: 100%;}
#menu li ul li:hover a, #menu li ul li.hover a { padding: 0 !important; height: 14px; font-size:11px;line-height:14px;text-decoration:none;color:#ED1C24;   }
#menu li ul li a span { background: none !important; width: auto !important; height: auto !important; }



#content { float: left; width: 100%;}

#content ul { padding:6px 0 12px;}

#content ul li { background: url('img/ico-seznam.gif') 0 4px no-repeat; margin-bottom:0.7em; padding-left:19px; }
#content ul li ul { padding-left: 10px;}
#content ul li ul li { background-image:none; list-style-type:circle; margin-bottom:0.7em; padding-left:5px; }

.submenu-3 { position: relative; width: 292px; background: url('img/tretiuroven.gif') 0 0 repeat-y; padding: 0 4px; margin-bottom: 16px; }
.submenu-3 span.top { position: absolute; top: 0; left: 0; display: block; width: 300px; height: 10px; background: url('img/tretiuroven-top.gif') 0 0 no-repeat; } 
.submenu-3 span.bottom { position: absolute; bottom: 0; left: 0; display: block; width: 300px; height: 10px; background: url('img/tretiuroven-bottom.gif') 0 0 no-repeat; } 
ul#tretiuroven { list-style-type: none; padding: 10px 0; margin: 0; width: 292px; background: url('img/tretiuroven-bg1.gif') 0 0 repeat-x; }
ul#tretiuroven li { background: none; display: block; width: 292px; padding: 0; margin: 0;  }

ul#tretiuroven a { color: #000000; font-weight: bold; width: 252px; padding: 5px 20px; display: block; text-align: left; text-decoration: none; }
ul#tretiuroven a:hover, ul#tretiuroven a:focus, ul#tretiuroven a:active  { color: #EC1D26; text-decoration: underline; background: url('img/tretiuroven-bullet.gif') left center no-repeat; }
ul#tretiuroven li.current_page_item a { color: #EC1D26; text-decoration: underline; background: url('img/tretiuroven-bullet.gif') left center no-repeat; }

.post { float: left; width: 100%; }

.col_left { float: left; width: 460px; clear: left;}
.col_right { float: right; width: 460px; }
.col_all { clear: both; padding-top: 10px; width: 100%; float: left; height: 1% }

.col190 { float:left; margin:20px 24px 0 0; width:190px; }
.col190-2 { float:left; margin: 0  24px 0 0; width:380px; }
.col190-3 { float: right; width: 190px; margin-top: 20px; }
.col300 { float: left; width: 300px; }
.col300-2 { float: left; width: 300px; margin-left: 20px; }
.col300-3 { float: right; width: 300px;}
.col460 { width: 460px; }
.col620 { float: left; width: 620px; }
.col620-1 { float: right; width: 620px; }
.width320 { width: 320px; }

div.odkazy { position: absolute; top:221px; right: 0px; width: 194px; }

div.odkazy span.ziskejte a, div.odkazy span.snizte a, div.odkazy span.budte a, div.odkazy span.usnadnete a { cursor:pointer; display:block; height:55px; overflow:hidden; position:relative; width:194px; float: left; }
div.odkazy span.ziskejte a { background:transparent url('img/home/ziskejte-jistotu.gif') no-repeat scroll 0 0; }
div.odkazy span.snizte a { background:transparent url('img/home/snizte-naklady.gif') no-repeat scroll 0 0; }
div.odkazy span.budte a { background:transparent url('img/home/budte-prisni.gif') no-repeat scroll 0 0; }
div.odkazy span.usnadnete a { background:transparent url('img/home/usnadnete.gif') no-repeat scroll 0 0; }

div.odkazy span.ziskejte a:hover, div.odkazy span.snizte a:hover, div.odkazy span.budte a:hover, div.odkazy span.usnadnete a:hover { background-position: 0 -55px; }


.zapojeni-col190-02 { border-top:1px solid #CCCCCC; float:left; height:380px; margin-top:20px; padding-top:20px; position:relative; width:190px;}
div.zapojeni-col190-02 a img { height:180px; left:0; position:absolute; top:120px; width:180px; }
div.zapojeni-col190-02 p.posprice { left:0; padding-bottom:20px; position: absolute; top:320px; width:180px; }

.alignleft, .float-left { float: left;}
.alignright, .float-right { float: right; }

.martop15 { margin-top:15px; }
.marright24 { margin-right:24px; }

address { font-style: normal; }
.red {color: #ec1d26;}
.white { color: #ffffff; }

.smalltable { font-size: 90%; }
.smalltable tr td.nopad {
	padding-left:0;
	padding-right:0;
	text-align: center;
}

.karieratab td { border: none !important; }

.box { background:transparent url('img/bg_boxy1.gif') no-repeat scroll 0 0; margin:10px 0 25px; padding:28px 20px 0; }

.button01 {
  cursor:pointer;
  display:block;
  height:220px;
  left:30px;
  overflow:hidden;
  position:relative;
  top:0;
  width:220px;
}
.button01 span {
  background:transparent url('img/button-kancelar.gif') no-repeat scroll 0 0;
  display:block;
  height:220px;
  left:0;
  position:absolute;
  top:0;
  width:220px;
  z-index:1;
}
.button01:hover, .button01:hover span {
background-position:0 -220px;
}

div.zapojeni {
  position: relative;
  height:223px;
  margin-top:20px;
  width:620px;
}
.col_zapojeni {
  position: absolute;
  left: 214px;
  top: 0px;
}

div.vybaveni-text-col-all { background:transparent url('img/ucebna/plocha.gif') no-repeat scroll 0 0; height:72px; width:616px; clear: both; margin-bottom: 16px; }
div.vybaveni-text-col-leva { padding:10px 20px 0; width:400px; }
div.vybaveni-text-col-prava { padding:10px 20px 0; width:80px; }
.vybaveni-text { width: 440px; }

.redbox { background:transparent url('img/red-box-bg.gif') repeat-y scroll 0 0; color:#FFFFFF; }
.redbox-top { background:transparent url('img/red-box-top.gif') no-repeat scroll 0 0; padding:20px; }
.redbox-bot { background:transparent url('img/red-box-bot.gif') no-repeat scroll 0 0; display:block; height: 12px; margin-bottom:15px; }
.redbox a { background:transparent url('img/sipka-white.gif') no-repeat scroll 0 5px; color:white; padding-left:15px; }

.redbox1 { background:transparent url('img/red-box-bg.gif') repeat-y scroll 0 0; color:#FFFFFF; }
.redbox1-top { background:transparent url('img/red-box-top.gif') no-repeat scroll 0 0; padding:20px; padding-bottom:0px; }
.redbox1-bot { background:transparent url('img/red-box-bot.gif') no-repeat scroll 0 0; display:block; height: 12px; margin-bottom:15px; }
.redbox1 a { background:transparent url('img/sipka-white.gif') no-repeat scroll 0 5px; color:white; padding-left:15px; }

a.temp:hover { text-decoration:underline; }
a.temp { color:#6E6E6E; font-size:16px; font-weight:bold; text-decoration:none; }

.clear { clear:both; display:block; font-size:0; height:0; line-height:0; }

/* ==== kontakty ==== */

.kontaktImg { margin-bottom: 0px !important;}
.kontaktFoto { margin-right: 20px; }
.kontaktJmeno { display: block; font-size: 20px; color: #808080 ; padding-top: 20px; }
.kontaktFunkce { font-weight: bold; margin-bottom: 28px !important;}
.kontaktTelefon { font-weight: bold;}
.kontkatMail {}