/*------------CSS STYLESHEET DYNAMICALLY GENERATED BY SPARKY---------------*/






html {

    font-size:14px;

}



body {

    color:#333333;

    font-family:Arial, Helvetica, sans-serif;

     text-align:left;
    font-weight:normal;

    font-style:normal;



    background:#FFFFFF url(/templates/sparky_framework/images/backround.png) top center repeat;


}



div.container {



/*   background:transparent;*/

}



/*------------LAYOUT - SCREEN >= TEMPLATE WIDTH---------------*/



@media (min-width: 1080px) {


.container, .row {


    width:1080px;


}



[class*="span"] {

    margin-left: 10;

}




.mp_empty0{

    width:450px;

}




.mp_logo{

    width:180px;

}




.mp_top1{

    width:1080px;

}




.mp_header1{

    width:1080px;

}




.mp_top2{

    width:1080px;

}




.mp_top3{

    width:0px;

}






}



/*------------LAYOUT - SCREEN BETWEEN 980px AND TEMPLATE WIDTH---------------*/



@media (min-width: 980px) and (max-width: 1080px) {



.container {

    width: 868px;

}

.span12 {

    width: 868px

}

.span11 {

    width: 794px;

}

.span10 {

    width: 720px;

}

.span9 {

    width: 646px;

}

.span8 {

    width: 572px;

}

.span7 {

    width: 498px;

}

.span6 {

    width: 424px;

}

.span5 {

    width: 350px;

}

.span4 {

    width: 276px;

}

.span3 {

    width: 202px;

}

.span2 {

    width: 128px;

}

.span1 {

    width: 54px;

}



}



/*------------LAYOUT - SCREEN BETWEEN 768px AND 979px---------------*/



@media (min-width: 768px) and (max-width: 979px) {



.container {

    width: 724px;

}

.span12 {

    width: 724px;

}

.span11 {

    width: 662px;

}

.span10 {

    width: 600px;

}

.span9 {

    width: 538px;

}

.span8 {

    width: 476px;

}

.span7 {

    width: 414px;

}

.span6 {

    width: 352px;

}

.span5 {

    width: 290px;

}

.span4 {

    width: 228px;

}

.span3 {

    width: 166px;

}

.span2 {

    width: 104px;

}

.span1 {

    width: 42px;

}



}



@media (max-width: 767px) {



.container {

    width: 100%;

}



[class*="span"] {

    width: 100%;

}



}




.cell_pad {

    padding:0px 0px;

    margin:10px 10px;

}



/*------------ COMMON SETTINGS ---------------*/



a {

    color:#8B1E20;

    font-weight:normal;

    font-style:normal;

    text-decoration:none;

}



a:hover {

    color:#333333;

    text-decoration:none;

}



h1, h1 a {

    color:#333333;

    font-size:60px;

    font-family:Arial, Helvetica, sans-serif;

    text-align:left;
    font-weight:bold;

    font-style:normal;

    
}



h2, h2 a {

    color:#333333;

    font-size:32px;

    font-family:Arial, Helvetica, sans-serif;

    text-align:left;
    font-weight:bold;

    font-style:normal;

    
}



h3 {

    color:#333333;

    font-size:24px;

    font-family:Arial, Helvetica, sans-serif;

    text-align:left;
    font-weight:bold;

    font-style:normal;

    
}



h4 {

    color:#333333;

    font-size:14px;

    font-family:Arial, Helvetica, sans-serif;

    text-align:left;
    font-weight:bold;

    font-style:normal;

    
}







/*--------------LOGO----------------*/



.sparky_logo, .sparky_logo a {

	color:#999999;

    font-size:24px;

    font-family: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;
}






/*--------------HORIZONTAL----------------*/



.mnu_mainmenu {

    background:#CCE2D6;

    width:100%;

    height:40px;

    font-family:Arial, Helvetica, sans-serif;

}



.mnu_mainmenu > li {

    background:#CCE2D6;

    line-height:40px;

    padding:0 20px;

    margin:0;

    border:2px solid #666666;


    border-bottom:none;

    margin:0 2px;

    -webkit-radius:2px 2px 0 0;

    -moz-radius:2px 2px 0 0;

    border-radius:2px 2px 0 0;

}



.mnu_mainmenu > li:first-child {

    border-left:2px solid #666666;

}



.mnu_mainmenu > li:hover, .mnu_mainmenu > li.parent:hover ,.mnu_mainmenu > li.active_tab {

    background:#00702A;

}



.mnu_mainmenu > li.active {

    background:#00702A;

    border-color:#333333;

    border-left:2px solid #333333;

}



.mnu_mainmenu > li.active a {

    color:#000000;

}



.mnu_mainmenu > li a:hover {

    color:#FFF;

}

 

.mnu_mainmenu > li > a {

    font-size:16px;

    color:#333333;

}



.mnu_mainmenu > li > a:hover {

    color:#000000;

}



.mnu_mainmenu, .mnu_mainmenu ul {

    margin:0;

    padding:0;

    list-style-type:none;

    list-style-position:outside;

}



.mnu_mainmenu li a {

    display:block;

    text-decoration:none;

}



.mnu_mainmenu ul {

    position: absolute;

    z-index:200;

    float: left;

}



.mnu_mainmenu ul {

    display:none;

}



.mnu_mainmenu > li , .mnu_mainmenu > li  > ul > li {

    float:left;

}



.mnu_mainmenu > li:hover > ul {

    display:block;

}



.mnu_mainmenu > li.active > ul {

    display: block;

}



.navh_submenu {

    font-family:Arial, Helvetica, sans-serif;

    float: left;

    clear: both;

}



.navh_submenu li {

    display: block;

}



div.navh_submenu {

    background:#333333;

    height:2px;

    line-height:2px;

    width:100%;

}



div.navh_submenu ul {

    margin: 0;

    padding: 0;

}



div.navh_submenu ul > li {

    padding:0 15px;

    margin:0;

    float:left;

}



div.navh_submenu ul > li > a {

    color:#dddddd !important;

    font-size:16px;

}



div.navh_submenu ul > li > a:hover {

    color:#ffffff !important;

}



div.navh_submenu ul > li > ul {

    padding:5px;

    background:#782320;

    position: absolute;

    margin-left:-15px;

}



div.navh_submenu ul > li > ul > li {

    width:150px;

    line-height:20px;

    padding:0;

    margin:0;

    float:none;

}



div.navh_submenu ul > li > ul > li > a {

    color:#ffffff !important;

    font-size:11px;

}



div.navh_submenu ul > li > ul > li > a:hover {

    color:#cccccc !important;

}



div.navh_submenu ul ul ul {


    left: 150px;


    margin-top:-40px;

}



div.navh_submenu > ul { 

    min-width: 100%;

    min-height: 30px;

    position:absolute;

    display:none;

}



div.navh_submenu > ul.active_sub {

    display:block;

    position:static;

}

  










/*--------------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;

}