/* =============================================================================
Base
========================================================================== */
/*
* 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
* 2. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
*/
<!-- META -->
<title>ARTISTIC HAIRDRESSING ΞΞΞΞΩ΀ΞΞ‘ΞΠΣ΀ΞΞ ΞΞΞ ΞΞ©ΞΞΞ Ξ΀΀ΞΞΞΞ£</title>
<meta charset="utf-8" />
<meta name="description" content="΀ΠΞΞΞΞΞ Ξ£ΞΞ£ ΞΞΞ ΞΞΞΞ£ ΞΞΞΞΞ Ξ€ΞΞ§ΞΞ" />
<meta name="keywords" content=" ΞΞΞΞΩ΀ΞΞ‘ΞΞ, ΞΞΞ ΞΞ©ΞΞΞ, ΞΞΞΞΩΣΞΞΞ£, ARTISTIC HAIRDRESSING, ΞΞΞΞΩΣΞΞΞ£ , ΞΞΞ ΞΞ©ΞΞΞ, ΞΞΞΞΩ΀ΞΞ‘ΞΞ ΞΞΞ ΞΞ©ΞΞΞ, ΞΞΞΞΞΞ ΞΞΞ ΞΞ©ΞΞΞ" />
<meta http-equiv="X-UA-Compatible" content="IE=7" />
<meta name="robots" content="index, follow" />
<meta name="title" content="ΞΞΞΞΞΩ΀ΞΞ‘ΞΞ" />
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html, button, input, select, textarea { font-family: sans-serif; color: #222; }
body { margin: 0; font-size: 1em; line-height: 1.4; }
/*
* Remove text-shadow in selection highlight: h5bp.com/i
* These selection declarations have to be separate
*/
::-moz-selection { background: #2bb1d2; color: #fff; text-shadow: none; }
::selection { background: #2bb1d2; color: #fff; text-shadow: none; }
/* =============================================================================
Links
========================================================================== */
#wrapper2 a { color: #00e; }
#wrapper2 a:visited { color: #551a8b; }
#wrapper2 a:hover { color: #06e; }
#wrapper2 a:focus { outline: thin dotted; }
/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
#wrapper2 a:hover, #wrapper2 a:active { outline: 0; }
/* =============================================================================
Typography
========================================================================== */
#wrapper2 abbr[title] { border-bottom: 1px dotted; }
#wrapper2 b, #wrapper2 strong { font-weight: bold; }
#wrapper2 blockquote { margin: 1em 40px; }
#wrapper2 dfn { font-style: italic; }
#wrapper2 hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
#wrapper2 ins { background: #ff9; color: #000; text-decoration: none; }
#wrapper2 mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
/* Redeclare monospace font family: h5bp.com/j */
#wrapper2 pre, #wrapper2 code, #wrapper2 kbd, #wrapper2 samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
/* Improve readability of pre-formatted text in all browsers */
#wrapper2 pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
#wrapper2 q { quotes: none; }
#wrapper2 q:before, #wrapper2 q:after { content: ""; content: none; }
#wrapper2 small { font-size: 85%; }
/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
#wrapper2 sub, #wrapper2 sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
#wrapper2 sup { top: -0.5em; }
#wrapper2 sub { bottom: -0.25em; }
/* =============================================================================
Lists
========================================================================== */
#wrapper2 ul, #wrapper2 ol { margin: 1em 0; padding: 0 0 0 40px; }
#wrapper2 dd { margin: 0 0 0 40px; }
#wrapper2 nav ul, #wrapper2 nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
/* =============================================================================
Embedded content
========================================================================== */
/*
* 1. Improve image quality when scaled in IE7: h5bp.com/d
* 2. Remove the gap between images and borders on image containers: h5bp.com/i/440
*/
#wrapper2 img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; margin: 10px; }
/*
* Correct overflow not hidden in IE9
*/
#wrapper2 svg:not(:root) { overflow: hidden; }
/* =============================================================================
Figures
========================================================================== */
#wrapper2 figure { margin: 0; }
/* =============================================================================
Forms
========================================================================== */
#wrapper2 form { margin: 0; }
#wrapper2 fieldset { border: 0; margin: 0; padding: 0; }
/* Indicate that 'label' will shift focus to the associated form element */
#wrapper2 label { cursor: pointer; }
/*
* 1. Correct color not inheriting in IE6/7/8/9
* 2. Correct alignment displayed oddly in IE6/7
*/
#wrapper2 legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
/*
* 1. Correct font-size not inheriting in all browsers
* 2. Remove margins in FF3/4 S5 Chrome
* 3. Define consistent vertical alignment display in all browsers
*/
#wrapper2 button, #wrapper2 input, #wrapper2 select, #wrapper2 textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
/*
* 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
*/
#wrapper2 button, #wrapper2 input { line-height: normal; }
/*
* 1. Display hand cursor for clickable form elements
* 2. Allow styling of clickable form elements in iOS
* 3. Correct inner spacing displayed oddly in IE7 (doesn't effect IE6)
*/
#wrapper2 button, #wrapper2 input[type="button"], #wrapper2 input[type="reset"], #wrapper2 input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
/*
* Re-set default cursor for disabled elements
*/
#wrapper2 button[disabled], #wrapper2 input[disabled] { cursor: default; }
/*
* Consistent box sizing and appearance
*/
#wrapper2 input[type="checkbox"], #wrapper2 input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
#wrapper2 input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
#wrapper2 input[type="search"]::-webkit-search-decoration, #wrapper2 input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
/*
* Remove inner padding and border in FF3/4: h5bp.com/l
*/
#wrapper2 button::-moz-focus-inner, #wrapper2 input::-moz-focus-inner { border: 0; padding: 0; }
/*
* 1. Remove default vertical scrollbar in IE6/7/8/9
* 2. Allow only vertical resizing
*/
#wrapper2 textarea { overflow: auto; vertical-align: top; resize: vertical; max-height: 400px; }
/* Colors for form validity */
#wrapper2 input:valid, #wrapper2 textarea:valid { }
#wrapper2 input:invalid, #wrapper2 textarea:invalid { }
/* =============================================================================
Tables
========================================================================== */
#wrapper2 table { border-collapse: collapse; border-spacing: 0; }
#wrapper2 td { vertical-align: top; }
/* ==|== primary styles =====================================================
Author: Webnode.com
========================================================================== */
html { height: 100%; background: url("../img/bg-patt.jpg") repeat scroll center top #381932; margin: 0; padding: 0;}
body { height: 100%; background: url("../img/bg-patt-light.jpg") repeat scroll center top transparent; margin: 0; padding: 0; }
#wrapper2 { font-size: 0.875em; line-height: 2.0em; color: #fbc5ec; }
#wrapper2 a, #wrapper2 a:visited { color: #ffffff; text-decoration: underline; font-weight: normal; -webkit-transition: background-color 0.3s ease-out, color 0.3s ease-out, text-decoration 0.3s ease-out; -moz-transition: background-color 0.3s ease-out, color 0.3s ease-out, text-decoration 0.3s ease-out; -ms-transition: background-color 0.3s ease-out, color 0.3s ease-out, text-decoration 0.3s ease-out; -o-transition: background-color 0.3s ease-out, color 0.3s ease-out, text-decoration 0.3s ease-out; transition: background-color 0.3s ease-out, color 0.3s ease-out, text-decoration 0.3s ease-out; }
#wrapper2 a:visited { color: #ffffff; }
#wrapper2 a:hover { color: #ede4b0; text-decoration: underline; }
#wrapper2 a:active, #wrapper2 a:focus { outline: none; }
#wrapper2 a.button { text-shadow: 1px 1px 1px #555555; display: inline-block; color: #ffffff; text-decoration: none; padding: 10px; background: url("../img/btn-bg.jpg") repeat-x scroll 0px 0px #73995b; border: 0; height: 25px; padding: 0 10px 5px 10px; font-weight: bold; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; }
#wrapper2 a.button:hover { color: #ffffff; text-decoration: none; background: url("../img/btn-bg.jpg") repeat-x scroll 0 -30px #73995b; }
#wrapper2 h1, #wrapper2 h2, #wrapper2 h3, #wrapper2 h4, #wrapper2 h5, #wrapper2 h6 { font-family: 'PT Sans Narrow', sans-serif; color: #fbc5ec; text-shadow: 1px 1px 1px #000; }
#wrapper2 h1 {font-size: 3.5em; font-weight: normal; margin: 0 0 10px 0; padding: 0 0 20px 0; line-height: 1.5em; color: #ffffff;}
#wrapper2 h2 {font-size: 2.571em; font-weight: normal; margin: 0 0 10px 0; padding: 0 0 20px 0; line-height: 1.5em; color: #ffffff;}
#wrapper2 h3 {font-size: 2.143em; font-weight: normal; margin: 0 0 10px 0; padding: 5px 0 5px 0; line-height: 1.5em;}
#wrapper2 h4 {font-size: 1.714em; font-weight: normal; margin: 0 0 10px 0;}
#wrapper2 h5 {font-size: 1.4em; font-weight: normal; margin: 0 0 10px 0;}
#wrapper2 h6 {font-size: 1.2em; font-weight: normal; margin: 0 0 10px 0;}
#wrapper2 h1 a, #wrapper2 h2 a, #wrapper2 h3 a, #wrapper2 h4 a, #wrapper2 h5 a, #wrapper2 h6 a { text-decoration: none; }
#wrapper2 h1 a:hover, #wrapper2 h2 a:hover, #wrapper2 h3 a:hover, #wrapper2 h4 a:hover, #wrapper2 h5 a:hover, #wrapper2 h6 a:hover { text-decoration: undeline; }
#wrapper2 .container h1, #wrapper2 .container h2 { color: #fff; text-shadow: 1px 1px 1px #000; }
#wrapper2 .container .containerContent h1, #wrapper2 .container containerContent h2 { color: #501e44; text-shadow: 1px 1px 1px #b78aaa; }
#wrapper2 ul, #wrapper2 ol { margin: 0 20px 20px 20px; padding: 10px; text-align: left; }
#wrapper2 ul ul, #wrapper2 ol ol, #wrapper2 ul ol, #wrapper2 ol ul { margin: 0px 20px; }
#wrapper2 p { margin: 5px 0 20px 0; padding: 0; }
#wrapper2 blockquote { font-style: italic; margin: 0; padding: 10px; font-weight: normal; }
#wrapper2 address { margin: 6px 10px; font-style: normal; }
#wrapper2 dl { margin: 20px 10px; }
#wrapper2 dl dt { margin-bottom: 5px; font-weight: bold; }
#wrapper2 dl dd { margin: 0 10px 20px 35px; }
#wrapper2 img { border: 0; margin: 0;}
#wrapper2 hr { height: 0; margin-left: 0; margin-right: 0; background: 0; border-width: 1px 1px 1px 1px; border-style: solid; border-color: #fff; }
#wrapper2 table { border-collapse:collapse; border-width: 1px 0 0 1px; border-color: #000000; border-style: solid; color: #fbc5ec; text-align: left; display: inline-table; margin: 0 0 20px 0; }
#wrapper2 td, #wrapper2 th {border-width: 0 1px 1px 0; border-color: #000000; border-style: solid; padding: 5px; text-align: left; }
#wrapper2 td {background: url("../img/box-bg.png") repeat scroll center center transparent; }
#wrapper2 th, #wrapper2 thead td {background-color: #1b1c1c; }
.lt-ie7 #wrapper2 td { background: none; background-color: #3e2539; }
#wrapper2 input,
#wrapper2 textarea,
#wrapper2 select { color: #c3c3c3; padding: 5px; background-color: #333534; border: 1px solid #5a5657; }
#wrapper2 input { width: 250px; height: 20px; }
#wrapper2 select { width: 280px; height: 30px; }
#wrapper2 button, #wrapper2 input.submit { display: block; color: #ffffff; padding: 0 10px; background: url("../img/btn-bg.jpg") repeat-x scroll 0px 0px #73995b; border: 0; height: 30px; font-weight: bold; text-shadow: 1px 1px 1px #555555; overflow-y: hidden; }
#wrapper2 button:hover, #wrapper2 input.submit:hover { background: url("../img/btn-bg.jpg") repeat-x scroll 0px -30px #73995b; }
.lt-ie7 #wrapper2 button, .lt-ie7 #wrapper2 input.submit { cursor: pointer; cursor: hand; }
#wrapper2 .back { margin-top: 30px; }
#wrapper { min-height: 800px; height: auto; position: relative; background: url("../img/main-bg.jpg") no-repeat scroll center top transparent;}
#wrapper2 { position: relative; background: url("../img/bg-patt-light.jpg") repeat scroll center top transparent; min-height: 100%; height: auto; }
.lt-ie7 #wrapper { height:600px; }
.lt-ie7 #wrapper2 { height: 100%; }
#wrapper2 .widget { margin-bottom: 20px; text-align: center; }
/* ==========================================================================
HEADER + LOGO
========================================================================== */
#wrapper2 #header { width: 100%; padding-bottom: 20px; min-height: 169px; /*position: absolute; top: 0;*/ background: url("../img/header-line.png") repeat-x scroll center bottom transparent; }
#wrapper2 #headerTop { width: 100%; height: 50px; background: url("../img/header-top-bg-patt.png") repeat-x scroll center top transparent; position: absolute; top: 0; }
#wrapper2 #headerTopContent { width: 960px; height: 44px; margin: 0 auto; text-align: center; overflow: hidden; background: url("../img/header-top-bg.jpg") no-repeat scroll center top transparent;}
#wrapper2 #headerMain { padding-top: 50px; }
#wrapper2 #headerMainContent { width: 960px; padding: 30px 0 0 0; margin: 0 auto; text-align: center;}
.lt-ie7 #wrapper2 #header { background: none; height: 169px;}
.lt-ie7 #wrapper2 #headerTop { background: url("../img/header-top-bg-patt-8bit.png") repeat-x scroll center top transparent;}
/* ILLUSTRATION */
#wrapper2 #rbcSystemIdentifierBanner { display: none; }
/* SYSTEM NAV */
#wrapper2 ul.systemNav { margin: 0; padding: 7px 0 0 0; list-style: none; display: block; float: right; font-size: 0.857em; }
#wrapper2 ul.systemNav li { margin: 0 15px 0 0; padding: 2px 0 0 15px; float: left; }
#wrapper2 ul.systemNav li a { color: #fbc5ec !important; text-decoration: none !important; }
#wrapper2 ul.systemNav li a:hover { color: #ffffff !important; text-decoration: none !important; }
#wrapper2 ul.systemNav li.homepage { background: url("../img/sys-icon.png") no-repeat scroll 0 9px transparent; }
#wrapper2 ul.systemNav li.sitemap { background: url("../img/sys-icon.png") no-repeat scroll 0 -81px transparent; }
#wrapper2 ul.systemNav li.rss { background: url("../img/sys-icon.png") no-repeat scroll 0 -51px transparent; }
#wrapper2 ul.systemNav li.print { background: url("../img/sys-icon.png") no-repeat scroll 0 -21px transparent; }
.lt-ie7 #wrapper2 ul.systemNav li { display: inline; }
/* LANG */
#wrapper2 #lang { float: right; }
#wrapper2 #languageSelect ul { display: none; }
#wrapper2 #languageSelect #languageFlags { padding: 14px 0 0 20px; }
#wrapper2 #languageSelect #languageFlags a { background: none no-repeat scroll center center transparent; display: block; float: left; height: 16px; margin: 0 0 0 7px; padding: 0; text-decoration: none; width: 16px; }
#wrapper2 #languageSelect .languageSelectbox { width: 150px; margin: 8px 0 0 30px; background-color: #431d39; border: 1px solid #a55793; color: #fff; }
#wrapper2 #languageSelect #languageList { margin: 9px 0 0 30px; display: block; font-size: 0.857em; color: #fbc5ec !important;}
#wrapper2 #languageSelect #languageList a { color: #fbc5ec !important; text-decoration: none !important; padding: 0 5px; }
#wrapper2 #languageSelect #languageList a:hover { color: #ffffff !important; text-decoration: none !important; }
/* FULLTEXT FORM */
#wrapper2 #fulltextForm { font-size: 0.857em; margin: 8px 0 0 30px; float: right; width: 219px; height: 30px; background: url("../img/fulltext-form-bg.jpg") no-repeat scroll left center transparent;}
#wrapper2 #fulltextSearch { margin: 0; padding: 0; }
#wrapper2 #fulltextSearchText { margin: 0; padding: 6px 6px 4px 9px; float: left; height: 18px; width: 170px; background-color: transparent; border: 0; color: #fbc5ec; }
#wrapper2 #fulltextSearchButton { border: 0; float: left; padding: 0; margin: 0; background: url("../img/fulltext-form-search-icon.png") no-repeat scroll 10px 8px transparent; width: 30px; height: 30px; }
#wrapper2 #fulltextSearchButton:hover { background: url("../img/fulltext-form-search-icon.png") no-repeat scroll 10px -22px transparent; }
.lt-ie7 #wrapper2 #fulltextForm { display: inline; }
.lt-ie7 #wrapper2 #lang { display: inline; }
.lt-ie7 #wrapper2 ul.systemNav { display: inline; }
.lt-ie7 #wrapper2 #fulltextSearchButton { background: url("../img/fulltext-form-search-icon-8bit.png") no-repeat scroll center center transparent; }
.lt-ie8 #wrapper2 #fulltextSearchButton { cursor:pointer; cursor:hand; }
/* LOGO */
#wrapper2 #logoZone { float: left; width: 300px; text-align: left; height: 85px; overflow: hidden; padding-top: 10px;}
#wrapper2 #logo {margin: 0; padding: 0; line-height: 1.1em; font: normal 2.571em 'PT Sans Narrow', sans-serif; color: #fff; text-shadow: 1px 1px 1px #000;}
#wrapper2 #logo a { text-decoration: none; }
#wrapper2 #moto { margin: 0; padding: 0 0 0 40px; font-size: 0.929em; font-family: 'Georgia', sans-serif; font-style: italic; color: #fbc5ec; text-shadow: 1px 1px 1px #222; line-height: 1.3em;}
.lt-ie7 #wrapper2 #logoZone { display: inline; }
/* ----------- MENU ------------ */
/* MENU WRAPPER */
#wrapper2 .menuWrapper { float: right; max-width: 640px; width: 640px; }
.lt-ie8 #wrapper2 .menuWrapper { position: relative; }
/* UL.MENU */
#wrapper2 ul.menu { float: right; display: block; text-align: left; font-family: 'PT Sans Narrow', sans-serif; font-size: 1.143em; max-width: 640px; margin: 0; padding: 10px 0 0 0; list-style: none; }
.lt-ie8 #wrapper2 ul.menu { position: relative; z-index: 1; }
.lt-ie7 #wrapper2 ul.menu { /* place for behavior */ }
/* UL.MENU 1.LEVEL */
#wrapper2 ul.menu > li { display: block; position: relative; float: left; padding: 0; margin: 0 0 0 20px; text-transform: uppercase; text-shadow: 1px 1px 1px #000; }
#wrapper2 ul.menu > li > a {position: relative; z-index: 1; text-decoration: none; display: block; padding: 2px 12px; background: none; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; }
#wrapper2 ul.menu > li > a:hover,
#wrapper2 ul.menu > li:hover > a,
#wrapper2 ul.menu > li > a.touched { background-color: #3a2336; color: #ffffff; }
#wrapper2 ul.menu > li.activeSelected > a,
#wrapper2 ul.menu > li.selected > a { background-color: #3a2336; color: #ffffff; }
.lt-ie8 ul.menu > li > a { padding-top: 6px !important; display: inline; }
.lt-ie8 ul.menu li a { padding-top: 6px !important; display: inline; }
/* AKTIVNE POLOZKY */
#wrapper2 ul.menu li.selected li.activeSelected > a { color: #ffffff; }
#wrapper2 ul.menu li.selected li.selected li.activeSelected > a {color: #ffffff; }
/* IE6 */
.lt-ie7 #wrapper2 ul.menu { display: inline; }
.lt-ie7 #wrapper2 ul.menu li { display: inline; position: relative; float: left; padding: 0; margin: 0 0 0 20px; text-transform: uppercase; text-shadow: 1px 1px 1px #000;}
.lt-ie7 #wrapper2 ul.menu li a { text-decoration: none; display: block; padding: 2px 12px; background: none; position: relative; }
.lt-ie7 #wrapper2 ul.menu li a:hover,
.lt-ie7 #wrapper2 ul.menu li a.touched { background-color: #3a2336; color: #ffffff; }
.lt-ie7 #wrapper2 ul.menu li.activeSelected a,
.lt-ie7 #wrapper2 ul.menu li.selected a { background-color: #3a2336; color: #ffffff; }
.lt-ie7 #wrapper2 ul.menu li ul li.activeSelected a,
.lt-ie7 #wrapper2 ul.menu li ul li.selected a { background: url("../img/menu-delim.png") no-repeat scroll center bottom #3a2336; color: #ae77a0; }
.lt-ie7 #wrapper2 ul.menu li.activeSelected ul li a { background: none !important; color: #ae77a0; }
.lt-ie7 #wrapper2 ul.menu li.selected ul li a { background: none !important; color: #ae77a0; }
.lt-ie7 #wrapper2 ul.menu li.activeSelected li.activeSelected a { background: none !important; color: #ae77a0; }
.lt-ie7 #wrapper2 ul.menu li.selected li.selected a { background: none !important; color: #ae77a0; }
#wrapper2 ul.menu ul { padding: 0; width: 216px; /*196px*/ position: absolute; top: 28px; right: 0; z-index: 1000; }
#wrapper2 ul.menu ul.level1 { display:none; }
#wrapper2 ul.menu ul.level2 { display:none; }
#wrapper2 ul.menu ul.jsPowered { background: url("../img/menu-arrow.png") no-repeat scroll 81px 10px transparent; }
.lt-ie7 #wrapper2 ul.menu ul.jsPowered { background: url("../img/menu-arrow-8bit.png") no-repeat scroll 81px 10px transparent; }
/* SUBMENU 2. LEVEL */
#wrapper2 ul.menu li ul { z-index: 1000; list-style: none; margin: 0; padding: 0;}
#wrapper2 ul.menu li ul li { margin: 0; padding: 0; display: block; position: relative; display: block; width: 196px; background-color: #3a2336; /*background: url("../img/menu-delim.png") no-repeat scroll center bottom #2c2c2c;*/ /*-webkit-box-shadow: 0px 0px 4px 0px #000000; -moz-box-shadow: 0px 0px 4px 0px #000000; box-shadow: 0px 0px 4px 0px #000000;*/}
#wrapper2 ul.menu li ul li.first { margin-top: 30px; /*-webkit-border-top-left-radius: 12px; -moz-border-top-left-radius: 12px; border-top-left-radius: 12px; -webkit-border-top-right-radius: 12px; -moz-border-top-right-radius: 12px; border-top-right-radius: 12px;*/ }
#wrapper2 ul.menu li ul li.last { /*-webkit-border-bottom-left-radius: 12px; -moz-border-bottom-left-radius: 12px; border-bottom-left-radius: 12px; -webkit-border-bottom-right-radius: 12px; -moz-border-bottom-right-radius: 12px; border-bottom-right-radius: 12px;*/ }
#wrapper2 ul.menu li ul li a { text-decoration: none; display: block; position: relative; color: #ae77a0; padding: 5px 20px; margin: 0; background: url("../img/menu-delim.png") no-repeat scroll center bottom #3a2336; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; }
#wrapper2 ul.menu li ul li a:hover,
#wrapper2 ul.menu li ul li a.touched { background: none; background-color: #603b58; color: #fff;}
/*
.lt-ie8 #wrapper2 ul.menu li ul li { margin-top: -4px; }
.lt-ie8 #wrapper2 ul.menu li ul li.first { margin-top: 26px; }
.lt-ie8 #wrapper2 ul.menu li ul li ul li { margin-top: 0px; }
.lt-ie8 #wrapper2 ul.menu li ul li ul li.first { margin-top: 0px; }
.lt-ie8 #wrapper2 ul.menu li ul li ul li ul li { margin-top: 0px; }
.lt-ie8 #wrapper2 ul.menu li ul li ul li ul li.first { margin-top: 0px; }
*/
.lt-ie7 #wrapper2 ul.menu li ul li { margin-bottom: 0; }
.lt-ie7 #wrapper2 ul.menu li ul li a { display: block; width: 176px;}
.lt-ie7 #wrapper2 ul.menu li ul li.first { /*background-color: #ff0000 !important;*/ color: #ae77a0; }
.lt-ie7 #wrapper2 ul.menu li ul li.first a { color: #ae77a0; }
.lt-ie7 #wrapper2 ul.menu li ul li a:hover,
.lt-ie7 #wrapper2 ul.menu li ul li a.touched { color: #ffffff; background-color: #603b58 !important; }
.lt-ie7 #wrapper2 ul.menu li ul li a:hover li a,
.lt-ie7 #wrapper2 ul.menu li ul li a.touched li a { color: #ae77a0 !important; }
/* SUBMENU 3. LEVEL */
#wrapper2 ul.menu ul ul { /*top: -20px;*/ top: 0; right: 196px; z-index: 1000;}
#wrapper2 ul.menu ul.jsPowered ul.toRight {left: 196px !important; /*right: 0;*/ background: url("../img/menu-arrow-l.png") no-repeat scroll 5px 2px transparent; }
#wrapper2 ul.menu ul.jsPowered ul.toLeft {right: 196px !important; /*left: 0;*/ background: url("../img/menu-arrow-r.png") no-repeat scroll 191px 2px transparent; }
.lt-ie7 #wrapper2 ul.menu ul.jsPowered ul.toRight {left: 196px !important; /*right: 0;*/ background: url("../img/menu-arrow-l-8bit.png") no-repeat scroll 5px 2px transparent; }
.lt-ie7 #wrapper2 ul.menu ul.jsPowered ul.toLeft {right: 196px !important; /*left: 0;*/ background: url("../img/menu-arrow-r-8bit.png") no-repeat scroll 191px 2px transparent; }
#wrapper2 ul.menu ul ul li { margin-top: 0 !important; }
#wrapper2 ul.menu ul ul li.first { margin-top: 0 !important; }
#wrapper2 ul.menu ul.jsPowered ul.toRight li{ margin-left: 20px; }
#wrapper2 ul.menu ul.jsPowered ul.toLeft li{ margin-right: 20px; }
#wrapper2 ul.menu ul, #wrapper2 ul.menu li:hover ul ul,
#wrapper2 ul.menu ul, #wrapper2 ul.menu li.touched ul ul { display:none; }
#wrapper2 ul.menu li:hover ul, #wrapper2 ul.menu li:hover li:hover ul,
#wrapper2 ul.menu li.touched ul, #wrapper2 ul.menu li.touched li.touched ul { display:block; }
#wrapper2 ul.menu ul li:hover,
#wrapper2 ul.menu ul li.touched { background-color: #603b58; color: #ae77a0; cursor:pointer; cursor: hand; }
.lt-ie7 #wrapper2 ul.menu ul li.first { cursor:pointer; cursor: hand; }
.lt-ie7 #wrapper2 ul.menu ul li.first a:hover,
.lt-ie7 #wrapper2 ul.menu ul li.first a.touched { background-color: #603b58 !important; color: #ffffff; }
.lt-ie7 #wrapper2 ul.menu ul li a:hover,
.lt-ie7 #wrapper2 ul.menu ul li a.touched { color: #ffffff; }
.lt-ie7 #wrapper2 ul.menu li.activeSelected ul li:hover a,
.lt-ie7 #wrapper2 ul.menu li.selected ul li:hover a,
.lt-ie7 #wrapper2 ul.menu li.activeSelected ul li.touched a { color: #ffffff; }
.lt-ie7 #wrapper2 ul.menu li.activeSelected ul li:hover ul li a,
.lt-ie7 #wrapper2 ul.menu li.selected ul li:hover ul li a,
.lt-ie7 #wrapper2 ul.menu li.activeSelected ul li.touched ul li a { color: #ae77a0; }
.lt-ie7 #wrapper2 ul.menu li.activeSelected ul li ul li:hover a,
.lt-ie7 #wrapper2 ul.menu li.selected ul li ul li:hover a,
.lt-ie7 #wrapper2 ul.menu li.activeSelected ul li ul li.touched a { color: #ffffff; }
/* dalsie urovne */
#wrapper2 ul.menu ul.level2 li:hover,
#wrapper2 ul.menu ul.level2 li.touched { background-color: #3a2336; color: #ae77a0; }
#wrapper2 ul.menu ul.level2 li a{background: url("../img/menu-delim.png") no-repeat scroll center bottom #3a2336;/*-webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;*/ }
#wrapper2 ul.menu ul.level2 li a:hover,
#wrapper2 ul.menu ul.level2 li a.touched { background: none; background-color: #603b58; color: #fff;}
#wrapper2 ul.menu ul.level2 ul { display: block; margin: 0; padding: 0; list-style: none; position: relative; left: 0px; top: 0; }
#wrapper2 ul.menu ul.level1 ul.toRight ul { left: -20px; }
#wrapper2 ul.menu ul.level1 ul.toLeft ul { left: -0px; }
#wrapper2 ul.menu ul.level2 ul li { position: relative; display: block; width: 196px; /*background: url("../img/menu-delim.png") no-repeat scroll center bottom #2c2c2c;*/ /*-webkit-box-shadow: 0px 0px 4px 0px #000000; -moz-box-shadow: 0px 0px 4px 0px #000000; box-shadow: 0px 0px 4px 0px #000000;*/}
#wrapper2 ul.menu ul.level2 ul li.first { margin-top: 0px; -webkit-border-top-left-radius: 0px; -moz-border-top-left-radius: 0px; border-top-left-radius: 0px; -webkit-border-top-right-radius: 0px; -moz-border-top-right-radius: 0px; border-top-right-radius: 0px; }
#wrapper2 ul.menu ul.level2 ul li.last { -webkit-border-bottom-left-radius: 0px; -moz-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px; -webkit-border-bottom-right-radius: 0px; -moz-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px; }
#wrapper2 ul.menu ul.level2 ul li a { color: #ae77a0; padding: 5px 20px; margin: 0; background: url("../img/menu-delim.png") no-repeat scroll center bottom #3a2336;}
#wrapper2 ul.menu ul.level2 ul li a:hover,
#wrapper2 ul.menu ul.level2 ul li a.touched { background: none; background-color: #603b58; color: #fff;}
#wrapper2 ul.menu ul.level2 ul li:hover,
#wrapper2 ul.menu ul.level2 ul li.touched { /*background-color: #2c2c2c; color: #868e92;*/ }
/* dalsie urovne */
/* ========================================================================== */
/* IE7 BUG FIX */
.lt-ie8 #wrapper2 ul.menu ul li a {display:inline-block;}
.lt-ie8 #wrapper2 ul.menu ul li a {display:block;}
/* IE7 BUG FIX */
/* ==========================================================================
FOOTER
========================================================================== */
#wrapper2 #footer { width: 100%; height: 103px; position: absolute; bottom: 0; background: url("../img/footer-bg-patt.jpg") repeat-x scroll center bottom #392033; }
#wrapper2 #footerContent { width: 960px; height: 103px; margin: 0 auto; text-align: center; font-size: 0.857em; color: #865c7a; overflow: hidden; line-height: 1.3em;}
#wrapper2 #footerContent a { text-decoration: underline; color: #865c7a; }
#wrapper2 #footerContent a:hover { text-decoration: underline; color: #ffffff; }
#wrapper2 #copyright { float: left; width: 480px; height: 73px; padding-top: 30px; text-align: left; overflow: hidden; }
#wrapper2 #signature { float: right; width: 480px; height: 73px; padding-top: 30px; text-align: right; overflow: hidden; }
/* ========================================================================== */
/* ==========================================================================
MAIN
========================================================================== */
#wrapper2 #main { width: 100%; padding: 20px 0 103px 0; }
#wrapper2 #mainContent { width: 960px; margin: 0 auto; text-align: center; text-shadow: 1px 1px 1px #333; padding: 20px 0; overflow: hidden;}
#wrapper2 .columnsContainerSideRight { }
#wrapper2 .columnsContainerSideLeft { }
#wrapper2 .column1 { width: 240px; overflow: hidden; }
#wrapper2 .column2 { width: 680px; overflow: hidden;}
#wrapper2 .columnsContainerSideRight .column1 { float: left; }
#wrapper2 .columnsContainerSideRight .column2 { float: left; padding-right: 40px; }
#wrapper2 .columnsContainerSideLeft .column1 { float: right; }
#wrapper2 .columnsContainerSideLeft .column2 { float: right; padding-left: 40px; }
/* ========================================================================== */
/* ==========================================================================
BOX
========================================================================== */
#wrapper2 .box { padding: 20px; background: url("../img/box-bg.png") repeat scroll center center transparent; }
.lt-ie7 #wrapper2 .box {background: url("../img/box-bg-8bit.png") repeat scroll center center transparent; }
#wrapper2 .container .box { padding: 20px; background:none; background-color: #814d72; }
/* ========================================================================== */
/* ==========================================================================
PAGINATION
========================================================================== */
#wrapper2 .pagination { margin: 20px 0; }
#wrapper2 .paging { float: left; padding-top: 20px; }
#wrapper2 .paging a { color: #efb9df; font-weight: bold; text-shadow: 1px 1px 1px #576063; text-decoration: none !important; }
#wrapper2 .paging a * { cursor: pointer; cursor: hand; }
#wrapper2 .paging .pageText,
#wrapper2 .paging .rightText,
#wrapper2 .paging .rightEndText,
#wrapper2 .paging .leftText,
#wrapper2 .paging .leftEndText { font-size: 0.85em; display: inline-block; border: 1px solid #804d75; background: url("../img/pagination-bg.png") repeat scroll center center transparent; padding: 2px 6px; color: #fbc5ec; font-weight: bold; text-shadow: 1px 1px 1px #000;}
.lt-ie7 #wrapper2 .paging .pageText,
.lt-ie7 #wrapper2 .paging .rightText,
.lt-ie7 #wrapper2 .paging .rightEndText,
.lt-ie7 #wrapper2 .paging .leftText,
.lt-ie7 #wrapper2 .paging .leftEndText { background: url("../img/pagination-bg-8bit.png") repeat scroll center center transparent; }
#wrapper2 .container .paging .pageText,
#wrapper2 .container .paging .rightText,
#wrapper2 .container .paging .rightEndText,
#wrapper2 .container .paging .leftText,
#wrapper2 .container .paging .leftEndText { color: #efb9df !important; text-shadow: 1px 1px 1px #000; }
#wrapper2 .paging a:hover .pageText,
#wrapper2 .paging a:hover .rightText,
#wrapper2 .paging a:hover .rightEndText,
#wrapper2 .paging a:hover .leftText,
#wrapper2 .paging a:hover .leftEndText { background: none; background-color:#754868; text-shadow: 1px 1px 1px #000; color: #fff; }
#wrapper2 .container .paging a:hover .pageText,
#wrapper2 .container .paging a:hover .rightText,
#wrapper2 .container .paging a:hover .rightEndText,
#wrapper2 .container .paging a:hover .leftText,
#wrapper2 .container .paging a:hover .leftEndText { background: none; background-color:#754868; text-shadow: 1px 1px 1px #000; color: #fff !important;}
#wrapper2 .paging .selected .pageText { background: none; border: 0; }
#wrapper2 .paging .separator { display: none; }
#wrapper2 .pagingInfo { float: right; padding-top: 20px; }
#wrapper2 .pagingInfo p { margin:0; padding: 0; }
#wrapper2 .photogallery .paging { padding-left: 10px; }
#wrapper2 .photogallery .pagingInfo { padding-right: 10px; }
/* ========================================================================== */
/* ==========================================================================
BREADS
========================================================================== */
#wrapper2 #pageNavigator { text-align: left; padding: 0 0 10px 0; }
/* ========================================================================== */
/* ==========================================================================
FORM ERRORS
========================================================================== */
#wrapper2 .formError { color: #e26258; }
#wrapper2 .error { color: #e26258; }
#wrapper2 .wrong { color: #e26258; }
#wrapper2 input.wrong { color: #C3C3C3; }
#wrapper2 textarea.wrong { color: #C3C3C3; }
/* ========================================================================== */
/* ==========================================================================
HOMEPAGE
========================================================================== */
#wrapper2 .layoutFullWidth { }
#wrapper2 .layoutColumns { }
#wrapper2 .container { width: 100%; padding-bottom: 40px; margin-top: 40px; background: url("../img/container-shadow.png") no-repeat scroll center bottom transparent; }
#wrapper2 .column2 .container { background: url("../img/container-shadow-680.png") no-repeat scroll center bottom transparent; }
#wrapper2 .containerContent { color: #fcdff4; background: url("../img/container-bg.jpg") repeat-y scroll center top #a66d96; min-height: 150px; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; }
.lt-ie7 #wrapper2 .container { background: none; }
.lt-ie7 #wrapper2 .containerContent { height: 150px; }
#wrapper2 .containerContent a { color: #ede4b0 !important; }
#wrapper2 .containerContent a:hover { color: #ffffff !important; }
#wrapper2 .column33 { float: left; width: 280px; margin: 0 10px; padding: 10px; overflow: hidden;}
.lt-ie7 #wrapper2 .column33 { display: inline; }
/* ========================================================================== */
/* ==========================================================================
PHOTOGALLERY
========================================================================== */
#wrapper2 .photogallery { position: relative; background: url("../img/gallery-shadow-960.png") no-repeat scroll center bottom transparent; padding-bottom: 50px; min-height: 50px;}
#wrapper2 .column2 .photogallery { width: 680px; background: url("../img/gallery-shadow-680.png") no-repeat scroll center bottom transparent; }
#wrapper2 .column1 .photogallery { width: 240px; background: url("../img/gallery-shadow-240.png") no-repeat scroll center bottom transparent; }
#wrapper2 .column33 .photogallery { width: 280px; background: url("../img/gallery-shadow-240.png") no-repeat scroll center bottom transparent; }
.lt-ie7 #wrapper2 .photogallery { height: 50px; background: none; }
.lt-ie8 #wrapper2 .photogallery .photo { display: inline; }
#wrapper2 .layoutFullWidth .photo200 { padding-left: 32px; padding-right: 32px; width: 896px;}
#wrapper2 .layoutFullWidth .photo118 { padding-left: 54px; padding-right: 54px; width: 852px;}
#wrapper2 .column2 .photo200 {/* padding-left: 116px; padding-right: 116px; margin: 0; width: 448px; */ padding-left: 4px; padding-right: 4px; margin: 0; width: 672px;}
#wrapper2 .column2 .photo118 { padding-left: 56px; padding-right: 56px; margin: 0; width: 568px; }
#wrapper2 .column1 .photo200 { padding-left: 8px; padding-right: 8px; margin: 0; width: 224px;}
#wrapper2 .column1 .photo118 { /*padding-left: 49px; padding-right: 49px; margin: 0; width: 142px;*/ padding-left: 0px; padding-right: 0px; margin: 0; width: 240px;}
#wrapper2 .column33 .photo200 { padding-left: 0px; padding-right: 0px; margin: 0; width: 280px;}
#wrapper2 .column33 .photo118 { padding-left: 0px; padding-right: 0px; margin: 0; width: 280px; }
.lt-ie7 #wrapper2 .photogallery { text-align: center; }
/* 2012-07-18 ADDED */
#wrapper2 .photo200 .photogalleryInner { height: 224px; overflow: hidden; }
#wrapper2 .photo118 .photogalleryInner { height: 142px; overflow: hidden; }
#wrapper2 .column2 .photo200 .photogalleryInner,
#wrapper2 .column1 .photo200 .photogalleryInner,
#wrapper2 .column33 .photo200 .photogalleryInner,
#wrapper2 .column1 .photo118 .photogalleryInner,
#wrapper2 .column33 .photo118 .photogalleryInner { height: auto; overflow: visible; }
/* 2012-07-18 ADDED */
#wrapper2 .photo200 .photo { float: left; padding: 10px; display: block; width: 204px; height: 204px; }
.lt-ie7 #wrapper2 .photo200 .photo { display: inline; zoom: 1; }
#wrapper2 .photo118 .photo { float: left; padding: 10px; display: block; width: 122px; height: 122px; }
.lt-ie7 #wrapper2 .photo118 .photo { display: inline; zoom: 1; }
#wrapper2 .column1 .photo118 .photo { margin-left: 49px;}
#wrapper2 .column33 .photo118 .photo { margin-left: 69px;}
#wrapper2 .column33 .photo200 .photo { margin-left: 20px;}
#wrapper2 .photogallery a { position: relative; display: inline; }
#wrapper2 .photogallery a img { margin: 0px; }
#wrapper2 .photogallery a .image { border: 2px solid #c5c5c4; /*display: block;*/ overflow: hidden; background-color: #2B2B2B; display: table-cell; vertical-align: middle; }
#wrapper2 .photo118 a .image { width: 118px; height: 118px; /*width: 122px; height: 122px;*/}
#wrapper2 .photo200 a .image { width: 200px; height: 200px; /*width: 204px; height: 204px;*/}
doesnotexist:-o-prefocus, #wrapper2 .photo118 a .image {
height: 122px;
}
doesnotexist:-o-prefocus, #wrapper2 .photo200 a .image {
height: 204px;
}
/*
@-moz-document url-prefix() {
#wrapper2 .photo118 a .image{
height: 122px;
}
#wrapper2 .photo200 a .image{
height: 204px;
}
}
*/
.lt-ie8 #wrapper2 .photogallery a .image { display: block; }
.lt-ie10 #wrapper2 .photo118 a .image { width: 118px; height: 118px; }
.lt-ie10 #wrapper2 .photo200 a .image { width: 200px; height: 200px; }
#wrapper2 .photo200 a * { cursor:pointer; cursor:hand; }
#wrapper2 .photo118 a * { cursor:pointer; cursor:hand; }
#wrapper2 .photogallery a { text-decoration: none !important; }
#wrapper2 .photogallery a .name { text-decoration: none !important; margin: 0; padding: 0; overflow: hidden; font-family: 'PT Sans Narrow', sans-serif; padding: 5px; position: absolute; display: block; bottom: 12px; left: 12px; background-color: rgba(0, 0, 0, 0.7); }
.lt-ie9 #wrapper2 .photogallery a .name { background:transparent; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#BB000000,endColorstr=#BB000000); zoom: 1; }
.lt-ie7 #wrapper2 .photogallery a .name { background: none; background-color: #000000; }
#wrapper2 .photo200 a .name { width: 190px; max-height: 190px; font-size: 1.286em; }
#wrapper2 .photo118 a .name { width: 108px; max-height: 108px; font-size: 1.1em; }
.lt-ie7 #wrapper2 .photo118 a .name { width: 108px; }
.lt-ie7 #wrapper2 .photo200 a .name { width: 190px; }
.lt-ie7 #wrapper2 .photogallery a { text-decoration: none; font-weight: normal; }
.lt-ie7 #wrapper2 .photogallery a .name { bottom: 12px; height: auto; }
.lt-ie8 #wrapper2 .photogallery a .name { cursor:pointer; cursor:hand; }
#wrapper2 .photo200 a .hover { cursor:pointer; cursor:hand; display: block; display: none; position: absolute; bottom: 14px; left: 14px; width: 196px; height: 196px; background: url("../img/gallery-hover.png") no-repeat scroll center bottom transparent; }
.lt-ie7 #wrapper2 .photo200 a .hover { display: none; visibility: hidden; }
#wrapper2 .photo118 a .hover { display: block; display: none; position: absolute; bottom: 14px; left: 14px; width: 114px; height: 114px; background: url("../img/gallery-hover.png") no-repeat scroll center center transparent; }
.lt-ie7 #wrapper2 .photo118 a .hover { display: none; visibility: hidden; }
/* For image replacement */
#wrapper2 .photogallery .bx-prev, #wrapper2 .photogallery .bx-next { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
#wrapper2 .photogallery .bx-prev br, #wrapper2 .photogallery .bx-next br { display: none; }
#wrapper2 .photogallery .bx-prev, #wrapper2 .photogallery .bx-next { width: 20px; height: 34px; position: absolute; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none;}
#wrapper2 .photogallery .bx-prev { left: -32px; background: url("../img/gallery-arrow.png") no-repeat scroll 0px 0px transparent;}
#wrapper2 .photogallery .bx-prev:hover { background: url("../img/gallery-arrow.png") no-repeat scroll -20px 0px transparent; }
#wrapper2 .photogallery .bx-next { right: -32px; background: url("../img/gallery-arrow.png") no-repeat scroll -40px 0px transparent;}
#wrapper2 .photogallery .bx-next:hover { background: url("../img/gallery-arrow.png") no-repeat scroll -60px 0px transparent; }
.lt-ie7 #wrapper2 .photogallery .bx-next { background: url("../img/gallery-arrow-8bit.png") no-repeat scroll -40px 0px transparent; }
.lt-ie7 #wrapper2 .photogallery .bx-next:hover { background: url("../img/gallery-arrow-8bit.png") no-repeat scroll -60px 0px transparent; }
.lt-ie7 #wrapper2 .photogallery .bx-prev { background: url("../img/gallery-arrow-8bit.png") no-repeat scroll 0px 0px transparent; }
.lt-ie7 #wrapper2 .photogallery .bx-prev:hover { background: url("../img/gallery-arrow-8bit.png") no-repeat scroll -20px 0px transparent; }
#wrapper2 .photo200 .bx-prev, #wrapper2 .photo200 .bx-next { top: 100px; }
#wrapper2 .photo118 .bx-prev, #wrapper2 .photo118 .bx-next { top: 55px; }
/* PHOTO DETAIL */
#wrapper2 .photofull table, .photofull table tr { margin: 0; padding: 0; }
#wrapper2 .photofull table td { display: table-cell; width: 150px; padding: 5px 20px; margin:0; /*border: 0;*/ }
#wrapper2 .photofull table td.before { text-align: left; }
#wrapper2 .photofull table td.control { text-align: center; }
#wrapper2 .photofull table td.after { text-align: right; }
#wrapper2 .photofull .back { margin-top: 30px; }
#wrapper2 .waitingArea { margin: 20px 0; text-align: center; }
/* ========================================================================== */
/* ==========================================================================
FAQ
========================================================================== */
#wrapper2 .question { background: url("../img/line-sep.png") repeat-x scroll left bottom transparent; padding: 10px 0; }
.lt-ie7 #wrapper2 .question { background: url("../img/line-sep-8bit.png") repeat-x scroll left bottom transparent; }
/* ========================================================================== */
/* ==========================================================================
ARTICLE
========================================================================== */
#wrapper2 .article { margin-bottom: 20px; text-align: left; }
#wrapper2 .article .date { display: block; color: #efb9df; font-style: italic; }
#wrapper2 .article h3 { font-size: 1.7em; }
#wrapper2 .archive { text-align: right; }
/* ARTICLE DETAIL */
#wrapper2 .article .back { margin-top: 30px; }
#wrapper2 .article .tagsWrapper { margin-top: 30px; }
#wrapper2 .article .rbcBookmarks { margin-top: 30px; }
#wrapper2 .article .rbcBookmarks a { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; }
/* ========================================================================== */
/* ==========================================================================
ARTICLE
========================================================================== */
#wrapper2 .rss { margin-bottom: 20px; text-align: left; }
#wrapper2 .rss .uri { text-align: left; }
/* ========================================================================== */
/* ==========================================================================
PRODUCT
========================================================================== */
#wrapper2 .product { margin-bottom: 20px; text-align: left; }
#wrapper2 .product h3 { font-size: 1.7em; }
#wrapper2 .product .image { float: left; margin: 0 20px 20px 0; width: 118px; max-height: 118px; overflow: hidden; }
#wrapper2 .withImage h3 { padding-left: 138px; }
#wrapper2 .withImage .productDescription { padding-left: 138px; }
#wrapper2 .withImage .productDescription h3{ padding-left: 0px; }
#wrapper2 .column1 .product .image,
#wrapper2 .column33 .product .image { float: none; }
#wrapper2 .column1 .withImage .productDescription,
#wrapper2 .column33 .withImage .productDescription { padding-left: 0; }
#wrapper2 .column1 .withImage h3,
#wrapper2 .column33 .withImage h3 { padding-left: 0; }
#wrapper2 .column1 .product .image { float: none; margin: 15px 20px 20px 0; width: 118px; height: 118px; overflow: hidden; }
/* PRODUCT DETAIL */
#wrapper2 .product .back { margin-top: 30px; }
#wrapper2 .product .tagsWrapper { margin-top: 30px; }
#wrapper2 .product .rbcBookmarks { margin-top: 30px; }
#wrapper2 .product .imageLarge { float: left; margin: 10px 20px 20px 0; width: 200px; height: 200px; overflow: hidden; }
/* ========================================================================== */
/* ==========================================================================
FULLTEXT SEARCH FORM
========================================================================== */
#wrapper2 #fulltextSearchResult { width: 100%; color: #fbc5ec; background-color:#181919; min-height: 70px; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; }
#wrapper2 #fulltextSearchResult fieldset { display: block; padding: 20px; }
#wrapper2 #fulltextSearchResult .search { float: left; margin: 10px; }
#wrapper2 #fulltextSearchResult .type { float: left; margin: 10px 10px 12px 10px; }
#wrapper2 #fulltextSearchResult .btnarea { float: right; }
#wrapper2 #fulltextSearchResult label { margin-right: 5px; /*width: 80px; display: inline-block; text-align: right;*/ }
#wrapper2 #fulltextSearchResult button, #fulltextSearchResult input.submit { margin: 10px; }
#wrapper2 .column2 #fulltextSearchResult input { width: 150px; }
#wrapper2 .column2 #fulltextSearchResult select { width: 180px; }
#wrapper2 .searchResult { margin-bottom: 20px; text-align: left; }
#wrapper2 .searchResult h3 { font-size: 1.7em; }
#wrapper2 .searchResultContent { color: #fbc5ec; }
#wrapper2 .searchResultFooter { padding-top: 10px; }
#wrapper2 .searchResult .uri { float: left; }
#wrapper2 .searchResult .size { float: right; }
#wrapper2 .searchResult p { padding: 0; margin: 0; }
/* ========================================================================== */
/* ==========================================================================
DISCUSSION
========================================================================== */
#wrapper2 .discussionPost { margin: 20px 0 0 200px; text-align: left; }
#wrapper2 .column33 .discussionPost { border: 0; }
#wrapper2 .discussionPost .head { color: #ffffff; padding: 0 0 0 120px; color: #efb9df; }
#wrapper2 .discussionPost .subject { margin-right: 10px; }
#wrapper2 .discussionPost .author { margin-right: 10px; }
#wrapper2 .discussionPost .date { margin-right: 10px; }
#wrapper2 .discussionPost .text { /*font-style: italic;*/ /*color: #758085;*/ background: url("../img/quotes.png") no-repeat scroll left top transparent; min-height: 80px; padding: 0 0 0 120px; }
.lt-ie7 #wrapper2 .discussionPost .text { background: url("../img/quotes-8bit.png") no-repeat scroll left top transparent; height: 80px; }
#wrapper2 .discussionPost .reply { padding: 0 0 0 120px; }
#wrapper2 .column1 .discussionPost,
#wrapper2 .column33 .discussionPost { margin: 20px 0 0 0; }
#wrapper2 .column1 .discussionPost .head,
#wrapper2 .column33 .discussionPost .head { padding: 0; }
#wrapper2 .column1 .discussionPost .subject,
#wrapper2 .column1 .discussionPost .author,
#wrapper2 .column1 .discussionPost .date,
#wrapper2 .column33 .discussionPost .subject,
#wrapper2 .column33 .discussionPost .author,
#wrapper2 .column33 .discussionPost .date { display: block; }
#wrapper2 .column1 .discussionPost .text,
#wrapper2 .column33 .discussionPost .text { background: none; padding: 0; }
#wrapper2 .column1 .discussionPost .reply,
#wrapper2 .column33 .discussionPost .reply { padding: 0; }
#wrapper2 .level-1 { margin-left: 0px; }
#wrapper2 .level-2 { margin-left: 50px; }
#wrapper2 .level-3 { margin-left: 100px; }
#wrapper2 .level-4 { margin-left: 150px; }
#wrapper2 .level-5 { margin-left: 200px; }
#wrapper2 .column1 .level-1 { margin-left: 0; }
#wrapper2 .column1 .level-2 { margin-left: 0; }
#wrapper2 .column1 .level-3 { margin-left: 0; }
#wrapper2 .column1 .level-4 { margin-left: 0; }
#wrapper2 .column1 .level-5 { margin-left: 0; }
#wrapper2 .column33 .level-1 { margin-left: 0; }
#wrapper2 .column33 .level-2 { margin-left: 0; }
#wrapper2 .column33 .level-3 { margin-left: 0; }
#wrapper2 .column33 .level-4 { margin-left: 0; }
#wrapper2 .column33 .level-5 { margin-left: 0; }
#wrapper2 .discussionForm { text-align: left; padding: 20px; color: #fbc5ec; background-color:#181919; min-height: 70px; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; }
#wrapper2 .discussionForm .inputArea1 { float: left; padding-right: 20px;}
#wrapper2 .discussionForm .inputArea2 { float: left; }
#wrapper2 .discussionForm .input { margin: 0 0 20px 0; }
#wrapper2 .discussionForm label { display: block; width: 300px; overflow: hidden; line-height:1.33;}
#wrapper2 .discussionForm input { width: 300px; }
#wrapper2 .discussionForm input.submit { width: auto; }
#wrapper2 .discussionForm textarea { width: 576px; height: 100px; max-height: 400px;}
#wrapper2 .column2 .discussionForm textarea { width: 628px; height: 100px;}
#wrapper2 .discussionForm button, #wrapper2 .discussionForm input.submit { min-width: 150px; }
.lt-ie7 #wrapper2 .discussionForm button, .lt-ie7 #wrapper2 .discussionForm input.submit { width: 150px; }
#wrapper2 .newPost { text-align: left; }
#wrapper2 .column1 .discussionForm label { width: 190px; }
#wrapper2 .column1 .discussionForm input{ width: 190px; }
#wrapper2 .column1 .discussionForm input.submit{ width: auto; }
#wrapper2 .column1 .discussionForm textarea { width: 190px; height: 100px; max-height: 400px;}
#wrapper2 .column33 .discussionForm label { width: 228px; }
#wrapper2 .column33 .discussionForm input{ width: 228px; }
#wrapper2 .column33 .discussionForm input.submit{ width: auto; }
#wrapper2 .column33 .discussionForm textarea { width: 228px; height: 100px; max-height: 400px;}
/* ========================================================================== */
/* ==========================================================================
CONTACT FORM
========================================================================== */
#wrapper2 .contactForm { margin-bottom: 20px; text-align: left; padding: 20px; color: #fbc5ec; background-color:#181919; min-height: 70px; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; }
#wrapper2 .contactForm .inputArea1 { float: left; padding-right: 20px;}
#wrapper2 .contactForm .inputArea2 { float: left; }
#wrapper2 .contactForm .input { margin: 0 0 20px 0; }
#wrapper2 .contactForm label { display: block; width: 300px; overflow: hidden; }
#wrapper2 .contactForm input { width: 300px; }
#wrapper2 .contactForm input.submit { width: auto; }
#wrapper2 .contactForm textarea { width: 576px; height: 180px;}
#wrapper2 .column2 .contactForm textarea { width: 628px; height: 180px;}
#wrapper2 .contactForm button, #wrapper2 .contactForm input.submit { min-width: 150px; float: right; }
.lt-ie7 #wrapper2 .contactForm button, .lt-ie7 #wrapper2 .contactForm input.submit { width: 150px; }
#wrapper2 .contact .rbcContactEmail { white-space: no-wrap; display: block; word-wrap: break-word; }
#wrapper2 .contact .email wbr { display: none; white-space: no-wrap; }
#wrapper2 .contact p { margin: 5px 0 5px; }
/* ========================================================================== */
/* ==========================================================================
POLL
========================================================================== */
#wrapper2 .poll { text-align: left; margin-bottom: 20px; }
#wrapper2 .pollnumber { padding-left: 10px; }
#wrapper2 .pollbar { display: block; height: 19px; width: 0; text-align: center; color: #ffffff; line-height: 1.35em;}
#wrapper2 .bar-0 { background: url("../img/poll-bar.jpg") repeat-x scroll 0 0 transparent; }
#wrapper2 .bar-1 { background: url("../img/poll-bar.jpg") repeat-x scroll 0 -19px transparent; }
/* ADDED 2012-07-16 */
#wrapper2 .pollQuestion { font-size: 1.071em; }
#wrapper2 .pollbarWrapper-0,
#wrapper2 .pollbarWrapper-1 { display: block; height: 19px; width: 100%; position: relative; }
#wrapper2 .pollbarWrapper-0 { background: url("../img/poll-bar-short.jpg") no-repeat scroll 0 0 transparent; }
#wrapper2 .pollbarWrapper-1 { background: url("../img/poll-bar-short.jpg") no-repeat scroll 0 -19px transparent; }
/* ADDED 2012-07-16 */
/* ========================================================================== */
/* ==========================================================================
SITEMAP
========================================================================== */
#wrapper2 .ServerMap { text-align: left; margin-bottom: 20px; }
/* ========================================================================== */
/* ==========================================================================
PRIVATE ACCESS FORM
========================================================================== */
#wrapper2 .privateAccessForm { margin-bottom: 20px; background-clip: padding-box; background-color: #181919; border-radius: 12px 12px 12px 12px; color: #fbc5ec; min-height: 70px; padding: 20px; text-align: left; width: 920px; }
#wrapper2 .column2 .privateAccessForm { width: 640px; }
#wrapper2 .privateAccessForm table { background: none; background-color: transparent; border: 0; }
#wrapper2 .privateAccessForm table td { background: none; background-color: transparent; border: 0; padding: 5px; }
#wrapper2 .privateAccessForm table button { float: right; }
#wrapper2 #lostPasswordLink , #wrapper2 .formSuffixLinks { margin-bottom: 20px; }
#wrapper2 .formSuffixLinks a:hover { color: #fff !important; }
/* ========================================================================== */
/* ==========================================================================
TAGS
========================================================================== */
#wrapper2 ul.tags { list-style: none; }
#wrapper2 ul.tags li { display: inline; padding: 0 3px; }
#wrapper2 .tagsList { text-align: left; margin-bottom: 20px; }
/* ========================================================================== */
/* ==========================================================================
rbcContentZone
========================================================================== */
#wrapper2 .rbcContentZone .rbcContentBlock{ text-align: center; }
#wrapper2 .rbcContentZone .rbcContentBlockHeader{ text-shadow: none; }
#wrapper2 .rbcContentZone .rbcContentBlock:hover { background: transparent; background: rgba(0, 0, 0, 0.2); }
#wrapper2 .container .rbcContentZone .rbcContentBlock:hover { background: transparent; background: rgba(90, 50, 80, 0.2); }
#wrapper2 .rbcContentZone .rbcContentHeaderDelButton { line-height: 0.4em; }
#wrapper2 .rbcSafeModeBlock p { background-color: #EEEEEE; margin: 0 0 0 25px; padding: 4px; text-shadow: none; text-align: center;}
#wrapper2 .rbcSafeModeBlock a { color: #000000; text-decoration: underline; text-shadow: none; text-align: center;}
#wrapper2 .rbcSafeModeBlock { border: 1px solid #AAAAAA; color: #555555; font-size: 11px; margin: 5px; padding: 0; position: relative; text-shadow: none; text-align: center;}
#wrapper2 .rbcContentBlockHeaderArea .rbcInactiveContentBlockHeader { background: url("../img/rbcInactiveContentBlockHeader.jpg") repeat-x scroll 0 0 #000000; }
#wrapper2 .rbcContentBlockHeaderArea .rbcContentBlockDragHandler { background: url("../img/rbcActiveContentBlockHeader.jpg") repeat-x scroll 0 0 #9ea9ad; }
#rbcEditedPage .menuWrapper #mainMenu { overflow: visible; margin-top: -32px;}
#wrapper2 a#slideshowControl { cursor: pointer; cursor: hand; }
#wrapper2 .rbcContentBlockHeader.rbcInactiveContentBlockHeader .rbcContentHeaderItem .delimiter { background: url("../img/bgr-block-header-separator-disabled.png") no-repeat scroll left top transparent; }
#rbcActionToolboxArea table.rbcButtonsTable { margin-left: 0 !important; }
#wrapper2 .rbcReplaceTextColor { color: #fbc5ec; }
#wrapper2 .container .rbcReplaceTextColor { color: #fcdff4; }
/* ADDED 2012-07-16 */
#wrapper2 .rbcContentBlockHeaderArea .rbcContentBlockHeader{ text-shadow: none; }
/* ADDED 2012-07-16 */
/* ========================================================================== */
/* ==|== media queries ======================================================
EXAMPLE Media Query for Responsive Design.
This example overrides the primary ('mobile first') styles
Modify as content requires.
========================================================================== */
@media only screen and (min-width: 35em) {
/* Style adjustments for viewports that meet the condition */
}
/* ==|== non-semantic helper classes ========================================
Please define your styles before this section.
========================================================================== */
/* For image replacement */
#wrapper2 .ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
#wrapper2 .ir br { display: none; }
/* Hide from both screenreaders and browsers: h5bp.com/u */
#wrapper2 .hidden { display: none !important; visibility: hidden; }
/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
#wrapper2 .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
#wrapper2 .visuallyhidden.focusable:active, #wrapper2 .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
/* Hide visually and from screenreaders, but maintain layout */
#wrapper2 .invisible { visibility: hidden; }
/* Contain floats: h5bp.com/q */
#wrapper2 .clearfix:before, #wrapper2 .clearfix:after, #wrapper2 .cleaner:before, #wrapper2 .cleaner:after { content: ""; display: table; }
#wrapper2 .clearfix:after, #wrapper2 .cleaner:after { clear: both; }
#wrapper2 .clearfix, #wrapper2 .cleaner { *zoom: 1; }
/* ==|== print styles =======================================================
Print styles.
Inlined to avoid required HTTP connection: h5bp.com/r
========================================================================== */
@media print {
* { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
a, a:visited { text-decoration: underline; }
a[href]:after { content: " (" attr(href) ")"; }
abbr[title]:after { content: " (" attr(title) ")"; }
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } /* Don't show links for images, or javascript/internal links */
pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
thead { display: table-header-group; } /* h5bp.com/t */
tr, img { page-break-inside: avoid; }
img { max-width: 100% !important; }
@page { margin: 0.5cm; }
p, h2, h3 { orphans: 3; widows: 3; }
h2, h3 { page-break-after: avoid; }
body { text-align: left; }
#wrapper2 table { border: 1px solid #000; display: inline-table; margin:0 0 20px 0; padding:0; }
#wrapper2 thead, #wrapper2 tfoot, #wrapper2 tbody { border: 1px solid #000; }
#wrapper2 td, #wrapper2 th { border: 1px solid #000; display: table-cell;}
#wrapper2 .box { padding: 0; }
#wrapper2 .waitingArea { display: none; }
#wrapper2 #header { display: none; }
#wrapper2 #footer {display: none; }
#wrapper2 #main { padding: 0; margin: 0; }
#wrapper2 #mainContent { text-align: left; }
#wrapper2 .column1 { float: none; width: 960px !important; margin: 0; padding: 0; }
#wrapper2 .column2 { float: none; width: 960px !important; margin: 0; padding: 0; }
#wrapper2 .containerContent .column33 { float: none; width: 960px; text-align: left; margin: 0; padding: 0;}
#wrapper2 .layoutFullWidth .photo200 { padding: 0;}
#wrapper2 .layoutFullWidth .photo118 { padding: 0;}
#wrapper2 .column2 .photo200 { padding: 0; margin: 0; width: 960px; }
#wrapper2 .column2 .photo118 { padding: 0; margin: 0; width: 960px; }
#wrapper2 .column1 .photo200 { padding: 0; margin: 0; width: 960px; }
#wrapper2 .column1 .photo118 { padding: 0; margin: 0; width: 960px; }
#wrapper2 .photogallery a .name { font-weight: bold; background: none; background-color: #fff !important; }
#wrapper2 .photofull .pagination { display: none; }
#wrapper2 .paging { display: none; }
#wrapper2 .pagingInfo { display: none; }
#wrapper2 .pagination { display: none; }
#wrapper2 .fulltextSearchResult { display: none; }
#wrapper2 .discussionForm { display: none; }
#wrapper2 .discussionPost .head { padding: 0; }
#wrapper2 .discussionPost .text { padding: 0; }
#wrapper2 .discussionPost .reply {display: none; }
#wrapper2 .pollbar { text-align: left; }
#wrapper2 .contactForm { display: none; }
#wrapper2 .privateAccessForm { display: none; }
#wrapper2 #lostPasswordLink , #wrapper2 .formSuffixLinks { display: none; }
}
#wrapper2 form .formSuffixLinks { margin-top: 20px; }
/* -- forms ---------------------------------------- */
#wrapper2 .input label.groupLabel {
margin-bottom: 5px !important;
}
#wrapper2 .choicesGroup {
position: relative;
width: auto !important;
margin-bottom: 15px;
}
#wrapper2 .choicesGroup label {
float: none !important;
display: inline !important;
margin: 0 !important;
font-weight: normal !important;
}
#wrapper2 .choicesGroup .input {
margin: 0 !important;
line-height: 1;
}
#wrapper2 .choicesGroup input {
width: auto !important;
height: auto !important;
margin: 5px 0 !important;
}
#wrapper2 .input select {
width: 312px;
height: 32px;
padding: 6px 5px;
}
#wrapper2 .column33 select {
width: 240px;
}
#wrapper2 .column1 select {
width: 202px;
}
#wrapper2 .fileInput {
position: relative;
width: 300px;
white-space: nowrap;
}
#wrapper2 .fileInputBase {
height: 0px;
width: auto;
overflow: hidden;
}
.lt-ie10 .fileInputBase
{
height: auto;
width: auto;
overflow: visible;
}
.lt-ie10 #wrapper .fileInputBase input
{
position: absolute;
display: block;
top: 0;
left: 0px;
width: 175px;
height: 32px;
font-size: 22px;
z-index: 5;
opacity: 0;
filter: alpha(opacity=0);
cursor: pointer;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.fileInputBase
{
height: auto;
width: auto;
overflow: visible;
}
#wrapper .fileInputBase input
{
position: absolute;
display: block;
top: 0;
left: 0px;
width: 175px;
height: 32px;
font-size: 22px;
z-index: 5;
opacity: 0;
filter: alpha(opacity=0);
cursor: pointer;
}
}
#wrapper2 .fileInputCover {
position: relative;
width: 300px;
overflow: hidden;
}
#wrapper2 .fileInputSelect {
position: relative;
float: left;
display: block;
background: url("../img/btn-bg.jpg") repeat-x scroll 0 0 #73995B;
border: 0 none;
color: #FFFFFF;
font-weight: bold;
height: 30px;
overflow-y: hidden;
padding: 0 10px;
text-shadow: 1px 1px 1px #555555;
cursor: pointer;
z-index: 2;
}
#wrapper2 .fileInputText {
padding: 0 0 0 7px;
white-space: nowrap;
}
#wrapper2 .column33 .discussionForm .fileInput {
width: 228px;
}
#wrapper2 .column1 .discussionForm .fileInput {
width: 190px;
}
/* -- end: forms ----------------------------------- */
#wrapper2 input[type="image"] {
padding: 0px;
background-color: transparent;
border: 0;
height: auto;
width: auto;
float: none;
display: inline-block;
outline: none; /* removes glow focus from safari */
}
.lt-ie8 #wrapper2 #header {
z-index: 99;
position: relative
}
.lt-ie8 #wrapper2 #main {
z-index: 10;
position: relative
}