/* 
================================
Skin styles for DotNetNuke
================================
*/

@import url("http://fonts.googleapis.com/css?family=PT+Sans&subset=latin,latin-ext");
@import url("css/menu.css");
@import url("css/wt-rotator.css");

object, embed {outline: 0;}

html {}
body {color: #5c5c5c; font-family: PT Sans, Verdana, Arial;/* background: #fff url('img/design/page-bg.png') no-repeat 50% 50% fixed; background-size: cover;*/}
a {text-decoration: none;}
a:hover {text-decoration: underline;}
.pagemaster {width: 100%; height: 100%;}
.skinmaster {width: 1200px; padding: 0 62px; margin: auto; position: relative; z-index: 2;}
.controlpanel {width: 100%; background-color: #fefefe;}

div.Normal, div.NormalDisabled, div.NormalDeleted {color: #5c5c5c;}
.Head {font-family: PT Sans, Verdana, Arial; font-size: 18px; font-weight: normal; color: #333333;}
.dnnFormMessage {background-color: #e4157d; border-style: none; border-radius: 0; color: #fff; font-size: 16px;}
.dnnFormMessage a {color: #fff;}
.dnnFormMessage.dnnFormSuccess {background-color: #e4157d;}
.dnnFormMessage.dnnFormWarning {color: #000;}
a.fdbck_btnSend {background-color: #e4157d; border-style: none; border-radius: 0; color: #fff; font-size: 16px;}
a.fdbck_btnSend:hover{background-color: #ddd; color: #e4157d !important;}

/* HEADER */
.head {height: 569px; position: relative; overflow: visible; background-color: #fff;}
.head .main-banner {width: 1200px; height: 489px; position: absolute; bottom: 0;}
.logo {width: 212px; height: 104px; position: absolute; left: 10px; top: 128px; z-index: 5;}

.login-panel {position: absolute; right: -2px; top: 30px; width: 238px; height: 50px; overflow: visible; background: transparent url('img/design/login-bg.svg') no-repeat right top; background-size: 30px;}
.login-panel .user,.login-panel .login {position: absolute; height: 32px; line-height: 32px;}
.login-panel .login {right: 49px; text-align: right; font-size: 18px;}
.login-panel .user {top: 50px; left: 0; font-size: 15px; padding: 14px; width: 172px; z-index: 10; background-color: rgba(77, 77, 77, 0.7);}
.login-panel a,.login-panel a:link,.login-panel a:hover {color: #e4157d; font-weight: normal;}
.login-panel .user a,.login-panel .user a:link,.login-panel .user a:hover {color: #fff;}

.lang-panel {position: absolute; right: 740px; top: 30px; width: 300px; height: 30px; z-index: 6; color: #e4157d; }
.lang-dropdown,.lang-selected,.lang-select-text {float: right; cursor: pointer;}
.lang-dropdown {width: 17px; height: 15px; margin: 6px 13px;}
.lang-selected {display: block; font-size: 22px; line-height: 25px; font-weight: bold; letter-spacing: 1px;}
.lang-select-text {display: block; font-size: 18px; line-height: 25px; margin: 0 13px; text-align: right;}
#langSelect {width: 230px; padding: 8px 14px; position: absolute; left: 80px; top: 50px; font-size: 15px; line-height: 160%; list-style-type: none; background-color: rgba(77, 77, 77, 0.7); columns: 2; -webkit-columns: 2; -moz-columns: 2;}
#langSelect a {color: #fff;}
#langSelect a:hover {color: #fff;}
.head .social-panel {position: absolute; top: 30px; right: 591px; height: 30px; z-index: 1;}
.head .social-panel img {float: right; width: 30px; height: 30px; margin-left: 10px;}

/*LEFT COLUMN*/
.madeSwiss {display: block; margin: 34px auto;}
.cqs {display: block; width: 300px; height: 479px; margin: 12px auto;}
.fb-likeBox .body div {width: 300px; height: 600px; margin: 0 auto; background-color: #fff;}
.fb-likeBox .body iframe {width: 300px; height: 600px; margin: 0; border-style: none;}
.partners {padding: 0; margin: 20px auto;}
.bisnode {margin: 0 auto; display: block;}

/* SIDE PARTNERS */
.side-partners {width: 62px; position: fixed; left: 0; top: 147px; z-index: 20;}
.side-partners img {width: 60px; height: 60px; margin: 1px 0 0 1px;}
.side-partners img:hover {-webkit-filter: grayscale(100%); filter: grayscale(100%); filter: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale");}
.side-partners span {line-height: 20px; display: block;}

/* CIRCLE VOTE */
.bottompane {margin: 20px 0;}
.bottompane canvas {display: block; margin: auto;}

/*CONTENT*/
.content-master {position: relative; background-color: #fff;}
.logo-pt2 {width: 14px; height: 83px; border-style: none; position: absolute; left: 853px; bottom: 6px;}
.toppane {width: 850px; margin: 0px; padding: 0px; background-color: transparent; display: none;}
.leftpane {width: 300px; margin: 41px 0; float: left;}
.contentpane {width: 850px; margin: 41px 0 0 30px; float: left; background-color: transparent;}
.bottompane {width: 300px; }
.break {clear: both;}

/*FOOT*/
.page-foot {height: 230px; margin: 0; background-color: #e4157d;}
.page-foot .content {position: relative; width: 1200px; height: 100%; margin: 0 auto;}
.page-foot .copy {position: absolute; left: 0; top: 27px; font-size: 18px;}
.page-foot .copy a {color: #ff80c0;}
.page-foot .copy a:hover {color: #fff; text-decoration: none;}
.page-foot .bottomMenu {color: #ff80c0; font-size: 16px; display: block; position: absolute; top: 68px; left: 0;}
.page-foot .bottomMenu .hov .txt {color: #fff;}
.page-foot .payments {position: absolute; left: 0; top: 133px; width: 350px; height: 50px;}
.page-foot .payments img {float: left; display: block; width: 74px; height: 49px; margin-right: 12px;}
.page-foot .social-panel {position: absolute; right: 0; top: 140px; width: 340px; height: 40px;}
.page-foot .social-panel img {width: 40px; height: 40px; display: block; float: right; margin-right: 10px;}
.page-foot .partnersBottom {position: absolute; left: 418px; top: 125px; width: 420px; height: 62px;}


/*NAVIGATION (MENU IS IN css/menu.css)*/
.navigation {width: 300px;}


/*SEARCH*/
.search_button {display: block; height: 30px; width: 70px; float: left; text-decoration: none !important}
.search_button_text {position: absolute; left: 900px; top: 30px; height: 30px; line-height: 30px; font-size: 18px; z-index: 4; color: #e4157d;}

/*-------------- Search SkinObject Styles --------------*/
div.SearchContainer {position: absolute; left: 640px; top: 30px; width: 320px; height: 30px; z-index: 5;}
div.SearchBorder {width: 248px; height: 28px; border: 1px solid #e4157d; margin: 0; white-space: nowrap; float: left;}

div.SearchIcon{display: none; position: absolute; right: 0px; bottom: 0px; width: 31px; height: 20px; cursor: pointer; z-index: 11; background: no-repeat 0px 0px; text-align: right;}
div.SearchIcon img {margin: 3px;}
input.SearchTextBox {border-style: none; width: 200px; height: 28px; line-height: 28px; padding: 0 24px; color: #e4157d; font-size: 13px; text-align: left; background: transparent;}

#SearchChoices{width: 80px; clear: both; display: none; border: solid 1px #b2b2b2; z-index: 2000; cursor: pointer; margin: 0; padding: 0; text-align: left; background-color: #fff; position: absolute; top: 28px; left: 99px;}
#SearchChoices li{cursor: pointer; margin: 0; padding: 2px 2px 0 25px; height: 18px; text-align: left; background-color: #fff; background-repeat: no-repeat; background-position: 2px center; list-style: none; list-style-image: none; border: none; display: block;}
#SearchChoices li.searchHilite{background-color: #a00847;	color: #fff; border: none;}
#SearchChoices li.searchDefault{background-color: #fff; border: none;}