@media screen{
html {font: 1rem Arial, Arial, Helvetica, sans-serif;}
body {font: 0.875rem Arial, Arial, Helvetica, sans-serif;text-align:center;color:#7d7d7d;background:#EFF8FD  url(../imgs/bgBody.jpg) 50% 100% no-repeat;padding:0;margin:0;}
form, div, h1, h2, h3, h4, h5, h6, ul, ol, li, p{margin:0;padding:0;}
img {border: none;}
.clear {clear:both;}
div.clear {clear:both;font-size:1px;}
a {color:#9B2500;text-decoration:underline;}
a:hover, a:focus {text-decoration:none; color:#EF8F17;}
.textRed{color:#f00!important;}
.textGreen{color:#090!important;}
.textBlue{color: #00F!important;}
.reader {position: absolute;top: -10000px;left: 0;width: 1px;height: 1px;overflow: hidden;}
#container{background:url(../imgs/bgContainer.jpg) 50% 0% no-repeat;}
#wrapper{margin:0 auto 0 auto; width:970px;text-align:left;position:relative;}
/*=== header ===*/
#headerPage{width:970px;height:185px;background:transparent url("../imgs/bgHeader.jpg") 0 0 no-repeat; position:relative;}

#logo, #logo a, #logo a span{width:245px;height:155px;}
#logo{position:absolute;top:30px;left:20px;background-color:#ffffff;}
#logo a{display:block;cursor:pointer;color:#003375;}
#logo a span{position:absolute;top:0px;left:0px;background:transparent url("../imgs/bgLogo.jpg") 0 0 no-repeat; z-index:50;}

#art, #art h2, #art h2 span{width:675px;height:155px;}
#art{position:absolute;top:30px;left:276px;background-color:#ffffff;}
#art h2{display:block;color:#003375;}
#art h2 span{position:absolute;top:0px;left:0px;z-index:50;}
#art h2 span.decorZS, #art h2 span.decor{background:transparent url("../imgs/bgDecorZS.jpg") 0 0 no-repeat; z-index:50;}
#art h2 span.decorZUS{background:transparent url("../imgs/bgDecorZUS.jpg") 0 0 no-repeat; z-index:50;}
#art h2 span.decorMS{background:transparent url("../imgs/bgDecorMS.jpg") 0 0 no-repeat; z-index:50;}

/*=== body ===*/
#bodyPage{margin:0px 0px 0px 0px;width:970px;min-height:570px;text-align:left;background: #E2F3FD url("../imgs/bgBodyPage.gif") 0 0 repeat-y; position:relative; padding:10px 0px 14px 0px;}

#col1 {float:left; padding-left:20px;width:246px;_width:266px;}
#col2 {float:right; padding-right:20px;width:660px;_width:680px;min-height:300px;_height:300px;color:#306979;text-align:justify; position:relative;}


/* ============= menu ============== */
#bodyPage #headerMenu{width:673px;_width:693px;height:35px;padding:0 20px 0 0; margin:0 0 10px 0; position:relative; overflow:hidden; float:right;}
#bodyPage #headerMenu ul{padding:0px;margin:0px;width:673px;height:35px;list-style-type: none;font-size:1.125rem;display:block; _overflow:hidden; }
#bodyPage #headerMenu ul li{display:block;float:left;height:35px;text-align:center;padding:0px;margin:0px;}

#bodyPage #headerMenu ul li a {text-decoration:none;display:block; cursor:pointer;height:35px; line-height:35px; font-weight:normal;color:#FBCB8C;position:relative; padding:0; margin:0;}

#bodyPage  #headerMenu ul a.hmZS { width:188px;}
#bodyPage  #headerMenu ul a.hmZUS { width:273px; margin:0 8px 0px 8px;}
#bodyPage  #headerMenu ul a.hmMS { width:195px;}

#bodyPage  #headerMenu ul a span{position:absolute;top:0px;left:0px;z-index:50; height:35px;}

#bodyPage  #headerMenu ul a.hmZS span{ width:188px; background: url(../imgs/bgHmZS.jpg) 0 0 no-repeat;}
#bodyPage  #headerMenu ul a.hmZUS span{ width:273px; background: url(../imgs/bgHmZUS.jpg) 0 0 no-repeat;}
#bodyPage  #headerMenu ul a.hmMS span{ width:195px; background: url(../imgs/bgHmMS.jpg) 0 0 no-repeat;}

#bodyPage #headerMenu ul li a.active, #bodyPage #headerMenu ul li a:hover, #bodyPage #headerMenu ul li a:focus {color:#fff;}
#bodyPage #headerMenu ul a:hover span, #bodyPage #headerMenu ul a:focus span, #bodyPage #headerMenu ul a.active span{ background-position:0px -35px;}


/*#headerMenu ul li a span{display:none;position:absolute; top:55px; right:-1px;=right:0px;width:30px;height:15px; background: url(../imgs/bgHeaderMenuItemLastAppend1.gif) 0px 0px no-repeat;}
#headerMenu ul li a.active span, #headerMenu ul li a:hover span{display:block; z-index:100;}*/


#footer{height:116px;width:970px;text-align:left;color:#003375; position:relative; margin-top:-14px;background:url(../imgs/bgFooter.gif) 0px 0px no-repeat;}
#footer p {font-size:0.75rem; padding:18px 20px 0px 20px; text-align:left;}
/*#footer a {color:#93c8d7;}
#footer a:hover {color:#ccc;}*/
#counter {display:none;}


/* Menu - col1 */
#col1 .ekoSkola, #col1 .cambridgePark, #col1 .zdraveZuby, #col1 .ovoceDoSkol, #col1 .zdravaSkola, #col1 .sablony {padding:25px 0px 10px 0px; margin:0px; text-align:center;}
#col1 .facebook {padding:25px 10px 10px 10px; margin:0px; text-align:center;}
#col1 .logolinkVertical {padding:25px 0px 10px 0px; margin:0px; text-align:center;}
/* 1. level */ 
#col1 .box {padding:0px 0px 0px 0px; margin:0px; background:url(../imgs/bgCol1BoxMiddle.gif) 0 0 repeat-y;}
#col1 .box h2 {padding:7px 10px 5px 15px; margin:0px; background:url(../imgs/bgCol1BoxTop.gif) 0 0  no-repeat; color:#306979;}

#col1 ul {list-style-type:none;padding:0px 0px 3px 0px; margin:0px; background:url(../imgs/bgCol1BoxBottom.gif) 0% 100% no-repeat;}
#col1 ul li{padding:0px 0px 1px 0px; margin:0px; display:block; background:url(../imgs/bgCol1BoxMenuItem.gif) 0 0 no-repeat;}
#col1 ul li a{display:block; position:relative; color:#306979;/*background: #93C8D8 url(../imgs/bgMenuItemPassiveTop.gif) 0px 0px no-repeat;min-height:17px;*/  padding:5px 10px 5px 15px;/*_height:27px;*/ text-decoration:none; font-size:0.875rem; font-weight:bold; margin:0 3px 0px 1px;}
#col1 ul li a:hover, #col1 ul li a:focus { background: #B7D6DF url(../imgs/bgMenuItemActiveTop.gif) 0px 0px no-repeat;}
 #col1 ul li a.active{color:#FFF; background: #6FAEBF url(../imgs/bgMenuItemActiveTop.gif) 0px 0px no-repeat;}
/* 2. level */
#col1 ul li ul{padding:0px; background:none;}
#col1 ul li ul li{}
#col1 ul li ul li a{font-size:0.8125rem;  padding:5px 10px 5px 28px; _height:1.5; background:#E6F6FE url(../imgs/bgMenuItemLevel2.png) 15px 9px no-repeat;}
#col1 ul li ul li a:hover, #col1 ul li ul li a:focus{background: #B7D6DF url(../imgs/bgMenuItemLevel2.png) 15px 9px no-repeat;}
#col1 ul li ul li a.active{background:#6FAEBF url(../imgs/bgMenuItemLevel2Active.png) 15px 9px no-repeat;}
/* 3. level */
#col1 ul li ul li ul{}
#col1 ul li ul li ul li{}
#col1 ul li ul li ul li a{font-size:0.75rem; font-weight:normal; padding:5px 10px 5px 35px;}
#col1 ul li ul li ul li a:hover{}
#col1 ul li ul li ul li a.active{}
/* 4. level */
#col1 ul li ul li ul li ul{}
#col1 ul li ul li ul li ul li{}
#col1 ul li ul li ul li ul li a{font-size:0.75rem; font-weight:normal;padding:5px 10px 5px 45px;}
#col1 ul li ul li ul li ul li a:hover{}
#col1 ul li ul li ul li ul li a.active{}


/* Content Styling - col2 */

/*#crumb {color:#93c8d7; font-size:12px; height:35px; overflow:hidden; line-height:1.3;}
#crumb a {color:#93c8d7;}
#crumb a:hover {color:#306979;}*/

#col2 h1{font-size:1.25rem; color:#EF8F17;padding:10px 0px .3em 0px;}
#col2 h2{font-size:1.125rem;padding:1em 0px .2em 0px;;}
#col2 h3{font-size:1rem; padding:1em 0px .2em 0px;color:#7d7d7d;}
#col2 h4{font-size:0.875rem;color:#6eb5c9;padding:3px 0px 5px 0px;line-height:1.3em;}
#col2 p{ color:#7d7d7d;color:#306979;line-height:1.5em;padding: .3em 0px .5em 0px; }
#col2 strong {font-weight:bold; }
#col2 ul{list-style-image:url(../imgs/dotTiles.gif);}
#col2 ul, #col2 ol {margin:0 0 .4em 1.5em;padding:0 10px .4em 1.5em;}
#col2 ul li, #col2 ol li{margin:.2em 0 .1em 0;padding:.2em 0 .1em 0; line-height:1.5; text-align:left;}
/*#col2 a{ color:#306979;}*/
#col2 ol.listType_a { list-style-type:lower-alpha;}

/* ====== img - content =========*/
.imgLeft, .imgRight {border:2px solid #E0EFF4;padding:1px;}
.imgLeft{float:left;margin:5px 10px 5px 0px;}
.imgRight{float:right;margin:5px 0px 5px 5px;}
.imgCenter { text-align:center;}
.imgCenter img{ border:2px solid #E0EFF4;padding:1px; margin:5px auto;}

a.galleryItem {display:block; position:relative;float:left; width:192px;_width:200px; height:145px;_height:153px;border:0px;margin:0px 15px 15px 0px; z-index:50; text-align:center;padding:4px;background-color:#E0EFF4;}
a.galleryItem img {border:0px;padding:0px;margin:0px;z-index:60;border:1px solid #999;}
/* ======= content form ==========*/
#sendMail fieldset{border:none;background-color:#FCF9E9;border-top:3px solid #B56412;border-bottom:3px solid #B56412;}
#sendMail label{display: block;float: left;width: 120px;margin: 0 2px 0 0;text-align:right;color:#333;}
.formField{color:#000;font: 100% Verdana, Arial, Helvetica, sans-serif;background-color:#FFF;width:150px;border:1px solid #B56412;padding-left:3px;}
.formArea {color:#000;font: 100% Verdana, Arial, Helvetica, sans-serif;background-color:#FFF;width:350px;border:1px solid #B56412;padding-left:3px;}
.buttonOk{background:#00CC66 url("/images/bgButtonOk.gif") repeat-x;font-size: 0.625rem;font-weight:bold;color:#FFF;border:1px solid #006600;cursor:pointer;}
.buttonKo{background:#FF9966 url("/images/bgButtonKo.gif") repeat-x;font-size: 0.625rem;font-weight:bold;color:#FFF;border:1px solid #BF0000;cursor:pointer;}
/* ====== content table=========*/
#bodyPage table{border-collapse:collapse;font-size:0.8125rem;margin:.6em 0px .6em 0px;border-bottom:3px solid #306979;border-top:3px solid #306979; text-align:left;}
#bodyPage table th{padding:.4em .3em;background-color:#E0EFF4;color:#306979;text-align:left;border:1px solid #FFF; vertical-align:top;}
#bodyPage table tr{background-color: #F9FCFF;}
#bodyPage table tr:hover, #bodyPage table tr:focus, #col2Indent table tr.hover{background-color:#EFF7FF;}
#bodyPage table td{padding:.4em .3em;border:1px solid #E3F3FD;vertical-align:top; color:#7d7d7d;color:#306979;}
#bodyPage table p{line-height:1em;}

#bodyPage table.blank{border:0px;font-size:0.875rem;margin:0px 0px 5px 0px; padding:0;}
#bodyPage table.blank tr{background-color:#E3F3FD;border:0px;}
#bodyPage table.blank tr:hover, #bodyPage table.blank tr:focus, #bodyPage table.blank tr.hover{background-color:#E3F3FD;}
#bodyPage table.blank td{padding:0px 0px;border:0px;vertical-align:top; text-align:justify;}
#bodyPage table.blank h3 {padding:5px 5px 5px 0px;}
#bodyPage table.blank h3 a {color:#DE0000;}
#bodyPage table.blank h3 a:hover, #bodyPage table.blank h3 a:focus {text-decoration:none;}

td.nowrap, th.nowrap { white-space:nowrap;}
/* ==== formular ==== */
fieldset{border:none;position:relative;}
label{}
.formField{color:#000;background-color:#FFF;width:165px;border:1px solid #5C9ECA;padding-left:3px;}
.formArea {color:#000;background-color:#FFF;width:330px;border:1px solid #5C9ECA;padding-left:3px;}
.buttonOk{font-size:0.875rem;background: #00CC66 url("../img/bgButtonOk.gif") 0px 0px repeat-x;color:#fff;cursor:pointer;border:1px solid #006600;}
.buttonKo{font-size:0.875rem;background:#FF9966 url("../img/bgButtonKo.gif") 0px 0px repeat-x;color:#FFF;cursor:pointer;border:1px solid #BF0000;}

.wShort  {width:50px;}
.wSmall  {width:150px;}
.wMedium {width:250px;}
.wLong   {width:350px;}
.wLarge  {width:450px;}

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

.newsItem { border-bottom: 1px solid  #ACD8E3; margin-bottom:15px;}

.tile { display:block; width:209px; height:182px; float:left; overflow:hidden; margin:5px 5px; padding:0; position:relative;}
.tile a {text-decoration:none; display:block; width:209px; height:182px; overflow:hidden; margin:0px; padding:0; position:relative; cursor:pointer;}
.tile a span{position:absolute;top:0px;left:0px;z-index:50; width:209px; height:182px;}

.tile a.tileZS span{background: url(../imgs/bgTileZS.jpg) 0 0 no-repeat;}
.tile a.tileZUS span{background: url(../imgs/bgTileZUS.jpg) 0 0 no-repeat;}
.tile a.tileMS span{background: url(../imgs/bgTileMS.jpg) 0 0 no-repeat;}
.tile a.tileSJ span{background: url(../imgs/bgTileSJ.jpg) 0 0 no-repeat;}
.tile a.tileBazenSauna span{background: url(../imgs/bgTileBazenSauna.jpg) 0 0 no-repeat;}
.tile a.tileTelocvicna span{background: url(../imgs/bgTileTelocvicna.jpg) 0 0 no-repeat;}

.tile a:hover span, .tile a:focus span, .tile a.active span{ background-position:0px -182px;}

.w30px  {width:30px;}
.w50px  {width:50px;}
.w70px  {width:70px;}
.w90px  {width:90px;}
.w100px {width:100px;}
.w120px {width:120px;}
.w150px {width:150px;}
.w305px {width:305px;}
.w310px {width:310px;}
.w320px {width:320px;}
.w400px {width:400px;}
.w640px {width:640px;}
.w650px {width:650px;}
.w700px {width:700px;}
.w710px {width:710px;}
.wKontakt {width:33%;}

.noBorder {border:0px;}
.textRight, .tAr {text-align:right;}
.textLeft, .tAl {text-align:left;}
.textCenter, .tAc, #bodyPage table th.textCenter, #bodyPage table th.tAc {text-align:center!important;}

a.more {padding-right:14px; background:transparent url(../images/bgMore.gif) bottom right no-repeat;}

/*.galleryItem {display:block;float:left;width:210px; width:_200px; padding:5px; height:205px;}*/

#col2 .answer {background:#ffedd9;border:1px solid #ffd7aa; padding:0 10px; margin-bottom:20px;}

#col2 .notice {background-attachment:scroll;
background-repeat:no-repeat;
background-position:15px 50%;
background-color:#ffedd9;
background-image:url('../imgs/notice.gif');
border:2px solid #ffd7aa;
 text-align:center;
 padding:0 20px 5px 50px;
 margin-bottom:20px;
}
#col2 .notice h3 {outline:0px; color:#000; line-height:1.5;}
#col2 img.obrazek { border:2px solid #D7DEE5; margin:4px 10px;}

}
@media print{
body{font-family:"Times New Roman CE", Georgia, "Times New Roman", Times, serif;color:#000;}
#headerPage, #headerMenu, .boxInfo, #colLeft, #counter, #boxCol, #bgBodyPageLeft, #bgBodyPageRight, #col1, #crumb{display:none;}
h1,h2,h3,li{page-break-inside:avoid;margin:0;}
h1{padding-top:0;margin-bottom:.5em;border-bottom:1px solid #000;}
h2,h3{padding-bottom:0;}
p{margin-top:.2em;padding:0;}
a{text-decoration:underline;font-weight:bold;}
.imgLeft{float:left;}
.imgRight{float:right;}
img{border:1px solid #000;margin:3px;}
#footer, #created{font-size:0.625rem;}
.tableDetail{border-collapse:collapse;}
td, th{border: 1px solid #000;}
th{text-align:left;}
}