@font-face {
    font-family: 'Century Gothic';
    src: url("fonts/gothic.eot");
    src: local("Century Gothic"),url("fonts/gothic.woff") format("woff"),url("fonts/gothic.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
}

@font-face {
    font-family: 'Century Gothic';
    src: url("fonts/gothic-bold.eot");
    src: url("fonts/gothic-bold.eot?#iefix") format("embedded-opentype"),url("fonts/gothic-bold.woff") format("woff"),url("fonts/gothic-bold.ttf") format("truetype"),url("fonts/gothic-bold.svg#CenturyGothic-Bold") format("svg");
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-F003;
}

.grey8
{
    font-family: Tahoma;
    color: #828282;
    font-size: 8px;
}

.grey12
{
    font-family: Tahoma;
    color: #828282;
    font-size: 12px;
}

.grey14
{
    font-family: Tahoma;
    color: #828282;
    font-size: 13px;
}

.grey14b
{
    font-family: Tahoma;
    color: #828282;
    font-size: 14px;
}

.grey16
{
    font-family: Arial;
    color: #828282;
    font-size: 18px;
}

.grey18
{
    font-family: Arial;
    color: #828282;
    font-size: 18px;
}

.grey20
{
    font-family: Arial;
    color: #828282;
    font-size: 20px;
}

.grey24
{
    font-family: Arial;
    color: #828282;
    font-size: 24px;
}

.grey26
{
    font-family: Arial;
    color: #828282;
    font-size: 26px;
}

.white18
{
    font-family: Arial;
    color: White;
    font-size: 18px;
}

.bordo18
{
    font-family: Arial;
    color: #5d0029;
    font-style:italic;
    font-size: 18px;
    font-weight:bold;
}

.black12
{
    font-family: Tahoma;
    color: Black;
    font-size: 12px;
}

.black14
{
    font-family: Arial;
    color: Black;
    font-size: 14px;
}

.black14b
{
    font-family: Arial;
    font-weight: bold;
    color: Black;
    font-size: 14px;
}

.black16
{
    font-family: Arial;
    color: Black;
    font-size: 16px;
}

.black16b
{
    font-family: Arial;
    font-weight: bold;
    color: Black;
    font-size: 16px;
}

.black18
{
    font-family: Arial;
    color: Black;
    font-size: 18px;
}

.white14
{
    font-family: Arial;
    color: White;
    font-size: 14px;
}

.menuitem_big
{
    font-family: Century Gothic, Tahoma;
    color: #272726;
    font-weight:bold;
    font-size: 14px;
    width: 150px;
    cursor: pointer;
    vertical-align: top;
    padding-left: 20px;
}

.menuitem_big_idb:hover
{
    font-family: Century Gothic, Tahoma;
    color: #d3a230;
    font-weight:bold;
    font-size: 14px;
    width: 150px;
    cursor: pointer;
    vertical-align: top;
    padding-left: 20px;
}

.menuitem_big_idb
{
    font-family: Century Gothic, Tahoma;
    color: #fef0d5;
    font-weight:bold;
    font-size: 14px;
    width: 150px;
    cursor: pointer;
    vertical-align: top;
    padding-left: 20px;
}

.menuitem_big:hover
{
    font-family: Century Gothic, Tahoma;
    color: #e33232;
    font-weight:bold;
    font-size: 14px;
    width: 150px;
    cursor: pointer;
    vertical-align: top;
    padding-left: 20px;
}

.menuitem_big2
{
    font-family: Century Gothic, Tahoma;
    color: #FFFFFF;
    font-weight:bold;
    font-size: 16px;
    width: 200px;
    height: 25px;
    background-color:Black;
    cursor: pointer;
    vertical-align: middle;
    padding-left: 10px;
}

.menuitem_big2:hover
{
    font-family: Century Gothic, Tahoma;
    color: #cc0000;
    font-weight:bold;
    font-size: 16px;
    width: 200px;
    height: 25px;
    cursor: pointer;
    vertical-align: middle;
    padding-left: 10px;
}

.menuitem_big2_cat
{
    font-family: Century Gothic, Tahoma;
    color: #FFFFFF;
    font-weight:bold;
    font-size: 14px;
    width: 200px;
    height: 25px;
    background-color:Black;
    cursor: pointer;
    vertical-align: middle;
    padding-left: 10px;
}

.menuitem_big2_cat:hover
{
    font-family: Century Gothic, Tahoma;
    color: #cc0000;
    font-weight:bold;
    font-size: 14px;
    width: 200px;
    height: 25px;
    cursor: pointer;
    vertical-align: middle;
    padding-left: 10px;
}

.menuitem_big2_idb
{
    font-family: Century Gothic, Tahoma;
    color: #fef0d5;
    font-weight:bold;
    font-size: 20px;
    width: 250px;
    height: 35px;
    background-color:#5d0029;
    cursor: pointer;
    vertical-align: middle;
    padding-left: 10px;
}

.menuitem_big2_idb:hover
{
    font-family: Century Gothic, Tahoma;
    color: #d3a230;
    font-weight:bold;
    font-size: 20px;
    width: 250px;
    height: 35px;
    cursor: pointer;
    vertical-align: middle;
    padding-left: 10px;
}

.menuitem_big_red
{
    font-family: Century Gothic, Tahoma;
    color: #e33232;
    font-size: 14px;
    font-weight:bold;
    width: 150px;
    cursor: pointer;
    font-weight: bold;
    vertical-align: top;
    padding-left: 20px;
}

.menuitem_big_red_idb
{
    font-family: Century Gothic, Tahoma;
    color: #e33232;
    font-size: 14px;
    font-weight:bold;
    width: 150px;
    cursor: pointer;
    font-weight: bold;
    vertical-align: top;
    padding-left: 20px;
}


.menuitem_big2_red
{
    font-family: Century Gothic, Tahoma;
    color: #FFFFFF;
    font-weight:bold;
    font-size: 16px;
    width: 200px;
    height: 25px;
    background-color:#cc0000;
    cursor: pointer;
    vertical-align: middle;
    padding-left: 10px;
}

.menuitem_big2_red_cat
{
    font-family: Century Gothic, Tahoma;
    color: #FFFFFF;
    font-weight:bold;
    font-size: 14px;
    width: 200px;
    height: 25px;
    background-color:#cc0000;
    cursor: pointer;
    vertical-align: middle;
    padding-left: 10px;
}

.menuitem_big2_red_idb
{
    font-family: Century Gothic, Tahoma;
    color: #ffffff;
    font-weight:bold;
    font-size: 20px;
    width: 250px;
    height: 35px;
    background-image: url(../images/menu.png);
    background-repeat: no-repeat;
    cursor: pointer;
    vertical-align: middle;
    padding-left: 10px;
}

.menuitem
{
    font-family: Tahoma;
    color: #828282;
    font-size: 12px;
    width: 150px;
    cursor: pointer;
    vertical-align: top;
}

.menuitem:hover
{
    font-family: Tahoma;
    color: Black;
    font-size: 12px;
    width: 150px;
    cursor: pointer;
    vertical-align: top;
}

.flag
{
    width: 50px;
    height: 50px;
    text-align: center;
    cursor: pointer;
    vertical-align: top;
}

.flag:hover
{
    width: 50px;
    height: 50px;
    text-align: center;
    cursor: pointer;
    color: Black;
    vertical-align: top;
}

.flag_s
{
    width: 50px;
    height: 50px;
    text-align: center;
    background-color: Silver;
    vertical-align: top;
}

.txtFormField {
    font-size: 14px;
    color: #616062;
    font-family: 'Century Gothic';
    width: 150px;
    border-color: #e7e7e7;
    border-left-color: #e7e7e7;
    border-right-color: #e7e7e7;
    border-top-color: #e7e7e7;
    border-bottom-color: #e7e7e7;
    border-width: 1px;
    height: 30px;
    text-align: left;
    padding-left: 10px;
    box-sizing: border-box;
}

.txtFormField_w
{
    font-size: 12px;
    color: Black;
    font-weight: bold;
    font-family: Tahoma;
    width: 250px;
    border-color: #FFFFFF;
    border-left-color: #FFFFFF;
    border-right-color: #FFFFFF;
    border-top-color: #FFFFFF;
    border-bottom-color: #FFFFFF;
    border-width: 1px;
    height: 20px;
    padding-left: 5px;
    padding-right: 5px;
    vertical-align: middle;
}
.btnlinkFormField {
	font-size: 18px;
	color: Black;
	background-color: #FFFFFF;
	text-decoration: underline;
	width: 150px;
	height: 25px;
	border: 0px;
	cursor: pointer;
	font-family: "Century Gothic"
}

.btnFormField:hover
{
	font-size: 18px;
	color: #b60135;
	background-color: #FFFFFF;
	text-decoration: underline;
	width: 150px;
	height: 25px;
	border: 0px;
	cursor: pointer;
	font-family: "Century Gothic"
}
.btnFormField
{
    font-size: 18px;
    color: Black;
    background-color: #FFFFFF;
    text-decoration: underline;
    width: 150px;
    height: 25px;
    border: 0px;
    cursor: pointer;
}

.btnFormField:hover
{
    font-size: 18px;
    color: #b60135;
    background-color: #FFFFFF;
    text-decoration: underline;
    width: 150px;
    height: 25px;
    border: 0px;
    cursor: pointer;
}

.btnAdminFormField
{
	font-size: 18px;
	color: white;
	background-color: black;
	text-decoration: underline;
	width: 150px;
	height: 25px;
	border: 0px;
	cursor: pointer;
}

.Style1
{
    font-size: 16px;
    color: #000000;
    font-family: Arial;
}
.Style2
{
    color: #CC0000;
}
.Style3
{
    color: #CC0000;
    font-weight: bold;
}
.Style4
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
}
.Style10
{
    color: #000000;
    font-weight: bold;
}
.Style11
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
}
.Style13
{
    font-size: 13px;
    font-family: Arial, Helvetica, sans-serif;
    color: #990000;
}
.Style13a
{
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    color: #990000;
}
.Style18
{
    font-size: 9px;
}
.Style21
{
    font-size: 14px;
}
.Style23
{
    font-size: 9px;
    color: #000000;
}
.Style24
{
    color: #000000;
}
.Style25
{
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
}

.divRTB
{
    position:absolute;
    top: 100px;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
}

.divImageUploader
{
    position:absolute;
    top: 200px;
    margin-left: auto;
    margin-right: auto;
    left: 15px;
    right: 0;
}

.divVideo
{
    position:absolute;
    top: 174px;
    margin-left: auto;
    margin-right: auto;
    left: 290px;
    right: 0;
}

.divVideoC
{
    position:absolute;
    top: 25px;
    margin-left: auto;
    margin-right: auto;
    left: 25px;
    right: 0;
}

.divQuizList
{
    position:absolute;
    top: 270px;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
}

.lnkButton {
    font-weight:bold;
    font-size: 12px;
    position: relative;
    top: -18px;
    text-decoration:none;
}

.link { font-size:12px; font-family:'Century Gothic'; text-decoration:none; color:#474747;}
.linkT { font-size:18px; font-family:'Century Gothic'; text-decoration:none; color:#474747;}
.linkM { font-size:14px; font-family:'Century Gothic'; text-decoration:none; color:#474747;}
.linkM2 { font-size:14px; font-family:'Century Gothic'; text-decoration:none; color:#939393;}
.linkM3a { font-size:12px; font-family:'Century Gothic'; text-decoration:none; color:#9d9d9d;}
.linkM3 { font-size:12px; font-family:'Century Gothic'; text-decoration:none; color:#474747;}
.linkM16 { font-size:16px; font-family:'Century Gothic'; text-decoration:none; color:#474747;}
.linkM18 { font-size:18px; font-family:'Century Gothic'; text-decoration:none; color:#474747;}
a.link { font-size:12px; font-family:'Century Gothic'; text-decoration:none; color:#474747;}
a.linkT { font-size:18px; font-family:'Century Gothic'; text-decoration:none; color:#474747;}
a.linkM { font-size:14px; font-family:'Century Gothic'; text-decoration:none; color:#474747;}
a.linkM16 { font-size:16px; font-family:'Century Gothic'; text-decoration:none; color:#474747;}
a.linkM18 { font-size:18px; font-family:'Century Gothic'; text-decoration:none; color:#474747;}
a.linkA { font-size:16px; font-family:'Century Gothic'; text-decoration:none;}

.input1 { 
    width:250px;
    font-family:'Century Gothic';
    font-size:12px;
    color:#000000;
    border: 1px solid #ababab;
    padding-left: 5px;
}

.input2 { 
    width:250px;
    font-family:'Century Gothic';
    font-size:14px;
    color:#000000;
    border: 1px solid #ababab;
    padding-left: 5px;
}

.Style13 {white-space:nowrap; color:black; font-family:'Century Gothic'; font-size:11px;}
.Style15 {color:black; font-family:'Century Gothic'; font-size:13px;}

.dgd
{
	font-size:16px;
	background-color:#e7e7e7;
	color:#9a9a9a;
	border-color:#ffffff;
	font-family:Arial;
	border:1px;
	text-align:center;
}

 .dgd, .dgd th, .dgd td
{
    border:1px solid #ffffff;
}

#blanket {background-color:#000; opacity: 0.50; filter:alpha(opacity=50); position:absolute; z-index: 1; top:0px; left:0px; width:100%;}

.row2 {font-size:12px; color:#5f5f5f; font-family:'Century Gothic'; border:1px solid #ffffff; background-color:#ededed; height:35px;}
.row1 {font-size:12px; color:#5f5f5f; font-family:'Century Gothic'; border:1px solid #ffffff; background-color:#e5e5e5; height:35px;}

.lblText
{
	font-size:12px;
	color:#ffffff;
	font-family:'Century Gothic';
}

.lblText1
{
	font-size:14px;
	color:#ffffff;
	font-family:'Century Gothic';
}

a
{
    text-decoration:none;
}

.divDelete
{
    position: fixed;
    top: 200px;
    left: 50%;
    margin-left: -250px;
    z-index: 999999;
}

.divAccount
{
    position: fixed;
    top: 60px;
    left: 50%;
    margin-left: -600px;
    z-index: 999999;
}

.divPEPSProfile
{
    position: fixed;
    top: 200px;
    left: 50%;
    margin-left: -350px;
    z-index: 999999;
}

.divUploader
{
    position: fixed;
    top: 200px;
    left: 50%;
    margin-left: -350px;
    z-index: 1;
}

.divAddNewPPT
{
    position: fixed;
    top: 200px;
    left: 50%;
    margin-left: -350px;
    z-index: 999999;
}

.hidden {
    display:none;
}

.button {
    padding-top:3px;
    background: Black;
    color: White;
    text-align:center;
    font-weight:bold;
    color: white;
    background-color: black;
    width: 100px;
    height: 20px;
    border: 0px;
    cursor: pointer;
    font-size:14px; 
    font-family:'Century Gothic'
}