/*------------GOOGLE FONTS---------------*/ @import url(http://fonts.googleapis.com/css?family=Nunito:400,700); @import url(http://fonts.googleapis.com/css?family=Open+Sans&subset=latin,cyrillic-ext,greek-ext,latin-ext,cyrillic); html { font-size:16px; min-width:1152px; } body { color:#666666; font-family:'Century Gothic', sans-serif; text-align:left; font-weight:normal; font-style:normal; background:#FFFFFF; } div.container { background:transparent; } /*------------LAYOUT - SCREEN >= TEMPLATE WIDTH---------------*/ .container, .row { width:1152px; } [class*="span"] { margin-left: 0; } 96.mp_logo{ width:384px; } .mp_topmenu{ width:768px; } .mp_header1{ width:1152px; } .mp_header2{ width:0px; } .content_sparky { width:1152px; } .mp_right{ width:0px; } .mp_bottom6{ width:0px; } .mp_footer{ width:1152px; } .mp_bottom1{ width:576px; } .mp_bottom2{ width:576px; } .mp_copyright{ width:1152px; } .cell_pad { padding:0px 0px; margin:0px 0px; } /*------------ COMMON SETTINGS ---------------*/ a { color:#ee728e; font-weight:bold; font-style:normal; text-decoration:none; } a:hover { color:#c23e53; text-decoration:none; } h1, h1 a { color:#67c0e9; font-size:42px; font-family:'Century Gothic', sans-serif; text-align:left; font-weight:bold; font-style:normal; } h2, h2 a { color:#e85c73; font-size:32px; font-family:'Century Gothic', sans-serif; text-align:left; font-weight:normal; font-style:normal; } h3 { color:#82be29; font-size:24px; font-family:'Century Gothic', sans-serif; text-align:left; font-weight:normal; font-style:normal; } h4 { color:#666666; font-size:14px; font-family:Arial, Helvetica, sans-serif; text-align:left; font-weight:normal; font-style:normal; } img { border:none; } /*--------------LOGO----------------*/ .sparky_logo, .sparky_logo a { color:#999999; font-size:24px; font-family:'Century Gothic', Arial, Helvetica, sans-serif; font-weight:normal; font-style:normal; text-align:left; text-decoration:none; } .sparky_slogan { color:#999999; font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-style:normal; text-align:left;} /*--------------DROP-DOWN----------------*/ ul.mnu_anamenu-en { margin:0; padding:0; list-style-type:none; list-style-position:outside; position:absolute; z-index:100; white-space:nowrap; } .mnu_anamenu-en ul { margin:0; padding:0; list-style-type:none; list-style-position:outside; position:absolute; z-index:100; background:#ffffff; } .mnu_anamenu-en ul { width:200px; left:-1px; border:1px solid #666666; padding:12px; } .mnu_anamenu-en > li > a, .mnu_anamenu-en > li > span { display:block; margin:0; text-decoration:none; color:#e85c73; font-size:16px; padding-left:6px; padding-right:6px; padding-top:0px; font-family:"Century Gothic", Arial, Helvetica, sans-serif; font-weight:bold; font-style:normal; height:40px; cursor:pointer; } .mnu_anamenu-en > li.active > a, .mnu_anamenu-en > li.active > span { color:#58bdeb !important; cursor:pointer; } .mnu_anamenu-en > li > a:hover, .mnu_anamenu-en > li:hover > a, .mnu_anamenu-en > li > a:hover, .mnu_anamenu-en > li:hover > span { color:#58bdeb; } .mnu_anamenu-en > li { float:left; position:relative; text-align:left; margin:0; border-right:0px solid #cccccc; border-bottom:0px solid #cccccc; border-top:0px solid #cccccc; background:transparent; } .mnu_anamenu-en > li.active { background:transparent; } .mnu_anamenu-en > li:first-child { border-left:0px solid #cccccc; } .mnu_anamenu-en li:hover { position:relative; background:transparent; } .mnu_anamenu-en li ul li:hover { background:#ffc800; } .mnu_anamenu-en li ul li { height:25px; border-bottom:1px solid #666666; padding:0 10px; text-align:left;} .mnu_anamenu-en li ul a, .mnu_anamenu-en li ul span { line-height:25px; font-size:13px; color:#dedede; font-weight:normal; font-style:normal; padding-top:0; cursor:pointer; } .mnu_anamenu-en li ul a:hover, .mnu_anamenu-en li ul span:hover { color:#000000; } .mnu_anamenu-en li ul ul { left:200px; margin-top:-1px; } .mnu_anamenu-en ul ul { top:0px; } .mnu_anamenu-en .sub { font-size:10px; line-height:normal; display:block; } /*--------------DROP-DOWN----------------*/ ul.mnu_anamenu-tr { margin:0; padding:0; list-style-type:none; list-style-position:outside; position:absolute; z-index:100; white-space:nowrap; } .mnu_anamenu-tr ul { margin:0; padding:0; list-style-type:none; list-style-position:outside; position:absolute; z-index:100; background:#fff; } .mnu_anamenu-tr ul { width:200px; left:-1px; border:1px solid #666666; padding:12px; } .mnu_anamenu-tr > li > a, .mnu_anamenu-tr > li > span { display:block; margin:0; text-decoration:none; color:#666666; font-size:16px; padding-left:6px; padding-right:6px; padding-top:0px; font-family:"Century Gothic", Arial, Helvetica, sans-serif; font-weight:bold; font-style:normal; height:40px; cursor:pointer; } .mnu_anamenu-tr > li.active > a, .mnu_anamenu-tr > li.active > span { color:#e85c73 !important; cursor:pointer; } .mnu_anamenu-tr > li > a:hover, .mnu_anamenu-tr > li:hover > a, .mnu_anamenu-tr > li > a:hover, .mnu_anamenu-tr > li:hover > span { color:#e85c73; } .mnu_anamenu-tr > li { float:left; position:relative; text-align:left; margin:0; border-right:0px solid #cccccc; border-bottom:0px solid #cccccc; border-top:0px solid #cccccc; background:transparent; } .mnu_anamenu-tr > li.active { background:transparent; } .mnu_anamenu-tr > li:first-child { border-left:0px solid #cccccc; } .mnu_anamenu-tr li:hover { position:relative; background:transparent; } .mnu_anamenu-tr li ul li:hover { background:#ffc800; } .mnu_anamenu-tr li ul li { height:25px; border-bottom:1px solid #666666; padding:0 10px; text-align:left;} .mnu_anamenu-tr li ul a, .mnu_anamenu-tr li ul span { line-height:25px; font-size:13px; color:#dedede; font-weight:normal; font-style:normal; padding-top:0; cursor:pointer; } .mnu_anamenu-tr li ul a:hover, .mnu_anamenu-tr li ul span:hover { color:#000000; } .mnu_anamenu-tr li ul ul { left:200px; margin-top:-1px; } .mnu_anamenu-tr ul ul { top:0px; } .mnu_anamenu-tr .sub { font-size:10px; line-height:normal; display:block; } /*--------------DROP-DOWN----------------*/ ul.mnu_mainmenu { margin:0; padding:0; list-style-type:none; list-style-position:outside; position:absolute; z-index:100; white-space:nowrap; } .mnu_mainmenu ul { margin:0; padding:0; list-style-type:none; list-style-position:outside; position:absolute; z-index:100; background:#fff; } .mnu_mainmenu ul { width:160px; left:-1px; border:0px solid #dddddd; padding:12px; } .mnu_mainmenu > li > a, .mnu_mainmenu > li > span { display:block; margin:0; text-decoration:none; color:#67c0e9; font-size:16px; padding-left:15px; padding-right:15px; padding-top:65px; font-family:'Nunito', sans-serif; font-weight:normal; font-style:normal; height:40px; cursor:pointer; } .mnu_mainmenu > li.active > a, .mnu_mainmenu > li.active > span { color:#e85c73 !important; cursor:pointer; } .mnu_mainmenu > li > a:hover, .mnu_mainmenu > li:hover > a, .mnu_mainmenu > li > a:hover, .mnu_mainmenu > li:hover > span { color:#e85c73; } .mnu_mainmenu > li { float:left; position:relative; text-align:left; margin:0; border-right:0px solid #cccccc; border-bottom:0px solid #cccccc; border-top:0px solid #cccccc; background:transparent; } .mnu_mainmenu > li.active { background:transparent; } .mnu_mainmenu > li:first-child { border-left:0px solid #cccccc; } .mnu_mainmenu li:hover { position:relative; background:transparent; } .mnu_mainmenu li ul li:hover { background:#ffc800; } .mnu_mainmenu li ul li { height:25px; border-bottom:0px solid #dddddd; padding:0 10px; text-align:left;} .mnu_mainmenu li ul a, .mnu_mainmenu li ul span { line-height:25px; font-size:12px; color:#666666; font-weight:normal; font-style:normal; padding-top:0; cursor:pointer; } .mnu_mainmenu li ul a:hover, .mnu_mainmenu li ul span:hover { color:#000; } .mnu_mainmenu li ul ul { left:160px; margin-top:-1px; } .mnu_mainmenu ul ul { top:0px; } .mnu_mainmenu .sub { font-size:10px; line-height:normal; display:block; } /*--------------FONT RESIZE----------------*/ #font_resize { text-align:right; } #font_resize a { color:#fff; text-decoration:none; padding:0 2px; } .clr { clear:both; } /*--------------RESPONSIVE TOP MENU----------------*/ select.tinynav { background-color:#000; background-image:none; height:30px; color:#eee; border:1px solid #666; }