/*
Theme Name: Rakla
Theme URI: http://www.rakla.ee/
Description: Rakla WordPress theme by <a href="http://artify.ee/">Artify</a>.
Version: 1.0
Author: Artify OÜ
Author URI: http://artify.ee/
Tags: 

	Rakla 1.0
	 http://artify.ee/

	This theme was designed and built Artify OÜ.
	This theme can only be used on rakla.ee and rakla.fi sites


*/



HTML, BODY { height: 100%; padding: 0; margin: 0; text-align: center; background:#fff; }
HTML {min-height: 100%;margin-bottom: 1px;}
BODY, INPUT, SELECT, TEXTAREA, BUTTON, TH, TD { 
font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height:19px; color: #797979; }
input, label { vertical-alig:nmiddle;}
p { line-height:19px;}

A { color:#0184b7; text-decoration:none; }
A:hover { color:#006187; text-decoration:none; }
:focus { outline: 0;}

form { margin:0; padding:0;}
img { border:0;}

hr { line-height: 0px; font-size: 1px; clear: both; height: 1px; border:0; margin-bottom: 20px;}

.left { text-align:left;}
.right { text-align:right;}

.font12 { font-size:12px;}
.font14 { font-size:14px;}
.font18 { font-size:18px;}

.show { display:block;}
.hide { display:none;}

.f-left { float: left !important; }
.f-right { float: right !important; }

.container { margin:0 auto; width:710px; position:relative; text-align:left;}

/* Fixed
-------------------------------------------------------------- */
DIV.clear1 { line-height: 0px; font-size: 1px; clear: both; height: 1px; }
DIV.clear3 { line-height: 0px; font-size: 1px; clear: both; height: 3px; }
DIV.clear5 { line-height: 0px; font-size: 1px; clear: both; height: 5px; }
DIV.clear7 { line-height: 0px; font-size: 1px; clear: both; height: 7px; }
DIV.clear10 { line-height: 0px; font-size: 1px; clear: both; height: 10px; }
DIV.clear15 { line-height: 0px; font-size: 1px; clear: both; height: 15px; }
DIV.clear20 { line-height: 0px; font-size: 1px; clear: both; height: 20px; }
DIV.clear25 { line-height: 0px; font-size: 1px; clear: both; height: 25px; }
DIV.clear30 { line-height: 0px; font-size: 1px; clear: both; height: 30px; }

/* Headings
-------------------------------------------------------------- */
h1 { color:#282828; font-size:23px; font-weight:bold; padding:7px 0 7px 0; margin:0; line-height:28px;}
h2 { color:#525252; font-size:18px; font-weight:normal; padding:7px 0; margin:0; line-height:20px;}
h3 { color:#282828; font-size:16px; font-weight:bold; padding:0 0 5px 0; margin:0; line-height:20px;}

.head-lead { color:#888888; font-size:16px; line-height:22px; margin-top:10px;}

/* Header
-------------------------------------------------------------- */
.header { height:75px; background: url(./gfx/header_bg.gif) repeat-x; }
.header .body { height:75px; margin:0 auto; width:710px; position:relative;}

.header .logo { position:absolute; top:19px; left:0; width:153px; height:39px;}
.header .lang { position:absolute; top:12px; right:0; }
.header .lang a { display:block; float:left; width:16px; height:11px; margin-left:5px; text-indent: -9999px}
.header .lang a.est { background:url(./gfx/flag_est.gif) 0 0 no-repeat;}
.header .lang a.rus { background:url(./gfx/flag_rus.gif) 0 0 no-repeat;}
.header .lang a.fin { background:url(./gfx/flag_fin.gif) 0 0 no-repeat;}
.header .lang a:hover, .header .lang a.act { background-position:0 100%;}

.header .search { position:absolute; top:44px; right:0;}

/* Footer
-------------------------------------------------------------- */
.footer { height:102px; background: url(./gfx/footer_bg.gif) repeat-x; text-align:left; }
.footer .body { height:102px; margin:0 auto; width:710px; position:relative; color:#aaaaaa;  }
.footer .logo, .footer .company, .footer .contacts { margin-top:20px;}
.footer .logo { float:left; text-indent:-9999px; background: url(./gfx/footer_logo.png) 0 0 no-repeat; width:57px; height:15px; }
.footer .company { float:left; margin-left:25px;}
.footer .contacts {  float:left; margin-left:25px;}

/* Navigation
-------------------------------------------------------------- */
.nav { position:absolute; top:42px; right:120px; text-align:left;}
.nav ul { margin:0; padding:0; list-style:none;}
.nav li { float:left;}
.nav li a { display:block; padding:5px 12px 6px 12px; color:#4a4a4a; font-weight:bold; font-size:14px;}
.nav li a:hover { color:#282828;}
.nav li.active a { color:#282828; background:url(./gfx/nav_act.gif) repeat-x;}


/* Content
-------------------------------------------------------------- */
.struk td { vertical-align:top;}

.line1 { line-height: 0px; font-size: 1px; clear: both; height: 1px; background:#ececec; margin:25px 0; overflow:hidden; }

.alignleft { float:left; margin:2px 15px 5px 0 }
.alignright { float:right; margin:2px 0 5px 15px }

.pathbar { padding:10px 0; }
.pathbar a, .pathbar span { color:#888; padding:0 5px; }
.pathbar a:hover { text-decoration:underline; }

.content-right { float:right; width:525px; color:#282828; }
.content-right h1 { padding:0 0 0 0;}
.lead { font-size:16px; color:#888888; margin:4px 0 15px 0;}

.product { padding:0 0 15px 0; color:#888; }

/* Menu
-------------------------------------------------------------- */
.menu { float:left; width:165px; }
.menu ul { margin:0; padding:0; list-style:none;}
.menu ul li a { display:block; font-size:14px; line-height:18px; color:#888888; font-weight:bold; padding:9px 5px 9px 10px; background:url(./gfx/categories_line.gif) 0 100% no-repeat;}
.menu ul li.last a { background:none;}
.menu ul li.active a, .menu ul li.last a:hover, .menu ul li a:hover { background:url(./gfx/categories_line.gif) 0 0 repeat-y; color:#282828;}
.menu ul ul { padding:7px 0 12px 0; background:url(./gfx/categories_line.gif) 0 100% no-repeat;}
.menu ul ul li a { display:block; font-size:12px; line-height:18px; color:#0184b7 !important; font-weight:bold; padding:2px 5px 2px 15px; background:none !important;}
.menu ul ul li.active a { color:#282828 !important; text-decoration:underline;}
.menu ul ul li a:hover { text-decoration:underline;}

/* Main cats
-------------------------------------------------------------- */
.main-cats { padding:10px 0;}
.main-cats .cat-info { float:left; width:330px; padding:0 5px;}
.main-cats .cat-links { float:right; width:335px;}
.main-cats .cat-links ul { margin:0; padding:0; list-style:none;}
.main-cats .cat-links ul li {}
.main-cats .cat-links ul li a { display:block; font-size:16px; line-height:18px; color:#888888; font-weight:bold; padding:9px 5px 9px 30px; background:url(./gfx/categories_line.gif) 0 100% no-repeat;}
.main-cats .cat-links ul li.last a { background:none;}
.main-cats .cat-links ul li.act a, .main-cats .cat-links ul li.last a:hover, .main-cats .cat-links ul li a:hover { background:url(./gfx/categories_act.gif) 0 0 no-repeat; color:#282828;}

/* Main news
-------------------------------------------------------------- */
.main-news {  float:left; width:340px; padding:0 5px;}
.main-news .head { font-size:22px; line-height:25px; font-weight:bold; color:#888888; margin:0 0 10px 5px;}

.main-news ul { margin:0 0 0 5px; padding:0; list-style:none;}
.main-news li { margin:0 0 15px 0;}
.main-news li a.news-head { display:block; color:#282828; font-weight:bold;}
.main-news li .news-head .date { color:#888888; font-weight:normal;}
.main-news .action { border-top:1px solid #e3e3e4; padding:10px; margin-top:25px; text-align:right;}

/* Main news
-------------------------------------------------------------- */
.contact-box {float:right; width:335px;}
.contact-box .head { font-size:22px; font-weight:bold; color:#282828;}
.contact-box .form { margin:0 0 5px 0;}
.contact-box .form th { font-weight:normal; text-align:right; padding: 5px 7px;  color:#888888;}
.contact-box .form td { padding: 2px;}
.contact-box .form .com { padding: 5px 7px; color:#cccccc; text-align:left;}
.contact-box .form .inp { width:150px;} 
.contact-box .inp-text { width:240px; height:85px;}
.contact-box .form .action { padding:5px 2px;}

/* Inputs
-------------------------------------------------------------- */
.inp-search { background:#f9f9f9 url(./gfx/ico_search.gif) 4px 50% no-repeat; border:1px solid; border-color:#c7c7c7 #ececec #ececec #c7c7c7; font-size:13px; line-height:14px; padding:3px 2px 3px 19px; width:90px; color:#707070;}

.inp { background:#fff; border:1px solid; border-color:#c7c7c7 #ececec #ececec #c7c7c7; font-size:14px; line-height:14px; padding:4px 2px 4px 4px; color:#282828;}
.inp-text { background:#fff; border:1px solid; border-color:#c7c7c7 #ececec #ececec #c7c7c7; font-size:14px; line-height:14px; padding:4px 2px 4px 4px; color:#282828;}

.btn { display:block; float:right; background:url(./gfx/btn_bg.gif) 0 0 repeat-x; padding:6px 15px 7px 15px; color:#fff; line-height:16px; border: 0px !important; cursor:pointer;}
.btn:hover { background-position:0 100%; color:#fff; }

/* IMPORTANT
-------------------------------------------------------------- */
.b { font-style:bold !important;}
.n { font-style:normal !important;}
.un { text-decoration:underline !important;}

.wp-caption-text { font-style: italic; font-size: 11px; margin-right: 10px; margin-top: 3px;  text-align: right; }