/***************************************************************************************************************************/
/*     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;
*/

/**************************************************************************************************************************/
/****************************************************** RESET *************************************************************/
/* Default font settings. The font-size percentage is of 16px. (0.75 * 16px = 12px) */
html { font-size: 62.5%; }
body { color:#1F1F1F; background:#BEBEBE /*url(../images/bg.jpg) repeat-x*/; font-family:"Arial Regular", Arial, Helvetica, sans-serif; font-size:1.2em; height: 100%;  }
* { margin:0; padding:0; }
@font-face { font-family:'Gunplay Regular'; src:url('gunplay.eot'); src:local('Gunplay Regular'), local('Gunplay'), url('gunplay.woff') format('woff'), url('gunplay.otf') format('opentype'), url('gunplay.svg#Gunplay') format('svg'); }


/**************************************************************************************************************************/
/****************************************************** PAGE **************************************************************/
html, body, #page { /*height:100%;*/ }
/*body > #page { height:auto; min-height:100%; }*/
#page { width:966px; margin:0 auto; position:relative; margin-bottom:95px; background:#E6E6E6 url(../images/content-line.png) repeat-y; margin-top:414px; }


/***************************************************************************************************************************/
/******************************************************* BODY **************************************************************/
body { }
#body { padding:0; margin:0; }
a { overflow:hidden; color:black; }


/***************************************************************************************************************************/
/****************************************************** HEADER *************************************************************/
#header { margin:3px; display:block; width:960px; height:361px; background:url(../images/header.png) no-repeat bottom; margin-bottom:69px; top:-441px; left:0; position:absolute; }
#header .logo { width:227px; height:65px; position:absolute; top:60px; left:0; font-size:2em; /*color:transparent;*/ }
#header .logo span { width:227px; height:65px; position:absolute; top:0; left:0; background:url(../images/logo.png) no-repeat; display:block; }
/*#header .motto { width:388px; height:28px; position:absolute; top:94px; right:0; font-size:2em; }
#header .motto span { width:388px; height:28px; position:absolute; top:0px; right:0; background:url(../images/motto.png) no-repeat; display:block; }
*/
#header #search { width:204px; height:42px; position:absolute; top:94px; right:0; background:url(../images/search.png) no-repeat; }
#header #search .input { width:; height:; position:absolute; left:0; line-height:1.6em; padding:5px 2px; top:8px; border:none; background:transparent; }
#header #search .send { height:42px; overflow:hidden; position:absolute; right:0; top:0; width:50px; border:none; cursor:pointer; background:url(../images/search.png) no-repeat right top; }
#header #search .send span { height:42px; position:absolute; right:3px; top:-14px; width:50px; background:url(../images/search.png) no-repeat right top; cursor:pointer; }

/***************************************************************************************************************************/
/****************************************************** CONTENT ************************************************************/
#content { background:#E6E6E6 url(../images/content-line.png) repeat-y; width:966px; padding-bottom:9px; padding-top:15px; }
#content #content-top { height:7px; background:url(../images/content-top.png) no-repeat; position:absolute; left:0; top:-5px; width:966px; }
#content #content-bottom { height:7px; background:url(../images/content-bottom.png) no-repeat; position:absolute; bottom:-5px; left:0; width:966px; }
#content h1,
#content h2 { color:#C0040B; font-size:1.6em; font-weight:bold; line-height:2em; }
#content h1 { font-size:2em; line-height:1.5em; }
#content .clear { position:relative; display:block; float:none; clear:both; visibility:hidden; }
#contactForm {}

#content #text { width:653px; position:relative; display:block; float:right; padding-right:15px; }
#content .separator { background:#AAAAAA url(../images/hr.png) repeat-x; height:2px; border:none; margin:20px 0 5px 0; clear:both; }
#content #text .h2 { color:#C0040B; }
#content #text .back { color:#C0040B; float:right; margin-top:10px; }
#content #text .date { color:#646464; font-style:italic; margin-bottom:3px; }
#content #text .referencePict { margin:0 0 15px 20px; border:#646464 solid 1px; float:right; }
#content #text .chooseReferenceTitle { color:#1E1E1E; padding-left:40px; font-size:1.4em; background:url(../images/reference.png) no-repeat; }
#content #text .oneOfChooseReferenceBox { width:215px; float:left; }
#content #text .oneOfChooseReferenceTitle { font-size:1.1em; font-weight:normal; margin:0 5px 5px 5px; }
#content #text .oneOfChooseReferencePicture { border:none; }
#content #text .oneOfChooseReferencePicture img { border:#646464 solid 1px; margin:5px; }
#content .hiddenSeparator { background:none; height:0px; border:none; margin:0; clear:both; visibility:hidden; }

#content #text .photogalery {  }
#content #text .photogalery li { list-style:none; margin:5px; float:left; }
#content #text .photogalery .pictures { width:162px; height:122px; }
#content #text .photogalery .pictures img { border:#646464 solid 1px; }
#content #text .attachmnets { margin:5px; margin-left:40px; }
#content #text .attachmnets li { list-style:disc; line-height:1.4em; color:#C0040B; }
#content #text .attachmnets .oneAttachmnet { color:#C0040B; }

#content #left-box { width:258px; position:relative; display:block; float:left; /*height:300px;*/ padding-left:20px; padding-right:20px; }
#content #left-box #submenu { width:252px; position:relative; display:block; background:#DCDCDC url(../images/submenu-line.png) repeat-y; /*padding-left:20px; padding-right:20px;*/ }
#content #left-box #submenu li { list-style:none; display:block; padding:0px 20px 0px 29px; line-height:2em; }
#content #left-box #submenu li a { font-size:1.3em; color:#C0040B; text-decoration:none; /*display:block;*/ font-weight:bold; text-decoration:underline; }
#content #left-box #submenu li li { padding:0; }
#content #left-box #submenu li li a { color:#1E1E1E; font-weight:normal; font-size:1em; }
#content #left-box #submenu li a:link { }  
#content #left-box #submenu li a:visited { }    
#content #left-box #submenu li a:active { }
#content #left-box #submenu li a:hover,
#content #left-box #submenu li a.selected { text-decoration:none; }

#content #left-box #submenu .top { width:252px; display:block; background:url(../images/submenu-top.png) no-repeat; height:6px; padding:0; padding-bottom:8px; }
#content #left-box #submenu .bottom { width:252px; display:block; background:url(../images/submenu-bottom.png) no-repeat bottom; height:6px; padding:0; padding-top:8px; }
#content #left-box .banners { border:none; margin-top:10px; width:252px; height:62px; display:block; }
#content #left-box .banners img { border:none; }
#content #mapsgoogle { margin:10px 0; border:#CDCDCD solid 1px; background:#F7F7F7; padding:1px; }

/***************************************************************************************************************************/
/******************************************************* MENU **************************************************************/
#main-menu { position:absolute; top:-73px; left:3px; background:#C11115 url(../images/menu-bg.png) repeat-x; height:66px; width:940px; padding:0 10px; }
#main-menu li { list-style:none; float:left; display:block; position:relative; }
#main-menu .admin { /*min-width:110px;*/ }
#main-menu li.left { background:url(../images/menu-left.png) no-repeat; position:absolute; top:0px; left:-3px; width:9px; height:65px; }
#main-menu li.right { background:url(../images/menu-right.png) no-repeat; position:absolute; top:0; right:-3px; width:9px; height:65px; }
/*#main-menu li .item { font-family:'Gunplay Regular', Verdana; font-size:1.6em; color:#FEB8B8; text-decoration:none; padding:23px 15px; display:block; font-weight:600; background:url(../images/menu-separator.png) no-repeat right; }*/
#main-menu li .item { font-size:1.1em; color:#FEB8B8; text-decoration:none; padding:23px 0px; display:block; font-weight:bold; position:relative; height:14px; margin:3px 0; left:0px; }
#main-menu li .item span { position:absolute; top:0px; left:0; height:6px; display:block; background:url(../images/main-menu.png) no-repeat; height:60px; }
#main-menu li .last { background:none; }
#main-menu li .item:link { }
#main-menu li .item:visited { }
#main-menu li .item:active { }
#main-menu li .item:hover { color:white; }

/*#main-menu li .selected { font-family:'Gunplay Regular', Verdana; font-size:1.6em; color:white; text-decoration:none; padding:23px 12px; display:block; font-weight:bold; }*/
#main-menu li .uvod { width:75px; }
#main-menu li .uvod span { left:0; background-position:0 0; width:75px; }
#main-menu li .uvod.selected span,
#main-menu li .uvod:hover span { background-position:0 -60px; }

#main-menu li .o-spolecnosti { width:154px; }
#main-menu li .o-spolecnosti span { background-position:-75px 0; width:154px; }
#main-menu li .o-spolecnosti.selected span,
#main-menu li .o-spolecnosti:hover span { background-position:-75px -60px; }

#main-menu li .aktuality { width:118px; }
#main-menu li .aktuality span { background-position:-229px 0; width:118px; }
#main-menu li .aktuality.selected span,
#main-menu li .aktuality:hover span { background-position:-229px -60px; }

#main-menu li .reference { width:117px; }
#main-menu li .reference span { background-position:-347px 0; width:117px; }
#main-menu li .reference.selected span,
#main-menu li .reference:hover span { background-position:-347px -60px; }

#main-menu li .certifikaty { width:132px; }
#main-menu li .certifikaty span { background-position:-464px 0; width:132px; }
#main-menu li .certifikaty.selected span,
#main-menu li .certifikaty:hover span { background-position:-464px -60px; }

#main-menu li .poptavka { width:115px; }
#main-menu li .poptavka span { background-position:-596px 0; width:115px; }
#main-menu li .poptavka.selected span,
#main-menu li .poptavka:hover span { background-position:-596px -60px; }

#main-menu li .kariera { width:97px; }
#main-menu li .kariera span { background-position:-711px 0; width:97px; }
#main-menu li .kariera.selected span,
#main-menu li .kariera:hover span { background-position:-711px -60px; }

#main-menu li .kontakt { width:117px; }
#main-menu li .kontakt span { background-position:-808px 0; width:117px; }
#main-menu li .kontakt.selected span,
#main-menu li .kontakt:hover span { background-position:-808px -60px; }


/* NAVIFATION-LANGUAGE */
#navigation-lng-top {}


/***************************************************************************************************************************/
/****************************************************** FOOTER *************************************************************/
#footer { height:81px; background:#D2D2D2 url(../images/footer-bg.png) repeat-x; position:relative; margin-top:-81px; height:81px; clear:both; color:#646464; }
#footer #block { width:940px; height:41px; margin:0 auto; padding:20px; }
#footer .left{ background:url(../images/footer-logo.png) no-repeat; margin:0 10px; padding:10px 0 10px 110px; }
#footer .right { float:right; padding:10px; }
#footer .right a,
#footer .left a { color:#646464; }


#error404 { padding:10px 40px; }
#error404 p { line-height:1.5em; }
#error404 ul { margin:0px; }
#error404 ul li { list-style:none; line-height:1.7em; margin-left:20px; color:#C0040B; }
#error404 ul li a { color:#C0040B; }
#error404 ul ul li { list-style:disc; }
#error404 ul ul ul li { list-style:circle; }

/***************************************************************************************************************************/
/******************************************************* ADMIN *************************************************************/
/* EDIT obtakajici */
#body #administrace { position:absolute; top:0; right:0; background:black; padding:2px 10px; color:white; }
.add { background:#205823; color:white; padding:3px 5px 2px 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:3px 5px; position:relative; margin:0; height:20px; line-height:20px; display:block; width:auto; }
.edit a { color:white; float:right; }
.edit .btnSortUpInactive,
.edit .btnSortDownInactive { float:right; }
.absolut { top:0; left:0; position:absolute; }

#body #content-admin { padding:10px 20px; }
#body #content-admin .admin-main-menu { margin:10px 20px; }
#body #content-admin .admin-main-menu li { list-style:none; line-height:20px; }
#body #content-admin .admin-main-menu li a { color:white; }
#body #content-admin .admin-main-menu li ul { margin-left:30px; }

#contentnow { width:301px; height:83px; margin:50px auto; }
#contentnow h1 { text-align:center; width:301px; }
#contentnow img { text-align:center; width:301px; }


/***************************** CSS FORM *******************************/

#basicform { width:500px; }
#basicform fieldset { border:0; padding:0px; margin:0px; position:relative; float:none; clear:both; }
#basicform fieldset legend { font-size:1.4em; color:#C0040B; padding-bottom:10px; }
#basicform .contact { margin:5px; padding:5px; border:none; }
#basicform label { display:block; width:150px; float:left; padding-right:10px; text-align:right; padding-top:4px; }
#basicform select,
#basicform input { width:200px; display:block; float:left; margin-bottom:5px; border:#CDCDCD solid 1px; padding:2px; }
#basicform span.hint { background:/*#ffffcc url(../images/32delete.png) no-repeat right*/; color:red; padding:5px 30px 0px 5px; display:block; float:left; }
#basicform .welldone span.hint { background:/*#9fd680*/ white url(../images/32accept.png) no-repeat right; color:white; }
#basicform .kindagood span.hint { background:#ffffcc url(../images/32delete.png) no-repeat right; }
#basicform .welldone { }
#basicform .kindagood { }
#basicform .sendd { width:auto; cursor:pointer; }
#basicform .hidden { visibility:hidden; padding:0; border:0; width:160px; }
#basicform span.hintt { color:red; padding:3px 10px 0px 5px; display:block; float:left; }
#basicform textarea { width:300px; height:100px; margin-bottom:5px; border:#CDCDCD solid 1px; padding:1px; font-size:110%; font-family:"Arial Regular", Arial, Helvetica, sans-serif; }
#basicform .error { background:#C1060C; padding:5px; padding-left:10px; }
#basicform .error li { color:white; list-style:none; line-height:1.3em; font-size:110%;  }
#basicform .success { background:#237302; padding:5px; padding-left:10px; }
#basicform .success li { color:white; list-style:none; line-height:1.3em; font-size:110%;  }

/**************************** CSS FORM *******************************/