/* CSS (c) www.hattas.sk */

/* Elements */
HTML   {margin: 0; padding:0;}
BODY   {background-color: #ffb6cf; color:#404040; 	font: normal 80% "Verdana CE", "Arial CE", "Lucida Grande CE", "Helvetica CE", Verdana, Arial, lucida, sans-serif; margin: 0; padding:0; 	text-align:center;}


H1     {font-size:1.5em; margin:0; padding:10px 0 7px 0; color:#e386ca;}
H2     {font-size:1.3em; margin:0px 0px 7px 0px; padding-top:15px; color:#e386ca;}
H3     {font-size:1em; margin:0px 0px 0px 0px; padding-top:15px;  color:#e386ca;}

H1 A:visited {color:#e71f62; text-decoration:underline;}
H1 A:hover   {color:#000; text-decoration:underline}

A         {color:#404040; text-decoration:underline;}
A:visited {color:#353535; text-decoration:underline}
A:hover   {color:#e71f62; text-decoration:underline}

IMG    {border:none; display: block; margin:0px}
FORM   {margin:0px;padding:0px}
P      {margin-top: 0; line-height: 1.45em;}
UL,OL  {padding: 10px 0px 10px 20px; margin: 0px;}
HR     {height:1px; color:#c4c3be; width:100%; background-color:#c4c3be; border:0px solid #c4c3be;}
acronym{border-bottom: 1px dotted gray; cursor: help;}

TABLE  {BORDER-COLLAPSE: collapse; border-spacing:0px; line-height:15px; font-size: 100%; }
TD     {vertical-align:top;}
TH     {text-align:left; vertical-align:top; background-color:#f59fce; font-weight:bold; color:#fff; padding:4px}

/* Standards */
.red             {color:#cc3399; font-weight:bold }
.fontsmall       {font-size:11px; font-weight:normal; color:#6e6e6e;}
.fontsmall A     {color:#6e6e6e; text-decoration:underline;}
.clear           {clear:both;}
.clearboth       {clear:both}
.floatleft       {float:left}
.floatright      {float:right}
.center          {text-align:center}
.inline img      {display: inline;}
.inline          {display: inline;}
.cena            {font-size:1.2em;}
.bg              {background-color: #fbe2f0; padding:10px}
TABLE.table      {width:600px; border-right: 1px solid #f59fce; border-bottom: 1px solid #f59fce;  border-left: 1px solid #f59fce; }
.table TD        {padding:5px; border-right: 1px solid #f59fce; border-bottom: 1px solid #f59fce;  border-left: 1px solid #f59fce; } 

.odrazka         {padding:9px 0 0 30px; margin:5px 0px 15px -30px;}



/* Site	*/
#site             {width:896px;  margin: 0 auto; 	padding: 0; text-align:left;}
#accessible       {position:absolute;left:-1000px; top:-1000px;}
#headerhome       {height:125px; background: url(../images/header.jpg) no-repeat left bottom}
#header           {height:125px; background: url(../images/header-vnutro.jpg) no-repeat left bottom}
#logo             {float:left; padding:5px 0px 0 30px; width: 190px;}
#headernav        {float:left; padding-top:20px}
#headernav-admin  {float:left; padding-top:40px}
#headernav IMG    {display: inline;}
#obchodne         {margin:0 30px 0 30px}
#onas             {margin:0 130px 0 75px}
#basket           {float: right; margin:20px}

#main             {width:896px; float:left; background: #fff url(../images/main-bg-vnutro.gif) repeat-y }
#index IMG        {display: inline; vertical-align: top;}
#news             {float:left;}
#news DIV         {float:left; position:relative; margin:-14px 5px 0 0;}
DIV#newstext      {float:left; margin:0 15px 0 0}
#info             {float:right; margin-top:-45px; position:relative }
#contentindex     {padding:0 40px 0 60px; background: url(../images/contentindexbg.gif) no-repeat; height:51px; }
#contentindex IMG {display: inline; vertical-align: top;}

#footer           {clear:both; line-height:18px; background:  #ffb6cf url(../images/footer.jpg) no-repeat; height:46px; color:#fff; font-size:.9em; padding-top:55px; text-align: center;}
#footer A         {color:#fff;}
#footer A:hover   {color:#e386ca;}

/* CONTENT
*/
#headerpic {float:left; background: url(../images/vnutropic.jpg) no-repeat 20px 0; padding-top:70px}
#left      {float:left; width: 190px; padding:0 10px 20px 30px}
#left ul   {padding: 7px 0 0 4px; margin: 0; list-style: none;}
#left li   {margin:0; padding:5px 10px 0 19px; background: url(../images/menu-odd.gif) no-repeat 0px 8px;}
#left A.active   {text-decoration:none; color:#cc3399; font-weight: bold;}
#left A.active:hover    {text-decoration:underline; color:#404040}

#registra    {margin:15px 0 0px 0; width:145px; background: url(../images/reg-bg.gif) no-repeat }
#registra ul {padding: 7px 0 7px 9px; margin: 0; list-style: none;}
#registra li {margin:0; padding:5px 5px 0 14px; background: url(../images/menu-odd2.gif) no-repeat 0px 7px;}
#search      {width:145px; margin:15px 0 15px 0; background: url(../images/search-bg.gif) no-repeat}
#search FORM {padding:10px 0px 15px 10px; }
#nazor       {width:145px; background: url(../images/nazor-bg.gif) no-repeat}
#nazor FORM  {padding:15px 10px 25px 10px; }
#nazor INPUT, #nazor TEXTAREA    {width: 120px;}
#nazor INPUT.button    {width: 70px; margin-top:5px}
#right       {float:left; width: 660px;}
#content     {padding:0px 40px 0 0; line-height: 18px;}
#topsperky      {padding:50px 5px 5px 0px;}
/* TOVAR 
*/
.product          {float:left; width:290px; padding:0 13px 10px 0;}
.product-pic  IMG {margin-bottom:5px}
.product-txt      {height:30px; PADDING: 0px 0px 20px 0px; text-align: center; line-height: 20px;}
.back-on-the-top  {text-align:center; width:500px; height:40px; padding-bottom:10px}
#big-picture      {padding:15px 0 20px 100px; }


table.mojucet {margin:0px 0px 15px 6px;}
	.mojucet td {padding:4px;}

#oblubene-produkty     {padding:10px 0px 15px 0px; width:534px; border-top:2px solid #f59fce}
#oblubene-produkty DIV {float:left; margin:0 10px 10px 0; height:110px}

.table-tovar-big td{padding:5px;}
#ramik-big {background: url(../images/ramik-middle.jpg) no-repeat; PADDING: 0px 0px 0px 14px;}
#funkcie li{padding:0 0 3px 0; margin:0px}

#dokosa {background: url(../images/dokosa1.gif) no-repeat}
#dokosa-vnutro {PADDING: 8px 0px 10px 25px; color:white; float:left}
	.dokosa-input {width:20px; height:15px; border:#ac6109 1px solid; background-color:white; padding:0px; font-weight:bold}

#viewall {clear:left; text-align: center; padding:3px; background-color: #fdecf5; margin-bottom:10px}
#strankovanie{clear:left; height:40px; PADDING: 10px 0px 10px; font-size:1.2em }
#poukaz      {float:right; width: 213px;}
#poukaz  STRONG    {display: block; margin-left:12px}

/* PRODUKT ZOBRAZENIE */
#prodpicture    {float:left; width:290px}
#prodtext       {margin-left:310px}
TABLE#prodcena  {margin-top:15px; width: 290px;}
#prodcena td    {border-bottom:#f59fce 1px solid; padding:3px}
#tabulky        {padding:0;}


/* KOSIK */
TABLE.kosik {border:#f59fce 2px solid;}
.kosik th { text-align: center; }
.kosik td {border:#f59fce 1px solid; padding:4px; text-align: center; }
.kosikinput {width:20px; height:15px; border:#ac6109 1px solid; background-color:white; padding:0px; font-weight:bold}
.kosikcelkovacena td { border:#aeaeae 1px solid;padding:4px  }
TABLE.kosikcelkovacena {width:370px; }

/* MOJ UCET */
table.mojucet {margin:0px 0px 15px 6px; }
	.mojucet td {padding:4px }
	.mojucet A {color:#b51515; text-decoration:underline; font-weight:bold}
	.mojucet A:visited { color:#c74e4e; text-decoration:underline}
	.mojucet A:hover { color:#dc7405; text-decoration:underline}
.objednavky td {border:#f59fce 1px solid; padding:4px }	
#prihlasenie {margin:100px 100px; width:350px; background-color: #fff; padding: 0 20px 20px 20px}

/* FILTER SPECIAL */
#filter  {margin:8px 0 15px 0;}
#fkategorie     {padding-top:5px;}
.label   {padding-left: 3px;}
.input   {vertical-align: middle; margin-left:3px; border:none}
.fkatstlpec {float:left; width:130px}
.fkatstlpec1 {float:left; width:150px}
.fkatstlpec2 {float:left; width:220px}

/* INPUTS
*/
label {FLOAT: left; WIDTH: 138px; }
.button { border: 2px outset #fc466e;	background-color: #fc466e; font-weight: bold;  color:#fff;}
	.button A{ color:#fff; text-decoration: none;}
	.button A:visited { color:#fff; text-decoration:none}
	.button A:hover { color:#fff; text-decoration: none;}


FIELDSET {
	border: #CAC9C9 1px solid; 
	PADDING: 0px 5px 20px 10px; 
	margin-bottom:15px;
}

FIELDSET input {
	BORDER: #848484 1px solid; 
}

FIELDSET label {
	float:left;
	WIDTH: 145px;
	padding:2px 4px 2px 4px
}
FIELDSET p {clear:left; margin:7px 0px 5px 0px;}

FIELDSET textarea {
	BORDER: #848484 1px solid; 
	margin-bottom:4px
}
LEGEND {
	FONT-WEIGHT: bold; 
	MARGIN-BOTTOM: 10px; 
	color: #c39;
}

#kontaktl {float:left; width:250px}
#kontaktr {float:right;  padding-top:39px; width:270px}


/* ADMIN
*/
.en, .ru {display: none;}

.overflov {overflow:auto; width:200px; height:200px;}