/* STYLE: IOS_DEFAULT*/
  /* styly priamo rpe HTML tagy  */

body{margin:5px; font-family:Tahoma, Arial, Helvetica; font-size:11px; color:Black;}

div{font-family:Tahoma, Arial, Helvetica; font-size:11px; color:Black;}

table tr td {font-family:Tahoma, Arial, Helvetica; font-size:11px; color:Black;}

a:link{font-family:Tahoma, Arial, Helvetica; font-size:11px; color:#00265B; text-decoration:none;}

a:visited{color:#00265B; text-decoration:none;}

a:hover{ text-decoration:underline;}

a:active{ text-decoration:none;}

a img {border:none;}

select {font-family:Tahoma, Arial, Helvetica; font-size:11px; color:black; border:1px solid #ccc;}

textarea {font-family:Tahoma, Arial, Helvetica; font-size:11px; color:black; border:1px solid #ccc;}

input.text {font-family:Tahoma, Arial, Helvetica; font-size:11px; color:black; border:1px solid #ccc;}

input.btn {font-family:Tahoma, Arial, Helvetica;  font-size:11px; color:black;}

label.text {font-family:Tahoma, Arial, Helvetica; font-size:11px; color:black; border:1px solid #ccc;padding:1px;}

/* styly pre rozlozenie stranky */

#wrapper{}

#header{background-color: #00559C; /*border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-left: 1px solid #ccc;*/}

#pagemenu

{

	width:100%;

	background-color: #b9121b;

	text-align:right;

	padding:2px 5px 4px 0px;

	margin-bottom:4px;

}

#leftbar{width:250px; vertical-align:top;}

#centerbar{padding-left:5px; vertical-align:top;}

#footer{width:100%;}

#footer table{width:100%;}

#footer tr td{padding:2px 0px 4px 0px;}

/* zoznam */

div.datagrid table {width:98%;}

div.datagrid{ padding-left:5px;}

div.datagrid table.grid tr.header { background-color: #b9121b; }

div.datagrid table.grid tr.header th { font-family:Tahoma, Arial, Helvetica; font-size:11px; color:snow; font-weight:bold; padding: 0px 3px 0px 3px;text-align:left;}

div.datagrid table.grid tr.header th a { font-family:Tahoma, Arial, Helvetica; font-size:11px; color:snow; font-weight:bold; padding: 0px 3px 0px 3px;}

div.datagrid table.grid tr.header td { font-family:Tahoma, Arial, Helvetica; font-size:11px; color:snow; font-weight:bold; padding: 0px 3px 0px 3px;text-align:left;}

div.datagrid table.grid tr.header td a { font-family:Tahoma, Arial, Helvetica; font-size:11px; color:snow; font-weight:bold; padding: 0px 3px 0px 3px;}

div.datagrid table.grid tr.header td a img {border:none;}

div.datagrid table.grid tr.row td {font-family:Tahoma, Arial, Helvetica; font-size:11px; color:black; padding: 0px 3px 0px 3px;}

div.datagrid table.grid tr.altrow td {font-family:Tahoma, Arial, Helvetica; font-size:11px; color:black; padding: 0px 3px 0px 3px;}

div.datagrid table tr td a img {border:none;}

div.datagrid div.gridinfo {padding:3px 0px 3px 0px;border:none;}

div.datagrid table.gridinfo tr td a img {margin-left:3px;border:none;}

div.datagrid table.grid tr td.code {width:50px;}

div.datagrid table.grid tr td.quantity {text-align:right;width:80px;}

div.datagrid table.grid tr td.price {text-align:right;width:98px;}

div.datagrid table.grid tr td.pricevat {text-align:right;width:120px;}

div.datagrid table.grid tr td.img {text-align:center;padding:3px;width:50px;}

div.datagrid table.grid tr td.order {width:80px;text-align:left;}

div.datagrid table.grid tr td.order input {border:none; text-align:right;}

div.datagrid table.grid tr td.order input.text {font-family:Tahoma, Arial, Helvetica; font-size:11px; color:black; width:30px; border:1px solid #ccc;}

/* lave panely */

#leftbar table.panel {width:100%; border:1px solid #b9121b; margin-bottom:5px;}

#leftbar table tr td.title {padding:2px 2px 2px 5px; background-color:#b9121b; color:#FFFFFF; font-weight:bold;}

#leftbar table tr td.title a {color:#FFFFFF; }

#leftbar table tr td.content { padding:3px 3px 8px 3px; }

/* center panely */

#centerbar div.panel {width:100%; border:1px solid #b9121b; margin-bottom:5px;}

#centerbar div.panel div.title {padding:2px 2px 2px 5px; background-color:#b9121b; color:#FFFFFF; font-weight:bold;}

#centerbar div.panel div.content { padding:3px 3px 3px 3px; }

/* quicksearch */

#quicksearch {width:100%;}

#quicksearch input {font-family:Tahoma, Arial, Helvetica; font-size:11px; color:black; width:30px; border:1px solid #ccc;}

/* nav menu */

#navmenu{margin:0px;}

#navmenu select

{

	font-family: Tahoma, Arial, Helvetica;

	font-weight: normal;

	font-size: 11px; 

	color: #00265B;

}

#navmenu ul{	margin:0px; }

#navmenu a {color:#00265B;}

#navmenu a.navsel1{color:#000;text-decoration:underline;}

#navmenu ul li{padding-left:0px;list-style: disc inside; }

#navmenu ul li ul li{padding-left:15px;list-style: circle inside; }

#navmenu li

{

	font-family: Tahoma, Arial, Helvetica;

	font-weight: normal;

	font-size: 11px;

	color: #324D90;	

	background-color: #ffffff;

	line-height: 13px;

}

/* DataGrid strankovanie */

.datapager{width:100%;text-align:right;padding:3px 5px 3px 0px;}

.datapager b {font-weight:bold;color:black;border:1px solid black;padding:0px 2px 0px 2px;margin-right:4px;}

.datapager a {font-family:Tahoma, Arial, Helvetica; font-weight:normal; color:#00265B; margin-right:4px;}

/* Detail tovaru */

#detailtovaru{width:500px;border:none;border:1px solid #b9121b;}

#detailtovaru .header{width:100%;background-color:#b9121b;padding:3px;color:#FFFFFF;font-weight:bold;}

#detailtovaru .footer{width:100%;background-color:#b9121b;padding:3px;color:#FFFFFF;font-weight:bold;text-align:right;}

#detailtovaru .order{text-align:right;margin:3px 3px 3px 0px;}

#detailtovaru .order input.text{font-family:Tahoma, Arial, Helvetica; font-size:11px; color:black; width:30px; border:1px solid #ccc; margin:0px 3px 0px 3px; text-align:right;}

#detailtovaru table tr td {vertical-align:top;}

#detailtovaru table.tovarinfo {width:390px;margin-left:10px;}

#detailtovaru table.tovarinfo tr td.col1 {width:90px; vertical-align:top;}

#detailtovaru table.tovarinfo tr td.col2 {width:300px; vertical-align:top;}

#detailtovaru fieldset div.datagrid table {width:10000px;}

/* Formuláre */

#formular {padding-left:30px;margin-top:10px;margin-bottom:10px;}

#formular table tr td {padding-left:5px;}

#formular textarea {margin:5px;width:100%;}

#formular fieldset {border:1px solid #ccc;padding-bottom:5px;margin-bottom:10px;}

#formular fieldset legend {font-family:Tahoma, Arial, Helvetica; font-size:11px; color:black;}

#formular div.panel {width:100%;border:1px solid #ccc;margin-top:5px;padding:3px;margin-bottom:5px;}

#formular div.btnpanel {width:100%;border:1px solid #ccc;text-align:right;margin-top:5px;padding:3px;margin-bottom:5px;}

#formular table.btnpanel {width:100%;border:1px solid #ccc;margin-top:5px;padding:3px;margin-bottom:5px;}

pre {white-space: pre-wrap;}

/* EMPTY */

/* CSS MENU START*/



.cssmenu div#container

	{ width:740px; position:absolute; left:50%; margin:0 -380px; background:#ffffff; border:10px solid #b9121b; height:400px; }



.cssmenu h1

	{ width:738px; margin:1px; color:#4C1B1B; font:helvetica; font-size:24pt; overflow:hidden; padding:80px 0 0; vertical-align:middle; text-align:right; }

.cssmenu p	{ margin:0; padding:1.2em; }

.cssmenu p a:link,

.cssmenu p a:visited,

.cssmenu p a:hover,

.cssmenu p a:active

	{ font-weight:bold; color:#b9121b; }



.cssmenu ul#navigation-1

	{ margin:0; padding:1px 0; list-style:none; width:100%; height:21px; border-top:1px solid #b9121b; border-bottom:1px solid #b9121b; font:bold 8pt verdana, arial, helvetica;}

.cssmenu ul#navigation-1 li

	{ margin:0; padding:0; display:block; float:left; position:relative; width:100px; }

.cssmenu ul#navigation-1 li a:link,

.cssmenu ul#navigation-1 li a:visited

	{ padding:4px 0; display:block; text-align:center; text-decoration:none; background:#b9121b; color:#ffffff; width:100px; height:13px; }

.cssmenu ul#navigation-1 li:hover a,

.cssmenu ul#navigation-1 li a:hover,

.cssmenu ul#navigation-1 li a:active

	{ padding:4px 0; display:block; text-align:center; text-decoration:none; background:#ec454e; color:#ffffff; width:98px; height:13px; border-left:1px solid #ffffff; border-right:1px solid #ffffff; }

	

.cssmenu ul#navigation-1 li ul.navigation-2

	{ margin:0; padding:1px 1px 0; list-style:none; display:none; background:#ffffff; width:150px; position:absolute; top:21px; left:-1px; border:1px solid #b9121b; border-top:none; }

.cssmenu ul#navigation-1 li:hover ul.navigation-2

	{ display:block; }

.cssmenu ul#navigation-1 li ul.navigation-2 li

	{ width:1001px; clear:left; width:150px; }



.cssmenu ul#navigation-1 li ul.navigation-2 li a:link,

.cssmenu ul#navigation-1 li ul.navigation-2 li a:visited

	{ clear:left; background:#b9121b; padding:4px 0; width:150px; border:none; border-bottom:1px solid #ffffff; position:relative; z-index:1000; }

.cssmenu ul#navigation-1 li ul.navigation-2 li:hover a,

.cssmenu ul#navigation-1 li ul.navigation-2 li a:active,

.cssmenu ul#navigation-1 li ul.navigation-2 li a:hover

	{ clear:left; background:#ec454e; padding:4px 0; width:150px; border:none; border-bottom:1px solid #ffffff; position:relative; z-index:1000; }



.cssmenu ul#navigation-1 li ul.navigation-2 li ul.navigation-3

	{ display:none; margin:0; padding:0; list-style:none; position:absolute; left:149px; top:-2px; padding:1px 1px 0 1px; border:1px solid #b9121b; border-left:1px solid #b9121b; background:#ffffff; z-index:900; }

.cssmenu ul#navigation-1 li ul.navigation-2 li:hover ul.navigation-3

	{ display:block; }

.cssmenu ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:link,

.cssmenu ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:visited

	{ background:#b9121b; }

.cssmenu ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li:hover a,

.cssmenu ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:hover,

.cssmenu ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:active

	{ background:#ec454e; }

.cssmenu ul#navigation-1 li ul.navigation-2 li a span

	{ position:absolute; top:0; left:151px; font-size:12pt; color:#fe676f; }

.cssmenu ul#navigation-1 li ul.navigation-2 li:hover a span,

.cssmenu ul#navigation-1 li ul.navigation-2 li a:hover span

	{ position:absolute; top:0; left:151px; font-size:12pt; color:#ffffff; }

 /* CSS MENU END */

 /* CLASS: test*/
.test {color:#FF0000;}
/* CLASS: title*/
.title {font-style:italic;color:#DA6375;}
/* CLASS: Warning*/
.Warning {font-family:Arial;font-size:15pt;color:#FF0000;}
/* CLASS: zvyraznenie*/
.zvyraznenie {font-weight:bold;border-left-style:;padding-left:5px;border-right-style:;padding-right:5px;border-top-style:;padding-top:5px;border-bottom-style:;padding-bottom:5px;background-color:#F0BFC7;}
/* CLASS: zvyraznenie2*/
.zvyraznenie2 {background-color:#00FFFF;}