#hladajbox h2{
	margin-left: 320px !important;
}
input{
	background-color: White;
	border: 1px solid #bfbfbf;
}

h4{
	display: block;
	background-image: url(../img/kosik.png);
	background-repeat: no-repeat;
	height: 20px;
	padding: 10px 0 10px 80px;
	font-size: 19px;
	color: #979797;
	letter-spacing: 1px;
	border-bottom: 1px dotted #C2C2C2;
	margin-bottom: 5px;
	font-family: "Times New Roman", Times, serif;
	font-weight: normal;	
}	

.obal{
	border-bottom: 1px dotted #d0d0d0;
	border-top: 1px dotted #d0d0d0;
	margin: 5px 0;
}
.polozka{
	display: block;
	font-size: 14px;
	padding: 5px 10px; 
	color: #646464;
	margin: 3px 0;
}
.polozka:hover{
	background-color: #ffefd5;
}
.id, .fotka-1, .nazov, .vaha, .skladom, .formular, .cena{
	display: block;
	float: left;
	text-align: center;
	padding: 7px 0;
}
.id{
	width: 30px;
}
.fotka-1{
	width: 70px;
	padding: 0 5px;
}
.fotka-1 img{
	padding: 3px;
	border: 1px solid white;
}
.fotka-1 img:hover{
	border: 1px solid #ffe4b5;
	background-color: white;
}
.nazov{
	width: 260px;
	text-align: left;
	padding: 7px 10px;
}
.vaha{
	width: 65px;
}

.skladom{
	width: 40px;

}

.formular{
	width: 170px;
	padding: 4px 5px 3px 0;
	text-align: right;

}
.cena{

	width: 120px;
}
.cena em{
	font-size: 10px;
	color: #989898;
}
.formular .pocet{
	width: 28px;
	padding: 2px;
	text-align: center;
	margin: 0 3px;
}

.tlacitko{
	background-image: url(../img/tlacitko-dokosika.png);
	width: 70px;
	border:	none;
	text-align: center;
	height: 25px;
	font-weight: bold;
	font-size: 13px;
	color: #ffdab2;
	cursor: pointer;
	background-position: 0 -25px;
	background-attachment: scroll;
	font-family: "Times New Roman", Times, serif;
}
.tlacitko:hover{
	background-position: 0 0;
	color: white;

}
.ko{
	clear: both;
}


/* --------------------------- */
/* nakupny skosik ------------ */
table{
border-collapse: collapse;
}

tr{
	background-color: white;
	padding: 2px 8px 0px 8px;
	height: 19px;
	width: 550px;
	margin: 3px 0;
	display: block;
}
tr:hover{
	background-color: #fffdf3;
}
#kosik-box{
	margin-bottom: 30px;
	padding: 10px 10px 10px 15px;
	background-color: #EDEDED;
}
#kosik-box strong{
	color: #939393;
	font-size: 13px;
	margin: auto;
	display: block;
	width: 300px;
	text-align: center;
	font-weight: normal;	
}

.polozka-kosika:hover{
	background-color: white;
	color: #131313;
}
.polozka-kosika img{
	float: left;
}
.id-kosik, .pocet-box-pocet, .nazov-kosik,
.cena-kosik, .cena-kosik-spolu, .euro{
	display: block;
	float: left;
	font-size: 12px;
	text-align: center;
	height: 15px;
	color: #7c7c7c;
}
.id-kosik, .nazov-kosik, .cena-kosik,
.cena-kosik-spolu, .euro {
	padding-top: 3px;
}

.id-kosik{
	width: 30px;
}
.nazov-kosik{
	width: 260px;
	text-align: left;
}
.cena-kosik{
	width: 70px;
	text-align: right;
}
.cena-kosik-spolu{
	width: 55px;
	text-align: right;
}
.pocet-box-pocet{
	width: 90px;
	height: 20px;
}
.pocet-box-pocet a.delete{
	font-size: 11px;
	float: right;
	color: #ff4242;
	display: block;
	padding: 2px 5px 1px 5px;
	margin-bottom: 2px;
}
.pocet-box-pocet a.delete:hover{
	border-bottom:1px dotted #ee0000;
	color: #ee0000;
}
.euro{
	float: left;
	text-align: left;
	width: 5px;
	padding: 3px 10px 0 3px;
}
.pocet-kosik{
	width: 30px;
	padding: 0px 2px;
	text-align: center;
	font-size: 12px;
	color: #7c7c7c;
	float: left;
}
#polozk-v-kosiku{
	width: 570px;
	padding-left: 3px;
	background-color: #CDCDCD;
	float: left;
}

/* cena celkom - - - - - - - - - - */

#cena-celkom{
	width: 215px;
	float: right;
	margin-left: 5px;
	color: #4A4A4A;
	text-align: right;
}

#cena-celkom span{
	font-size: 12px;
	width: 125px;
	height: 17px;
	display: block;
	float: left;
	padding: 5px 0 1px 0;
}
#cena-celkom em{
	font-size: 16px;
	color: #FF5151;
	display: block;
	float: right;
	width: 90px;
}
#cena-celkom em.dph{
	font-size: 12px;
	padding-top: 5px;
}
span.spolu{
	font-size: 15px !important;
	background-color: #F6F6F6;
	padding-top: 10px !important;
	padding-bottom: 3px !important;
	margin-top: 5px;
	font-weight: bold;
}
#cena-celkom em.spolu{
	width: 84px;
	font-size: 20px;
	background-color: #F6F6F6;
	padding: 3px;
	margin-top: 5px;
}
#cena-celkom .time{
	width: 205px;
	padding: 4px 5px;
	margin-bottom: 5px;
	color: #9b9b9b;
	text-align: center;
	border-bottom: 1px solid white;
}

/* end kosik ----------------- */
/* --------------------------- */
/* js */

#largeImage {
position: absolute;
padding: .5em;
background: #ffffff;
border: 1px solid #BFBFBF;
}

a img {
border: none;
}


/* --------------------------- */
.info {
background: #dfffdf;
border: 2px dashed #b0ecb0;
width: 260px;
overflow: hidden;
position: absolute;

}

.info .imgs, .info2 .imgs, .info3 .imgs {
float: left;	

}

.info p {
color: #003500;
font-size: 12px;
padding: 0 0 0 7px;
padding: 7px 4px;
}

.info2 {
background: #ffecce;
border: 2px dashed #db8b2c;
width: 250px;
overflow: hidden;
position: absolute;

}

.info2 p {
color: #603604;
font-size: 12px;
padding: 0 0 0 7px;
padding: 7px 10px;
}

.info3 {
background: #ffe1e1;
border: 2px dashed #ffc6c6;
width: 250px;
overflow: hidden;
position: absolute;

}

.info3 p {
color: #7d0303;
font-size: 12px;
padding: 0 0 0 7px;
padding: 7px 10px;
}

/* kontaktny formular ----- */



a#zobraz{
	font-size: 14px;
	color: #678f43;
	padding: 6px 10px;
	margin: 15px 0 0 15px; 
	display: block;
	background-color: #ddffbe;
	float: left;
	border: 1px solid #c4ee9d;
}
a#zobraz:hover{
	background-color: #f5ffec;
	border-color: #ddffbe;
	color: #488e09;
}
#kontakt-border{
	border: 1px solid white;
	margin-top: 15px;
	padding: 4px;
	display: none;
}

#pomdatum{
	width: 90px !important;
	text-align: center;
}
#cas{
	width: 55px !important;
	text-align: center;
	float: right;
	position: absolute;
	top: 35px;
	left: 410px;
}
#labelcas{
	position: absolute;
	top: 5px;
	left: 410px;
}
#kontakt-form{
	background-color : #f7f7f7;
	height: 205px;
	font-size: 13px; 
	color: #777777;
	position: relative;
}
label.noborder{
	border-top: 0px !important;
}
#kontakt-form label{
	display: block;
	padding: 6px 2px 3px 12px;
	margin-top: 5px;
	border-top: 1px dotted white;
}
#kontakt-form label em{
	font-style: normal;
	color: #ff4a4a;
}
.kontakt-box1, .kontakt-box2{
	float: left;
	padding: 5px 10px;
}
.kontakt-box1{
	width: 260px;

}
.kontakt-box1 input, .kontakt-box2 input{
	width: 220px;
	height: 16px;
	padding: 2px 3px 2px 2px;
	margin: 0 0 6px 10px;
	border: 2px solid #a7a7a7;
	color: #898989;
}

#spam{
	display: none;
}
.kontakt-box2{
	width: 320px;
}
.kontakt-box3{

	float: right;
	width: 164px;
	text-align: center 
}
.kontakt-box3 a{
	color: #9d9d9d;
	background-color: #f1f1f1;
	padding: 3px 10px;
	display: block;
	margin: 5px 0 0 85px;
	width: 50px;
	border: 1px dotted #e6e6e6;
}
.kontakt-box3 a:hover{
	color: #6d6d6d;
	background-color: #e2e2e2;
	border-color:  #cccccc;
}
.kontakt-box3 input#tlacitko{
	margin-top: 80px;
	padding: 5px 8px;
	background-color: #ff4200;
	color: #ffe9d8;
	border: 5px solid #fcc394;
	font-weight: bold;
	font-size: 12px;
	cursor: pointer;
}

.kontakt-box3 #chackebox{
	width: 13px;
	height: 13px;
	padding: 2px;
	float: none;
	margin-top: 7px;
	border: 1px solid gray;
	color: #7c7c7c;
}
.kontakt-box3 #chackebox:hover{
	background-color: white;
	border: 1px solid gray;
}
.kontakt-box3 label{
	display: block;
	font-size: 10px;
	color: #838383;
	text-align: left;
	width: 135px;
	float: left;
	padding: 2px !important;
	position : relative;
}
.kontakt-box3 input:hover{
	background-color: #fe8610;
	color: white;
	border: 5px solid #ffddbc;
}
.kontakt-box2 textarea{
	width: 300px;
	padding: 3px;
   margin: 0 0 6px 10px;
	border: 2px solid #a7a7a7;	
	color: #898989;
}

#chacke-box{	
	padding: 5px 0;
	margin-top: 5px;
}

#datum-cas{
	width: 160px;
	text-align: center;
}

#kal{
	width: 50px;
	height: 20px;
	background-color: #C1C1C1;
}

/* filtracia -- - - - - - - - - */

#filtracia1{
	padding: 5px 20px;
	padding: 3px;
	border: 1px solid #efefef;

}

#filtracia{
	padding: 5px 20px;
	background-color: #f9f9f9;

}
#filtracia label{
	font-size: 12px;
	color: #878787;
	margin: 7px 10px 0 0;
	display: block;
	float: left;
	letter-spacing: 1px;
}

#filtracia select{
	border: 1px solid #d1d1d1;
	height: 25px;
	width: 140px;
	padding: 2px 0 2px 10px;
	font-size: 13px;
	color: #878787;
	margin: 2px 25px 2px 0;
	float: left; 
}

#skladom{
	margin-top: 8px;
	padding: 3px;
	color: #979797;
	width: 12px !important;
	height: 12px !important;
	display: block;
	font-size: 15px;
}

/* strankovani ------------------ */
.stranky{
	width: 800px;
	height: 30px;
	margin :  20px 0 0 0;
	font-size: 12px;
	text-align: center;
}
.stranky .nolink{
	background-color: #c8c8c8;
	color: white;
	margin: 0 5px;
	padding: 5px 7px;
	height: 21px;
}
.stranky a{
	border-bottom: 1px solid #ebebeb;
	color: #7e7e7e;
	margin: 0 5px;
	padding: 5px 7px;
	height: 20px;
	letter-spacing: 1px;
}
.stranky a:hover{
	background-color: #f4f4f4;
	border-color: #d8d8d8;
	color: #535353;

}