@import "../../Modules/Shop/UI/ShopItem/Styles/common.css";

centerMainCell body{
	vertical-align: top;
/*	background: #FFFFFF url('../Images/body_bck.gif') top left repeat-x;*/
	color: #8F8F8F;
	margin: 0px;
}
body,td{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #667886;
	font-size: 12px;
}
span{
}
p{
	display: block;
	padding: 3px 0px 3px 0px;
	margin: 0px 0px 0px 0px;
}
form{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
textarea,input{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #000000;
}

ul li a,
ul li a:visited,
a, a:visited {
	color: #00acd9;
	text-decoration: none;
}

ul li a:hover,
a:hover{
	color: #0072bc;
	text-decoration: underline;
}

a img.classImageNoBorder {
	border: 0px;
	display: inline;
	vertical-align: center;
}

UL,
OL{
	margin: 0px;
	padding: 0px;

	list-style-type: none;
	list-style-image: none;
}
UL UL,
UL OL,
OL UL,
OL OL{
	margin: 0px;
	padding: 0px;

	list-style-type: none;
	list-style-image: none;
}
LI,
.blockList LI{
	padding-left: 12px;

	background-image: url(../Images/bullet.gif);
	background-repeat: no-repeat;
	background-position: 3px 5px;
}
UL UL LI,
UL OL LI,
OL UL LI,
OL OL LI,
.blockListLevel2 LI{
	display: list-item;
/*	list-style-image: url(../../Data/Images/listImageLevel2.gif);*/
}
UL UL UL LI,
UL UL OL LI,
UL OL UL LI,
UL OL OL LI,
OL UL UL LI,
OL UL OL LI,
OL OL UL LI,
OL OL OL LI,
.blockListLevel3 LI{
	display: list-item;
/*	list-style-image: url(../../Data/Images/listImageLevel3.gif);*/
}

/* custom styles */
h1,
.classTitle{
	color: #343031;
	font-size: 17px;
	font-weight: bold;
	letter-spacing: normal;
	text-align: left;
	text-transform: none;
	vertical-align: top;
}

h2,
.classSubtitle{
	display: block;

	margin: 0px;
	padding: 0px;
	padding-bottom: 10px;

	color: #0072bc;
	font-size: 14px;
	font-weight: bold;
	vertical-align: bottom;
}
/*************************************************************/
/**		globalne klase templejta textblokova					**/
/*************************************************************/
.blockTitle{
	width: 100%;
	height: 59px;

	padding: 0px 20px 18px 6px;

	border-bottom: 2px solid #a7a9ac;

	color: #343031;
	font-size: 15px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	letter-spacing: normal;
	text-align: left;
	text-transform: none;
	vertical-align: bottom;
}
.blockSubtitle{
	width: 100%;
	padding: 26px 0px 0px 15px;
	font-size: 12px;
	font-weight: bold;
	color: #0072bc;
	vertical-align: bottom;
}
.blockTextAndTextLeft,
.blockTextAndTextRight,
.blockImageAndImageLeft,
.blockImageAndImageRight{
	padding: 14px 10px 0px 5px;
	font-weight: normal;
	color: #667886;
	letter-spacing: normal;
	vertical-align: top;
}
.blockTextAndImageLeftText,
.blockTextAndImageRightText,
.blockTextAndImageLeftImage
.blockTextAndImageRightImage,
.blockParagrafText,
.blockImage,
.blockImageOnTheLeft,
.blockImageOnTheRight,
.blockTemplates{
	width: 100%;
	padding: 14px 15px 10px 15px;
	font-weight: normal;
	color: #667886;
	letter-spacing: normal;
	vertical-align: top;
}
.blockTextAndImageRightText,
.blockTextAndImageLeftText{
	width: 100%;
	vertical-align:top;
}
.blockTextAndImageRightImage,
.blockTextAndImageLeftImage{
	text-align: center;
	vertical-align: top;
	padding: 14px 15px 10px 0px;
}
.blockTextAndImageLeftImage{
	padding: 14px 0px 10px 15px;
}
.blockImageOnTheLeft td,
.blockImageOnTheRight td{
	text-align: left;
}
.blockImageOnTheLeft td{
	padding: 0px 10px 5px 0px;
}
.blockImageOnTheRight td{
	padding: 0px 0px 5px 10px;
}
/*
.blockParagrafText img,
.blockImage img,
.blockImageAndImageLeft img,
.blockImageAndImageRight img,
.blockImageOnTheLeft img,
.blockImageOnTheRight img,
.blockTextAndImageRightImage img,
.blockTextAndImageLeftImage img{
	margin: 0px 0px 3px 0px;
	display: block;
	border: 1px solid #adc5e7;
*/
}
.blockParagrafText img{
	margin: 0px 3px 1px 3px;
}
.blockTextAndTextLeft,
.blockTextAndTextRight{
	width: 50%;
}
.menuframe td{
	padding: 0px;
	text-align: left;
}
.menuframe img{
	margin: 0px;
}
.blockTableSearch,
.blockTableNews,
.blockTableSitemap{
	padding: 4px 15px 4px 15px;
	font-weight: normal;
	color: #8F8F8F;
	letter-spacing: normal;
	vertical-align: middle;
}



/*************************************************************/
/**		delovi stranice												**/
/*************************************************************/
div.center_wrap {
	display: block;

	background-color: #231f20;
	text-align: center;
}

div.wrap {
	display: block;
	width: 1000px;

	margin-left: auto;
	margin-right: auto;

	text-align: left;
}

.pageLayout{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	height: 100%;
}
.leftCell{
	height: 100%;
	background: #231F20 url('../Images/left_cell_bck.gif') top left repeat-y;
	vertical-align: top;
	padding: 0px 0px 0px 15px;
}
.clientLogo{
	width: 195px;
	height: 195px;
	background-color: #FFFFFF;
	background-image: url('../Images/clientlogo.gif');
	background-position: 3px 10px;
	background-repeat: no-repeat;
	vertical-align: top;
	padding: 6px 0px 0px 0px;
}
.centerCell{
	height: 100%;
	width: 100%;
	background: #D4D6D7 url('../Images/center_cell_bck.gif') top left repeat-x;
	vertical-align: top;
	padding: 0px 0px 0px 22px;
}
.centerMainTable{
	height: 100%;
	width: 100%;
	/*background: url('../Images/center_main_table_bck.gif') top right repeat-y;*/
	vertical-align: top;
}
.centerMainLeftCell{
	background: url('../Images/center_main_table_left_bck.gif') top right repeat-y;
}
.centerMainLeftCellTable{
	height: 100%;
	width: 5px;
	background: url('../Images/center_main_cell_bck.gif') top left repeat-x;
}
.centerMainCell{
	height: 100%;
	width: 100%;
	background: #FFFFFF url('../Images/center_main_cell_bck.gif') top left repeat-x;
	border-bottom: 2px solid #a7a9ac;
	vertical-align: top;
}
.centerMainRightCell{
	background: url('../Images/center_main_table_right_bck.gif') top left repeat-y;
}
.centerMainRightCellTable{
	height: 100%;
	width: 31px;
	background: url('../Images/center_main_cell_bck.gif') top left repeat-x;
}
.copyright{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: center;
	color: #909090;
	padding: 0px 0px 4px 0px
}
.rightCell{
	height: 100%;
	background: #231F20 url('../Images/right_cell_bck.gif') top right repeat-y;
	vertical-align: top;
	padding: 0px 15px 0px 0px;
}
.bottomCell{
	height: 7px;
	background: #231F20;
}



/*** button styles ***/
input.smallButton,
input.normalButton,
input.smallButtonOver,
input.normalButtonOver{
	border: 0px solid #888888;
	background: #961a22;
	color: #FFFFFF;
	font: 10px Verdana,sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	cursor: pointer;
}
input.smallButtonDisabled,
input.normalButtonDisabled{
	border: 0px solid #CCCCCC;
	background: #961a22;
	color: #FFFFFF;
	font: 10px Verdana,sans-serif;
	font-weight: bold;
	text-transform: uppercase;
}
input.largeButton,
input.largeButtonOver{
	border: 0px solid #888888;
	background: #961a22;
	color: #FFFFFF;
	font: 11px Verdana,sans-serif;
	font-weight: normal;
	cursor: pointer;
}
input.smallButtonFixedSize,
input.normalButtonFixedSize,
input.smallButtonFixedSizeOver,
input.normalButtonFixedSizeOver{
	padding-top: 3px;
	padding-bottom: 2px;
	width: 80px;
	border: 1px solid #0072bb;
	background: #adc5e7;
	color: white;
	font: 10px Verdana,sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	cursor: pointer;
}
input.smallButtonOver,
input.normalButtonOver,
input.largeButtonOver,
input.smallButtonFixedSizeOver,
input.normalButtonFixedSizeOver{
	border: 1px solid #0072bb;
	background: #0072bb;
	color: white;
}

/*** input styles ***/
input.smallInput,
input.normalInput,
input.largeInput{
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	border: 1px solid #000000;
	background: #FFFFFF;
	color: #000000;
}
input.smallInput{
	width: 25px;
}


.errorMsg
{
	color: #444444;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	text-decoration: none;
	display: block;
	background: #961a22;
	border: 1px solid #BE0000;
	padding: 4px;
	margin-bottom: 10px;
}
.copyright{
	color: #565856;
	font-size: 10px;
	font-weight: normal;
	text-align: center;
}
.copyright a{
	color: #0072bc;
	font-weight: bold;
}

span.plavo {
	display: block;

	border-bottom: 1px solid #adc5e7;

	color: #0088df;
}

.TableClass1 thead tr td {
	padding: 3px;

	border-bottom: 1px solid #adc5e7;
	background-color: #a6d4fe;
	background-image: url(../Images/table_head.gif);
	background-repeat: repeat-x;
	background-position: top left;

	color: white;
	font-weight: normal;
	vertical-align: middle;
}

.TableClass1 tbody tr td {
	padding: 3px;

	border-bottom: 1px solid #adc5e7;
}

.TableClass1 tbody .plavo td {
   background: #f0f6ff;
}

li.pdf {
	background-position: 3px 90%;
}

span.prelaz {
	padding-left: 3px;
	padding-right: 3px;
	padding-bottom: 1px;
	padding-top: 2px;

	background-image: url(../Images/prelaz.png);
	background-repeat: repeat-x;
	background-position: bottom left;

	color: white;
}

/* images */
.classImageWithSolidBorder{
   border: 1px solid #adc5e7;
   margin: 2px;
}
.classImageNoBorder{
   border: 0px solid #000000;
   margin: 2px;
}