/* CSS Document */
html.wait, html.wait * { cursor: wait !important; }

body  { margin: 0; 
        padding: 0;
        font-family: arial;
    		font-size: 1em;
    		color: #43494D;
    		background-color: #FFF;}
body.opytat_form  { background: none;}
body *  { margin: 0; padding: 0;}
a:link    {	color: #666666;
            text-decoration: underline;}
a:active  { color: #666666;
			      text-decoration: underline;}
a:visited { color: #666666;
			      text-decoration: none;}
a:hover   {	color: #0274b3;
            text-decoration: none;}
ul     {  margin-left: 30px;
          font-family: arial;
          line-height: 150%;
          margin-bottom: 1em;}
img   { max-width: 100%;
        height: auto;}          
table a img	{	padding: 2px;}            
table a:hover img	{	padding: 1px;
				border: 1px solid gray;}            

  div.parametre table { border: 0px;
                        border-collapse: collapse;
                        border-spacing: 0px;
                        width: auto;}
  div.parametre table tr td { font-size: 12px;
                              border: 0px solid #C0C0C0;
                              padding: 1px;
                              padding-right: 5px;}              
input[type="reset"],
input[type="submit"]	{	margin-right: 10px;
							color: #a1a1a1;
							border: 1px solid #d3d1d2;
							background-color: #ffffff;
							text-decoration: none;
							cursor: pointer; 
							cursor: hand;
							font-weight: bold;
							padding: 6px 8px;
							-webkit-transition: 0.5s;
							-moz-transition: 0.5s;
							-o-transition: 0.5s;
							-ms-transition: 0.5s;
							transition: 0.5s;}
input[type="radio"]	{		margin-right: 10px;
							font-size: 12px;}    
input[type="reset"]:hover,                                          
input[type="submit"]:hover	{	text-decoration: none;
								background-color: #ffffff;
								color: #0174b5;
								  -webkit-transition: 0.5s;
								  -moz-transition: 0.5s;
								  -o-transition: 0.5s;
								  -ms-transition: 0.5s;
								  transition: 0.5s;}     
#banner { width: 100%; 
          height: auto;
          display: block;
          margin-left: auto; 
          margin-right: auto; 
          padding: 0; }
          body.admin #banner	{	margin-top: 16px;} 
#topest, #topest *  { visibility: hidden;
                      height: 0px;
                      width: 0px;}          
  #flash  { width: 100%;
            display: block;
            margin-left: auto;
            margin-right: auto;
            clear: both;}  
            .slider-wrapper { clear: both;}
  #menu  {  width: 960px;
            height: 3em;
            z-index: 100;
            padding-top: 2em;
            float: auto;
            display: block;
            margin-left: auto;
            margin-right: auto;
            padding-bottom: 1em;
            }
  body.admin #menu	{	padding-top: 22px;}            
  #menu ul  { list-style: none;
              margin: 0px;
              padding: 0px;
              font-family: helvetica;
              font-size: 0.9em;
              font-weight: normal;
              float: auto;
              display: block;
              width: 425px;
              margin-left: auto;
              margin-right: auto;}
  #menu ul li { display: inline;
                padding: 0px;
                margin: 0px;}
  #menu ul li a { display: block;
                  float: left;
                  color: #000;
                  height: 18px;
                  padding: 4px 9px 4px 9px; 
                  text-decoration: none;
                  text-align: center;
                  -webkit-transition: 0.5s;
                  -moz-transition: 0.5s;
                  -o-transition: 0.5s;
                  -ms-transition: 0.5s;
                  transition: 0.5s;} 
@media screen and (-webkit-min-device-pixel-ratio:0) { 
    /* Safari only override */
    ::i-block-chrome,#menu ul li a {
      font-weight: normal;}}
                         
  #menu ul li a:visited { background-color: transparent;
						              color: #000;}
  #menu ul li a:active { background-color: transparent;
						             color: #000;}  
  #menu ul li a:hover { color: #666;}                          
  #menu ul li a.tento { color: #000;
						font-weight: bold;
                        -webkit-transition: 0.5s;
                        -moz-transition: 0.5s;
                        -o-transition: 0.5s;
                        -ms-transition: 0.5s;
                        transition: 0.5s;}                       
  #menu ul li a.tento:hover	{	-webkit-transition: 0.5s;
                              -moz-transition: 0.5s;
                              -o-transition: 0.5s;
                              -ms-transition: 0.5s;
                              transition: 0.5s;
                              color: #666;}

/* zresponzivnenie menu zaciatok */
.slicknav_menu {
  display:none;
}

@media screen and (max-width: 40em) {
  /* #menu is the original menu */
  #menu {
    display:none;
  }
  
  .slicknav_menu {
    display:block;
  }
}
/* zresponzivnenie menu koniec */

  #search	{	float: right;
				display: block;
				height: 0px;
				width: 0px;
				visibility: hidden;}
#detail { max-width: 960px;
          clear: both;
          float: auto;
          margin-left: auto; 
          margin-right: auto; 
          display: block; }
.content	{	width: inherit;}    

#left, #left * {  visibility: hidden;
                  width: 0px;
                  height: 0px;} 
             
#right  { float: auto; 
          width: 98%;
          padding: 0px;
          margin-left: auto;
          margin-right: auto;}
#right_bar, #right_bar * {  visibility: hidden;
                            width: 0px;
                            height: 0px;}     

#footer { float: auto;
          margin-left: auto; 
          margin-right: auto;}

/* 1 column: 320px */
.columns {
  margin: 0 auto;
  width: 98%;
}

.columns.small-12.medium-4 {
  background-color: #DDD;
  border-radius: .05rem;
  margin-top: 1rem;
  margin-bottom: 1rem;
  margin-left: 1rem;
  min-height: 310px;
}
.columns p,
.columns h3 {
  padding: .45rem .75rem;
  margin-top: 10px;
}

/*
.columns.small-12.medium-4 {
    margin-top: 1rem;
    margin-bottom: 1rem;
    padding: .45rem .75rem;
    width: unset !important;
}
*/
/* 2 columns: 600px */
@media only screen and (min-width: 600px) {
  .columns.small-12.medium-4 {
    float: left;
    margin-right: 2.564102564102564%;
    width: 49%;
  }
  .columns div:nth-child(2n+0) {
    margin-right: 0;
  }
}

/* 3 columns: 768px */
@media only screen and (min-width: 768px) {
  .columns.small-12.medium-4 {
    width: 35%;
  }
  .columns div:nth-child(2n+0) {
    margin-right: 2.564102564102564%;
  }
  .columns div:nth-child(3n+0) {
    margin-right: 0;
  }
}

/* 4 columns: 992px and up */
@media only screen and (min-width: 992px) {
  .columns.small-12.medium-4 {
    width: 28%;
  }
  .columns div:nth-child(3n+0) {
    margin-right: 2.564102564102564%;
  }
  .columns div:nth-child(4n+0) {
    margin-right: 0;
  }
}
.columns div p.referencie  {  text-align: center;}
p.referencie img {  margin: 1%;
                    margin-left: 2%;
                    margin-right: 2%;
                    padding: 1%;
                    border: 1px solid silver;}
p.referencie img.ref {  width: 25%;}
p.referencie img.offer {  width: 86%;}

  #footer a:link	{	text-decoration: none;}	
  #footer a:active	{	text-decoration: none;}							
  #footer a:visited	{	text-decoration: none;}							
  #footer a:hover	{	text-decoration: underline;}
                                
  #footer div.dolghi {  width: 100%;
                        height: 3em;
                        clear: both;
                        margin-left: auto; 
                        margin-right: auto;
                        background-color: #2b2b2b;}                          
  #footer div.dolghi p  { padding: 0px;
                          margin: 0px;
                          float: right;
                          font-weight: normal;
                          font-size: 0.9em;
                          padding-right: 1em;
                          padding-bottom: 1em;
                          padding-top: 0.5em;}   
  #footer div.dolghi a img	{	position: relative;
								top: 4px;
								padding-top: 5px;}    
  #footer ul li.dolghi a:link		{	color: #FFFFFF;}
  #footer ul li.dolghi a:active		{	color: #FFFFFF;}
  #footer ul li.dolghi a:hover		{	color: #FFFFFF;}
  #footer ul li.dolghi a:visited	{	color: #FFFFFF;}
  								                 

/* ostatne */
#clear  { clear: both;}                                 
.clear  { clear: both;}                                                          
.left {text-align: left;} 
.left_float { float: left;}
.img_left_float { float: left;
                  margin-right: 5px;
                  border: 1px solid #C0C0C0;}
.img_right_float { float: right;
                  margin-left: 15px;}
.right {text-align: right;} 
.center {text-align: center;} 

.italic { font-style: italic;}
.bold  {  font-weight: bold;}

.brown {color: brown;}
.green	{color: #1B700E;}
.rose	{color: #C75451;}
.red {color: red;}
a.white  { color: #F8EEE5;}
.kod  { font-size: 11px;}

ul.none li	{	list-style: none;
              margin-left: 0px;
              line-height: 150%;}
ol.alfa     { list-style-type: lower-alpha;
              line-height: 150%;
              margin-left: 30px;}          
ol.numeric  { list-style-type: decimal;
              line-height: 150%;
              margin-left: 30px;}                     
ul.text	    { list-style-type: square;
      		  color: #0274B3;
              margin-left: 30px;}
ul.text li span { color: #43494D;}
          
h1  { width: 100%;
      font-size: 20px;
      color: #53524e;
      font-family: Georgia;
      font-style: italic;
      font-weight: normal;
      padding-top: 15px;
      padding-bottom: 6px;
	  margin-bottom: 14px;} 
                                       
span.h1_left   { margin: 0; padding: 0;
                 height: 0px;
                 width: 0px;
                 visibility: hidden;}                  
span.h1_right  { 	margin: 0; padding: 0;
                    padding-right: 0px;
                    height: 0px;
                 visibility: hidden;}    
h2  { 	width: 100%;
		font-size: 20px;
		padding-top: 20px;
		color: #53524e;
		font-family: Georgia;
		font-style: italic;
		font-weight: normal;
		padding-bottom: 20px;
		margin-bottom: 4px;} 
h3  { text-align: left;
      font-size: 1em;
      margin-top: 5px;
      margin-bottom: 10px;
      color: #3e3e3e;}
           
p { font-family: arial;
    line-height: 150%;
    margin-bottom: 1em;}      
   
.fl_left  { float: left;
            position: relative;
            top: 7px;
            left: 45px;
            border: 1px solid white;}
.fl_left_th {	float: left;
				border: 1px solid #b3aba8;
				width: 187px;}            

.line-through  {  text-decoration:line-through;}

table.tab_registration  { width: 510px;}
table.tab_registration tr td  { vertical-align: top;} 
table.tab_registration tr td span.chyba { color: red;}
table.tab_registration tr td.td1  { width: 150px;
                                    vertical-align: top;}

table.produkt tr td.td1  { width: 250px;}                             
table.tab_registration tr td.td4  { width: 150px;
                                    vertical-align: top;}

span.interny  { color: #EF641F;}
.butt_objednavka_dalej  { display: block;
                          float: right;}
.butt_objednavka_spat  { display: block;
                         float: left;}
.objednavka_list  { list-style: none;
                    margin-left: 10px;
                    padding-left: 0px;}
.objednavka_list li select {  margin-left: 20px;}  

table.objednavkaZakaznik  { width: 100%;
                            border: 0px solid red;
                            font-size: 12px;} 
table.objednavkaZakaznik_0  { width: 100%;
                              border: 0px solid red;
                              font-size: 12px;} 
table.objednavkaZakaznik tr th  { border: 1px solid #CBD2D8;
                                  background-color: #CBD2D8;}  
table.objednavkaZakaznik tr td  { border: 1px solid #CBD2D8;
                                  padding: 2px;
                                  font-size: 12px;}                                                                     

ul.vysvetlenie  { list-style-type: square;
                  color: black;
                  margin-left: 0px;}
ul.vysvetlenie li { list-style-type: square;}                  
.nova  {   color: #2A4980;}                      
.rozpracovana  {   color: #F3651D;}                  
.ukoncena  {   color: green;}               
.stornovana  {   color: black;}
ul.vysvetlenie li span {	color: #43494D;}
a img {border: none;}
	
/* registracia */				
  .tab_registration	{	float: left;}
  .tab_registration tr td.label	{	width: 150px;}	
  
/* objednavka2015 */  
  .tab_cartToOrderTable					{	width: 100%;
											margin-bottom: 40px;}
  .tab_cartToOrderTable tr				{	vertical-align: top;}
  .tab_cartToOrderTable tr td.50perc	{	width: 50%;}
			
/* #### bootstrap Form #### */
	.bootstrap-frm {
	     width: 474px;
	     /*background: #FFF;*/
	     padding: 20px 30px 20px 30px;
	     font: 12px Arial, "Helvetica Neue", Helvetica, Arial, sans-serif;
	     color: #888;
	     text-shadow: 1px 1px 1px #FFF;
	}
	.bootstrap-frm h2 {
	     /*font: 25px Arial, "Helvetica Neue", Helvetica, sans-serif;*/
	     padding: 0px 0px 10px 15px;
	     display: block;
	     margin: -10px -30px 30px -30px;
	     width: 420px;
	     text-shadow: none;
	}
	.bootstrap-frm h2>span {
	     display: block;
	     font-size: 11px;
	}
	.bootstrap-frm label {
	     display: block;
	     margin: 0px 0px 5px;
	}
	.bootstrap-frm label>span {
	     float: left;
	     width: 80px;
	     text-align: right;
	     padding-right: 10px;
	     margin-top: 10px;
	     color: #333;
	     font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	     font-weight: bold;
	}
	.bootstrap-frm input[type="text"], .bootstrap-frm input[type="email"], .bootstrap-frm textarea, .bootstrap-frm select{
	     border: 1px solid #CCC;
	     color: #888;
	     height: 20px;
	     margin-bottom: 10px;
	     margin-right: 6px;
	     margin-top: 2px;
	     outline: 0 none;
	     padding: 4px 12px;
	     width: 68%;
	     -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	     box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	}
	.bootstrap-frm select {
	     background: #FFF url('down-arrow.png') no-repeat right;
	     background: #FFF url('down-arrow.png') no-repeat right);
	     appearance:none;
	     -webkit-appearance:none; 
	     -moz-appearance: none;
	     text-indent: 0.01px;
	     text-overflow: '';
	     width: 72%;
	     height: 30px;
	}
	.bootstrap-frm textarea{
	     height:80px;
	     font-family: Arial;
	}

.scrollup {
    background: url("/images/icon_gototop.png") no-repeat scroll 0 0 transparent;
    bottom: 20px;
    display: none;
    height: 40px;
    position: fixed;
    right: 40px;
    text-indent: -9999px;
    width: 40px;}

.uspech {   color: #72AE4C;
          box-shadow: 2px 2px 5px silver;
          -webkit-box-shadow: 2px 2px 5px silver;
          -moz-box-shadow: 2px 2px 5px silver;
          border: 1px solid #427E1C;
          font-size: 14px;
          font-weight: bold;
          text-shadow: 1px 1px #FFF;
          padding: 10px;
          margin-bottom: 20px;
          }          
.neuspech  { color: #C94136;
          box-shadow: 2px 2px 5px silver;
          -webkit-box-shadow: 2px 2px 5px silver;
          -moz-box-shadow: 2px 2px 5px silver;
          border: 1px solid #C94136;
          font-size: 14px;
          font-weight: bold;
          text-shadow: 1px 1px #FFF;
          padding: 10px;
          margin-bottom: 20px;}
hr	{	border: none;
		height: 2px;
		margin-top: 10px;
		background: url('/images/1px_h.jpg')
					left bottom no-repeat;}  

/* filter nad objednavkou */					        
.FltOrdersBetween	{	float: left;
						padding: 5px;
						width: 740px;
						height: 30px;
						background-color: #E5E5E5;
						margin-bottom: 12px;}	
	.FltOrdersBetween label	{	font-weight: bold;}										
	.FltOrdersBetween img.ui-datepicker-trigger	{	position: relative;
													left: -22px;
													top: 2px;}
/* spinner loader zaciatok */        
#loader {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  width: 150px;
  height: 150px;
  margin: -75px 0 0 -75px;
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #3498db;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* Add animation to "page content" */
.animate-bottom {
  position: relative;
  -webkit-animation-name: animatebottom;
  -webkit-animation-duration: 2s;
  animation-name: animatebottom;
  animation-duration: 2s
}

@-webkit-keyframes animatebottom {
  from { opacity:0 }
  to {   opacity:1 }
}

@keyframes animatebottom {
  from{ opacity:0 }
  to{   opacity:1 }
}

#banner, #detail, #footer {
  display: none;
}
/* spinner loader koniec */   


/* pre admin prostredie zaciatok */
  body.admin #menu,
  body.admin #flash,
  body.admin #loader  { visibility: hidden;
                        height: 0px;
                        width: 0px;
                        animation: spin 0s linear infinite;}
  body.admin #detail  { position: relative;
                        top: -40px;
                        min-height: 45vh;}
  body.admin .animate-bottom {  webkit-animation-duration: 0s;
                                animation-duration: 0s;}                        
/* pre admin prostredie koniec */ 

.action-object-toolbar a img {
    border: 1px solid gray;
    padding: 4px;
    margin-left: 10px;
    border-radius: 4px;
    height: 24px;
}

.info-bar {
  background: none !important;
}
.header-top {
  background: none !important;
}
.container {
  max-width: none !important;
}
section.main {
  max-width: 1140px;
  margin: auto;
}
body.adminx section.main {
  max-width: unset !important;
}
#newsletter {
  display: none;
}
h3.left {
  font-weight: bold;
  font-size: 1.5em;
}
.logo-main {
  display: none;
}
.legend {
    margin-top: 280px;
}