/* Gradus s.r.o */
html, body, form, p, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, div, hr, form, input, fieldset, button, img { margin: 0; padding: 0; border: 0; }

/* Global classes */
.blind,
.pipe,
hr { display: none; }
.cf { height: 1%; }
.cf:after { content: "."; display: block; clear: both; visibility: hidden; overflow: hidden; height: 0; }

/* page */
body  { text-align: center; font: normal 73%/1.5 Trebuchet MS, Helvetica, sans-serif; /*background: #368ae6;*/ background: url('../images/bg-main.jpg') #aed0f5 no-repeat;  }

#logo {display: block; width: 146px; height: 86px; position: absolute; left: 0; top: 0; background: url('../images/gradus-logo.png') left top no-repeat; z-index: 10;}
#logo span {display: none;}

#main {width: 960px; margin: 0 auto; min-height: 600px; _height: 700px; text-align: left;}

/*Homepage styles*/
#home {top: 105px; position: relative; }
#home a{text-decoration:none;color:#3c73a7;font-weight:normal;}
#home a:hover{color:#3c73a7;text-decoration:underline;}

#home #topSmallSquares {height: 129px; width: 100%; float: none; margin-bottom: 20px;}
div.smallSquare {float: left; width: 174px; height: 100%; background-color: #fff; margin-right:10px; }
div.smallSquare img {margin: 10px 10px 0 10px;}
div.smallSquare span.titulek {color: #0a234b; font-size: 13px; text-align: center; display: block; margin: 0; padding: 0; text-transform: uppercase}
div.smallSquare.pink {width: 172px;background-color: #fbe7ee; margin-right:0; }
div.smallSquare.pink span.text {text-align: center; display: block; margin: 10px 10px 22px 10px; color: #79233f; font-size: 11px;}
div.smallSquare.pink span.text strong {font-size: 15px; font-weight: bold;}



#home #news .block {width: 100%; background: #fff;}

#home #news #firstBlock {width: 468px; float: left;}
#home #news #firstBlock h2, #home #news #secondBlock h2 {color: #fff; font-size: 15px; font-weight: bold;  line-height: 27px;}
#home #news #firstBlock h2 {width: 450px; _width: 464px; background: #033257; padding-left: 14px; background: #18619d url('../images/home-newsBlock1-h2-bg.gif');}
#home #news .firstBlockContent {background: #fff; padding: 17px 22px 17px 10px; width: 432px;}

#home #news #firstBlock ul {margin-top: 24px; #margin-top: 15px;}
#home #news #firstBlock p {line-height: 18px;}
#home #news #firstBlock p strong {color: #194c70; display: block; padding-bottom: 8px;}

#home #news #firstBlock ul li {color: #1a7bcc; font-size: 13px; font-weight: bold; list-style: none; background: url('../images/ul-li.gif') no-repeat left 3px; padding-left: 30px; height: 23px;}

#home #news #secondBlock {width: 476px; margin-left: 478px;}
#home #news #secondBlock h2 {_width: 262px; width: 250px; background: #18619d url('../images/home-newsBlock-h2-bg.gif'); padding-left: 12px;}
#home #news .secondBlockContent {background: transparent url('../images/t80.png') repeat; padding: 17px 22px 17px 10px; width: 432px; padding-bottom: 27px; &padding-bottom: 17px;}
#home #news .secondBlockContent div.new img {margin-right: 10px; position: relative; top: 5px;}
#home #news .secondBlockContent div.new table tr td {vertical-align: top;}
#home #news .secondBlockContent div.new h3 a {color: #194c70; margin: 0; padding: 0; font-size: 14px; text-decoration: none;}
#home #news .secondBlockContent div.new span {color: #5b5b5b; font-size: 12px; line-height: 17px;}

#home #news p {margin: 0; font-size: 100%;}

/*Subpage styles*/

#window {background: transparent url('../images/window-bg.png') no-repeat; width: 355px; height: 200px; position: relative; top: 74px; left: 602px;}
#podlaha {background: transparent url('../images/bg-podlaha.png') no-repeat; width: 405px; height: 200px; position: relative; top: 74px; left: 550px;}

/*#subpage {position: relative; bottom: -185px;}*/
#submenu {width: 225px; float: left;}
#submenu h3 {display: block; width: 195px; _width: 225px; height: 9px; _height: 40px; background: #023055 url('../images/bg-submenu-h3.gif'); color: #fff; font-size: 15px; font-weight: bold; padding: 15px;  overflow: hidden;}
#submenu h3 span {position: relative; bottom: 7px; height: 25px; line-height: 25px; overflow: hidden; display: block;}
#submenu {width: 225px; float: left;}
#submenu h3 {display: block; width: 195px; _width: 225px; height: 9px; _height: 40px; background: #023055 url('../images/bg-submenu-h3.gif'); color: #fff; font-size: 15px; font-weight: bold; padding: 15px;  overflow: hidden;}
#submenu h3 span {position: relative; bottom: 7px; height: 25px; line-height: 25px; overflow: hidden; display: block;}
#submenu ul#sub {width: 100%; padding: 0; margin: 0; list-style: none; z-index: 10}
/**#submenu ul#sub li {height: 29px; width: 100%;}**/
#submenu ul#sub li a {display: block; height: 29px; background: #daf0fa url('../images/bg-submenu-li.gif') no-repeat top left; text-decoration: none !important;}
#submenu ul#sub li.now a {display: block; height: 29px; background: #daf0fa url('../images/bg-submenu-active.png') no-repeat bottom left; text-decoration: none !important;}
#submenu ul#sub li.now a a:hover  {background: #daf0fa url('../images/bg-submenu-li.gif') repeat-x top left; background-position: 0 100%;  }
#submenu ul#sub li a:hover  { background-position: 0 100%; }
#submenu ul#sub li a span {color: #174d78; font-weight: bold; border: none; padding-left: 15px; font-size: 12px; top: 8px; bottom: 8px; position: relative;}
#submenu ul#sub li.now a span {color: #5da7fa; font-weight: bold;}

#submenu ul#sub ul {list-style: none; display: block;}
/**#submenu ul#sub ul li {height: 29px; width: 100%;}**/
#submenu ul#sub ul li a {display: block; height: 29px; background: #daf0fa url('../images/bg-submenu-li.gif') repeat-x top left; text-decoration: none !important;}
#submenu ul#sub ul li.active a {background: #daf0fa url('../images/bg-subsubmenu-active.png') repeat-x top left;}
#submenu ul#sub ul li a:hover  { background-position: 0 100%; }
#submenu ul#sub ul li a span { color: #5da7fa; font-size: 11px !important; border: none; padding-left: 15px; top: 8px; bottom: 8px; position: relative; font-weight: normal !important;}
#submenu ul#sub ul li a:hover span {color: #3078ca;}

/**#submenu menu#sub li ul li {height: 29px; width: 100%;}
#submenu menu#sub li ul li a {display: block; height: 29px; background: #daf0fa url('../images/bg-submenu-li.gif') repeat-x top left; text-decoration: none !important;}
#submenu menu#sub li ul li a:hover  { background-position: 0 100%; }
/*#submenu menu#sub li ul li a span {color: #174d78; font-weight: bold; border: none; padding-left: 15px; font-size: 12px; top: 8px; bottom: 8px; position: relative;}*/


#content {width: 730px; margin-left: 225px; _margin-left: 230px; min-height: 400px; /**max-height: 4000px;**/}
#content .breadcrumbs-navigation {background: transparent url('../images/t80.png') repeat; display: block; width: 730px; height: 40px;}
#content .breadcrumbs-navigation span.container {position: relative; left: 18px; display: block;}
#content .breadcrumbs-navigation span.container span {color: #366eab; font-size: 13px; position: relative; top: 13px; bottom: 15px;}
/*#content .breadcrumbs-navigation span strong {margin-left: 18px;}*/
/*#content .breadcrumbs-navigation span a:hover {text-decoration: none;}*/
#content div.div {margin-top: 1px; background: #fff; width: 686px; _width: 430px; _height: 156px; min-height: 150px; padding: 22px;}
#content img {border:2px solid #80BBE4; margin:10px; al}

#content p {color: #404040; font-size: 13px; margin: 5px 0 5px 0;}

#content h1 {color: #10457f; font-size: 18px; font-weight: bold; line-height: 22px;margin-bottom: 20px;}
#content h2 {color: #10457f; font-size: 14px; font-weight: bold; line-height: 22px;margin-bottom:0px;}
#content h2 a {color: #3f77b4; font-size: 16px; font-weight: bold; line-height: 24px;}
#content h3 {color: #008ebc; font-size: 15px; font-weight: bold; line-height: 22px;margin-bottom: 30px;}

.styl1 { background-color: #f8f8f8; padding: 5px; color: #999; }
.styl1 a { color: #627e2b; text-decoration: none; }
.styl1 a:hover { color: #77ae29; text-decoration: underline; }
.styl2 { background-color: #f0f9e6; padding: 10px 50px 10px 50px; color: #000; }
.styl3 { color: #999; font-style: italic; }
.styl3 a { color: #627e2b; text-decoration: none; }
.styl3 a:hover { color: #77ae29; text-decoration: underline; }

 
#content ul  { margin-left: 30px; font-size: 120%; color: #1A4971; font-weight: normal; margin-bottom: 20px; }
#content ul li { list-style-type: none; padding-left: 25px; background: #fff url('../images/ul-li.gif') no-repeat 0 5px;line-height:25px;}
#content table { width:100%; font-size: 100%; }
#content table td  { padding: 4px; background-color: #e4f9fb; }
#content table td p { font-size: 110%;}
#content table td h2 { font-size: 120%;}
#content table th { background-color: #008ebc; color: #fff; text-align: center; font-size: 120%; }
#content table .odd td { background-color: #e4f9fb; }
#content table .even td { background-color: #c6e9ec; }

#content table.clean { width:100%; font-size: 100%; }
#content  table.clean td  { background-color: #fff; vertical-align:top; }


/* menu */
#menu {background: url('../images/menu-bg.gif') right top repeat-x; height: 55px; position: absolute; display: block; width: 100%; lleft: 0; top: 0; text-align: center;}
#menu #menucover {text-align: center; width: 930px; margin: 0 auto; padding-left: 70px;}
#menu #menucover menu {position: relative; lpadding-left: 148px; top: -12px; &ltop: 0; #padding-left: 110px;  width: 818px; #margin: 0 auto 0 auto; font-size: 13px; margin: 12px auto 0 auto;}

#menu #menucover menu li {list-style-type: none; float: left; margin-right: 2px;}
#menu #menucover menu li a  { display: block; height: 47px; line-height: 47px; text-decoration: none; color: #1c71ab; text-align: center;  padding-left: 9px; padding-right: 9px; font-weight: bold; border-top: 2px solid #fff;}
#menu #menucover menu li a:hover  { border-top: 2px solid #1c71ab;}

/* footer */
#footer { background: #4a90c4 url("../images/bg_footer.png") repeat-x top;float:none; margin: 0 auto 0 auto; width:100%; clear:both; position: relative; top: 195px; text-align: left; padding-top: 25px;}
#footer img {margin:20px 0 0 0;}
#footer p { float: left;  color: #cee5f5; font-size: 11px;}
#footer p.copy  { width: 260px; left: 30px; position: relative; color: #cee5f5; font-size: 11px;}
#footer p.info-web  {position: relative; top: -25px; #top: -30px; right: 20px;  float: right; height: 50px; max-height: 50px;}
#footer a {text-decoration:none;color:#CCE7ED;}
#footer a:hover {text-decoration:underline;color:#CCE7ED;}
#footer .links	{ width: 100%; clear: both; padding-bottom: 20px; text-align: center; }
#footer .links li	{ display: inline; margin-right: 10px; list-style-type: none; }

/* Skips */
ul.skips    { font-size: 90% !important; margin: 0 !important; padding: 10px; }
ul.skips li { width: 45%; float: left;; }

/**
* FCK
*/
.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; }

#content h4 a{margin-top:30px;color:#1A4971;}
#content h4 a:hover{margin-top:30px;color:#376a95;text-decoration:none;}
#content h5 {margin:0 0 .3em 0;color:#1A4971;font-size:1.2em;}
#content p{margin-bottom:20px;font-size:1.2em;line-height:1.4em;}
#content_m p.uv{margin:0 0 .4em 0;font-size:1.2em;line-height:1.4em;text-align:justify;color:#1A4971;}
#content a{text-decoration:none;color:#3c73a7;font-weight:normal;}
#content a:hover{color:#3c73a7;text-decoration:underline;}

/**#content .message-kontakt{margin:30px 10px 0 0;/**padding:10px 0 0 10px; padding:20px;width:344px;height:188px;background: url('../images/message-kontakt.png') no-repeat;} **/
/**#content .message-links{margin:30px 0 0 0; padding:20px;width:344px;height:188px;background:url('../images/message-kontakt.png') no-repeat; position: relative; left: 355px; top: -258px; float: left;}**/

/*#content .message-kontakt {background:transparent url(../images/message-kontakt.png) no-repeat scroll 0 0; margin-top:20px; padding:20px; width:344px; top:156px;}
#content .message-links {background:transparent url(../images/message-kontakt.png) no-repeat scroll 0 0; left:355px; margin:30px 0 0; padding:20px; position:relative; width:344px;}*/

#content .message-links{background:transparent url(../images/message-kontakt.png) no-repeat scroll 0 0;height:188px;margin-left:350px;margin-top:20px;padding:20px;width:320px;}
#content .message-kontakt{background:transparent url(../images/message-kontakt.png) no-repeat scroll 0 0;float:left;height:188px;margin-top:20px;padding:20px;width:309px;}

#content .message-links {#width: 310px; #margin-left: 335px;}
#content .message-kontakt {#background:transparent url(../images/message-kontakt-msie.png) no-repeat scroll 0 0; #width: 280px; #padding: 17px;}

#content .message-kontakt p {margin:15px 0 0 0;}
.message-links p, .message-kontakt p {font-size:13px !important;color:#ab0069;}
#content .message-links h3, .message-kontakt h3{margin:0 0 6px -3px;font-weight:bold;}
#content .message-kontakt a{color:#000345;text-decoration:none;}
#content .message-kontakt a:hover{color:#d15fa5;text-decoration:underline;}
.message-links ul{margin:0 0 0 11px;padding:0;width:150px; margin: 0 !important;}
.message-links ul#ul_l{float:left; width: 100%; margin: 0 !important;}
.message-links ul#ul_r{float:left;}
.message-links ul li{font-size:13px !important; margin:0; color:#5483a6;font-weight:bold;font-size:1em; display: block; float: left; width: 130px;background: transparent url('../images/ul-li-konverze.gif') no-repeat scroll 0 10px !important;}
.message-links ul li a{text-decoration:none;color:#5483a6;}
.message-links ul li a:hover{color:#3c73a7;}

table.photogallery {margin:0 0 10px 0;border:0px solid #e2f0fd;}
table.photogallery td {border:1px solid #e2f0fd;padding:1px;background-color:#e3f4f6;color:#114367; text-align: center;font-size:12px;vertical-align:top;}
table.photogallery td p {font-size:12px;}

#contact input {border: 1px solid gray;}
#contact .btn_green {background-color: #366eab; color: #fff; height: 38px; width: 103px; cursor: Pointer; margin-top: 10px;}
.redbold {color: red; font-weight: bold;}
input{vertical-align:middle; width:390px;font-size:123.5%;font-size:17px;padding-top:6px;padding-bottom:4px;padding-left:5px;padding-right:5px;border:1px solid #83afB6;font:Trebuched;background:url(../images/bg-form.png) no-repeat 0 0;margin-left:1em;}
textarea{width:100%;}

#sitemap ul {font-size: 13px;}

.ie6fix {_margin: 200px; _border: 1px solid red;}