/* zakladne definicie css, rozvrhnutie stranky a vseobecne deklaracie */
body {
	font-family: 'Titillium Web', sans-serif;
	margin: 0px;
	padding: 0px;
	background: url(../img/bck.jpg) top center no-repeat #ffffff;
	text-align: center;   
}
* {
	padding: 0;
	margin: 0;
}
* focus{
outline:none;
}
ol, ul {
list-style-position: inside;       
}
.img_left {
	float: left;
	margin: 0px 15px 0px 0px;
}
.img_right {
	float: right;
	margin: 0px 0px 0px 10px;
}
.break {
	width: 0px;
	height: 0px;
	line-height: 0px;
	font-size: 0px;
	border: 0px none;
	margin: 0px;
	padding: 0px;
	float: none;
	clear: both;
	visibility: hidden;
}
#error_blue {
	background-color: #A0D000;
	padding: 10px;
	border-top: solid 3px #62AA00;
	border-bottom: solid 3px #62AA00;
	margin-bottom: 8px;
	color: #ffffff;
}
#error_red {
	background-color: #e74607;
	padding: 10px;
	border-top: solid 3px #bf3600;
	border-bottom: solid 3px #bf3600;
	margin-bottom: 8px;
	color: #ffffff;
}
#error_blue a, #error_red a {
	color: #ffffff;
	font-size: 14px;
}
#content, #content_rs {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	display: block;
	font-size: 12px;
	text-align: left;
}

/* top */
#top {
display: block;
width: 100%;
min-height: 30px;
background: #000000;
}
#top_in {
display: block;
width: 100%;
max-width: 1000px;
margin: auto;
position: relative;
color: #ffffff;
text-align: left;
}
#top_in .statBlok {
float: left;          
}
#top_in .blok_menu_rs {
width: auto;
min-height: 30px;
display: block;
float: right;
}
#top_in .blok_menu_rs li {
display: block;
min-height: 20px;
line-height: 20px;
float: right;
border-right: solid 1px #fdf200;
margin-top: 5px;
}
#top_in .blok_menu_rs li a {
color: #fdf200;
text-decoration: none;
padding: 0 10px;
height: 20px;
display: block;
text-transform: uppercase;
font-size: 13px;
}
#top_in .blok_menu_rs li a:hover,
#top_in .blok_menu_rs li a.act {
text-decoration: underline;
}

/* header */
#header {
min-height: 90px;
width: 100%;
display: block;
}
#header_in {
min-height: 90px;
width: 100%;
max-width: 1000px;
margin: auto;
display: block;
}
#header_in #home {
min-height: 95px;
width: 230px;
display: block;
background: url(../img/logo.png) center center no-repeat;
}

#header_in .blok_menu_rs {
width: auto;
display: block;
float: right;
}
#header_in .blok_menu_rs li {
display: block;
float: left;
height: 38px;
line-height: 38px;
border-left: solid 1px #bfbfbf;
margin-top: 26px;
}
#header_in .blok_menu_rs li:last-child {
border-right: solid 1px #bfbfbf;
}
#header_in .blok_menu_rs li a {
color: #000000;
text-decoration: none;
padding: 0 10px;
display: block;
text-transform: uppercase;
font-size: 12px;
font-weight: bold;
}
#header_in .blok_menu_rs li a:hover {
color: #ff6c02;
}
#header_in .blok_menu_rs li a.act {
background: #ff6c02;
color: #000000;
}


/* jsddm */
#header_in .blok_menu_rs #jsddm li ul {
margin: 0;
padding: 0;
position: absolute;
visibility: hidden;
z-index: 100;
display: block;
width: 160px;
}
#header_in .blok_menu_rs #jsddm li ul li {
float: none;
text-align: left;
margin: 0;
border: 0;
}
#header_in .blok_menu_rs #jsddm li ul li a {
display: block;
width: 160px;
background: #ff6c02;
color: #000000;
border-top: solid 1px #bfbfbf;
}
#header_in .blok_menu_rs #jsddm li ul li a:hover,
#header_in .blok_menu_rs #jsddm li ul li a.act {
background: #777777;
}

/* content */
#content {
display: block;
width: 100%;
margin: auto;
max-width: 1000px;
font-size: 14px;
}

/* left */
@media screen and (max-width:1000px){
#left {width: 100%;}
#left #bannermenu li img {width: 100%; float: left;}
#left .statBlok,
#footer .statBlok {display: none;}
#header_in #home {margin: 10px auto;}
#right {width: 96%; padding: 2%;}
.blok_kat  {width: 48%; margin: 1%;}
}

@media screen and (min-width:1000px){
#left {width: 307px;}
#left #bannermenu li img {border-bottom: solid 3px #ffffff;}
#header_in #home {float: left; margin-top: 18px;}
#right {width: 690px;}
#right #center_content {margin: 20px 0 20px 20px;}
.cbk_2 {margin: 0 8px 8px 8px;}
.blok_kat  {width: 218px;}
}
@media screen and (max-width:500px){
.blok_kat  {width: 100%;}
}    
#left {
display: block;
float: left;
}
#left #bannermenu {
list-style-type: none;                  
}
#left #bannermenu li {
display: block;
padding: 0;
}
#left #bannermenu li img {
border: 0;
margin: 0;
padding: 0;
}
#left .statBlok div {
display: block;
padding: 10px;
background: #efefef;
margin-top: 5px;
}

/* right */
#right {
display: block;
float: right;
}
#right #center_content {
display: block;
}
#right h1, #right h2, #right h3 {
color: #d73202;
}

/* catalog */
.strankovanie_radenie {
display: block;
width: 100%;
text-align: right;
}
.strankovanie_sipky {
display: block;
width: 100%;
text-align: center;
}
.strankovanie_sipky a {
color: #000000;
text-decoration: none;
}
.strankovanie_sipky a.act {
color: #ff6d00;
font-size: 18px;
}

.blok_kat  {
display: block;
height: 320px;
overflow: hidden;
position: relative;
background: #efefef;
float: left;
margin-bottom: 8px;
}


.blok_kat .kat_img {
display: table;
width: 196px;
height: 198px;
overflow: hidden;
position: absolute;
top: 10px;
left: 10px;
border: solid 1px #ffffff;
text-align: center;
z-index: 1;
}
.blok_kat .kat_img img {
border: 0;
	max-width: 196px;
max-height: 198px;
}
.blok_kat .kat_img a {
	display:table-cell;
	vertical-align: middle;
}

.blok_kat .kat_nazov a {
display: block;
background: #f53715;
text-align: center;
color: #ffffff;
text-decoration: none;
width: 170px;
position: absolute;
left: 20px;
top: 200px;
z-index: 2;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
height: 36px;
line-height: 36px;
-webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.75);
box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.75);
border: solid 3px #ff6d00;
}
.blok_kat .kat_popis {
display: block;
width: 196px;
position: absolute;
left: 10px;
top: 250px;
}

/* footer */
#footer {
width: 100%;
min-height: 200px;
display: block;
position: relative;
}
#footer_in {
max-width: 1000px;
width: 100%;
display: block;
position: relative;
margin: auto;
border-top: solid 1px #000000;
padding: 20px 0;
text-align: left;
font-size: 14px;
min-height: 200px;
}
#footer_in .statBlok div {
display: block;
float: left;
width: 100%;
max-width: 19%;
margin-right: 1%;
}
#footer_in .statBlok div:last-child {
max-width: 20%;
margin-right: 0;
}
#footer a {
color: #000000;
}

/* fieldset */
fieldset {
	border: 1px solid #E5E5E5;
	padding: 10px;
}
fieldset legend {
	color: #3a6fb5;
	font-size: 16px;
	padding: 8px;
}
fieldset table {
width: 100%;  
line-height: 24px;                               
}
fieldset table tr td:first-child {
min-width: 200px;                                 
}
fieldset table tr td:last-child {
text-align: left;                                
}
fieldset table a {
color: #000000;                              
}
fieldset input[type="text"],
fieldset input[type="password"],
fieldset select{
border: 1px solid #E5E5E5;
height: 28px;
min-width: 300px;                            
}
fieldset input.long {
	width: 450px;
	border: 1px solid #E5E5E5;
	height: 28px;
}
fieldset textarea {
	width: 380px;
	margin-left: 10px;
	border: solid 1px #707070;
}
fieldset input#kontrola {
	width: 260px;
	margin-left: 10px;
	border: solid 1px #707070;
	height: 26px;
}
fieldset input, fieldset img {
	margin-left: 10px;
}
fieldset input.submit {
	display: block;
	padding: 8px 20px;
	color: #ffffff;
	float: right;
	cursor: pointer;
	border: 0px;
	background: #707070;
}

.reg_red {
	color: #fe7713;
}


#gull_manager {
background: url("../img/web-by-gull.png") no-repeat scroll center center rgba(0, 0, 0, 0);
bottom: 0;
cursor: pointer;
display: block;
height: 39px;
position: absolute;
right: 0;
width: 153px;
}
/* RS */
.rs_strankovanie, .strankovanie_sipky {
	text-align: center;
	color: #D0D0D0;
}
.rs_strankovanie a, .strankovanie_sipky a {
	color: #D0D0D0;
}
.rs_strankovanie a.act, .strankovanie_sipky a.act {
	font-size: 18px;
}
#rs_kat_popis {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: dotted 1px #cccccc;
}
.kat_uvodnik {
	margin-bottom: 10px;
	padding-bottom: 20px;
	border-bottom: dotted 1px #cccccc;
	position: relative;
}
.kat_uvodnik img {
  float: left;
  margin: 0 8px 8px 0;
  border: 0;
}
.kat_uvodnik h2 {
	font-weight: normal;
	font-size: 26px;
	color: #d73202;
	margin-bottom: 10px;
}
.kat_uvodnik h2 a {
	color: #d73202;
  font-size: 16px;
}
#rs_create_date, .rs_create_date {
	margin-bottom: 10px;
	margin-top: -8px;
	font-size: 11px;
}
.kat_uvodnik_viac {
	position: absolute;
	right: 0px;
	bottom: 6px;
	color: #707070;
}

#filter label {
	margin-left: 16px;
	margin-right: 12px;
	cursor: pointer;
}

#filter input {
	position: absolute;
	margin-top: 5px;
	cursor: pointer;
}

#filter {
	margin-bottom: 10px;
}

.fb-like {
	margin-top: 15px;
}

#filterrok {
display: block;
width: auto;
margin: auto;
}
#filterrok a {
display: block;
padding: 4px 8px;
color: #000000;
text-decoration: none;
background: #efefef;
margin-right: 1px;
float: left;
}
#filterrok a.act {
background: #ff6c02;
color: #FFFFFF;
}
#filtermesiac {
display: block;
width: 100%;
margin-bottom: 20px;
}
#filtermesiac a {
display: block;
padding: 4px 8px;
color: #000000;
text-decoration: none;
background: #efefef;
margin: 1px 1px 0 0;
float: left;
}
#filtermesiac a.act {
background: #ff6c02;
color: #FFFFFF;
}
/*
#home_text {
display: block;
width: 980px; 
margin: 10px auto 0 auto;         
}
.sch_blok {
display: block;
width: 230px;
float: left;  
font-size: 14px;
text-align: justify; 
color: #77787c; 
position: relative;      
}
.sch_blok .sch_blok_a {
display: block;
width: 230px;
height: 100%;
position: absolute;
top: 0;
left: 0;     
}
.sch_blok h2 {
display: block;
width: 230px;
text-align: center;
text-transform: uppercase;
font-size: 18px;  
margin-top: 10px;
padding-bottom: 10px;
border-bottom: solid 1px #dbdadf;
margin-bottom: 10px;        
}
.sch_blok img {
border: solid 3px #e1e0de;
margin: 0 2px;              
}
.sch_blok:nth-child(1) {
margin: 0 10px 0 0;                     
}
.sch_blok:nth-child(2) {
margin: 0 10px 0 10px;                     
}
.sch_blok:nth-child(3) {
margin: 0 10px 0 10px;                     
}
.sch_blok:nth-child(4) {
margin: 0 0 0 10px;                     
}
.sch_blok:nth-child(1) h2 {
color: #e11f28;                     
}
.sch_blok:nth-child(2) h2 {
color: #4681d1;                  
}
.sch_blok:nth-child(3) h2 {
color: #fa830b;                     
}
.sch_blok:nth-child(4) h2 {
color: #f82590;                    
}

#left .blok_menu_shop ul {
list-style-type: none;
margin: 0;
padding: 0;
}
#left .blok_menu_shop ul img {
  -webkit-filter: brightness(100%);
  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
} 
#left .blok_menu_shop ul img:hover,
#left .blok_menu_shop ul.level_0 a.act img {
  -webkit-filter: brightness(80%);
}
#left .blok_menu_shop ul.level_0 a.act {
  background: url(../img/arr.png) 228px center no-repeat;
  display: block;
  width: 100%;
}
#left .blok_menu_shop ul.level_1 a {
  color: #65696c;
  text-decoration: none;
  padding: 6px 0 6px 20px;
  font-size: 14px;
  display: block;
  background: url(../img/arr.png) left center no-repeat;
}
#left .blok_menu_shop ul.level_1 a:hover {
  text-decoration: underline;
}
#left .blok_menu_shop ul.level_1 a.act {
  background: none;
  text-decoration: underline;
  color: #000000;
}

.strankovanie_sipky {
display: block;
width: 100%;
line-height: 30px;
font-size: 15px;
margin: 10px 0;
}
.strankovanie_sipky a {
color: #65696c;
text-decoration: none;
}
.strankovanie_sipky a:hover {
color: #000000;
text-decoration: underline;
}
.strankovanie_sipky a.act {
font-size: 20px;
color: #7dbe3c;
}

.strankovanie_radenie {
display: block;
width: 100%;
margin-top: 20px;
margin-bottom: 10px;
position: relative;
}
.strankovanie_radenie select {
margin: 0 2px;
}
.strankovanie_radenie a {
color: #000000;
text-decoration: none;
font-size: 14px;
margin: 0;
}
.strankovanie_radenie .arrows {
position: absolute;
top: 0px;
left: 210px;
}

/* catalog */           /*
#center .blok_kat {
display: block;
position: relative;
background: #ffffff;
border: solid 1px #e3e3e3;
height: 172px;
width: 362px;
float: left;
margin-bottom: 22px;
}
#center .blok_kat:hover {
border: solid 1px #cccccc;
}
#center .cbk_2 {
margin-left: 10px;
}
#center .kat_vyrobca {}
#center .kat_nazov {
display: block;
position: absolute;
top: 8px;
left: 156px;
width: 200px;
}
#center .kat_nazov h2 {
margin-bottom: 0;
margin-top: 0;
}
#center .kat_nazov h2 a {
color: #000000;
font-weight: normal;
font-size: 16px;
text-transform: uppercase;
}
#center .kat_popis {
display: block;
position: absolute;
top: 70px;
left: 156px;
width: 200px;
font-size: 12px;
line-height: 15px;
}
#center .kat_ceny {}
#center .kat_ceny .mainprice {
color: #4084cb;
font-size: 17px;
left: 156px;
top: 126px;
position: absolute;
}
#center .kat_ceny .subprice {
color: #cccccc;
font-size: 12px;
left: 156px;
top: 146px;
position: absolute;
}
#center .kat_kupit {
display: block;
width: 85px;
height: 34px;
background: #7cbd3b;
color: #ffffff;
font-size: 15px;
line-height: 34px;
text-align: center;
position: absolute;
bottom: -17px;
left: 36px;
text-decoration: none;
}
#center .kat_img {
display: block;
position: absolute;
top: 8px;
left: 8px;
width: 140px;
height: 140px;
overflow: hidden;
text-align: center;
}
#center .kat_img img {
border: 0;
max-width: 140px;
max-height: 140px;
-webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}
#center .blok_kat:hover .kat_img img {
-webkit-transform: rotate(-15deg);
     -moz-transform: rotate(-15deg);
       -o-transform: rotate(-15deg);
      -ms-transform: rotate(-15deg);
          transform: rotate(-15deg);
}
.kat_ico_akcia_prc, kat_ico_vypredaj_prc {
display: block;
width: 58px;
height: 58px;
line-height: 58px;
color: #ffffff;
font-size: 20px;
text-align: center;
background: url(../img/sale.png) center center no-repeat;
position: absolute;
top: 23px;
left: 12px;
z-index: 10;
}

.ctb_blok {
border: solid 1px #cccccc;
padding: 10px;  
margin-bottom: 10px;    
} 
.ctb_blok top {
background: #cccccc; 
padding: 10px;  
margin-top: 1px;                
}
.ctb_blok table {
width: 100%;    
font-size: 14px; 
}
.ctb_blok table th {
background: #cccccc;
text-align: left;
font-weight: normal;
padding: 4px;   
}
.ctb_blok table td {
padding: 4px;    
}
.ctb_blok tr td:first-child {
width: 200px;                                    
}
.ctb_blok table td.tright {
text-align: right; 
}
.ctb_blok input[type="text"],
.ctb_blok input[type="password"] {
border: 1px solid #E5E5E5;
height: 28px;
min-width: 300px;      
text-indent: 6px;                      
}
.ctb_blok input.rederror {
border: 1px solid #FF0000 !important;                          
}
.ctb_blok input.long {
	width: 450px;
	border: 1px solid #E5E5E5;
	height: 28px;
}
#savebuton {
background: #7cbd3b;   
line-height: 40px;
width: 200px;
text-align: center;
color: #ffffff;
font-size: 18px;
text-decoration: none; 
display: block;   
float: right;  
cursor: pointer;
border: 0;              
}

#dialog table td,
#dialog table th {
font-size: 12px;
text-align: left; 
border-bottom: 1px dotted #E5E5E5;                
}
#dialog td.tright {
text-align: right; 
}