html, body {
    height: 100%;
    margin: 0;
    padding: 0;
    width: 100%;
}

#wraper {
    min-height: 100%;
    position: relative;
    width: auto;
}
#page {
  width: 1000px;
  margin: 0 auto;
  padding-bottom: 115px;
}
body#tinymce {
    background-color: #F1F1F1;
    background-image: none;
}

/* Layout rules. (Disclaimer: do not change if you're not sure you know what you're doing.) */
/* line 21, ../sass/layout.sass */
#main-cover-2 {
	margin-top: 5px;
	background: url(/uploads/roflex/bg_content.jpg) repeat-y left;
}
#main-cover-1 {
	background: url(/uploads/roflex/bg_content_bottom.jpg) no-repeat bottom;
}
#main {
   padding: 20px;
	background: url(/uploads/roflex/bg_content_top.jpg) no-repeat top;
}
#uvod #main {
   padding: 30px;
	background: url(/uploads/roflex/bg_content_top.jpg) no-repeat top;
}
/********************/
#topbanercover {
	margin-top: 5px;
	background: #e9e9e9 url(/uploads/roflex/bg_content2.jpg) repeat-y left;
}
#topbaner {
	padding: 0px;
	
	background: url(/uploads/roflex/bg_content_top2.jpg) no-repeat top;
        height: 288px;
}
#uvodnitext {padding: 30px 30px 20px;border-bottom: 1px solid #dfdfdf;}
#uvod #main-cover-2 {margin-top: 0px;}
#uvod #main {background-image: none;}

#topbaner img{
	float: left;
	margin: 0 20px 10px 0;
	border: 1px solid #fff;
}
#topbaner h1{color: #494943;}
#topbaner h2{color: #E0000F;font-size: 14px;font-weight: bold;margin-top: 10px;}
#topbaner p{margin: 0px 0px 15px 0px;}

/****topmenu***/
#block-menu-menu-topmenu{
	position: absolute;
	top: 0px;
	right: 0px;
	width: 200px;
	height: 27px;
border-radius: 0 0 8px 8px;
    background-color: #e0000f;
	padding: 0px 10px;
}
#block-menu-menu-topmenu li.leaf {
    list-style-image: none;
    list-style-type: none;
    margin: 4px 0px;
	 float: left; 
}
#block-menu-menu-topmenu a{color: #fff;padding: 5px;}
#block-menu-menu-topmenu a:hover {color: #2E2E2E;text-decoration: none;}
#block-menu-menu-topmenu a.active{color: #2E2E2E;}

/*******************/
.menu-block-1 li.leaf {list-style-image: none;list-style-type: none;}

/***************/
#uvod table {border: none;}
#uvod table td {padding: 5px 0px 10px;vertical-align: top;}
#content {
  float: left;
  width: 100%;
  margin-right: -100%;
  padding: 0px;
}

/* line 27, ../sass/layout.sass */
.sidebar {
  float: left;
}

/* line 30, ../sass/layout.sass */
#sidebar-second {
  float: right;
}

/* line 33, ../sass/layout.sass */
#footer {
    bottom: 0;
    height: 110px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 10;
	 background: #4c4c4c url(/uploads/roflex/bg_footer.jpg) repeat-x top;
}
#footer-content {
	color: #f1f1f1;
	margin: 0 auto;
	padding: 20px;
	position: relative;
	width: 980px;
}
#footer-content a {color: #f1f1f1;}

#partneri {
	font-size: 11px;
	color: #a5a5a5;
	padding-top: 10px;
}
#partneri a{color: #a5a5a5;}

#go2web {float: right;width: 200px;text-align: right;}

/* Layout Helpers */
/* line 38, ../sass/layout.sass */
#header,
#footer,
.mission,
.breadcrumb,
.node {
  clear: both;
}
#logo {
    left: 20px;
    position: absolute;
    top: 35px;
}
#logo img {margin: 0px; border: none;}

#header {
	height: 110px;
	position: relative;
	background: url(/uploads/roflex/slogan.jpg) no-repeat 326px 60px;
}
/* Sidebars width
 * --------------
 * Changing the width of the sidebars is dead easy, just change the
 * values below corresponding to the sidebar you want to modify.
 * Make sure you keep negative values as negative values.
 * For example, if I want to increase the width of the left sidebar
 * to 300px, I would have to change each '190' to '300'. */
/* line 56, ../sass/layout.sass */

#content-2column{
  margin-left: 230px;
}

#sidebar-first {
  width: 220px;
  float: left;
}


.two-sidebars .center,
.sidebar-right .center {
  margin-right: 200px;
}

/* line 70, ../sass/layout.sass */
#sidebar-second {
  width: 200px;
}

/* Columns Inner
 * -------------
 * You can change the padding inside the columns without changing the
 * width of them by just usinbg the INNER div of each column */
/* line 77, ../sass/layout.sass */
.inner {
  padding: 0;
}

/* Navigation styles
 * -----------------
 * The navigation is loaded after the content, so we need to make space
 * for it, equal to its height, so if you change the height of the navigation,
 * remember to adapt the margin top of the content and sidebars. */
/* line 85, ../sass/layout.sass */
#navigation {
	/*float: left;
	margin-left: 0;
	margin-right: -100%;*/
	padding: 0 0 0 8px;
	/*width: 100%;*/
	height: 80px;
	background: url(/uploads/roflex/bg_menu.jpg) repeat;
}

/* line 95, ../sass/layout.sass */
.with-navigation #content,
.with-navigation .sidebar {
  margin-top: 0px;
}
/*
#main{
	background-color: #ffffff;
}*/

#cntnt01moduleform_1{
	position: absolute;
	top: 55px;
	right: 0px;
	width: 220px;
	height: 30px;
	border: 1px solid #b8b8b8;
	background-color: #fff;
	
}
#cntnt01moduleform_1 label{
       display: none;
}
input.search-input{
	width: 160px;
	height: 16px;
	border: 1px solid #fff;
	font-size: 13px;
	padding: 6px 10px 6px 0px;
	float: right;
}
#cntnt01moduleform_1 .search-button 
{
	width: 40px;
	height: 30px;
	background: url(/uploads/roflex/lupa_vyhledavani.jpg) no-repeat center;
	border: 1px solid #fff;
	float: left;
	text-indent: -999px;
	text-transform: capitalize;
}
//////////////
.webform-client-form {
    float: left;
    padding: 20px 20px;
    position: relative;

}
.webform-client-form legend{
    border: 1px solid silver;
	 padding: 8px 10px;
	 background-color: #DEDEDE;
	 font-size: 16px;
	 font-weight: bold;
}
.webform-client-form label{
	float: left;
	width: 180px;
	margin: 0px 10px;
}
#webform-component-zakaznik,
#webform-component-objednavka{
		background-color: #F1F1F1;
		border: 1px solid #DEDEDE;
}
#edit-submitted-objednavka-mnozstvi-wrapper,
#edit-submitted-objednavka-mnozstvi-bm-wrapper,
#edit-submitted-objednavka-mnozstvi-lepidla-wrapper,
#edit-submitted-objednavka-hladitko-nerez-zubovka-4mm-wrapper{
	border-bottom: 1px solid #DEDEDE;
	padding-bottom: 1em;
}
#webform-component-objednavka--hladitko-nerez-zubovka-4mm #edit-submitted-objednavka-hladitko-nerez-zubovka-4mm-wrapper{padding-bottom: 30px;}
#edit-submitted-objednavka-popis-wrapper .description{margin-left: 200px;}
/* Stylesheet: roflex // layout Modified On 2022-11-02 12:20:40 */
/* Horizontal menu for the CMS CSS Menu Module */
/* by Alexander Endresen */

#menu_vert {
margin: 0px;
background: url(/uploads/roflex/bg_topmenu.jpg) repeat-x top;
height: 47px;
width: 960px;
padding: 0 10px;
}



/* Fix for Opera 8 */
.clearb { clear: both; }
#menu_vert #menuwrapper { 
   /* Fix for Opera 8 */ 
   /*   overflow: hidden;  */ 
   width: 100%;
}



#menu_vert #primary-nav, #menu_vert  #primary-nav ul { 
   list-style: none;
   margin: 0px; 
   padding: 0px; 
}
#menu_vert #primary-nav ul { 
   position: absolute; 
   top: auto; 
   display: none; 
}
#menu_vert #primary-nav ul ul { 
   margin-top: 1px;
   margin-left: -1px;
   left: 100%; 
   top: 0px; 
}
	
#menu_vert #primary-nav li { 
padding-right: 2px;
float: left; 
text-transform: uppercase;
text-shadow: 0px 1px 1px #474747;
background: url(/uploads/roflex/bg_topmenu_odelovac.jpg) no-repeat top right;
}
#menu_vert #primary-nav li li { 
   margin-left: 0px;
   margin-bottom: -1px;
   float: none; 
   position: relative; 
   text-transform: none;
   background-image: none;
   width: 230px; 
   padding: 0px;
}


#menu_vert #primary-nav a { 
display: block; 
text-decoration: none; 
color: #fff;
font-size: 12px;
font-weight: bolder;
margin: 0px;
}

#menu_vert #primary-nav li.currentpage h3{ 
margin: 0px;
text-decoration: none; 
color: #fff;
font-size: 12px;
font-weight: bolder;

background-color: #820303;
background: url(/uploads/roflex/bg_topmenu.jpg) repeat-x top;
}

#menu_vert #primary-nav li li.currentpage h3{
background-image: none;
background-color: #820303;
border-top: 1px solid #b72527;
}


#menu_vert #primary-nav a, 
#menu_vert #primary-nav li.currentpage h3{
padding: 15px 19px 12px 18px;
}

#menu_vert #primary-nav li li a {border-top: 1px solid #b72527;}

#menu_vert #primary-nav li li a, #menu_vert #primary-nav li li.currentpage h3 { 
padding: 11px 10px 9px 30px;
background-image: none;
}	
#menu_vert #primary-nav li li, #menu_vert  #primary-nav li.menuparent li.menuparent { 
background-color: #9d0405; 
}

#menu_vert #primary-nav a.menuactive,
#menu_vert #primary-nav a:hover {
background: url(/uploads/roflex/bg_topmenuhover.jpg) repeat-x top;
}

#menu_vert #primary-nav li li a.menuactive,
#menu_vert #primary-nav li li a:hover {
background-image: none;
}



/*
#menu_vert #primary-nav li.menuactive {
background: url(/uploads/roflex/bg_topmenuhover.jpg) repeat-x top;
}*/

#menu_vert #primary-nav ul.unli li.menuactive a.menuactive 
{background-color: #820303;}


/* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */
#menu_vert #primary-nav ul li.menuparent, 
#menu_vert #primary-nav ul li.menuparent:hover, 
#menu_vert #primary-nav ul li.menuparenth { 
/* arrow for menuparents */
   background-image: url(/uploads/roflex/arrow.gif); 
   background-position: center right; 
   background-repeat: no-repeat; 
}


/* Styling the apperance of menu items on hover */
/*
#menu_vert #primary-nav li:hover, 
#menu_vert #primary-nav li.menuh, 
#menu_vert #primary-nav li.menuparenth, 
#menu_vert #primary-nav li.menuactiveh {
	background: url(/uploads/roflex/bg_topmenuhover.jpg) repeat-x top;
}*/
#menu_vert #primary-nav li li:hover, 
#menu_vert #primary-nav li li.menuh, 
#menu_vert #primary-nav li li.menuparenth, 
#menu_vert #primary-nav li li.menuactiveh {
	background: none;
	background-color: #820303;
}


/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */


/* 
just add 
#menu_vert #primary-nav li:hover ul ul, 
#menu_vert #primary-nav li.menuparenth ul ul ul,
for fourth level 
*/
#menu_vert #primary-nav ul, 
#menu_vert #primary-nav li:hover ul, 
#menu_vert #primary-nav li:hover ul ul, 
#menu_vert #primary-nav li.menuparenth ul, 
#menu_vert #primary-nav li.menuparenth ul ul { 
   display: none; 
}

/* add 
#menu_vert #primary-nav ul ul ul li:hover ul, 
#menu_vert #primary-nav ul ul ul li.menuparenth ul,
for fourth level
*/
#menu_vert #primary-nav li:hover ul, 
#menu_vert #primary-nav ul li:hover ul, 
#menu_vert #primary-nav ul ul li:hover ul, 
#menu_vert #primary-nav li.menuparenth ul, 
#menu_vert #primary-nav ul li.menuparenth ul, 
#menu_vert #primary-nav ul ul li.menuparenth ul { 
   display: block; 
}




/* IE Hacks */
#menu_vert #primary-nav li li { 
   float: left; 
   clear: both; 
}
#menu_vert #primary-nav li li a { 
   height: 1%;
}







/* Stylesheet: roflex // Top_menu Modified On 2015-04-06 01:53:16 */
/********************
MENU
*********************/

#left-menu {
   margin: 0px;
   background: transparent url(/uploads/roflex/bg_leftmenu_top.jpg) no-repeat top;
   padding-top: 14px;
   width: 290px;
}

/* third level has some padding to have it stand out */
div#left-menu ul ul ul {
   padding-bottom: 0.5em;
}

#left-menu ul {
   margin: 0px;
   width: auto;
}

/* menu li block */
#left-menu li {
   list-style: none;
   padding: 0 0 2px 0;
   display: block;
   background: transparent url(/uploads/roflex/bg_leftmenu_oddelovac.jpg) no-repeat bottom left;

}

#left-menu ul ul li {
   border: none;
   padding: 2px 0 0 0;
   background: transparent url(/uploads/roflex/bg_leftmenu_oddelovac.jpg) no-repeat top left;
}

/** fix stupid ie bug with display:block; **/
* html #left-menu li a { height: 1%; } 
* html #left-menu li hr { height: 1%; }
/** end fix **/


/* first level links */
div#left-menu a {
  min-height:1em; 
  display: block; 
  margin: 0; 
  padding: 9px 0px 9px 40px; 
  text-decoration: none; 
  color: #424242;
  font-size: 12px;
  background: url(/uploads/roflex/menu_bullet.gif) no-repeat 30px 50%;
}


/* next level links, more padding and smaller font */
div#left-menu ul ul a {
   font-size: 100%;
   padding: 9px 0px 9px 55px; 
   background-position: 45px center;
}


/* third level links, more padding */
div#left-menu ul ul ul a {
   padding: 9px 0px 9px 40px;  
   background: url(/uploads/roflex/dash.gif) no-repeat 3.8em center; 
}

/* hover state for all links */
div#left-menu a:hover {
   text-decoration: underline;
}
div#left-menu a.activeparent:hover {
   background-color: #2f2f2f;
   color: #fff;
}

div#left-menu li a.activeparent {
   background: url(/uploads/roflex/arrow-down.gif) no-repeat 1.4em center; 
   background-color: #2f2f2f;
   color: #fff;
}




div#left-menu ul ul li a.activeparent {
   background-position: 1.5em center; 
   background-color: transparent;
   color: #fff;
}


/* 
current pages in the default Menu Manager 
template are unclickable. This is for current page on first level 
*/
div#left-menu ul h3, 
div#left-menu ul a.menuactive {
display: block; 
margin: 0px 0px 0px 0px; 
padding: 9px 0px 9px 40px; 
text-decoration: none; 
color: #424242;
font-size: 12px;
font-weight: bold;
}
div#left-menu ul h3 {background: url(/uploads/roflex/menu_bullet_active.gif) no-repeat 30px 50%;}
background: url(/uploads/roflex/menu_bullet_active2.gif) no-repeat 28px 50%;
div#left-menu ul a.menuactive {background: url(/uploads/roflex/menu_bullet_active2.gif) no-repeat 28px 50%;}


/* 
next level current pages, more padding, 
smaller font and no background color or bottom border 
*/
div#left-menu ul ul h3 {
display: block; 
margin: 0px 0px 0px 0px; 
padding: 9px 0px 9px 55px; 
text-decoration: none; 
color: #424242;
font-size: 12px;
font-weight: bold;
background: url(/uploads/roflex/menu_bullet_active.gif) no-repeat 45px 50%;   
}

/* current page on third level, more padding */
div#left-menu ul ul ul h3 {
   padding: 0.3em 0.5em 0.3em 4.3em;
   background: url(/uploads/roflex/arrow-right-active.gif) no-repeat 2.7em center; 
}

/* section header */
div#left-menu li.sectionheader {
   font-size: 100%;
   font-weight: bold;
   padding: 9px 0px 9px 30px; 
   background-color: #f6a800;
   line-height: 1em;
   margin: 0;
   text-align:left;
}



/* separator */
div#left-menu li.separator {
   height: 1px !important;
   margin-top: -1px;
   margin-bottom: 0;
   padding:2px 0 2px 0;
   background-color: #000;
   overflow:hidden !important;
   line-height:1px !important;
   font-size:1px; /* for ie */
}

div#left-menu li.separator hr {
   display: none; /* this is for accessibility */
}
/* Stylesheet: roflex // left_menu Modified On 2014-06-05 16:32:56 */
/* About Default Styles
 * ---------------------
 * default.css is used to establish general rules, browser reset, or admin user interface styles.
 *
 * Browser Reset
 * -------------
 * For a more complete reset, go to http://developer.yahoo.com/yui/reset/ */
/* line 9, ../sass/default.sass */
* {
  margin: 0;
  padding: 0;
}

/* Zobrazeni dovolene
#wraper {
margin-top: 36px;
}

body {
background-position: center 36px !important;
}
*/

/* Clear Floats Without Structural Markup
 * ---------------------------------------
 * http://www.positioniseverything.net/easyclearing.html */
/* line 17, ../sass/default.sass */
.clearfix {
  display: inline-block;
}
/* line 19, ../sass/default.sass */
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/* Hides from IE-mac \ */
/* line 27, ../sass/default.sass */
* html .clearfix {
  height: 1%;
}

/* line 30, ../sass/default.sass */
.clearfix {
  display: block;
}

/* End hide from IE-mac */
/* clear classes */
/* line 36, ../sass/default.sass */
.clearleft, .clearl, .cleft {
  clear: left;
}

/* line 39, ../sass/default.sass */
.clearright, .clearr, .cright {
  clear: right;
}

/* line 42, ../sass/default.sass */
.clear, .clearboth, .clearall {
  clear: both;
}

/* Float classes */
/* line 46, ../sass/default.sass */
.floatleft, .fleft, .floatl {
  float: left;
  margin: 0 10px 5px 0;
}

/* line 50, ../sass/default.sass */
.floatright, .fright, .floatr {
  float: right;
  margin: 0 0 5px 10px;
}

/* "Skip to Main Content" link
 * ---------------------------
 * This link useful for both visually impaired people and those with mobility impairments
 * who cannot use a mouse. http://www.webaim.org/techniques/css/invisiblecontent/ */
/* line 60, ../sass/default.sass */
#skip a:link, #skip a:hover, #skip a:visited {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
/* line 67, ../sass/default.sass */
#skip a:active, #skip a:focus {
  position: static;
  width: auto;
  height: auto;
}

/* bug fix with views 2 edit links. */
/* line 73, ../sass/default.sass */
div.view div.views-admin-links {
  width: auto;
}

/* Rollover edit links for blocks. */
/* line 77, ../sass/default.sass */
div.block {
  position: relative;
}
/* line 79, ../sass/default.sass */
div.block .edit {
  display: none;
  position: absolute;
  right: -20px;
  top: -5px;
  z-index: 40;
  padding: 3px 8px 0;
  font-size: 10px;
  line-height: 16px;
  background-color: white;
  border: 1px solid #cccccc;
  /*let's get fancy! */
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-box-shadow: 0 1px 3px #888888;
  -webkit-box-shadow: -1px 1px 2px #666666;
}
/* line 95, ../sass/default.sass */
div.block .edit a {
  display: block;
  border: 0;
  padding: 0;
  margin: 0;
}
/* line 100, ../sass/default.sass */
div.block:hover .edit {
  display: block;
}

/* Wireframe styles. */
/* line 105, ../sass/default.sass */
.with-wireframes #header,
.with-wireframes #content-top,
.with-wireframes #content-top > *,
.with-wireframes #content-header,
.with-wireframes #content-header > *,
.with-wireframes #content-area,
.with-wireframes #content-area > *,
.with-wireframes #content-bottom,
.with-wireframes #content-bottom > *,
.with-wireframes #primary,
.with-wireframes #secondary,
.with-wireframes #sidebar-left-inner,
.with-wireframes #sidebar-right-inner,
.with-wireframes .block {
  padding: 2px;
  border: 1px solid #bbbbbb;
}
/* line 121, ../sass/default.sass */
.with-wireframes .node {
  border-bottom: 1px solid #bbbbbb;
  margin-bottom: 10px;
}
/* line 124, ../sass/default.sass */
.with-wireframes .block {
  margin-bottom: 3px;
}
/* line 126, ../sass/default.sass */
.with-wireframes #content-top,
.with-wireframes #content-header,
.with-wireframes #content-area,
.with-wireframes #content-bottom {
  margin: 0 3px 3px;
}
/* line 131, ../sass/default.sass */
.with-wireframes #footer {
  margin-top: 3px;
  padding: 2px;
  border: 1px solid #cccccc;
}
/* line 136, ../sass/default.sass */
.with-wireframes.with-navigation #content,
.with-wireframes.with-navigation .sidebar {
  margin-top: 50px;
}
/* line 139, ../sass/default.sass */
.with-wireframes #navigation {
  height: 50px;
}

/* Stylesheet: roflex // default Modified On 2021-08-19 15:03:47 */
/* Font styles. */
/* line 2, ../sass/style.sass */
body {
	margin: 0; /* Setting up font size, leading and font family
   * http://www.markboulton.co.uk/journal/comments/five-simple-steps-to-better-typography */
	font: 13px/1.5em "Helvetica Neue", helvetica, Arial, sans-serif;
	background: #f1f1f1 url(/uploads/roflex/bg_main.png) repeat-x top;
	color: #5C5C5C;
}

/* Links */
/* line 10, ../sass/style.sass */
a:link, a:visited {
  color: #e0000f;
  text-decoration: none;
}

/* line 15, ../sass/style.sass */
a:hover, a:active {
  color: #e0000f;
  text-decoration: underline;
}
body .cervene {color: #E0000F;}
/* Titles. */
/* line 21, ../sass/style.sass */
h1, h2, h3, h4, h5, h6 {
  line-height: 1.3em;
}

/* line 24, ../sass/style.sass */
h1 {
  font-size: 28px;
  padding: 0 0 0.5em;
  margin: 0;
  color: #e0000f;
  font-weight: normal;
}

/* line 30, ../sass/style.sass */
h2 {
  font-size: 1.8em;
  font-weight: normal;
  margin-bottom: 0.75em;
}

/* line 35, ../sass/style.sass */
h3 {
  font-size: 18px;
  margin-bottom: 0.5em;
  font-weight: normal;
}
/*.content h3 {
  clear: both;
}*/

/* line 39, ../sass/style.sass */
h4 {
  font-size: 1.2em;
  margin-bottom: 0.8em;
}

/* line 43, ../sass/style.sass */
h5 {
  font-size: 1.1em;
  font-weight: 600;
  margin-bottom: 0;
}

/* line 48, ../sass/style.sass */
h6 {
  font-size: 0.5em;
  font-weight: bold;
}

/* Paragraph styles. */
/* line 53, ../sass/style.sass */
p {
  margin: 0 0 1em 0;
}

/* List styles. */
/* line 57, ../sass/style.sass */
ul, ol {
  margin-left: 0;
  padding-left: 2em;
}

/* Table styles. */
/* line 62, ../sass/style.sass */
table {
  margin: 0 0 0.5em 0;
}

/* line 67, ../sass/style.sass */
tr.even td,
tr.odd td {
  padding: 10px 5px;
}

/* line 70, ../sass/style.sass */
tr.odd {
  background-color: white;
}

/* Code. */
/* line 74, ../sass/style.sass */
pre, code, tt {
  font: 1em "andale mono", "lucida console", monospace;
  line-height: 1.5;
}

/* line 78, ../sass/style.sass */
pre {
  background-color: #efefef;
  display: block;
  padding: 5px;
  margin: 5px 0;
  border: 1px solid #aaaaaa;
}

/* List styles. */
/* line 86, ../sass/style.sass */
ul {
  list-style-type: disc;
}
/* line 88, ../sass/style.sass */
ul ul {
  list-style-type: circle;
}
/* line 90, ../sass/style.sass */
ul ul ul {
  list-style-type: square;
}
/* line 92, ../sass/style.sass */
ul ul ul ul {
  list-style-type: circle;
}

/* line 95, ../sass/style.sass */
ol {
  list-style-type: decimal;
}
/* line 97, ../sass/style.sass */
ol ol {
  list-style-type: lower-alpha;
}
/* line 99, ../sass/style.sass */
ol ol ol {
  list-style-type: decimal;
}

/* Abbreviation. */
/* line 103, ../sass/style.sass */
abbr {
  border-bottom: 1px dotted #666666;
  cursor: help;
  white-space: nowrap;
}

/* UI improvments. */
/* line 109, ../sass/style.sass */
#edit-title {
  font-size: 24px;
  width: 98%;
}

/* line 113, ../sass/style.sass */
#system-themes-form img {
  width: 100px;
}

/* line 116, ../sass/style.sass */
.form-item .description {
  font-style: italic;
  line-height: 1.2em;
  font-size: 0.8em;
  margin-top: 5px;
  color: #777777;
}

/* line 123, ../sass/style.sass */
#edit-delete {
  color: #cc0000;
}

/* Console, style from slate theme. */
/* line 127, ../sass/style.sass */
div.messages {
  padding: 9px;
  margin: 1em 0;
  color: #003366;
  background: #bbddff;
  border: 1px solid #aaccee;
}

/* line 134, ../sass/style.sass */
div.warning {
  color: #884400;
  background: #ffee66;
  border-color: #eedd55;
}

/* line 139, ../sass/style.sass */
div.error {
  color: white;
  background: #ee6633;
  border-color: #dd5522;
}

/* line 144, ../sass/style.sass */
div.status {
  color: #336600;
  background: #ccff88;
  border-color: #bbee77;
}

/* Region Colors. delete when starting a new theme. */
/* line 150, ../sass/style.sass */

/* line 153, ../sass/style.sass */

/* line 156, ../sass/style.sass */
#sidebar-second {
  background: #ffd075;
}
ul#primary{padding: 0px 0px 0px 0px;}
#navigation ul#primary.links li {padding: 0 10px 0 9px;}
#navigation #primary li {
float: left;
height: 80px;
background: url(/uploads/roflex/bg_menu_oddelovac.jpg) no-repeat scroll right top transparent;
display: inline;    
list-style-type: none;
}
#navigation #primary li#i58 {background: none;}
#navigation #primary li a {
 color: #FFF;
 float: left;
 padding: 12px 7px 30px;
 font-size: 18px;
 line-height: 30px;
letter-spacing: -0.6px;
text-transform: uppercase;
}

#navigation #primary li a:hover {text-decoration: none;color: #2E2E2E;}

#navigation #primary li a span.popis {
font-size: 12px;
line-height: 8px;
letter-spacing: 0px; 
text-transform: none;
}

#navigation #primary li a.menuactive,
#navigation #primary li#i63 a.menuactive {
    color: #2E2E2E;
}

#block-menu_block-1 .menu-block-1{
	width: 212px;
	margin: 0px 7px 20px 0px;
	background: url(/uploads/roflex/bg_bottom_submenu.jpg) no-repeat bottom left;
}
#block-menu_block-1 .content{
	background: url(/uploads/roflex/bg_submenu.jpg) repeat-y 0px top;
}
#block-menu_block-1 .content .menu-block-1 .menu{
	min-height: 120px;
	background: url(/uploads/roflex/bg_top_submenu.jpg) no-repeat top left;
}
#block-menu_block-1.block ul.menu {
    margin: 0;
    padding: 5px 0px;
	 list-style: none;
}
#block-menu_block-1.block ul.menu li{
	list-style: none;
	margin: 0px;
	padding: 0px;
	background: url(/uploads/roflex/bg_submenu_link.jpg) no-repeat left bottom;
}

#block-menu_block-1.block ul.menu a,
#block-menu_block-1.block ul.menu .currentpage span{
	padding: 10px 10px 10px;
	display: block;
	color: #5c5c5c;
}
#block-menu_block-1.block ul.menu ul a,
#block-menu_block-1.block ul.menu ul .currentpage span{
	padding: 7px 10px 7px;
}
#block-menu_block-1.block ul.menu a:hover{color: #e0000f;}

#block-menu_block-1.block ul.menu .currentpage span,
#block-menu_block-1.block ul.menu .menuactive {
background: url(/uploads/roflex/bg_submenu_arrow.jpg) no-repeat left -1px;
color: #e0000f; 
font-size: 13px; 
margin: 0px;
}

#block-menu_block-1.block ul.menu .menuactive a.menuactive,
#block-menu_block-1.block ul.menu .menuactive .currentpage span{
background: none;
}
#block-menu_block-1.block ul.menu .menuactive ul{
padding: 0px;
background: url("/uploads/roflex/bg_submenu_link.jpg") no-repeat scroll left bottom #efefef;
margin: 0px 13px 0px 1px;
}
#block-menu_block-1.block ul.menu .menuactive ul li{
padding: 0 0 0 15px;
background: url(/uploads/roflex/bullet_menu.png) no-repeat 12px 12px;
}

#block-menu_block-1.block ul.menu a.active-trail{
	background: url(/uploads/roflex/bg_submenu_arrow.jpg) no-repeat left 0px;
}
.foto-doleva {
    border: 1px solid #DEDEDE;
    float: left;
    margin: 5px 20px 5px 0px;
    padding: 5px;
}
.foto-doprava {
    border: 1px solid #DEDEDE;
    float: right;
    margin: 5px 0px 5px 20px;
    padding: 5px;
}

/* fotky */
.field-items{
	width: 720px;
	margin: 10px 0px;
	float: left;
}
.item_images{
    border: 1px solid #DEDEDE;
    float: left;
    margin: 0 10px 10px 0px;
    padding: 10px;
    width: 200px;
    text-align: center;
    font-size: 12px;
}
.item_images a.group{
margin: 0px; padding: 0px;
display: block;
}
.certifikat {
        float: left;
	border: 1px solid #DEDEDE;
	margin: 1px;
	padding: 12px 14px;
	width: 210px;
	height: 240px;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
}
.certifikat img {margin: 0px auto; border: none;}
.field-field-certifikat .field-item p {margin: 8px auto;}

.letak{
        float: left;
 	border: 1px solid #DEDEDE;
	margin: 10px 17px 40px;
	padding: 2px 2px;
	width: 200px;
	height: 283px;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
}
.letak img {margin: 0px auto; border: none;}
/*.field-field-letak .field-item p {margin: 8px auto;}*/

.category_item {
    border: 1px solid #DEDEDE;
    margin: 1px;
    padding: 12px;
    width: 150px;
	text-align: center;
	font-size: 12px;
	vertical-align: top;
	float: left;
}
.category_item img {border: none;}

.view-Fotogalerie td img{float: left; margin-bottom: 5px;}
.node-type-typ_elastolith .field-field-typ .field-items{width: 170px; float: left; margin: 5px 0px;}
.node-type-typ_elastolith .field-field-typ .field-item{
    float: left;
    margin: 0px 10px 10px 0px;
    width: 200px;
	 border: 1px solid #DEDEDE;
    padding: 5px;
    width: 150px;
}
.field-field-foto3 .field-item{
    border: 1px solid #DEDEDE;
    float: left;
    margin: 0px 5px 5px 0px;
    padding: 5px;
    width: 100px;
}
.node-type-typ_elastolith .field-field-typ .field-item img,
.field-field-foto3 .field-item img {
	float: left;
}



.pdf {
padding: 10px 0px 10px 35px;
margin: 10px 0px 0px 0px; 
background: transparent url(/modules/FileManager/icons/themes/default/extensions/32px/pdf.png) no-repeat left top;
}
.produkt {
    float: right;
    margin: 0px 0px 10px 20px;
}
/*#uvod table{width: 100%;}*/

#uvod table tr.mceFirst td {padding: 0px;vertical-align: top;}

#uvod table h4{
	background: url(/uploads/roflex/bg_h4.jpg) no-repeat left top;
	width: 275px;
	padding: 11px 10px;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
        letter-spacing: 0px;
}
hr {
	height: 1px;
	background-color: #E0000F;
	margin: 20px 0;
	border:  none;
}
.tabulka{
	width: 100%;
	border: 1px solid Silver;
	border-spacing: 1px;
	border-collapse: separate;
}
.tabulka td{
	background-color: #F1F1F1;
	padding: 5px 10px;
	margin: 1px;
	border-spacing: 1px;
}
.tabulka td p{margin: 0px; padding: 0px;}
table.tabulka2{margin: 10px 0px;}
table.tabulka2 td{vertical-align: top;;}

a img.foto{
	margin: 0px 4px 4px 0px;
	padding: 4px;
	border: 1px solid silver;
	float: left;
}
.foto-akce{
	/*float: left;*/
	margin: 0px 30px 10px 30px;
	/*width: 200px;*/
}
.foto-akce img{margin: 0px 20px 10px 0px; float: left;}
.text-akce h3{clear: none;}
.text-akce {margin: 0px 0px;}
.view-Akce .views-row {
	border: 1px dashed silver;
	padding: 15px;
	vertical-align: top;
	list-style: none;
	float: left;
	width: 210px; min-height: 270px;
	margin: 0px 1px 0px 0px;
}
.views-field-field-foto-akce-fid{
	height: 150px;
	width: 150px;
	margin: 0 auto 10px;
	text-align: center;
}
.view-Akce .views-field-title,
.view-Akce .views-field-field-akcni-cena-value {
	font-weight: bold;
	font-size: 13px;
}
.view-Akce .views-field-title {margin-bottom: 10px;}
.view-Akce .views-field-title a{text-decoration: underline;}
.view-Akce .views-field-title a:hover{text-decoration: none;}

.view-Akce .views-field-field-akcni-cena-value {margin-top: 10px;}
.view-Akce .views-field-body{
	min-height: 100px;
}


.akcni-cena{
	margin: 10px 0px;
	font-weight: bold;
	font-size: 14px;
	float: left;
}
/* cenik */
.view-Cenik .views-row{
	clear: both;
	border-top: 1px solid #DEDEDE;
}

.view-Cenik .views-row .field-item {
	border: none; 
	float: none;
	padding: 0px 0px 5px;
	margin: 0px;
	width: auto;
	text-align: left;
}

.views-field-field-logo-fid{
	float: left;
	margin: 10px 10px 10px 0px;
	width: 200px;
}
.view-id-Cenik .views-field-title{font-size: 18px; padding: 10px 0px 10px;	}

.view-id-Cenik .views-field-title, 
.views-field-field-cenik-pdf-fid{
margin-left: 230px;
}

.field-field-logo .field-item {	
	border: none; 
	float: left;
	padding: 0px 0px 5px;
	margin: 0px;
	width: auto;
	text-align: left;
}
	
.field-field-cenik-pdf .field-item {	
	border: none; 
	float: none;
	padding: 0px 0px 5px;
	margin: 0 0 0 230px;
	width: auto;
	text-align: left;
}
.node-type-cenik .content p{
	margin: 5px 0 5px 230px;
}
.view-Cenik .views-field-body p{
	margin: 5px 0 5px 230px;
}
.field-field-cenik-pdf .field-label{margin: 0 0 0 230px;}
.field-field-logo .field-items {float: none; width: auto;}
.field-field-cenik-pdf .field-items {float: none; width: auto;}
#remal {
	width: 100%;
}
#remal td,#remal th{
	padding: 2px 10px;
	border: 1px solid #CCCCCC;
}
#remal td p{padding: 0px 0px; margin: 0px;}
.view-Teluria .Teluria-item{
	border: 1px solid #DEDEDE;
	width: 210px;
	padding: 10px 5px;
	text-align: center;
	background: url(/uploads/roflex/bg_produkt.jpg) repeat-x bottom;
	float: left;
	margin: 0px 10px 10px 0px;
	min-height: 296px; 
        position: relative;
}
.view-Teluria .Teluria-item img,
.produkt-teluria .item_images img {border: none;}
.view-Teluria .Teluria-title {font-weight: bold;margin-bottom: 10px;min-height: 60px;}
.view-Teluria .Teluria-zobrazit {font-weight: bold; position: absolute; bottom: 20px; width: 180px; text-align: center;}
.view-Teluria .Teluria-content  {
        margin: 10px 0px;
	font-size: 0.9em; line-height: 1.3em;
}
.produkt-teluria .item_images {
    border: 1px solid #DEDEDE;
    float: left;
    padding: 12px;
	 width: auto;
	 margin-right: 20px;
}
#cggm_map_display_1, #cggm_map_display_2 {border: 3px solid #DEDEDE;}
p#upozorneni {
padding: 20px;
border: 3px solid #e0000f;
background-color: white;
font-size: 1.2em;
line-height: 1.4em;
}

.termsfeed-com---palette-light.termsfeed-com---nb {
    background-color: #ffffff !important;
    color: #111;
max-width: 400px !important;
}
/* Stylesheet: roflex // styles Modified On 2022-11-03 13:50:12 */