/*--------------------------------------------------------------
# Copyright (C) joomla-monster.com
# License: http://www.joomla-monster.com/license.html Joomla-Monster Proprietary Use License
# Website: http://www.joomla-monster.com
# Support: info@joomla-monster.com
---------------------------------------------------------------*/

/*********************** FOR CUSTOM EDITOR SELECTOR ************************/

.border_img {
	background: #ffffff;
	padding: 5px;
	border: 1px solid #dfdfdf;
	-webkit-box-shadow: 0px 5px 10px -10px rgba(0, 0, 0, 1);
	-moz-box-shadow: 0px 5px 10px -10px rgba(0, 0, 0, 1);
	box-shadow: 0px 5px 10px -10px rgba(0, 0, 0, 1);
}

a.readon-blue:link,
a.readon-blue:visited,
a.readon-orange:link,
a.readon-orange:visited,
a.readon-green:link,
a.readon-green:visited  {
    float: right;
	color: #fff;
    text-decoration: none;
    cursor: pointer;
	padding: 5px 10px;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	box-shadow: 0 0 0 4px rgba(217, 217, 217, 0.6);
	-moz-box-shadow: 0 0 0 4px rgba(217, 217, 217, 0.6);
	-webkit-box-shadow: 0 0 0 4px rgba(217, 217, 217, 0.6);
}

a.readon-grey:link,
a.readon-grey:visited {
    float: right;
	color: #555;
	background: #ebebeb;
    text-decoration: none;
    cursor: pointer;
	padding: 5px 10px;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	box-shadow: 0 0 0 4px rgba(217, 217, 217, 0.6);
	-moz-box-shadow: 0 0 0 4px rgba(217, 217, 217, 0.6);
	-webkit-box-shadow: 0 0 0 4px rgba(217, 217, 217, 0.6);
}

.jm-module.blue a.readon-grey:link,
.jm-module.blue a.readon-grey:visited {
	color: #009bda;
}

.jm-module.green a.readon-grey:link,
.jm-module.green a.readon-grey:visited {
	color: #75a400;
}

.jm-module.orange a.readon-grey:link,
.jm-module.orange a.readon-grey:visited {
	color: #ffa200;
}

a.readon-grey:hover {
    background: #fff;
	-webkit-transition: background 0.2s ease-in;
	-moz-transition: background 0.2s ease-in;
	-o-transition: background 0.2s ease-in;
	transition: background 0.2s ease-in;
}

a.readon-blue:link,
a.readon-blue:visited {
	background: #009bda;
}

a.readon-blue:hover {
    background: #31b8ee;
	-webkit-transition: background 0.2s ease-in;
	-moz-transition: background 0.2s ease-in;
	-o-transition: background 0.2s ease-in;
	transition: background 0.2s ease-in;
}

a.readon-green:link,
a.readon-green:visited {
	background: #75a400;
}

a.readon-green:hover {
    background: #93c21e;
	-webkit-transition: background 0.2s ease-in;
	-moz-transition: background 0.2s ease-in;
	-o-transition: background 0.2s ease-in;
	transition: background 0.2s ease-in;
}

a.readon-orange:link,
a.readon-orange:visited {
	background: #ffa200;
}

a.readon-orange:hover {
    background: #ffb638;
	-webkit-transition: background 0.2s ease-in;
	-moz-transition: background 0.2s ease-in;
	-o-transition: background 0.2s ease-in;
	transition: background 0.2s ease-in;
}

p.blue {
    border-left: 3px solid #009bda;
    padding: 0 0 0 10px;
}

p.green {
    border-left: 3px solid #75a500;
    padding: 0 0 0 10px;
}

p.red {
    border-left: 3px solid #d40000;
    padding: 0 0 0 10px;
}

p.yellow {
    border-left: 3px solid #ffa200;
    padding: 0 0 0 10px;
}

p.grey {
    border-left: 3px solid #bdbdbd;
    padding: 0 0 0 10px;
}

p.bluefill {
    background: #009bda;
    display: block;
    padding: 10px;
    text-align: justify;
    color: #fff;
	text-shadow: none;
}

p.greenfill {
    background: #75a500;
    display: block;
    padding: 10px;
    text-align: justify;
    color: #fff;
	text-shadow: none;
}

p.redfill {
    background: #d40000;
    display: block;
    padding: 10px;
    text-align: justify;
    color: #fff;
	text-shadow: none;
}

p.yellowfill {
    background: #ffa200;
    display: block;
    padding: 10px;
    text-align: justify;
    color: #fff;
	text-shadow: none;
}

p.greyfill {
    background: #bdbdbd;
    display: block;
    padding: 10px;
    text-align: justify;
    color: #fff;
	text-shadow: none;
}

.quote {
	display: block;
	font-style: italic;
	padding: 10px 10px 10px 70px;
	background: url(../images/quote.png) no-repeat 0 top;
}

ul.linked,
ul.linked ul,
ul.special,
ul.special ul {
	list-style: none;
}

ul.linked li {
    background: none;
    padding: 0;
    margin: 0;
}

ul.linked li a:hover {
    margin: 0 0 0 3px;
    padding: 0 0 0 15px;
    text-decoration: none;
}

ul.linked li a {
    display: block;
    margin: 0 0 0 3px;
    padding: 0 0 0 10px;
    text-decoration: underline;
	background-repeat: no-repeat;
	background-position: left 7px;
}

.jm-module.green ul.linked li a,
.jm-module.orange ul.linked li a,
.jm-module.blue ul.linked li a {
	background-image: url(../images/linked.png);
}

.jm-module.green ul.linked li a:hover,
.jm-module.orange ul.linked li a:hover,
.jm-module.blue ul.linked li a:hover {
	background-image: url(../images/linked_hover.png);
}

ul.special li {
    margin: 0 0 0 3px;
    padding: 0 0 0 10px;
	background-repeat: no-repeat;
	background-position: left 7px;
	background-image: url(../images/special.png);
}

/** buttons **/

.a-button {
    background: #ffffff;
    background: -webkit-gradient(linear,left top,left bottom,color-stop(#ffffff,0),color-stop(#e0e0e0,1));
    background:-webkit-linear-gradient(top, #ffffff 0%, #e0e0e0 100%);
    background:-moz-linear-gradient(top, #ffffff 0%, #e0e0e0 100%);
    background:-o-linear-gradient(top, #ffffff 0%, #e0e0e0 100%);
    background:linear-gradient(top, #ffffff 0%, #e0e0e0 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e0e0e0',GradientType=0 );
    padding-left:90px;
    padding-right:105px;
    height:76px;
    display:inline-block;
    position:relative;
    border:1px solid #cccccc;
    border-bottom:1px solid #aaaaaa;
    -webkit-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2);
    -moz-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2);
    box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2);
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    float:left;
    clear:both;
    margin:10px 0px;
    overflow:hidden;
    -webkit-transition:box-shadow 0.3s ease-in-out;
    -moz-transition:box-shadow 0.3s ease-in-out;
    -o-transition:box-shadow 0.3s ease-in-out;
    transition:box-shadow 0.3s ease-in-out;
}

a.a-button:link,
a.a-button:visited {
	color: #555;
	text-decoration: none;
}

.a-button img {
    position:absolute;
    left:15px;
    top:13px;
    border:none;
    -webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;
}

.a-button .a-btn-slide-text {
    position:absolute;
    font-size:36px;
    top:30px;
    left:18px;
    opacity:0;
    filter: alpha(opacity="0");
    color:#aaa;
    text-shadow:0px 1px 1px rgba(255,255,255,0.4);
    -webkit-transition:opacity 0.2s ease-in-out;
    -moz-transition:opacity 0.2s ease-in-out;
    -o-transition:opacity 0.2s ease-in-out;
    transition:opacity 0.2s ease-in-out;
}

.a-button .a-btn-text {
    padding-top:13px;
    display:block;
    font-size: 24px;
	line-height: 30px;
    text-shadow:0px -1px 1px #ccc;
	text-align: center;
	width: 85px;
}

.a-button .a-btn-text small {
    display: block;
    font-size: 12px;
	line-height: 18px;
}

.a-button .a-btn-icon-right {
    position:absolute;
    right:0px;
    top:0px;
    height:100%;
    width:80px;
    border-left:1px solid #ccc;
    -webkit-box-shadow:1px 0px 1px rgba(255,255,255,0.4) inset;
    -moz-box-shadow:1px 0px 1px rgba(255,255,255,0.4) inset;
    box-shadow:1px 0px 1px rgba(255,255,255,0.4) inset;
}

.a-button .a-btn-icon-right span{
    width:38px;
    height:38px;
    opacity:0.7;
    filter: alpha(opacity="70");
    -webkit-border-radius:20px;
    -moz-border-radius:20px;
    border-radius:20px;
    position:absolute;
    left:50%;
    top:50%;
    margin:-20px 0px 0px -20px;
    border:1px solid rgba(0,0,0,0.5);
    -webkit-box-shadow:0px 1px 1px rgba(255,255,255,0.3) inset, 0px 1px 2px rgba(255,255,255,0.5);
    -moz-box-shadow:0px 1px 1px rgba(255,255,255,0.3) inset, 0px 1px 2px rgba(255,255,255,0.5);
    box-shadow:0px 1px 1px rgba(255,255,255,0.3) inset, 0px 1px 2px rgba(255,255,255,0.5);
    -webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;
}

.a-button:hover{
    -webkit-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 5px rgba(0,0,0,0.4);
    -moz-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 5px rgba(0,0,0,0.4);
    box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 5px rgba(0,0,0,0.4);
}

.a-button:hover img{
    -webkit-transform:scale(10);
    -moz-transform:scale(10);
    -ms-transform:scale(10);
    -o-transform:scale(10);
    transform:scale(10);
    opacity:0;
    filter: alpha(opacity="0");
}

.a-button:hover .a-btn-slide-text,
.a-button:hover .a-btn-icon-right span {
    opacity:1;
    filter: alpha(opacity="100");
}

.a-button:active{
    position:relative;
    top:1px;
    background:#ccc;
    -webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.4) inset;
    -moz-box-shadow:1px 1px 2px rgba(0,0,0,0.4) inset;
    box-shadow:1px 1px 2px rgba(0,0,0,0.4) inset;
    border-color:#aaa;
}

.a-button:active .a-btn-icon-right span{
    -webkit-transform:scale(1.4);
    -moz-transform:scale(1.4);
    -ms-transform:scale(1.4);
    -o-transform:scale(1.4);
    transform:scale(1.4);
}

/** green **/

.a-button.green {
    background: #97d302;
    background: -webkit-gradient(linear,left top,left bottom,color-stop(#97d302,0),color-stop(#75a400,1));
    background:-webkit-linear-gradient(top, #97d302 0%, #75a400 100%);
    background:-moz-linear-gradient(top, #97d302 0%, #75a400 100%);
    background:-o-linear-gradient(top, #97d302 0%, #75a400 100%);
    background:linear-gradient(top, #97d302 0%, #75a400 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#97d302', endColorstr='#75a400',GradientType=0 );
    border: 1px solid #6b9501;
}

a.a-button.green:link,
a.a-button.green:visited {
	color: #fff;
}

.a-button.green .a-btn-slide-text{
    color: #e8ffaf;
}

.a-button.green .a-btn-text{
    text-shadow:0px -1px 1px #6b9501;
}

.a-button.green .a-btn-icon-right{
    border-left:1px solid #6b9501;
}

.a-button.green:active {
    background:#6b9501;
    border-color:#6b9501;
}

/** orange **/

.a-button.orange {
    background: #febb46;
    background: -webkit-gradient(linear,left top,left bottom,color-stop(#febb46,0),color-stop(#ffa200,1));
    background:-webkit-linear-gradient(top, #febb46 0%, #ffa200 100%);
    background:-moz-linear-gradient(top, #febb46 0%, #ffa200 100%);
    background:-o-linear-gradient(top, #febb46 0%, #ffa200 100%);
    background:linear-gradient(top, #febb46 0%, #ffa200 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#febb46', endColorstr='#ffa200',GradientType=0 );
    border: 1px solid #e69302;
}

a.a-button.orange:link,
a.a-button.orange:visited {
	color: #fff;
}

.a-button.orange .a-btn-slide-text{
    color: #fceacc;
}

.a-button.orange .a-btn-text{
    text-shadow:0px -1px 1px #e69302;
}

.a-button.orange .a-btn-icon-right{
    border-left:1px solid #e69302;
}

.a-button.orange:active {
    background:#e69302;
    border-color:#e69302;
}

/** blue **/

.a-button.blue {
    background: #39c4fc;
    background: -webkit-gradient(linear,left top,left bottom,color-stop(#39c4fc,0),color-stop(#009bda,1));
    background:-webkit-linear-gradient(top, #39c4fc 0%, #009bda 100%);
    background:-moz-linear-gradient(top, #39c4fc 0%, #009bda 100%);
    background:-o-linear-gradient(top, #39c4fc 0%, #009bda 100%);
    background:linear-gradient(top, #39c4fc 0%, #009bda 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#39c4fc', endColorstr='#009bda',GradientType=0 );
    border: 1px solid #0097d4;
}

a.a-button.blue:link,
a.a-button.blue:visited {
	color: #fff;
}

.a-button.blue .a-btn-slide-text{
    color: #fceacc;
}

.a-button.blue .a-btn-text{
    text-shadow:0px -1px 1px #0097d4;
}

.a-button.blue .a-btn-icon-right{
    border-left:1px solid #0097d4;
}

.a-button.blue:active {
    background:#0097d4;
    border-color:#0097d4;
}

.a-button .a-btn-icon-right span {
    background: #555 url(../images/check.png) no-repeat center center;
}

.a-button.loupe .a-btn-icon-right span {
    background: #555 url(../images/loupe.png) no-repeat center center;
}

.a-button.star .a-btn-icon-right span {
    background: #555 url(../images/star.png) no-repeat center center;
}

.a-button.arrow .a-btn-icon-right span {
    background: #555 url(../images/arrow_down.png) no-repeat center center;
}

/* */

a.a-btn:link,
a.a-btn:visited {
	text-decoration: none;
}

.a-btn{
    width:120px;
    height:120px;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
    display:block;
    margin:20px;
    float:left;
    position:relative;
    background:#ffa200;
    -webkit-box-shadow:0px 0px 5px 0px rgba(246, 212, 163, 0.5) inset, 0px -1px 5px 4px rgba(80, 112, 0, 0.2) inset, 0px 0px 0px 9px #fff;
    -moz-box-shadow:0px 0px 5px 0px rgba(246, 212, 163, 0.5) inset, 0px -1px 5px 4px rgba(80, 112, 0, 0.2) inset, 0px 0px 0px 9px #fff;
    box-shadow:0px 0px 5px 0px rgba(246, 212, 163, 0.5) inset, 0px -1px 5px 4px rgba(80, 112, 0, 0.2) inset, 0px 0px 0px 9px #fff;
	-webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}

.a-btn span{
    display:inline-block;
    width:80px;
    height:80px;
    padding:20px;
    text-align:center;
    vertical-align:middle;
    font-size:18px;
	line-height: 26px;
    color:#fff;
	text-shadow: 0px 1px 1px #bd7800;
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}

.a-btn span.first, 
.a-btn span.third {
    position:absolute;
    top:0px;
    left:0px;
    font-size:32px;
    line-height:36px;
    opacity:0;
    filter: alpha(opacity="0");
}

.a-btn span.first {
    background:transparent url(../images/star_big.png) no-repeat center center;
    opacity:0.2;
    filter: alpha(opacity="20");
}

.a-btn:hover {
    background: #75a400;
    box-shadow: 0px 0px 5px 0px rgba(246, 212, 163, 0.5) inset, 0px -1px 5px 4px rgba(80, 112, 0, 0.2) inset, 0px 0px 0px 9px #fff, 0 1px 5px 8px rgba(0, 0, 0, 0.6);
}

.a-btn:hover span.third {
    opacity:1;
    filter: alpha(opacity="100");
    text-shadow:0px 1px 1px #507000;
}

.a-btn:hover span.second {
    opacity: 0;     
    filter: alpha(opacity="0");
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    transform: scale(0);
}

.a-btn:hover span.first {
    -webkit-animation:rotate 1s linear;
    -moz-animation:rotate 1s linear;
    animation:rotate 1s linear;
}

.a-btn:active{
    -webkit-box-shadow:0px 0px 5px 0px rgba(246, 212, 163, 0.5) inset, 0px -1px 5px 4px rgba(170, 77, 27, 0.2) inset, 0px 0px 0px 7px #fff,  0px -1px 0px 8px rgba(188, 188, 188, 0.3), 0px 0px 0px 10px #fff;
    -moz-box-shadow:0px 0px 5px 0px rgba(246, 212, 163, 0.5) inset, 0px -1px 5px 4px rgba(170, 77, 27, 0.2) inset, 0px 0px 0px 7px #fff,  0px -1px 0px 8px rgba(188, 188, 188, 0.3), 0px 0px 0px 10px #fff;
    box-shadow:0px 0px 5px 0px rgba(246, 212, 163, 0.5) inset, 0px -1px 5px 4px rgba(170, 77, 27, 0.2) inset, 0px 0px 0px 7px #fff,  0px -1px 0px 8px rgba(188, 188, 188, 0.3), 0px 0px 0px 10px #fff;
}

.a-btn:active span.second {
    color:rgba(170, 77, 27, 0.8);
    text-shadow:0px 1px 1px rgba(255, 255, 255, 0.6);
}

@keyframes rotate{
    0% { transform: scale(1) rotate(0);}
    50% { transform: scale(0.5) rotate(180deg);}
    100% { transform: scale(1) rotate(360deg);}
}

@-webkit-keyframes rotate{
    0% { -webkit-transform: scale(1) rotate(0);}
    50% { -webkit-transform: scale(0.5) rotate(180deg);}
    100% { -webkit-transform: scale(1) rotate(360deg);}
}

@-moz-keyframes rotate{
    0% { -moz-transform: scale(1) rotate(0);}
    50% { -moz-transform: scale(0.5) rotate(180deg);}
    100% { -moz-transform: scale(1) rotate(360deg);}
}