.vyber{background:url("images/vyber.png");width:100%;height:35px;}
.vt{color:#4a656e;font-size:12px;padding-top:10px;margin-left:60px;width:90%;}

#preview{
	width: 320px;
	position:absolute;
	border:1px solid #ccc;
	background:#fff;
	padding:5px;
	display:none;
	color:#909090;
	font-family: 'Roboto', sans-serif;font-weight: 400;
	font-size: 11px;
	text-align: justify;
}





#Nalepka
{
   background-image: url("images/nahladnalepky.png");
   position: absolute;
   left: 633px;
   top: 18px;
   height: 200px;
   width: 300px;
   overflow: hidden;
   border: 1px solid black;

}

#TextNahlad
{
   font-family: arial;
   font-weight: 800;
   font-size: 100px;
   left: 0px;
   top: 0px;
   height: auto;
   position: absolute;
   white-space: nowrap;
   overflow: hidden;
color:#000;
   
    text-shadow: #000 0px 0px 1px;
    -webkit-font-smoothing: antialiased;
}

#info
{
   top: 3px;
   width: 350px;
   position: absolute;
   left: 608px;
   text-align: center;
   font-size:10px;
}

#vyska
{
   top: 245px;
   width: 100px;
   height: 50px;
   position: absolute;
   left: 833px;
   text-align: center;


}

#vyskaleft
{
   top: 245px;
   width: 200px;
   height: 50px;
   position: absolute;
   left: 633px;
   text-align: center;


}

#pocetkusovleft
{
   top: 305px;
   width: 200px;
   height: 50px;
   position: absolute;
   left: 633px;
   text-align: center;


}

#pocetkusov
{
   top: 305px;
   width: 100px;
   height: 50px;
   position: absolute;
   left: 833px;
   text-align: center;


}



#samolepky
{

   position: absolute;
   left: 30px;
   width: 326px;
   font-size:15px;
   
}

#MyTextArea
{ 

   width: 320px;
   resize: none;
   
}

#Arrows
{ 
   position: absolute;
   font-size:10px;
   left: 620px;
   top: 18px;
   width: 8px;
   height: 200px;

 
}

#TopArrow
{ 
   position: absolute;
   font-size:10px;
   top: 0px;

   
}


#BottomArrow
{ 
   position: absolute;
   font-size:10px;
   bottom: 0px;

   
}

#ArrowsWide
{ 
   position: absolute;
   font-size:10px;
   left: 633px;
   top: 220px;
   width: 300px;
   height: 10px;
 
}

#LeftArrow
{ 
   position: absolute;
   font-size:10px;
   left: 0px;
   
}

#RightArrow
{ 
   position: absolute;
   font-size:10px;
   right: 0px;
   
}

#VyskaKota{
   position: absolute;
   font-size:12px;
   left: 585px;
   top: 110px;
   width: 45px;
   height: 20px;
   text-align: right;

}

#SirkaKota{
   position: absolute;
   font-size:12px;
   left: 120px;
   width: 60px;
   height: 20px;
   text-align: center;

}

.checkmark{
position: absolute;
top: 310px;
left: 150px;
height:auto;
overflow:auto;
text-align:left;
color:#0d5b7c;
font-weight:bold;
font-size:14px;
width:180px;
}

.checkmark2{
position: absolute;
top: 380px;
left: 150px;
height:auto;
overflow:auto;
text-align:left;
color:#0d5b7c;
font-weight:bold;
font-size:14px;
width:180px;
}





.listbox{
margin-top:-20px;
background:#cbe5ef;
border:1px solid #c1dce8;
color:#154f62;
position: absolute;
left:150px;
display: block;
}


    .hidden 
{
margin-top:-20px;
background:#cbe5ef;
border:1px solid #c1dce8;
color:#154f62;
position: absolute;
left:150px;
display: none;
}

.inpk{width:150px;
margin-top:-10px;
height:40px;    text-align:center;font-size:30px;font-family:tahoma;background:#cbe5ef;
 -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius:5px;
    border:2px solid #c1dce8;    color:#154f62;


}

.inpk1{
position: absolute;
left: 683px;
top: 400px;

width:200px;height:40px;    text-align:center;font-size:30px;font-family:tahoma;background:#86b5c8; cursor:pointer;
 -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    border:2px solid #c1dce8;    color:#ffffff;


}

.smallbottombarkalkulacka{width:100%;height:65px;background:url("images/kalk3.png");position:relative;border-bottom:1px solid #dfe6e7;}




.cena{position: absolute;top:300px;left:320px;width:300px;height:150px;text-align:center;}
.pocet_kusov{width:100%;height:20px;text-align:center;margin-top:10px;color:#0d5b7c;}
.divcena{width:100%;text-align:center; color:#154f62;font-size:35px;font-family:tahoma;}
.divcenaciastkova{width:100%;text-align:center; color:#154f62;font-size:13px;height:13px;font-family:tahoma;margin-top:10px;}



.tshirt {
    width: 500px;
    height: 500px;
    overflow: hidden;
    background: url(images/tricka/tricko_biele.png);
}

.motiv {
    margin-top: 75px;
    margin-left: 125px;
    width: 250px;
    height: 350px;
    overflow: hidden;
    color: #fff;
    background: url(images/farby/cierna.png);
    -webkit-mask-image: url(images/vzory/che_guevara.png);
}

#motivfolia {
    margin-top: 75px;
    margin-left: 125px;
    width: 250px;
    height: 350px;
}      

.designer

{
    margin-top: 0px;
    margin-left: 0px;
    width: 950px;
    height: 600px;


}

.motivselector

{
    position:absolute;
    float:right;
    margin-top: -400px;
    margin-left: 550px;
    width: 380px;
    height: 555px;
}

.motivselector img
{-webkit-filter: grayscale(); 
-moz-filter: grayscale()
-ms-filter: grayscale()
-o-filter: grayscale()
filter: grayscale();

    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
    filter: gray; /* IE6-9 */

width:50px;



}

.colorselector

{
    position:absolute;
    float:right;
    margin-top: 55px;
    margin-left: 25px;
    width: 500px;
    height: 100px;


}