/***************************************************************************************************************************/
/*     FONT-PATTERNS
-------------------------
* ARIAL
      font-family: "Arial CE", Arial, "Helvetica CE", helvetica, sans-serif;
* VERDANA
      font-family: "Verdana CE", Verdana, "Arial CE", Arial, "Lucida Grande CE", lucida, "Helvetica CE", sans-serif;
* TAHOMA
      font-family: "Tahoma CE", Tahoma, "Arial CE", Arial, "Helvetica CE", lucida, sans-serif;
* TIMES NEW ROMAN
      font-family: "Times New Roman CE", "Times New Roman", "Times New CE", "Times CE", times, serif;
* COURIER NEW
      font-family: "Courier New CE", "Courier CE", "Courier New", courier, monospace;
* GEORGIA
      font-family: "Georgia CE", Georgia, "Times New CE", "New York CE", "Times CE", times, serif;
* IMPACT
      font-family: "Impact CE", "Arial CE", "Techno CE", "Helvetica CE", Impact, lucida, sans-serif;
* CCOMIC SANS MS
      font-family: "Comic Sans MS CE", "Comic Sans MS", "Arial CE", Arial, "Sand CE", "Helvetica CE", lucida, fantasy;
*/


/****************************************************** pouzite fonty *************************************************************/
/* Myriad Pro
     @font-face {font-family: Myriad Pro Light; font-weight: 200; src: url('../images/MyriadPro-Light.otf')}
     @font-face {font-family: Myriad Pro; src: url('../images/MyriadPro-Regular.otf')}
     @font-face {font-family: Myriad Pro Semibold; font-weight: 600; src: url('../images/MyriadPro-Semibold.otf')}
     @font-face {font-family: Myriad Pro Bold; font-weight: 700; src: url('../images/MyriadPro-Bold.otf')}
     @font-face {font-family: Myriad Pro Black; font-weight: 800; src: url('../images/MyriadPro-Black.otf')}

* ARIAL
      font-family: "Arial CE", Arial, "Helvetica CE", helvetica, sans-serif;
*/

/**************************************************************************************************************************/
/****************************************************** 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, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, menu,
td { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; color:#666766; }
body { line-height:1; }
ol, ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after, q:before,
q:after { content:''; content:none; }

:focus { outline:0; }

ins { text-decoration:none; }
del { text-decoration:line-through; }

table { border-collapse:collapse; border-spacing:0; }
hr.separate { border:none; visibility:hidden; display:block; clear:both; }

@font-face {font-family: Myriad Pro Bold; font-weight: 700; src: url('../images/MyriadPro-Bold.otf')}


/***************************************************************************************************************************/
/******************************************************* BODY **************************************************************/
body { font-family: "Arial CE", Arial, "Helvetica CE", helvetica, sans-serif; background:#ccc; font-size:90%; background:white url(../images/bg-body.png) repeat-x; }
body#body { margin:0; padding:0; }
body #content a { color:#FE2A2A !important; }
body.blue { background:white url(../images/bodyBgNastavby2.png) repeat-x; }
body.blue.khakhi { background:white url(../images/khaki-repeat.jpg) repeat-x 41% 0; }


/**************************************************************************************************************************/
/***************************************************** INDEX **************************************************************/
/************************************************** index-body ************************************************************/
#index-body { background: #E5E5E5 url(../images/bg-body-index.png) repeat-x; padding:0; }

/*************************************************** index-page ***********************************************************/
#index-page { margin:0 auto; width:948px; position:relative;  }

/*************************************************** index-header **********************************************************/
#index-header { height:137px; }
#index-header h1 { font-size:180%; margin:0px auto; width:600px; height:100%; position:relative; }
#index-header h1 span { height:100%; width:100%; position:absolute; top:0; left:0; background:url(../images/clearmont-logo-4.jpg) no-repeat; }

/*************************************************** index-content *********************************************************/
#index-content { height:101px; }

/**************************************************** index-menu ***********************************************************/
#index-main-menu { display:block; background:url(../images/bg-menu.png) no-repeat left bottom; width:915px; height:253px; padding:0 0 246px 0; overflow:hidden; }
#index-main-menu li { list-style:none; float:left; margin-right:5px; }
#index-main-menu li a { font-size:130%; text-decoration:underline; color:black; width:205px; height:233px; display:block; text-align:center; position:relative; padding:10px; }
#index-main-menu li a span { background-repeat:no-repeat; background-position:left top; position:absolute; top:0; left:0; width:100%; height:100%; }
#index-main-menu li#menu-stavby a span { background-image:url(../images/rozcestnik-stavby.png); }
#index-main-menu li#menu-kovani a span { background-image:url(../images/rozcestnik-kovani.png); }
#index-main-menu li#menu-sklo-technika a span { background-image:url(../images/rozcestnik-sklo-technika.png); }
#index-main-menu li#menu-nastavby { margin: 0; }
#index-main-menu li#menu-nastavby a span { background-image:url(../images/rozcestnik-nastavby.png); }
#index-main-menu li a:hover span { background-position:0 -253px; }

/*************************************************** index-footer **********************************************************/
#index-footer { margin-top:20px; display:none; height:200px; }


/**************************************************************************************************************************/
/******************************************************* PAGE *************************************************************/
#page { margin:0 auto; width:960px; position:relative;  }


/***************************************************************************************************************************/
/****************************************************** HEADER *************************************************************/
#header { height:370px; position:relative; width:1080px; margin:0 auto; background:url(../images/header-bg.png) no-repeat bottom; }
#header cite#header-h1,
#header #h1 { font-size:190%; position:absolute; top:170px; left:158px; z-index:5; color:black; font-style:normal; font-weight:bold; }
#header #logo { font-size:180%; width:451px; height:103px; position:relative; left:0; top:7px; font-weight:bold; color:black; margin:0 auto; display:block; }
#header #logo span { position:absolute; width:100%; height:100%; top:0; left:0; background:url(../images/logo-clearmont.jpg) no-repeat; cursor:pointer; }
#header #left-simb { position:absolute; bottom:0; left:-56px; width:188px; background:url(../images/header-bg-left.png) no-repeat; height:260px; }
#header #right-simb { position:absolute; bottom:0; right:-60px; width:185px; background:url(../images/header-bg-right.png) no-repeat; height:260px; }
#header #headerPict { top:130px; left:118px; position:absolute; width:840px; height:220px; }

#header #imageContainer { height:200px; position:relative; margin:auto; width:840px; }
#header #imageContainer img { display:none; position:absolute; top:0; left:0; z-index:5; }

#header #imageContainer img {  }
#header #headerPict span#main-pict-border { position:absolute; top:0; left:0; background:url(../images/main-pict-bg.png) no-repeat; z-index:5; width:840px; height:221px; }
.blue #header #headerPict span#main-pict-border { background:url(../images/main-pict-bg1.png) no-repeat; }
#header #headerPict cite#main-pict-cite { position:absolute; top:117px; right:0px; background:url(../images/main-pict-cite-line.png) repeat-x; z-index:5; height:44px; padding:28px 8px 25px 25px; color:white; font-size:150%; font-style:normal; }
#header #headerPict #main-pict-cite-right { position:absolute; top:0px; right:-17px; background:url(../images/main-pict-cite-right.png) no-repeat; z-index:5; height:93px; width:17px; }
#header #headerPict #main-pict-cite-left { position:absolute; top:0px; left:-6px; background:url(../images/main-pict-cite-left.png) no-repeat; z-index:5; height:75px; width:6px; }

.blue #header #headerPict cite#main-pict-cite { background:url(../images/main-pict-cite-line-blue.png) repeat-x; }
.blue #header #headerPict #main-pict-cite-right { background:url(../images/main-pict-cite-right-blue.png) no-repeat; }
.blue #header #headerPict #main-pict-cite-left { background:url(../images/main-pict-cite-left-blue.png) no-repeat; }


body.blue #header { /*width:1393px; background:url(../images/headerBgNastavby.png) no-repeat bottom;*/width:960px; background:url(../images/headerMainBg.jpg) no-repeat bottom; height:371px; }
body.blue #header #logo { font-size:180%; top:0px; left:346px; width:268px; height:105px; }
body.blue #header #logo span { width:268px; height:105px; top:0; left:0; background:url(../images/logoBlue.png) no-repeat 0 0; }
body.blue #header #headerPict { top:130px; left:61px; position:absolute; width:840px; height:220px; }

body.blue #header .symbLeft { width:216px; height:262px; position:absolute; top:109px; left:-216px; display:block; background:url(../images/headerSymbLeft.jpg) no-repeat; }
body.blue #header .symbRight { width:217px; height:262px; position:absolute; top:109px; right:-216px; display:block; background:url(../images/headerSymbRight.jpg) no-repeat; }


.blue.khakhi #header { width:960px; background:url(../images/khaki-header.jpg) no-repeat bottom; height:371px; }
body.blue.khakhi #header .symbLeft { width:216px; height:262px; position:absolute; top:109px; left:-216px; display:block; background:url(../images/headerKhakiSymbLeft.jpg) no-repeat; }
body.blue.khakhi #header .symbRight { width:217px; height:262px; position:absolute; top:109px; right:-216px; display:block; background:url(../images/headerKhakiSymbRight.jpg) no-repeat; }


/***************************************************************************************************************************/
/****************************************************** CONTENT ************************************************************/
#content { min-height:300px; width:496px; float:left; margin-left:202px; padding:15px 30px; line-height:160%; z-index:10; }
#content h1 {  color:#BC2025; line-height:200%; font-size:120%; padding-bottom:10px; }
#content h2,
#content h2 * {  color:#BC2025; line-height:200%; font-size:110%; }
#content .red { color:#BC2025; }

#content ul { margin:5px 0 10px 30px; }
#content ul li{ list-style:disc; }

#content .news { width: 100%; padding-bottom:20px; overflow: hidden; }
#content .news .img { margin-right: 10px; float: left; }

#basicform {}
#basicform fieldset { border:#ECECEC solid 1px; }
#basicform legend { margin-left:26px; padding:0 5px; font-weight:bold; }
#content #basicform li { list-style:none; }
#basicform label { width:130px; margin-right:5px; text-align:right; display:block; float:left; }
#basicform input { border:#C6C6C6 solid 1px; padding:2px; }
#basicform textarea { border:#C6C6C6 solid 1px; padding:2px; }
#basicform .form-send { cursor:pointer; }

#content .photoRealisation { margin:15px 0; width:100%; overflow:hidden;}
#content .photoRealisation li { width: 164px; float:left; list-style:none; margin-right:1px; }
#content .photoRealisation li.clear { clear:both; height:1px; display:block; }
#content .photoRealisation li .img { text-align: center; width: 100%; height: 129px; margin: 0; }

#content .pagination { text-align:center; padding-top:10px; }
#content .referenceLink { float:left; margin-right:20px; }

.clprMenu { text-align:center; display:block; height:302px; }

#content .reference { padding:0; margin:0; }
#content .reference li { list-style:none; margin:0 5px 5px 0; width:160px; height:145px; /*background:#eee;*/ float:left; }
#content .reference li .link { text-decoration:none; display:block; text-align:center; }
#content .reference li .link span { text-decoration:underline; display:block; }
#content .reference li .link:hover span { text-decoration:none; }
#content .reference li .link img { display:block; margin:0 auto; }



/**************************************************************************************************************************/
/******************************************************* LEFT *************************************************************/
#left { min-height:300px; width:202px; float:left; margin-left:-758px; }
.block { width:202px; background:url(../images/block-line.png) repeat-y; min-height:66px; display:block; margin-top:15px; }
.block-header { width:202px; background:url(../images/block-top.png) no-repeat bottom; height:15px; }
.block-legend { margin-left:9px; padding:0 3px; background:white; font-weight:bold; }
.block-content { width:180px; background:url(../images/block-bottom.png) no-repeat bottom; min-height:20px; padding:16px 7px 42px 15px; line-height:140%; }
.block-content.nastavby { width:180px; background:none; min-height:20px; padding:16px 7px 42px 15px; line-height:140%; border:none; }
.block.full .block-content { padding:0 0 42px 0; width:202px; }
.block.full .block-content.nastavby { padding:0; }
.block.full .block-content.nastavby .fade { display:block; }
.block.full .block-content.nastavby .bannerGif,
.block.full .block-content.nastavby .bannerFade { margin:0; height:149px; }
#left .block.full.nastavby { background: transparent; min-height: 0; }
/*#right .block.full .block-content .bannerFade a { display:block; height:302px; }*/
#right .block.full .block-content img { border:none; }
#right .block.full.nastavby { background:none; }
#right .block.full .block-content.nastavby img { margin:0; }
/*#right .block.full .bannerFade,
#right .block.full .bannerGif { height:auto !important; margin:0; }*/
.block.nastavby .block-content { text-align:center; }

.iso9001 { margin:10px 0px; padding:5px 26px; /*background:#D9DADC;*/ }

.bannerFade,
.bannerGif { height:302px !important; margin:10px 0; }
#right .nastavby .bannerFade,
#right .nastavby .bannerGif { height:142px; }

#left .linkClearmontStavby { text-decoration:none; margin:25px 0; display:block; }
#left .linkClearmontStavby span { text-decoration:underline; font-weight:bold; padding:3px; text-align:center; display:block; color:#BC2025; }
#left .linkClearmontStavby:hover span { text-decoration:none; }


/***************************************************************************************************************************/
/******************************************************* RIGHT *************************************************************/
#right { min-height:300px; width:202px; float:right; }
#block-partners li { padding-left:0px; }
#block-partners li a { text-decoration:underline; }
#block-partners li a:hover { text-decoration:none; color:#BC2025; }

#block-aktuality {}
#block-aktuality div { margin-bottom:15px; }
.more { font-size:80%; float:right; color:#BD0000; }
.more.reference { font-weight:bold; }

#right .block img { z-index:5; border:#C0C0C0 solid 1px; margin:5px 0; }


/***************************************************************************************************************************/
/******************************************************* MENU **************************************************************/

/*************************************************** hlavni menu ***********************************************************/
.main-menu {  }
.main-menu li { list-style:none; padding:0 8px 0 0; background:url(../images/menu-border.png) repeat-x bottom; margin-bottom:6px; zoom:1; }
.main-menu li a { text-decoration:none; line-height:120%; font-weight:bold; padding-bottom:6px; display:block; }
.main-menu li a:link { }
.main-menu li a:visited { }
.main-menu li a:active { }
.main-menu li a:hover,
.main-menu li a.selected { color:#BC2025; }

/***************************************************** sub-menu ************************************************************/
.main-menu .sub-menu { }
.main-menu .sub-menu li { padding:0; /*padding-left:5px;*/ background:none; margin:0; position:relative;}
.main-menu .sub-menu li a { font-weight:normal; padding:0; line-height:130%; background:url(../images/odrazky-on.png) no-repeat left 5px; padding-left:13px; padding:2px; margin-top:1px; }
.main-menu .sub-menu li .licha { background:#ddd; }
.main-menu .sub-menu li .suda { background:#eee; }
.main-menu .sub-menu li a:link { }
.main-menu .sub-menu li a:visited { }
.main-menu .sub-menu li a:active { }
.main-menu .sub-menu li a:hover,
.main-menu .sub-menu li a.selected { color:#BC2025; background:white; /*background:url(../images/odrazky-off.png) no-repeat left 5px;*/ }
.main-menu .sub-menu li a:hover strong,
.main-menu .sub-menu li a.selected strong { color:#BC2025; }


/***************************************************************************************************************************/
/****************************************************** FOOTER *************************************************************/
#footer { display:block; height:200px; height:35px; background:url(../images/footer-line.png) repeat-x; }
#footer #footer-info { margin:0 auto; }
#footer #footer-info p { text-align:center; color:#B4B4B4; line-height:1.5; padding-top:10px; font-size:90%; }
#footer #footer-info p a { color:white; }

#footer-index { margin:25px 0 10px; clear:left; }
#footer-index p { text-align:center; line-height:1.3; color:#8B8B8B; }
#footer-index p#copyright { font-weight:bold; color:#666766; }
#footer-index a { text-decoration:none; }


/******************************************************* ADMIN *************************************************************/
/******************************************************* EDIT **************************************************************/
.add { background:#205823; color:white; padding:1px 5px 1px 30px; position:relative; margin:0 5px; }
.add a { position:absolute; top:3px; left:5px; }
.edit { background:#5C6A1D; color:#926002; color:white; padding:1px 105px 1px 5px; position:relative; margin:0 5px; }
.edit a { color:white; }
.edit .btnEditActive,
.edit .btnSortDownInactive,
.edit .btnSortDownActive,
.edit .btnSortUpActive,
.edit .btnSortUpInactive,
.edit .btnVisibleActive,
.edit .btnDeleteActive { /*position:absolute; top:3px;*/ }
.edit .btnEditActive { right:85px; }
.edit .btnSortUpActive { right:65px; }
.edit .btnSortUpInactive { right:65px; }
.edit .btnSortDownActive { right:45px; }
.edit .btnSortDownInactive { right:45px; }
.edit .btnVisibleActive { right:25px; }
.edit .btnDeleteActive { right:5px; }

/**************************************************** ADMIN-MENU ***********************************************************/
#admin-menu { position:absolute; right:0; top:0; background:black; padding:10px; }
#admin-menu li { padding:3px 5px; list-style:none; }
#admin-menu li strong { font-size:120%; color:white; }
#admin-menu li a { color:white; }
#barva1 { background:#D1EDB9; padding:5px; margin:10px 0; list-style:none; font-weight:bold; font-size:110%; }
#barva2 { background:#B9D1ED; padding:5px; margin:10px 0; list-style:none; font-weight:bold; font-size:110%; }
#barva3 { background:#EDEDB9; padding:5px; margin:10px 0; list-style:none; font-weight:bold; font-size:110%; }
#barva1 li,
#barva2 li,
#barva3 li { font-weight:normal; font-size:90%; }

/****************************************************** STR�NKA ************************************************************/
#admin-category-0 { margin-top:5px; /*min-height:800px;*/ }
.admin-category-1,
.admin-category-2,
.admin-category-3 { margin-top:5px; margin-left:30px; margin-bottom:5px; padding-bottom:25px;}
#admin-category-0 li,
.admin-category-1 li,
.admin-category-2 li,
.admin-category-3 li { line-height:1.5em; }
.admin-category-1 li { list-style:disc; }
.admin-category-2 li { list-style:circle; }
.admin-category-3 li { list-style:square; }

.admin-ul {}
.admin-ul li { padding:5px 0; }

/************************************************* KATALOG-OBJEDN�NO ********************************************************/
#admin-ordered-catalog { }
#admin-ordered-catalog th,
#admin-ordered-catalog td { padding:2px 5px; border:black solid 1px; }

/*********************************************** administrace aktualit ******************************************************/
.admin-actuality {}

/* Mapsite */
#mapsite0 { }
#mapsite0 li { font-size:18px; font-weight:bold; }
#mapsite0 .mapsite1 { margin-left:40px; }
#mapsite0 .mapsite1 li { font-size:14px; font-weight:bold; }
#mapsite0 .mapsite1 menu { margin-left:30px; }
#mapsite0 .mapsite1 menu li { font-size:12px; }


/***************************************************************************************************************************/
/******************************************************* ADMIN *************************************************************/
/* EDIT obtakajici */
.add { background:#205823; color:white; padding:1px 5px 1px 30px; position:relative; margin:0; height:20px; line-height:20px; }
.add a { position:absolute; top:3px; left:5px; }
.edit { background:#5C6A1D; color:#926002; color:white; padding:0px 0px; overflow:hidden; position:relative; margin:0; /*height:20px;*/ line-height:20px; display:block; }
.photoRealisation .edit {width:160px;}
.edit a { color:white; float:right; }
.edit .btnSortUpInactive,
.edit .btnSortDownInactive { float:right; }
.edit.noheight { height:auto; margin-top:2px; }

.terexAtlas { background:none;  }
#right .block.terexAtlas img { border:none; }