/* Prague College */

html, body, form, p, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, div, hr, form, input, fieldset, button, legend { margin: 0; padding: 0; }
body  { background-color: #d4e3fe; text-align: center; font: normal 73%/1.5 Trebuchet MS, Arial, Tahoma, sans-serif; }

/* Global settings */
.blind,
hr { display: none; }
fieldset,
a img  { border: 0; }

  /* Clearfix */
  .cf { min-height: 1%; _height: 1%; }
  .cf:after { content: "."; display: block; clear: both; visibility: hidden; overflow: hidden; height: 0; }
  
  /* Links */
  a { color: #464646; }
  a:hover {  }
  
  /* Headings */
  h1  { font-size: 175%; }
  h2  { font-size: 210%; line-height: 1.2em; }
  h3  { font-size: 195%; line-height: 1.2em; }
  
/* Page */
#page { width: 938px; margin: 0 auto; text-align: left; background: #699ccb url(images/bg-maincontent.jpg) no-repeat 0 152px; color: #5e666d; position: relative; }

/* Header */
#header { height: 152px; background: #fff url(images/bg-header.jpg) no-repeat 0 0; position: relative; margin-bottom: 392px; } 
.subpage #header  { margin-bottom: 23px; }
#header .logo { position: absolute; width: 189px; height: 116px; left: 30px; top: 17px; }  
#header .languages  { position: absolute; width: 114px; height: 41px; background: #fff url(images/bg-languages.gif) no-repeat 0 0; right: 14px; top: 15px; }
#header .languages a  { display: block; width: 51px; height: 30px; position: relative; left: 4px; top: 7px; overflow: hidden; line-height: 30px; text-align: center; float: left; text-decoration: none; }
#header .languages a em { position: absolute; left: 0; top: 0; width: 51px; height: 30px; cursor: pointer; cursor: hand; }
#header .languages a.cz { margin-right: 5px; }
#header .languages a.cz em  { background: transparent url(images/cz-flag.gif) no-repeat 0 0; }
#header .languages a.en em  { background: transparent url(images/en-flag.gif) no-repeat 0 0; } 

/* Menu */
#menu { position: absolute; right: 14px; top: 73px; width: 570px; height: 43px; overflow: hidden; background-color: #1e4ea2; color: #fff; }
#menu li  { list-style-type: none; float: left; height: 43px; line-height: 43px; }
#menu li.it01 { width: 59px; }
#menu li.it02 { width: 76px; }
#menu li.it03 { width: 96px; }
#menu li.it04 { width: 100px; }
#menu li.it05 { width: 69px; }
#menu li.it06 { width: 78px; }
#menu li.it07 { width: 92px; }
#menu li a  { display: block; height: 43px; color: #fff; text-decoration: none;text-transform: uppercase; background: #1e4ea2 url(images/bg-menu.gif) no-repeat 0 0; text-align: center; }
#menu li.it01 a { background-position: 0px 0; }
#menu li.it01 a:hover { background-position: 0px -43px; }
#menu li.it02 a { background-position: -59px 0; }
#menu li.it02 a:hover { background-position: -59px -43px; }
#menu li.it03 a { background-position: -135px 0; }
#menu li.it03 a:hover { background-position: -135px -43px; }
#menu li.it04 a { background-position: -231px 0; }
#menu li.it04 a:hover { background-position: -231px -43px; }
#menu li.it05 a { background-position: -331px 0; }
#menu li.it05 a:hover { background-position: -331px -43px; }
#menu li.it06 a { background-position: -400px 0; }
#menu li.it06 a:hover { background-position: -400px -43px; }
#menu li.it07 a { background-position: -478px 0; }
#menu li.it07 a:hover { background-position: -478px -43px; }

/* Maincontent */
  /* Homepage - white boxes */
  .homepage #maincontent .white-boxes { background-color: #fff; padding: 35px 0 35px 0; }
  .homepage #maincontent .white-boxes .sep  { background: #fff url(images/bg-white-boxes-separator.gif) repeat-y 452px 0; }
  .homepage #maincontent .white-boxes h2  { color: #0b458a; font-family: Myriad Pro, Tahoma, sans-serif; font-weight: normal; letter-spacing: -2px; }
  .homepage #maincontent .white-boxes .welcome  { width: 405px; float: left; position: relative; left: 47px; }
  .homepage #maincontent .white-boxes .welcome h2 { margin-bottom: 10px; }
  .homepage #maincontent .white-boxes .welcome .img { width: 145px; height: 195px; overflow: hidden; background-color: #d1e1f0; float: left; margin-top: 17px; }
  .homepage #maincontent .white-boxes .welcome .img img { position: relative; left: 5px; top: 5px; }
  .homepage #maincontent .white-boxes .welcome .txt { width: 227px; float: right; position: relative; right: 27px; background: #fff url(images/bg-welcome-text.gif) no-repeat 0 0; height: 225px; }
  .homepage #maincontent .white-boxes .welcome .txt p { padding: 19px 0 0 15px; }
  .homepage #maincontent .white-boxes .welcome .txt p.name  { padding-top: 25px; font-weight: bold; }
  .homepage #maincontent .white-boxes .welcome .txt p.name em { font-weight: normal; }
  .homepage #maincontent .white-boxes .events { width: 405px; float: right; position: relative; right: 47px; }
  .homepage #maincontent .white-boxes .events h2  { margin-bottom: 25px; }
  .homepage #maincontent .white-boxes .events .item { position: relative; padding-left: 208px; min-height: 122px; _height: 152px; padding-bottom: 29px; margin-bottom: 29px; background: #fff url(images/bg-events-separator.gif) repeat-x 0 100%; }
  .homepage #maincontent .white-boxes .events .item.last  { background: none; }
  .homepage #maincontent .white-boxes .events .item h3  { color: #195cab; font-family: Trebuchet MS, Tahoma, sans-serif; font-weight: normal; margin-bottom: 20px; }
  .homepage #maincontent .white-boxes .events .item h3 a  { color: #195cab; text-decoration: none; }
  .homepage #maincontent .white-boxes .events .item h3 a:hover  { color: #0a4387; }
  .homepage #maincontent .white-boxes .events .item .img  { position: absolute; left: 0; top: 0; width: 181px; height: 123px; background-color: #fff; border: 1px #bec6cb solid; }
  .homepage #maincontent .white-boxes .events .item .img img  { position: relative; left: 2px; top: 2px; }
  .homepage #maincontent .white-boxes .events .item .read-more a  { display: block; width: 169px; height: 44px; line-height: 44px; background: #557db1 url(images/bg-read-more.gif) no-repeat 0 0; color: #fff; text-transform: uppercase; text-align: center; text-decoration: none; }
  .homepage #maincontent .white-boxes .events .item .read-more a:hover  { background-color: #ccdbec; color: #464646; background-position: 0 100%; }
  .homepage #maincontent .promobox  { position: absolute; left: 0; top: 175px; width: 335px; height: 320px; background: #2963a8 url(images/bg-promobox.jpg) no-repeat 0 0; color: #fff; }
  
  /* Homepage - promobox */
  .homepage #maincontent .promobox h2 { text-transform: uppercase; letter-spacing: -2px; font-size: 240%; position: relative; width: 233px; height: 45px; margin: 17px 0 25px 30px; }
  .homepage #maincontent .promobox h2 em  { position: absolute; left: 0; top: 0; width: 233px; height: 45px; background: transparent url(images/heading-go-beyond.gif) no-repeat 0 0; }
  .homepage #maincontent .promobox p  { padding: 0 10px 0 31px; }
  .homepage #maincontent .promobox ul { margin-top: 8px; width: 295px; position: relative; left: 28px; }
  .homepage #maincontent .promobox li { list-style-type: none; width: 295px; height: 33px; margin-bottom: 4px; font-size: 150%; font-weight: bold; }
  .homepage #maincontent .promobox li.first a { display: block; height: 33px; line-height: 33px; background: #8baad1 url(images/bg-promobox-links.gif) no-repeat 0 0; color: #fff; text-transform: uppercase; text-decoration: none; text-indent: 25px; }
  .homepage #maincontent .promobox li.first a:hover { background-position: 0 -143px; color: #ffbe1d; }
  .homepage #maincontent .promobox li.second a { display: block; height: 33px; line-height: 33px; background: #8baad1 url(images/bg-promobox-links.gif) no-repeat 0 -37px; color: #fff; text-transform: uppercase; text-decoration: none; text-indent: 25px; }
  .homepage #maincontent .promobox li.second a:hover { background-position: 0 -180px; color: #ffbe1d; }
  .homepage #maincontent .promobox li.third a { display: block; height: 33px; line-height: 33px; background: #8baad1 url(images/bg-promobox-links.gif) no-repeat 0 -74px; color: #fff; text-transform: uppercase; text-decoration: none; text-indent: 25px; }
  .homepage #maincontent .promobox li.third a:hover { background-position: 0 -217px; color: #ffbe1d; }
  .homepage #maincontent .promobox li.fourth a { display: block; height: 33px; line-height: 33px; background: #8baad1 url(images/bg-promobox-links.gif) no-repeat 0 -110px; color: #fff; text-transform: uppercase; text-decoration: none; text-indent: 25px; }
  .homepage #maincontent .promobox li.fourth a:hover { background-position: 0 -253px; color: #ffbe1d; } 
  
  /* Subpage content */
  #content  { width: 570px; float: right; background-color: #fff; position: relative; right: 14px; min-height: 580px;}
  #content .in  { margin: 5px; background: #fff url(images/bg-content-in-gradient.gif) repeat-x 0 0; padding: 28px; }
  #content .in h1 { color: #000; margin-bottom: 20px; }
  #content .in h2 { color: #16479f; margin-bottom: 15px; font-size: 175%; }
  #content .in h3 { color: #f9b613; margin-bottom: 15px; font-size: 175%; }
  #content .in h4 { color: #fff; margin-bottom: 15px; font-size: 175%; padding: 4px; display: block; background-color: #16479f; }
  #content .in h5 { color: #000; margin-bottom: 15px; font-size: 175%; padding: 4px; display: block; background-color: #eeb21e; }
  #content .in ul { margin-bottom: 20px; }
  #content .in ol { margin-bottom: 20px; margin-left: 30px; }
  #content .in ul li { list-style-type: none; padding-left: 15px; background: url(images/bg-li.gif) no-repeat 0 5px; margin-bottom: 10px; }
  #content .in ol li { list-style: decimal; padding-left: 10px; margin-bottom: 10px; }
  #content .in p  { margin-bottom: 20px; }
  #content .in p.separator  { padding-bottom: 20px; margin-bottom: 40px; background: transparent url(images/bg-content-separator.gif) repeat-x 0 100%; }
  #content .in p.style1  { font-weight: bold; color: #1f2020; }
  #content .in p.style2  { color: #797c7e; }
  #content .in p.style3  { color: #101011; padding: 4px; background-color: #eeb21e; }
  #content .in p.style4  { color: #fff; padding: 4px; background-color: #16479f; }
  #content .in p.style5  {  color: #16479f; }
  #content table  { border-collapse: collapse; font-size: 100%; }
  #content table thead th { border: 1px #b1cce6 solid; padding: 3px; margin: 0; background-color: #deefff; color: #151616; font-weight: bold; }
  #content table tbody td { color: #797c7e; border: 1px #b1cce6 solid; }
  #content .in p#gallery img  { border: 1px #d6d6d6 solid; }
  #content .also-visit  { width: 507px; height: 94px; overflow: hidden; background: #1a5aa5 url(images/bg-also-visit.gif) no-repeat 0 0; margin-bottom: 20px; }
  #content .also-visit h2  { padding: 23px 12px 0 12px; color: #fff; margin-bottom: 8px; font-size: 115%; }
  #content .also-visit ul { position: relative; left: 17px; }
  #content .also-visit li { list-style-type: none; width: 190px; float: left; background: #1a5aa5 url(images/bg-see-also-link.gif) no-repeat 0 50% !important; }
  #content .also-visit li a { color: #81b0e8; text-decoration: none; }
  #content .also-visit li a:hover { color: #fff; text-decoration: underline; }
  
  #sidebar  { width: 335px; float: left; }
  #sidebar .submenu { background: transparent url(images/bg-submenu.png) repeat 0 0; padding: 0px 0 0 28px; margin-bottom: 25px; }
  #sidebar .submenu ul  { padding: 20px 0 20px 0; }
  #sidebar .submenu li  { width: 296px; list-style-type: none; font-size: 150%; font-weight: bold; margin-bottom: 4px; }
  #sidebar .submenu li a  { display: block; height: 32px; line-height: 32px; background: transparent url(images/bg-submenu-links.png) no-repeat 0 0; color: #fff; text-decoration: none; text-transform: uppercase; text-indent: 25px; }
  #sidebar .submenu li a:hover, #sidebar .submenu li#active a  { background-position: 0 100%; color: #ffbe1d; }
  #sidebar .submenu li ul { position: relative; left: 33px; width: 261px; margin: 12px 0 12px 0; padding: 0; }
  #sidebar .submenu li ul li { width: auto; font-size: 80%; font-weight: normal; padding-left: 15px; background: url(images/bg-submenu-li.gif) no-repeat 0 50%; margin-bottom: 2px; }
  #sidebar .submenu li ul li a  { display: inline; height: auto; line-height: 1em; background: none; text-transform: none; color: #fff; text-indent: 0; }
  #sidebar .submenu li#active ul li a { color: #fff; }
  #sidebar .submenu li#active ul li a:hover { color: #ffbe1d; }
  #sidebar .contact { background: transparent url(images/bg-sidebar-contact-form.png) repeat-y 0 0; padding: 20px 0 12px 52px; margin-bottom: 25px; }
  #sidebar .contact legend  { font-size: 115%; color: #464646; font-weight: bold; margin-bottom: 3px; position: relative; &left: -7px; }
  #sidebar .contact label { display: none; }
  #sidebar .contact p { margin-bottom: 10px; }
  #sidebar .contact p.desc  { margin-bottom: 15px; }
  #sidebar .contact input.txt { background: transparent url(images/bg-contact-form-input.png) no-repeat 0 0; border: 0; width: 230px; _width: 240px; height: 18px; _height: 23px; padding: 2px 5px 3px 5px; color: #fff; }
  #sidebar .contact p.submit  { text-align: right; }
  #sidebar .contact p.submit input  { width: 82px; height: 24px; background: transparent url(images/btn-send.png) no-repeat 0 0; border: 0; color: #2654a5; font-weight: bold; font-size: 90%; position: relative; right: 43px; }
  #sidebar .contact-banner  { background: #d6e5f5 url(images/bg-contact-form-banner.gif) no-repeat 52px 9px; padding: 15px 0 15px 104px; }
  #sidebar .contact-banner h2 { font-size: 115%; color: #464646; }
  
/* Blue boxes */
#maincontent .blue-boxes  { background: #16539d url(images/bg-blue-boxes.gif) no-repeat 0 0; height: 222px; overflow: hidden; color: #fff; clear: both; }
.subpage #maincontent .blue-boxes { background: #16539d url(images/bg-blue-boxes-sub.gif) no-repeat 0 0; height: 112px; }
#maincontent .blue-boxes h2 { font-family: Myriad Pro, Tahoma, sans-serif; font-weight: normal; letter-spacing: 0px; font-size: 180%; margin: 31px 0 5px 0; }
#maincontent .blue-boxes .photos  { width: 555px; float: left; position: relative; left: 30px; }
#maincontent .blue-boxes .photos .gallery a { display: block; background-color: #3172be; width: 84px; height: 84px; margin-right: 8px; float: left; overflow: hidden; }
#maincontent .blue-boxes .photos .gallery a.last  { margin-right: 0; }
#maincontent .blue-boxes .photos .gallery a img { position: relative; left: 5px; top: 5px; max-height: 75px; overflow: hidden; }
#maincontent .blue-boxes .photos .gallery a:hover { background-color: #4c91e3; }
#maincontent .blue-boxes .photos .view-more { margin-top: 10px; font-size: 90%; }
#maincontent .blue-boxes .photos .view-more a { color: #fff; text-decoration: none; } 
#maincontent .blue-boxes .photos .view-more a:hover { text-decoration: underline; } 
#maincontent .blue-boxes .contact { width: 235px; float: right; position: relative; right: 28px; text-align: right; }
#maincontent .blue-boxes .contact h2  { margin-bottom: 0; }
#maincontent .blue-boxes .contact .phone  { font-family: Myriad Pro, Tahoma, sans-serif; font-size: 250%; letter-spacing: -1px; }
#maincontent .blue-boxes .contact .email a  { display: block; position: relative; width: 223px; height: 28px; line-height: 28px; margin-left: 11px; text-align: center; overflow: hidden; background-color: #fcb200; text-decoration: none; }
#maincontent .blue-boxes .contact .email a em { position: absolute; left: 0; top: 0; width: 223px; height: 28px; background: transparent url(images/btn-contact-us.gif) no-repeat 0 0; cursor: pointer; cursor: hand; }
#maincontent .blue-boxes .contact .email a.cs em  { background-image: url(images/btn-contact-us-cs.gif); }
#maincontent .blue-boxes .contact .email a:hover em { background-position: 0 100%; } 
  
/* Footer */
#footer { background-color: #124c92; padding: 25px 0 55px 0; color: #fff; }
#footer h2 { font-family: Myriad Pro, Tahoma, sans-serif; font-weight: normal; letter-spacing: -2px; font-size: 180%; margin: 0px 0 5px 0; } 
#footer .partners { width: 441px; float: left; position: relative; left: 30px; }
#footer .partners ul  {  }
#footer .partners ul li  { list-style-type: none; width: 125px; height: 45px; overflow: hidden; float: left; margin-right: 9px; margin-bottom: 9px; }
#footer .partners ul li a { display: block; height: 45px; line-height: 45px; color: #fff; text-align: center; text-decoration: none; background-color: #195aa7; }
#footer .partners ul li a:hover { background-color: #4c91e3; }
#footer .partners ul li.last  { margin-right: 0; }
#footer .about  { width: 370px; float: right; color: #8dbef7; font-size: 95%; position: relative; right: 29px; text-align: right; }  
#footer .about a  { color: #8dbef7; }
#footer .about a:hover  { color: #fff; text-decoration: none; } 
#footer .about .menu  { margin-top: 26px; }
#footer .about .menu a { color: #fff; margin-right: 5px; }


/* JS Update */

#sitemap ul {margin: 5px 5px 2px 40px;}

/** * Basic definitions for the editing area. */
.Bold{font-weight:bold;}
.Italic{font-style:italic;}
.Underline{text-decoration:underline;}
.StrikeThrough{text-decoration:line-through;}
.Subscript{vertical-align:sub;font-size:smaller;}
.Superscript{vertical-align:super;font-size:smaller;}
.FontComic{font-family:'Comic Sans MS';}
.FontCourier{font-family:'Courier New';}
.FontTimes{font-family:'Times New Roman';}
.FontSmaller{font-size:smaller;}
.FontLarger{font-size:larger;}
.FontSmall{font-size:8pt;}
.FontBig{font-size:14pt;}
.FontDouble{font-size:200%;}
.FontColor1{color:#ff9900;}
.FontColor2{color:#0066cc;}
.FontColor3{color:#ff0000;}
.FontColor1BG{background-color:#ff9900;}
.FontColor2BG{background-color:#0066cc;}
.FontColor3BG{background-color:#ff0000;}
.Indent1{margin-left:40px;}
.Indent2{margin-left:80px;}
.Indent3{margin-left:120px;}
.JustifyLeft{text-align:left;}
.JustifyRight{text-align:right;}
.JustifyCenter{text-align:center;}
.JustifyFull{text-align:justify;}
code{font-family:courier,monospace;background-color:#eeeeee;padding-left:1px;padding-right:1px;border:#c0c0c0 1px solid;}
kbd{padding:0px 1px 0px 1px;border-width:1px 2px 2px 1px;border-style:solid;}
blockquote{color:#808080;}

div.contact-form  table {width: 400px;}
div.contact-form  table td { color: #797c7e; border: 0px #b1cce6 solid !important; }

#content .in p.styl1  { font-weight: bold; color: #1f2020; }
#content .in p.styl2  { color: #797c7e; }
#content .in p.styl3  { color: #101011; padding: 4px; background-color: #eeb21e; }
#content .in p.styl4  { color: #fff; padding: 4px; background-color: #16479f; }
#content .in p.stye5  {  color: #16479f; }

.styl1  { font-weight: bold; color: #1f2020; }
.styl2  { color: #797c7e; }
.styl3  { color: #101011; padding: 4px; background-color: #eeb21e; }
.styl4  { color: #fff; padding: 4px; background-color: #16479f; }
.stye5  {  color: #16479f; }

span.separator  { padding-bottom: 20px; background: transparent url(images/bg-content-separator.gif) repeat-x 0 100%; display: block;}

.mezera1 {display: block; height: 20px;}
.mezera2 {display: block; height: 50px;}
.mezera3 {display: block; height: 150px;}
.separator  { padding-bottom: 20px; background: transparent url(images/bg-content-separator.gif) repeat-x 0 100%; display: block;}

/*.contact-form2 { background: #f1f3f6 url( ) repeat-y 0 0; width: 513px; overflow: hidden; border-top: 1px #d9dade solid; border-bottom: 1px #d9dade solid; margin-top: 50px; }
.contact-form2 h2  { border-bottom: 1px #d9dade solid; font-size: 140%; font-weight: normal; text-indent: 19px; padding: 8px 0 5px 0; }
.contact-form2 form  { padding: 25px 14px 0 14px; }
*/
.contact-form2 form label  { display: none; }
.contact-form2 form p  { float: left; margin-right: 10px; _margin-right: 5px; margin-bottom: 15px; }     
.contact-form2 form p input  { background-color: #fff; color: #a0aaaf; border: 1px #d9dade solid; font-size: 140%; font-weight: normal; height: 27px; _height: 35px; padding: 4px 5px 2px 5px; margin: 0; }
.contact-form2 form p input:focus  { border-color: #9c9c9e; }
.contact-form2 form p.name { width: 512px; }
.contact-form2 form p.name input { width: 500px; _width: 512px; }
.contact-form2 form p.company { width: 512px; }
.contact-form2 form p.company input { width: 500px; _width: 512px; }
.contact-form2 form p.email { width: 512px; }
.contact-form2 form p.email input { width: 500px; _width: 512px; }
.contact-form2 form p.phone { width: 310px; }
.contact-form2 form p.phone input { width: 300px; _width: 310px; }
.contact-form2 form p.question { width: 677px; }
.contact-form2 form p.question textarea  { padding: 5px; border: 1px #d9dade solid; width: 500px; _width: 510px; background-color: #fff; color: #a0aaaf; font-size: 140%; font-family: Trebuchet MS, Tahoma, sans-serif; } 
.contact-form2 form p.question textarea:focus  { border-color: #9c9c9e; }
.contact-form2 form p.bottom { width: 500px; margin: 0; padding-bottom: 15px; }
.contact-form2 form p.bottom .info { width: 305px; float: left; font-size: 75%; }
.contact-form2 form p.bottom .info a { color: #22adce; }
.contact-form2 form p.bottom br  { display: none; }
.contact-form2 form p.bottom input.submit  { display: block; width: 85px; height: 24px; float: right; overflow: hidden; line-height: 24px; padding: 0 0 5px 0; color: #fff; font-size: 90%; text-align: center; background: #868686 url(images_/btn-send.gif) no-repeat 0 0; border: 0; cursor: pointer; cursor: hand; }
.contact-form2 form p.bottom input.submit:hover   { background-position: 0 100%; }

#content.services .in { margin-top: 15px; padding-top: 5px; }
#content.services .in h1  { text-transform: uppercase; }
#content.services .in li  { background: none; padding: 0; margin-bottom: 5px; }
#content.services .in li a  { display: block; width: 510px; height: 107px; overflow: hidden; color: #16479f; text-decoration: none; font-size: 150%; text-transform: uppercase; }  
#content.services .in li a span { position: relative; left: 260px; top: 41px; }
#content.services .in li.it01 a { background: #e2effd url(images/bg-services-it01.jpg) no-repeat 0 0; }
#content.services .in li.it02 a { background: #e2effd url(images/bg-services-it02.jpg) no-repeat 0 0; }
#content.services .in li.it03 a { background: #e2effd url(images/bg-services-it03.jpg) no-repeat 0 0; }
#content.services .in li.it04 a { background: #e2effd url(images/bg-services-it04.jpg) no-repeat 0 0; color: #ffb602; }
#content.services .in li a:hover  { background-position: 0 100%; }


/* None table */

table.none-border {}
table.none-border td {border: 0px !important;}

