/*
	Image2Markup.com - Professional PSD Slicing
	info@image2markup.com
*/

/* -- Default "_RESET_" Rules -- */

* {margin: 0px; padding: 0px;}

body { color: #6b5e56;	text-align: center;	font-family: arial;	font-size: 12px; background: #fff9d7 url(images/body.gif) repeat-x top left;	}

a { color: #0000cc; text-decoration: underline; outline: none; font-family: "Times new roman" }
a img { text-decoration: none; border: none; cursor: pointer; }

img { margin: 0px; }

h1 { margin: 5px 0 20px; padding: 0px 0 5px; font-family: "Times new roman"; font-size: 24px; font-weight: bold; border-bottom: 1px dotted #6b5e56; }
h2 { margin: 5px 0; padding: 0px; font-family: "Times new roman"; font-size: 14px; font-weight: bold; }

p { margin: 5px 0 5px 0; padding: 5px 0 5px 0; line-height: 16px; text-align: left; }
p img { margin: 0 10px 10px 0; }

li { margin-left: 15px; }
ul.yes li { background: url(images/yes.gif) center left no-repeat; list-style-type: none; padding: 2px 0 2px 17px; }

table { border-collapse: collapse; border-spacing: 0; width:100%;}
td{ padding: 4px 6px; vertical-align: center; text-align: center;}
td.opt{ padding: 4px 6px; vertical-align: center; text-align: left;}
thead  td { font-weight: bold; font-size:  14px; }

label { display: block; font-weight: bold; padding: 7px 0 2px; }

input.text { width: 250px; padding: 3px 5px; border: 1px solid #ccc; }
textarea.textarea { width: 250px; height: 180px; padding: 3px 5px; border: 1px solid #ccc; font: 12px arial; }

/* -- Standard Helpers -- */

.cl { clear: left; }
.cr { clear: right; }
.cb { clear: both; }

.fl { float: left; }
.fr { float: right; }
.fn { float: none; }

.fw { width: 100%; }

.tl { text-align: left; }
.tc { text-align: center; }
.tr { text-align: right; }

.big_wrapper { width: 100%; display: block;	float: left; }
.wrapper { width: 745px; display: block; text-align: left; margin: auto; float: none; }

/* -- Your Site Starts Here -- */

.navigation { height: 52px; }
.navigation a { width: 148px; height: 52px; float: left; margin-right: 1px; text-decoration: none; line-height: 52px; color: #000; font-size: 14px; background: url(images/navigation.gif) repeat-x top left; text-align: center; }
.navigation a:hover { background: url(images/navigation_hover.gif) repeat-x top left; color: #FFA200; }
.navigation a.active { background: url(images/navigation_hover.gif) repeat-x top left; }

.slogan { height: 102px; margin-bottom: 20px; font-size: 36px; color: #fff; font-family: "Times new roman"; }
.slogan .fl { height: 102px; line-height: 102px; }
.slogan .fr { float: right; padding-top: 43px;  }

.slogan .fr a { width: 26px; height: 18px; float: left; margin-left: 4px; }
.slogan .fr a.l_hr { background:url(http://www.villa-fernetic.com/images/HR.png) no-repeat top left; }
.slogan .fr a.l_en { background:url(http://www.villa-fernetic.com/images/US.png) no-repeat top left; }
.slogan .fr a.l_de { background:url(http://www.villa-fernetic.com/images/DE.png) no-repeat top left; }
.slogan .fr a.l_cz { background:url(http://www.villa-fernetic.com/images/CZ.png) no-repeat top left; }
.slogan .fr a.l_it { background:url(http://www.villa-fernetic.com/images/IT.png) no-repeat top left; }
.slogan .fr a.l_sk { background:url(http://www.villa-fernetic.com/images/SK.png) no-repeat top left; }

.slika_holder { margin-bottom: 20px; border: 10px solid #ede4c7; }
.slika_holder img { margin-bottom: -3px; }
.slika_holder p { margin: 0px; color: #fff; background-color: #b6aeab; width: 715px; padding-left: 10px; }

.column { width: 230px; padding: 0 9px 10px; float: left; }
.column p { padding: 10px 0 20px; margin: 0px; }
.column a { color: #4e91b1; }

.footer { border-top: 1px dotted #6a615c; margin: 20px 0 20px; padding-top: 5px; padding-left: 10px; font-size: 10px; }

.gal { margin-bottom: 20px; }
.gal img { margin: 0 5px 5px 0; }

.fail {padding: 10px; background-color: #d71e02; font-weight: bold; color: #fff; margin-bottom: 20px; border: 2px solid #9d0b0f; }

.success { padding: 10px; float: none; background-color: #068400; color: #fff; text-align: center; margin-bottom: 20px; }