/*---------------------------------------------------------------------------------------------
[ typo / helpers ]
*/
.page a {color:#00aeef;}
.page a:hover {color:#ff7407;}
.page a, a:hover {text-decoration:underline;}

.page h1, h2, h3, h5, h6 {color:#262626; font-family:"Helvetica light",'open_sanslight',Helvetica,Arial,sans-serif; font-weight:normal;}
.page h2, h3 {font-family:Helvetica,Arial,sans-serif;}

.page h1 {font-size:56px; color:#fff; letter-spacing:-2px; text-shadow:0 -1px 0 rgba(0,0,0,.3); margin-bottom: 0.5em;}
.page h2 {font-size:34px; line-height:1.3em; margin-bottom:1em;}
.page h3 {font-size:28px; margin-bottom:30px;}
.page h4 {font-size:20px; margin:20px 0 5px;}
.page h5 {font-size:24px;}
.page h6 {font-size:16px; color:#555; font-family:Helvetica,Arial,sans-serif;}
.page h2 em {background-color:#ff4200; color:#fff; font-style:normal; padding: 0 7px;}


.page .clearer {clear:both; font-size:0.1px; height:0.1px; line-height:0.1px; width:100%;}
.page .cnt {text-align:center;}
.page h1.cnt {line-height:112px;}
.page .fR {float:right;}
.page .fL {float:left;}
.page .arrow:after {content:''; width:0; height:0; font-size:0; line-height:0; display:inline-block; position:relative; right:-5px; .page top:-1px; border-color:transparent transparent transparent #007db7; border-style:solid; border-width:3px;}
.page .arrow:hover:after {border-color:transparent transparent transparent #ff7407;}


/*---------------------------------------------------------------------------------------------
[ structure ]
*/
.in {width:980px; margin:0 auto;}
.tCV-Col {float:left;}
.threeColView .tCV-Col {width:33%;}
.twoColView .tCV-Col {width:50%;}


/*---------------------------------------------------------------------------------------------
[ content ]
*/
.content {background:#fff; margin-top:50px;}
.c-top {background:#fff url(../../../../../marketing/images/clickmeeting/pages/visitor/preferred_language/bg_head.gif) repeat-x 0 0; border-bottom:1px solid #e3e3e3;}
.c-top p {font-size:22px; margin:0 335px 35px 0; line-height:1.6;}
.c-top .in {height: 112px; padding: 0px;}
.c-middle {padding:44px 0;}
.c-middle h3 {margin-top:20px;}
.c-middle p {font-size:20px;}



/*---------------------------------------------------------------------------------------------
[ flags ]
*/
.c-middle .flags {margin: 50px auto 30px; width: 750px;}
.c-middle .flags p {text-align: center;}
.c-middle .box, .c-middle .boxActive  {display:block; width:212px; height:166px; *float:left; display:inline-block; margin: 20px 1.2em; text-align:center; position:relative;
    background:#f6f6f6;
    background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y2ZjZmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlY2VjZWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background:-moz-linear-gradient(top,  #f6f6f6 0%, #ececec 100%);
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(100%,#ececec));
    background:-webkit-linear-gradient(top,  #f6f6f6 0%,#ececec 100%);
    background:-o-linear-gradient(top,  #f6f6f6 0%,#ececec 100%);
    background:-ms-linear-gradient(top,  #f6f6f6 0%,#ececec 100%);
    background:linear-gradient(to bottom,  #f6f6f6 0%,#ececec 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#ececec',GradientType=0 );
    -moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 1), 0 2px 1px 0 rgba(0,0,0,.3);
    -webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 1), 0 2px 1px 0 rgba(0,0,0,.3);
    -o-box-shadow:inset 0 1px 0 rgba(255, 255, 255,1), 0 2px 1px 0 rgba(0,0,0,.3);
    box-shadow:inset 0 1px 0 rgba(255, 255, 255, 1), 0 2px 1px 0 rgba(0,0,0,.3);
    -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;
}
.c-middle .boxActive {
    -moz-box-shadow: 0 1px 6px 0 rgba(17, 126, 13, .7);
    -webkit-box-shadow: 1px 0 6px 0 rgba(17, 126, 13, .7);
    -o-box-shadow: 0 1px 6px 0 rgba(17, 126, 13, .7);
    box-shadow: 0 1px 6px 0 rgba(17, 126, 13, .7);
}
.c-middle .box:hover {cursor:pointer;
    background:#ededed;
    background:-moz-linear-gradient(top,  #ededed 0%, #e0e0e0 100%);
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(100%,#e0e0e0));
    background:-webkit-linear-gradient(top,  #ededed 0%,#e0e0e0 100%);
    background:-o-linear-gradient(top,  #ededed 0%,#e0e0e0 100%);
    background:-ms-linear-gradient(top,  #ededed 0%,#e0e0e0 100%);
    background:linear-gradient(to bottom,  #ededed 0%,#e0e0e0 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#e0e0e0',GradientType=0 );

    -moz-box-shadow: 0 1px 6px 0 rgba(17, 126, 13, .7);
    -webkit-box-shadow: 1px 0 6px 0 rgba(17, 126, 13, .7);
    -o-box-shadow: 0 1px 6px 0 rgba(17, 126, 13, .7);
    box-shadow: 0 1px 6px 0 rgba(17, 126, 13, .7);
}

.CL-c-flag { background:url(../../../../../marketing/images/clickmeeting/pages/visitor/preferred_language/flags_106.png) no-repeat 0 0; height: 125px; width: 106px; display: block; overflow:hidden; text-indent: -9999px; margin: 0 auto;}
.CL-c-flag.en { background-position: 0 25px;}
.CL-c-flag.pl { background-position: 0 -95px;}
.CL-c-flag.de { background-position: 0 -215px;}
.CL-c-flag.es { background-position: 0 -335px;}
.CL-c-flag.ru { background-position: 0 -455px;}
.CL-c-flag.br { background-position: 0 -699px;}

/*---------------------------------------------------------------------------------------------
[ new preferred_email_language ]
*/
.c-top-header {
    position: relative;
    overflow: hidden;
}
.c-top-header .in {
    width: 800px;
}
.c-top-header h1 {
    font-size: 55px;
    text-align: center;
    margin: 60px 0 40px;
    color: #505a7d;
}
.c-middle-content {
    padding: 20px 0 80px;
}
.c-middle-content .in {
    width: 750px;
    margin: 0 auto;
}