/* Start of CMSMS style sheet 'styles' */
body { margin: 0; padding: 0; background: #000 url(images/bg.gif) top left repeat; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #938373; }
img { border: 0; }

a { color: #c19f5f; text-decoration: underline; }
a:hover { color: #c19f5f; text-decoration: none; }

h1 { margin: 0; padding: 0 0 15px 0; font-family:"Times New Roman", Times, serif; font-size: /*36px*/28px; color: white; font-style: italic; line-height: 1.2; }
.title-small { font-family: Arial; font-size: 14px; color: #eabb75; font-weight: bold; text-transform: uppercase; }

.shadow { background: url(images/shadow.gif) top left repeat-x; }

.wrapper { width: 960px; margin: 0 auto; }
.logo { margin-top: 22px; margin-left: 20px; width: 231px; height: 44px; float: left; position: relative; }

.top-menu { margin-top: 28px; float: right; position: relative; text-align: right; }
.top-menu ul { margin: 0; padding: 0; list-style: none; }
.top-menu ul li { display: inline; }
.top-menu ul li a { background: #000; display: inline-block; padding: 4px 14px; font-family: Arial; font-size: 12px; color: #fff; font-weight: bold; text-transform: uppercase; text-decoration: none; border: 2px solid #000; }
.top-menu ul li a:hover { color: #eabb75; text-decoration: none; }
.top-menu ul li a.active { background: #000; display: inline-block; padding: 4px 14px; font-family: Arial; font-size: 12px; color: #eabb75; font-weight: bold; text-transform: uppercase; text-decoration: none; border: 2px solid #2a2217; }
.top-menu ul li a.active:hover { color: #eabb75; text-decoration: none; }

.tel { width: 280px; height: 80px; float: right; position: relative; text-align: right; }
.facebook { padding: 21px 0 0 0; float: right; position: relative; /*position: absolute; top: 150px;  left:1008px;*/ }

.graphic { background: #000 url(images/graphic.jpg) center no-repeat; height: 230px; border-top: 12px solid #000; border-bottom: 12px solid #000; }

.video { float: left; position: relative; margin: 22px 22px 0 0; width: /*238px*/224px; height: 158px; background: #000; border: 12px solid #000; }
.pro-logo { float: left; position: relative; margin: 22px 22px 0 0; width: 182px; height: 182px; background: #000; }
.block { float: right; position: relative; margin: 22px 0 0 0; width: 440px; height: 182px; background: #000; }

.left { padding: 0 22px 0 0; width: 182px; float: left; position: relative; }
.center { padding: 0 22px 0 0; width: 552px; float: left; position: relative; }
.right { width: 182px; float: right; position: relative; text-align: right; }

.content { padding: 20px 25px 25px 25px; background: #000; line-height: 1.6; }
.content strong { color: #EABB75; }

.footer { width: 960px; margin: 0 auto; padding: 0 0 22px 0; color: #756149; line-height: 1.4; }
.footer-left { float: left; position: relative; width: 385px; background: #000; margin: 22px 0 0 0; }
.footer-left-1 { float: left; position: relative; width: 140px; cursor: pointer; }
.footer-left-2 { float: left; position: relative; width: 210px; }
.footer-right { float: right; position: relative; width: 530px; margin: 22px 0 0 0; padding: 25px 0 0 0; }
.solution { font-size: 11px; color: #7b6c59; background: #000; padding: 7px; text-align: right; }
.solution a { text-decoration: none; }
.solution a:hover { text-decoration: underline; }
.solution p { margin: 0; }
.footer-next { padding: 22px 0; }


.left-menu-title { padding: 8px 25px; color: #EABB75; font-weight: bold; }
.left-menu { width: 180px; background: #000; padding: 10px 0; }
.left-menu ul { margin: 0; padding: 0; list-style: none; }
.left-menu ul li { font-size: 0; display: block; position: relative; }
.left-menu ul li a { display: block; position: relative; padding: 7px 10px 7px 26px; background: url(images/arrow.gif) 4px 9px no-repeat; font-size: 12px; font-family: Arial; color: #fff; font-weight: bold; text-decoration: none; }
.left-menu ul li a:hover { background: #2a2217 url(images/arrow.gif) 4px 9px no-repeat; color: #d4bc8c; text-decoration: none; }
.left-menu ul li a.menuactive { display: block; position: relative; padding: 7px 10px 7px 26px; background:  url(images/arrow.gif) 4px 9px no-repeat; font-family: Arial; color: #d4bc8c; font-weight: bold; text-decoration: none; }
.left-menu ul li a.menuactive:hover { background: #2a2217 url(images/arrow.gif) 4px 9px no-repeat; text-decoration: none; }

.left-menu ul ul { margin: 0; padding: 0; list-style: none; background: #161616; }

.left-menu ul ul li { font-size: 0; display: block; position: relative; }
.left-menu ul ul li a { display: block; position: relative; padding: 4px 10px 4px 30px; background: none; font-size: 10px; font-family: Verdana; color: #ccc; font-weight: normal; text-decoration: none; }
.left-menu ul ul li a:hover { background: #2a2217 /*url(images/arrow.gif) 4px 7px no-repeat*/; color: #d4bc8c; text-decoration: none; }
.left-menu ul ul li a.menuactive { display: block; position: relative; padding: 4px 10px 4px 30px; background: #2a2217; font-family: Verdana; color: #d4bc8c; font-weight: normal; text-decoration: none; }
.left-menu ul ul li a.menuactive:hover { background: #2a2217 /*url(images/arrow.gif) 4px 7px  no-repeat*/; text-decoration: none; }


.table-kainos {
width: 100%;
border-collapse: collapse;
font-size: 11px;
}

.table-kainos td {
color: #ccc;
padding: 2px 10px;
background: #111;
border-bottom: 1px solid #5b3703;
}

.table-kainos th {
font-size: 12px;
color: white;
text-align: left;
font-weight: bold;
padding: 5px 10px;
background: #5b3703;
border-bottom: 1px solid black;
}


.pajsubscribe {
width: 450px;
float: right;
position: relative;
padding: 18px 0 0 30px;
}

.pajsubscribe .subscribe-title {
font-family: arial;
font-size: 18px;
color: #C19F5F;
text-align: right;
padding: 0 10px 0 0;
}

.pajsubscribe .cms_textfield {
border: 1px solid white;
color: white;
background: black;
padding: 3px;
}

.pajsubscribe .cms_submit {
color: black;
background: #C19F5F;
border: 0;
line-height: 20px;
height: 22px;
cursor: pointer; 
}

.pajsubscribe .error, .pajsubscribe .ok {
color: white;
}
/* End of 'styles' */