/* style.scss */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { background: transparent; border: 0; font-size: 100%; margin: 0; outline: 0; padding: 0; vertical-align: baseline; }

body { line-height: 1; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

:focus { outline: 0; }

ins { text-decoration: none; }

del { text-decoration: line-through; }

table { border-collapse: collapse; border-spacing: 0; }

/*@import "960/960_16_col.scss";*/
/* _colors.scss */
/* _colors.scss */
@font-face { font-family: 'Novecentowide'; src: url("../fonts/novecentowide-normal_0-webfont.eot"); src: url("../fonts/novecentowide-normal_0-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/novecentowide-normal_0-webfont.woff") format("woff"), url("../fonts/novecentowide-normal_0-webfont.ttf") format("truetype"), url("../fonts/novecentowide-normal_0-webfont.svg#NovecentowideNormal") format("svg"); font-weight: normal; font-style: normal; }

body { background-color: #fff; background-image: url(../images/interface/bgPattern.png); background-repeat: repeat-y repeat-x; text-shadow: rgba(255, 255, 255, 0.08) 0 1px 0; }

/*   @keyframes  @-moz-keyframes @-webkit-keyframes    */
@-webkit-keyframes banner { from { background-position: -20% 20%; }
  to { background-position: 350% 20%; } }

@-moz-keyframes banner { from { background-position: -20% 20%; }
  to { background-position: 350% 20%; } }

@keyframes banner { from { background-position: -20% 20%; }
  to { background-position: 350% 20%; } }

@-webkit-keyframes banner2 { from { background-position: -150% 10%; }
  to { background-position: 250% 10%; } }

@-moz-keyframes banner2 { from { background-position: -150% 10%; }
  to { background-position: 250% 10%; } }

#bannerClouds1 { position: absolute; float: left; top: 0; left: 0; width: 100%; /*height: 399px;*/ height: 425px; background-image: url(../images/interface/bannerClouds.png); background-position-y: 50px; background-repeat: repeat-y; z-index: -1; -webkit-animation-name: banner; -webkit-animation-duration: 50s; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: infinite; -moz-animation-name: banner; -moz-animation-duration: 50s; -moz-animation-timing-function: linear; -moz-animation-iteration-count: infinite; }

#bannerClouds2 { position: absolute; float: left; top: 0; left: 0; width: 100%; /*height: 399px;*/ height: 425px; background-image: url(../images/interface/bannerClouds2.png); background-repeat: repeat-y; z-index: -1; -webkit-animation-name: banner2; -webkit-animation-duration: 40s; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: infinite; -moz-animation-name: banner2; -moz-animation-duration: 40s; -moz-animation-timing-function: linear; -moz-animation-iteration-count: infinite; }

#menuBg { position: absolute; float: left; top: 0; left: 0; width: 100%; /*height: 399px;*/ height: 425px; background-image: url(../images/interface/topMenuBg.png); background-repeat: repeat-x; cursor: pointer; }

#wrapper { width: 1024px; margin: -19px auto; }
#wrapper #topBanner { height: 399px; }

#topMenu { width: 960px; height: 56px; margin-left: 35px; overflow: hidden; }
#topMenu ul { padding-top: 15px; }
#topMenu li { float: left; margin-top: -3px; }
#topMenu li .reservedAreaMenuLink { position: relative; float: right; }
#topMenu li:last-child { position: relative; float: right; }
#topMenu li a { font-family: Novecentowide, Arial, sans-serif; font-weight: 700; text-decoration: none; font-size: 10px; text-transform: uppercase; list-style-type: none; float: left; position: relative; padding-left: 12px; padding-right: 12px; padding-top: 2px; display: block; line-height: 33px; height: 33px; vertical-align: middle; margin-right: 10px; color: #666666; /*@include opacitor(0.9);*/ /*@include animate(0.2);*/ }
#topMenu li a.active { cursor: pointer; color: #000000; /*@include opacitor(1);*/ /*@include animate(0.2);*/ /*background-image: url(../images/interface/topMenuBgHover.png);*/ background-repeat: repeat-x; }
#topMenu li a.active:after { display: block; margin-top: -3px; margin-left: 4px; content: ""; width: 30px; height: 15px; /*background: transparent url(../images/menu/hoverBottomWing.png) no-repeat;*/ clear: both; }
#topMenu li a.activeLeft { background-image: url(../images/interface/topMenuBgHover.png); }
#topMenu li a.activeLeft:after { background: transparent url(../images/menu/hoverBottomWingLeft.png) no-repeat; }
#topMenu li a.activeMiddle { background-image: url(../images/interface/topMenuBgHover.png); }
#topMenu li a.activeMiddle:after { background: transparent url(../images/menu/hoverBottomWingMiddle.png) no-repeat; }
#topMenu li a.activeRight { background-image: url(../images/interface/topMenuBgHover.png); }
#topMenu li a.activeRight:after { background: transparent url(../images/menu/hoverBottomWingRight.png) no-repeat; }
#topMenu li a:hover { cursor: pointer; color: #000000; /*@include opacitor(1);
@include animate(0.2);
*/ background-image: url(../images/interface/topMenuBgHover.png); background-repeat: repeat-x; }
#topMenu li a:hover:after { display: block; margin-top: -3px; margin-left: 4px; content: ""; width: 30px; height: 15px; /*background: transparent url(../images/menu/hoverBottomWing.png) no-repeat;*/ clear: both; }
#topMenu li a.leftArrow:hover:after { background: transparent url(../images/menu/hoverBottomWingLeft.png) no-repeat; }
#topMenu li a.middleArrow:hover:after { background: transparent url(../images/menu/hoverBottomWingMiddle.png) no-repeat; }
#topMenu li a.rightArrow:hover:after { background: transparent url(../images/menu/hoverBottomWingRight.png) no-repeat; }

#mainContent { margin-top: 19px; /* VDevelopment_3.php  */ /*   */ }
#mainContent #homeLeftBox, #mainContent #homeLeftBoxLine2 { width: 290px; height: 212px; margin-left: 36px; float: left; }
#mainContent #lateralMenu { position: absolute; float: left; width: 190px; }
#mainContent #leftColMenuStyle { width: 180px; margin-left: 36px; float: left; }
#mainContent #leftColMenuStyle ul { padding: 0px; margin-top: 5px; }
#mainContent #leftColMenuStyle ul li { padding: 0px; margin: 2px 0px 2px 0px; height: 33px; line-height: 33px; width: 100%; display: block; list-style: none; vertical-align: middle; /*@include animate(0.2);*/ }
#mainContent #leftColMenuStyle ul li:hover { background-image: url(../images/menu/latMenuTabBgGreen.png); background-repeat: no-repeat; cursor: pointer; /*@include animate(0.2);*/ }
#mainContent #leftColMenuStyle ul li.active { background-image: url(../images/menu/latMenuTabBgGreen.png); background-repeat: no-repeat; }
#mainContent #leftColMenuStyle ul li.exceptionFooter { background-image: url(../images/menu/latMenuTabBgSponsors.png); background-repeat: no-repeat; height: 66px; margin-top: 450px; }
#mainContent #leftColMenuStyle ul li.exceptionFooter:hover { background-image: url(../images/menu/latMenuTabBgSponsors.png); background-repeat: no-repeat; height: 66px; }
#mainContent #leftColMenuStyle ul li a { padding-left: 15px; font-size: 11px; display: block; color: #666666; height: 33px; vertical-align: middle; text-transform: uppercase; }
#mainContent #leftColMenuStyle ul li a:hover { color: #000; font-weight: bold; }
#mainContent #rightColMenuStyle { width: 760px; float: left; margin-left: 10px; }
#mainContent #uniqueCentralCol { width: 950px; margin-left: 36px; }
#mainContent #rightColMenuStyleBackground { margin-top: -30px; float: right; width: 331px; height: 514px; right: 0px; background-image: url(../images/interface/actionAreasSideBg.png); background-repeat: no-repeat; }
#mainContent #rightColMenuStyleTopButtons { position: absolute; float: right; width: 280px; height: 18px; margin-top: 16px; margin-left: 460px; background-repeat: no-repeat; }
#mainContent .boxInnerContentLeftCol { padding: 0px 10px 30px 10px; }
#mainContent .boxInnerContentLeftCol #reservedAreaPageHolder { border-top-style: solid; border-top-color: #CCCCCC; border-top-width: 1px; }
#mainContent .boxInnerContentLeftCol #reservedAreaPageHolder h2 { display: block; font-family: Novecentowide, Arial; font-size: 19px; margin-top: 25px; margin-bottom: 25px; font-weight: normal; padding-bottom: 25px; }
#mainContent .boxInnerContentLeftCol #formReservedAreaHolder { border-top-style: solid; border-top-color: #CCCCCC; border-top-width: 1px; }
#mainContent .boxInnerContentLeftCol #formReservedAreaHolder #formReservedAreaLoginArea { width: 360px; margin: 0 auto; }
#mainContent .boxInnerContentLeftCol #formReservedAreaHolder #formReservedAreaLoginArea h2 { display: block; border-bottom-style: solid; border-bottom-color: #CCCCCC; border-bottom-width: 1px; font-family: Novecentowide, Arial; font-size: 19px; margin-top: 25px; margin-bottom: 25px; font-weight: normal; padding-bottom: 25px; }
#mainContent .boxInnerContentLeftCol #formReservedAreaHolder #formReservedAreaLoginArea .formRow { margin-top: 20px; margin-bottom: 20px; }
#mainContent .boxInnerContentLeftCol #formReservedAreaHolder #formReservedAreaLoginArea .formRow label, #mainContent .boxInnerContentLeftCol #formReservedAreaHolder #formReservedAreaLoginArea .formRow span { display: block; color: #666666; font-family: Novecentowide, Arial; font-size: 10px; font-weight: normal; margin-bottom: 2px; }
#mainContent .boxInnerContentLeftCol #formReservedAreaHolder #formReservedAreaLoginArea .formRow input { width: 345px; height: 30px; padding: 5px; color: #93CC3F; line-height: 20px; vertical-align: middle; border-style: none; vertical-align: middle; border: solid; border-width: 1px; font-family: Novecentowide, Arial; font-size: 10px; font-weight: normal; }
#mainContent .boxInnerContentLeftCol #formReservedAreaHolder #formReservedAreaLoginArea .formRow input[type=text], #mainContent .boxInnerContentLeftCol #formReservedAreaHolder #formReservedAreaLoginArea .formRow input[type=password] { border-color: #CCC; }
#mainContent .boxInnerContentLeftCol #formReservedAreaHolder #formReservedAreaLoginArea .formRow input[type=text]:focus, #mainContent .boxInnerContentLeftCol #formReservedAreaHolder #formReservedAreaLoginArea .formRow input[type=password]:focus { border-color: #93CC3F; }
#mainContent .boxInnerContentLeftCol #formReservedAreaHolder #formReservedAreaLoginArea .formRow span { margin-top: 10px; }
#mainContent .boxInnerContentLeftCol #formReservedAreaHolder #formReservedAreaLoginArea .formRow span a { color: #93CC3F; text-decoration: underline; }
#mainContent .boxInnerContentLeftCol #ContactsHolder { width: 874px; border-top-style: solid; border-top-color: #CCCCCC; border-top-width: 1px; padding-top: 25px; padding-left: 35px; }
#mainContent .boxInnerContentLeftCol #ContactsHolder h2 { color: #333333; font-weight: 300; }
#mainContent .boxInnerContentLeftCol #ContactsHolder .ContactElementFirst { margin: 0 auto; width: 474px; border-top-style: none; padding-bottom: 40px; margin-top: 0px; }
#mainContent .boxInnerContentLeftCol #ContactsHolder .ContactElement { margin: 0 auto; width: 474px; border-top-style: solid; border-top-color: #CCCCCC; border-top-width: 1px; padding-bottom: 40px; margin-top: 0px; }
#mainContent .boxInnerContentLeftCol #clipingsHolder { width: 874px; height: 160px; padding-top: 25px; padding-left: 35px; }
#mainContent .boxInnerContentLeftCol #clipingsHolder.withBottomBorder { border-top-style: solid; border-top-color: #CCCCCC; border-top-width: 1px; }
#mainContent .boxInnerContentLeftCol #clipingsHolder .clearFormatting { border-style: hidden; }
#mainContent .boxInnerContentLeftCol #clipingsHolder .clippingElement { width: 245px; height: 64px; margin-bottom: 20px; margin-right: 19px; padding: 10px; background-color: white; background-color: rgba(255, 255, 255, 0.9); }
#mainContent .boxInnerContentLeftCol #clipingsHolder .clippingElement span.clippingTitle { font-family: Novecentowide, Arial; line-height: 15px; font-size: 12px; color: #333333; display: block; margin-bottom: 10px; text-align: left; }
#mainContent .boxInnerContentLeftCol #clipingsHolder .clippingElement span.clippingSource { font-family: Novecentowide, Arial; font-size: 11px; margin-top: 4px; color: #999999; background-image: url(../images/interface/icons/pdfIcon.png); background-repeat: no-repeat; padding-left: 20px; display: block; /*width: 155px;*/ height: 18px; line-height: 18px; float: left; }
#mainContent .boxInnerContentLeftCol #clipingsHolder .clippingElement span.clippingDate { font-family: Novecentowide, Arial; font-size: 11px; margin-top: 5px; color: #999999; float: right; }
#mainContent .boxInnerContentLeftCol .actionsHolder { width: 665px; height: 160px; border-top-style: solid; border-top-color: #CCCCCC; border-top-width: 1px; padding-top: 15px; }
#mainContent .boxInnerContentLeftCol .actionsHolder .actionsHolderHeaderLine { height: 30px; }
#mainContent .boxInnerContentLeftCol .actionsHolder .actionsHolderHeaderLine span { color: #666666; text-transform: uppercase; }
#mainContent .boxInnerContentLeftCol .actionsHolder .actionsHolderHeaderLine .actionsHolderHeaderLineSpotColor { background-image: url(../images/interface/icons/spotColor.png); background-repeat: no-repeat; width: 17px; height: 17px; position: absolute; float: left; }
#mainContent .boxInnerContentLeftCol .actionsHolder .actionsHolderHeaderLine .orange { background-image: url(../images/interface/icons/spotColorOrange.png); background-repeat: no-repeat; }
#mainContent .boxInnerContentLeftCol .actionsHolder .actionsHolderHeaderLine .green { background-image: url(../images/interface/icons/spotColorGreen.png); background-repeat: no-repeat; }
#mainContent .boxInnerContentLeftCol .actionsHolder .actionsHolderHeaderLine .blue { background-image: url(../images/interface/icons/spotColorBlue.png); background-repeat: no-repeat; }
#mainContent .boxInnerContentLeftCol .actionsHolder .actionsHolderHeaderLine .actionsHolderHeaderLineDate { margin-left: 30px; font-size: 12px; font-family: Arial; line-height: 18px; height: 18px; vertical-align: top; position: absolute; float: left; }
#mainContent .boxInnerContentLeftCol .actionsHolder .actionsHolderHeaderLine .actionsHolderHeaderLineIcon1 { margin-left: 260px; position: absolute; float: left; }
#mainContent .boxInnerContentLeftCol .actionsHolder .actionsHolderHeaderLine .actionsHolderHeaderLineIcon2 { margin-left: 530px; position: absolute; float: left; }
#mainContent .boxInnerContentLeftCol .actionsHolder .actionsHolderGallery { margin-top: 30px; }
#mainContent .boxInnerContentLeftCol .actionsHolder .actionsHolderGallery img { border: #93D332; margin-right: 10px; }
#mainContent #homeRightBox, #mainContent #homeRightBoxLine2 { width: 430px; height: 212px; float: left; margin-left: 11px; }
#mainContent #homeCalendarBox, #mainContent #homeCalendarBoxLine2 { width: 212px; height: 212px; float: left; margin-left: 11px; }
#mainContent .boxTop { background-image: url(../images/interface/holderTopBg.png); background-repeat: repeat-x; background-position-y: 0px; height: 14px; }
#mainContent .calendarHome, #mainContent .calendarHome2 { height: 212px; background-color: #ececec; background-color: rgba(255, 255, 255, 0.6); }
#mainContent .boxInner { width: 100%; }
#mainContent .boxInner .boxInnerContent { padding: 10px; margin-bottom: 10px; /*background-image: url(../images/interface/innerBoxBg.png);*/ background-color: rgba(255, 255, 255, 0.6); }
#mainContent .boxInner .minHeight { min-height: 500px; }
#mainContent #leftCol { width: 420px; margin-left: 35px; float: left; }
#mainContent #rightCol { width: 520px; float: left; margin-left: 12px; }
#mainContent h1, #mainContent h2 { font-family: Arial; font-size: 12px; color: #999999; line-height: 16px; margin-top: 20px; }
#mainContent p { font-family: Arial; font-size: 12px; color: #666666; line-height: 16px; margin-top: 10px; }
#mainContent li { font-family: Arial; font-size: 12px; color: #666666; line-height: 16px; margin-left: 40px; margin-top: 10px; list-style: circle; }
#mainContent a { color: #93CC3F; text-decoration: none; }
#mainContent h1 { font-family: Novecentowide, Arial; font-size: 19px; margin-top: 25px; margin-bottom: 25px; font-weight: normal; }
#mainContent h1.green { color: #70a423; }
#mainContent h2 { font-family: Novecentowide, Arial; font-size: 14px; margin-top: 45px; margin-bottom: 0px; }

span.buttonLogin { float: right; font-family: Novecentowide, Arial, sans-serif; font-weight: 700; text-decoration: none; font-size: 10px; text-transform: uppercase; list-style-type: none; position: relative; padding-left: 32px; padding-right: 32px; padding-top: 2px; display: block; line-height: 33px; height: 33px; vertical-align: middle; cursor: pointer; color: #FFF; background-image: url(../images/interface/topMenuBgHover.png); background-repeat: repeat-x; }
span.buttonLogin:hover { cursor: pointer; color: #000000; /*background-image: url(../images/interface/topMenuBgHover.png);*/ }
span.buttonLogin a { color: white; }
span.buttonLogin a { color: #fff !important; }

span.buttonLogout { float: right; font-family: Novecentowide, Arial, sans-serif; font-weight: 700; text-decoration: none; font-size: 10px; text-transform: uppercase; list-style-type: none; position: relative; padding-left: 32px; padding-right: 32px; padding-top: 2px; display: block; line-height: 33px; height: 33px; vertical-align: middle; cursor: pointer; color: #FFF; background-image: url(../images/interface/topMenuBgHover.png); background-repeat: repeat-x; background-image: url(../images/interface/icons/btBgGray.png); color: #000000; margin-top: -15px; }
span.buttonLogout:hover { cursor: pointer; color: #000000; /*background-image: url(../images/interface/topMenuBgHover.png);*/ }
span.buttonLogout a { color: white; }
span.buttonLogout:hover { color: #fff; }
span.buttonLogout a { color: white; }
span.buttonLogout a { color: #fff !important; }

.clear { clear: both; height: 30px; }

.pFootSpacer { height: 30px; }

#footer { margin-top: 13px; background-image: url(../images/interface/footerBg.png); line-height: 81px; height: 81px; vertical-align: middle; }
#footer #footerInner { width: 960px; margin: 0px auto; }
#footer #footerInner span.footText { color: #666666; font-family: Arial, sans-serif; font-size: 12px; line-height: 55px; height: 55px; vertical-align: middle; display: block; position: absolute; margin-left: 660px; margin-top: 35px; }
#footer #footerInner span.footLogoDreamlab { background-image: url(../images/interface/dreamlab.png); background-repeat: no-repeat; width: 54px; height: 10px; display: block; position: absolute; margin-left: 902px; margin-top: 56px; }
#footer #footerInner span.footLogoSponsor { background-image: url(../images/interface/qren.png); background-repeat: no-repeat; width: 321px; height: 55px; display: block; margin-top: 14px; position: absolute; }

#SideCal table { padding: 5px; width: 211px; }

#SideCal .calendarSide { font-size: 10px; }

#SideCal .calendarSide tr { height: 27px; }

#SideCal .calendarSide tr th { padding-top: 5px; font-family: Novecentowide, Arial, sans-serif; font-size: 12px; vertical-align: middle; font-weight: normal; color: #2F2A26; line-height: 12px; }

#SideCal .calendarSide td { font-family: Arial; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; margin: auto; height: 20px; line-height: 20px; }

#SideCal .calendarSide td a { background-color: #70a423; color: #fff; font-family: Arial; padding: 5px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }

#SideCal .calendarSide td a.calEventType1 { background-color: #7CB22D; }

#SideCal .calendarSide td a.calEventType2 { background-color: #D5D5C8; color: #2F2A26; }

#SideCal .calendarSide td.cell { width: 10px; height: 10px; transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; color: #2F2A26; font-size: 10px; }

#SideCal .calendarSide td.weekdayHead { color: #ADAC95; padding-left: 4px; padding-top: 3px; }