/**
* @author    JoomlaShine.com http://www.joomlashine.com
* @copyright Copyright (C) 2008 - 2011 JoomlaShine.com. All rights reserved.
* @license   JoomlaShine.com Proprietary License
*/
/* ============================== DEFAULT HTML ============================== */
a {
	color: #8560a8;
}
/* ============================== TYPOGRAPHY ============================== */
/* =============== TYPOGRAPHY - LINK STYLES =============== */
/* ----- ACTION LINK ----- */
.link-action:hover {
	background-color: #8560a8;
}
/* =============== TYPOGRAPHY - TABLE STYLES =============== */
/* ----- COLOR HEADER TABLE ----- */
table.style-colorheader thead th {
	background-color: #8560a8;
}
table.style-colorheader thead th,
table.style-colorstripes tbody td,
table.style-colorstripes tbody th {
    border-right: 1px solid rgba(255,255,255,0.2);
}
/* ----- COLOR STRIPES TABLE ----- */
table.style-colorstripes thead th {
	background-color: #8560a8;
}
table.style-colorstripes thead th.highlight {
	background-color: #613a86;
}
table.style-colorstripes thead th,
table.style-colorstripes tbody tr,
table.style-colorstripes tbody td {
    border-bottom: 1px solid rgba(255,255,255,0.2);
    border-right: 1px solid rgba(255,255,255,0.2);
}
table.style-colorstripes tbody tr {
	background-color: #cfa2f9;
}
table.style-colorstripes tbody .highlight {
	background-color: #9058c6;
}
table.style-colorstripes tbody tr.odd {
	background-color: #b480e5;
}
table.style-colorstripes tbody tr.odd .highlight {
	background-color: #7b4aa9;
}
table.style-colorstripes tbody tr:hover th,
table.style-colorstripes tbody tr:hover td {
	background-color: #9264bd;
}
table.style-colorstripes tbody tr:hover .highlight {
	background-color: #7446a0;
}
table.style-colorstripes tfoot th,
table.style-colorstripes tfoot td {
	background-color: #8560a8;
	border-left: none;
}
.sectiontableheader {
	background-color: #9567c2;
}
/* ============================== MODULE STYLES ============================== */
div[class*="lightbox-"] h3.jsn-moduletitle {
    background-color: #8560a8;
}
div.lightbox-2 h3.jsn-moduletitle {
    border-bottom: 5px solid #4f227a;
}
/* ============================== MENU ============================== */
/* =============== MENU - MAIN MENU =============== */
div.jsn-modulecontainer ul.menu-mainmenu > li > a:after {
	background: #8560a8;
}
div.jsn-modulecontainer ul.menu-mainmenu li:hover > a,
div.jsn-modulecontainer ul.menu-mainmenu li.active > a {
	color: #8560a8;
}
div.jsn-modulecontainer ul.menu-mainmenu ul li:hover > a,
div.jsn-modulecontainer ul.menu-mainmenu ul li.active > a {
	color: #8560a8;
}
/* =============== MENU - SIDE/TREE MENU =============== */
div.jsn-modulecontainer ul.menu-treemenu li:hover > a,
div.jsn-modulecontainer ul.menu-treemenu li.active > a,
div.jsn-modulecontainer ul.menu-sidemenu li:hover > a,
div.jsn-modulecontainer ul.menu-sidemenu li.active > a,
div.jsn-modulecontainer ul.menu-sidemenu.menu-richmenu li:hover > a .jsn-menudescription,
div.jsn-modulecontainer ul.menu-sidemenu.menu-richmenu li.active > a .jsn-menudescription {
	/*color: #f75408;*/
	color: #4d2b68;
    font-weight: bold;

}
/* PAGE PAGINATION */
ul.jsn-pagination li a:hover {
	background: #8560a8;
}

img.shadow1 { 
padding: 5px; border: solid 1px #CCC; -moz-box-shadow: 1px 1px 5px #999;margin-bottom: 15px; box-shadow: 1px 1px 5px #999;}

img.shadow2 { 
border: 8px solid #fff;
outline: 1px solid #D9D9DA;
margin-bottom: 15px;}

img.shadow3 { 
	border: 8px solid #fff;
	outline: 1px solid #D9D9DA;
	-moz-box-shadow: 1px 1px 5px #999;
	box-shadow: 1px 1px 5px #999;
	margin-bottom: 15px;}

img.shadow4 { 
padding: 5px;
box-shadow: 0 2px 2px rgba(0,0,0,0.1);
border: 1px solid #e0e0e0;
margin-bottom: 15px;}

img.shadow_news {
box-shadow: 0 0 5px rgba(0,0,0,0.2);
}

.fade {
   opacity: 1;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
   }

   .fade:hover {
      opacity: 0.5;
      }

.cc_box {
	width:470px;
	height:auto;
	margin-top:1px;
}

.cc_title_wb {
width: 470px;
height: 54px;
background-image: url(../../images/colors/violet/cc_title_wb.png);
}

.cc_title_news {
width: 470px;
height: 54px;
background-image: url(../../images/colors/violet/cc_title_news.png);
margin-left: -2px;
}

.cc_title_news2 {
width: 470px;
height: 54px;
background-image: url(../../images/colors/violet/cc_title_post.png);
}

.cc_title_gallery {
width: 470px;
height: 54px;
background-image: url(../../images/colors/violet/cc_title_gallery.png);
}

.cc_body_news {
height: auto;
background-image: url(../../images/colors/violet/cc_body_news.png);
padding-left: 10px;
padding-right: 11px;
margin-left: -2px;
width: 449px;
}

.cc_body_news2 {
height: auto;
background-image: url(../../images/colors/violet/cc_body_post.png);
padding-left: 10px;
padding-right: 10px;
}

.cc_body_gallery {
height: auto;
background-image: url(../../images/colors/violet/cc_body_gallery.png);
padding-left: 10px;
padding-right: 10px;
}

.cc_body_wb {
height: auto;
background-image: url(../../images/colors/violet/cc_body_wb.png);
padding-left: 10px;
padding-right: 10px;
}

.cc_foot_news {
width: 470px;
height: 24px;
margin-left: -2px;
background-image: url(../../images/colors/violet/cc_foot_news.png);
}

.cc_foot_news2 {
width: 470px;
height: 24px;
background-image: url(../../images/colors/violet/cc_foot_post.png);
}

.cc_foot_gallery {
width: 470px;
height: 24px;
background-image: url(../../images/colors/violet/cc_foot_gallery.png);
margin-top: -5px;
}

.cc_foot_wb {
width: 470px;
height: 24px;
background-image: url(../../images/colors/violet/cc_foot_wb.png);
}

.fadein {
    opacity: 1;
}

.fadein:hover {
	opacity : 0.5;
	-webkit-animation: swing 1s ease;
	animation: swing 1s ease;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
	cursor:pointer;
}
@keyframes swing
{
    15%
    {
        -webkit-transform: translateX(7px);
        transform: translateX(7px);
    }
    30%
    {
        -webkit-transform: translateX(-7px);
        transform: translateX(-7px);
    }
    50%
    {
        -webkit-transform: translateX(3px);
        transform: translateX(3px);
    }
    65%
    {
        -webkit-transform: translateX(-3px);
        transform: translateX(-3px);
    }
    80%
    {
        -webkit-transform: translateX(2px);
        transform: translateX(2px);
    }
    100%
    {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

div.pag_button {float:left; background-color:#9567c2;
	 background-image: -webkit-linear-gradient(top,#9567c2,#4d2b68); -moz-linear-gradient(top,#9567c2,#4d2b68); linear-gradient(top,#9567c2,#4d2b68);
         border:1px solid #9567c2; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;
         width:auto; min-width:55px; margin:2px 2px 2px 5px; padding:3px; text-shadow:0 1px rgba(0, 0, 0, 0.1); text-align:center;
         font-size:1em; font-weight:bold; color:white; cursor:pointer;}

div.pag_button:hover    
	{background-color:#fe6363; border:1px solid #fe6363;
         background-image: -webkit-linear-gradient(top,#fe6363,#f15a38); -moz-linear-gradient(top,#fe6363,#f15a38); linear-gradient(top,#fe6363,#f15a38);}
         
div.pag_button span    {color:white; padding:0 6px 0 6px; }
div.pag_button a       {color:white; padding:0 6px 0 6px; }
div.pag_button a:hover {text-decoration: none; color:black; }

div.poff        {opacity: 0.5; cursor:default;}
div.poff:hover  {border:1px solid #C8D9F3;}
div.plist:hover {border:1px solid #C8D9F3; cursor:default;}


tr.bottom-border {
  border-bottom: 1px solid #222;
}

/*button style */
.fill:hover,
.fill:focus {
  -webkit-box-shadow: inset 0 0 0 2em var(--hover);
          box-shadow: inset 0 0 0 2em var(--hover);
}

.pulse:hover,
.pulse:focus {
  -webkit-animation: pulse 1s;
          animation: pulse 1s;
  -webkit-box-shadow: 0 0 0 2em rgba(255, 255, 255, 0);
          box-shadow: 0 0 0 2em rgba(255, 255, 255, 0);
}

@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 var(--hover);
            box-shadow: 0 0 0 0 var(--hover);
  }
}

@keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 var(--hover);
            box-shadow: 0 0 0 0 var(--hover);
  }
}

.close:hover,
.close:focus {
  -webkit-box-shadow: inset -3.5em 0 0 0 var(--hover), inset 3.5em 0 0 0 var(--hover);
          box-shadow: inset -3.5em 0 0 0 var(--hover), inset 3.5em 0 0 0 var(--hover);
}

.raise:hover,
.raise:focus {
  -webkit-box-shadow: 0 0.5em 0.5em -0.4em var(--hover);
          box-shadow: 0 0.5em 0.5em -0.4em var(--hover);
  -webkit-transform: translateY(-0.25em);
          transform: translateY(-0.25em);
}

.up:hover,
.up:focus {
  -webkit-box-shadow: inset 0 -3.25em 0 0 var(--hover);
          box-shadow: inset 0 -3.25em 0 0 var(--hover);
}

.slide:hover,
.slide:focus {
  -webkit-box-shadow: inset 8em 0 0 0 var(--hover);
          box-shadow: inset 8em 0 0 0 var(--hover);
}

.offset {
  -webkit-box-shadow: 0.3em 0.3em 0 0 var(--color), inset 0.3em 0.3em 0 0 var(--color);
          box-shadow: 0.3em 0.3em 0 0 var(--color), inset 0.3em 0.3em 0 0 var(--color);
}

.offset:hover, .offset:focus {
  -webkit-box-shadow: 0 0 0 0 var(--hover), inset 6em 3.5em 0 0 var(--hover);
          box-shadow: 0 0 0 0 var(--hover), inset 6em 3.5em 0 0 var(--hover);
}

.fill {
  --color: #a972cb;
  --hover: #9567c2;
}

.pulse {
  --color: #ef6eae;
  --hover: #ef8f6e;
}

.close {
  --color: #ff7f82;
  --hover: #ffdc7f;
}

.raise {
  --color: #ffa260;
  --hover: #e5ff60;
}

.up {
  --color: #a972cb;
  --hover: #9567c2;
}

.slide {
  --color: #a972cb;
  --hover: #9567c2;
}

.offset {
  --color: #19bc8b;
  --hover: #1973bc;
}

button {
  color: var(--color);
  -webkit-transition: 0.25s;
  transition: 0.25s;
}

button:hover, button:focus {
  border-color: var(--hover);
  color: #fff;
}

button {
  background: none;
  border: 2px solid;
  font: inherit;
  line-height: 1;
  margin: 0.5em;
  padding: 0.5em 2em;
}

h1 {
  font-weight: 400;
}

code {
  color: #e4cb58;
  font: inherit;
}

/****** image hover ******/

.image-hover * {-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
.image-hover {position:relative;width:225px;height:127px;display:inline-block;overflow:hidden;background:#fff;
box-shadow:0px 2px 3px rgba(0, 0, 0, 0.3);-moz-box-shadow:0px 2px 3px rgba(0, 0, 0, 0.3);-webkit-box-shadow:0px 2px 3px rgba(0, 0, 0, 0.3)}
.image-hover a {text-decoration:none}

.image-hover img {margin:-100px 0px 0px -100px}


/*** effect - shadow 1 ***/


.img-shadow-1
{
-webkit-box-shadow: 0 28px 16px -29px #040404;
-moz-box-shadow: 0 28px 16px -29px #040404;
box-shadow: 0 28px 16px -29px #040404;
}

.img-shadow-1:hover
{
transform:scale(1.1);
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
-o-transform:scale(1.1);

-webkit-box-shadow: 0 58px 36px -56px black;
-moz-box-shadow: 0 58px 36px -56px black;
box-shadow: 0 58px 36px -56px black;
}

.img-shadow-1
{
transition:all .6s ease-in-out;
-webkit-transition:all .6s ease-in-out;
-moz-transition:all .6s ease-in-out;
-ms-transition:all .6s ease-in-out;
-o-transition:all .6s ease-in-out;
}

.img-shadow-1:hover
{
transition:all .6s ease-in-out;
-webkit-transition:all .6s ease-in-out;
-moz-transition:all .6s ease-in-out;
-ms-transition:all .6s ease-in-out;
-o-transition:all .6s ease-in-out;
}