/*---------------------------------------------------------------
# Package - Joomla Template based on Helix Framework   
# ---------------------------------------------------------------
# Author - JoomShaper http://www.joomshaper.com
# Copyright (C) 2010 - 2012 JoomShaper.com. All Rights Reserved.
# license - PHP files are licensed under  GNU/GPL V2
# license - CSS  - JS - IMAGE files  are Copyrighted material 
# Websites: http://www.joomshaper.com
-----------------------------------------------------------------*/

@font-face {
    font-family: 'Alef';
    src: url('alef/Alef-Regular.eot');
    src: url('alef/Alef-Regular.eot?#iefix') format('embedded-opentype'),
         url('alef/Alef-Regular.woff') format('woff'),
         url('alef/Alef-Regular.ttf') format('truetype'),
         url('alef/Alef-Regular.svg#alefregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

#logo{position:absolute;top:18px;right:20px;width:151px;height:93px}
#header{width:950px;height:128px;background: #49b6d5;margin:7px}

#aboutus{float:right;margin:0 0 0 5px;
height: 305px;
width: 230px;
-webkit-box-shadow: 0px 0px 12px rgba(100, 52, 52, 0.4);
-moz-box-shadow: 0px 1px 6px rgba(23, 69, 88, .5);
-webkit-border-radius: 12px;
-moz-border-radius: 7px;
border-radius: 12px;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgb(111,188,56)), color-stop(100%, rgb(153,222,105)));
background: -moz-linear-gradient(top, rgb(255, 255, 255) 0%, white 55%, #D5E4F3 130%);}
#aboutus p{line-height:16px;margin:4px 8px 8px 8px;font-size:12px;color:rgb(34, 66, 12)}
#aboutus a{text-decoration:none;color:green;}
#aboutus a:hover{text-decoration:none;color:#0D98BA;}

#aboutus h1{font-size: 16px;
text-align: center;
margin: 6px 0 0 0;
color: rgb(255, 255, 255);
padding: 4px;
text-shadow: rgb(0, 0, 0) 0.1em 0.1em 0.2em;}

.buttonsearchbv{position: relative;
left: 0;
bottom: -15px;
-webkit-transition: all 300ms;
	
}

#miniflag{position:absolute;background:url(../images/miniflag.png) no-repeat;width:58px;height:43px;position: absolute;right: 12px;top: 19px;}

#articlebox{position:relative;height: 150px;}

#rmpic{border:solid 1px #CCCCCC;margin-left:10px;position: absolute;right: 0;top: 10px;}
#rmpic img{padding: 4px;width: 170px;height: 130px;margin:0px}

#articlebox h2 a{font-family:arial;font-size:18px;color:#189fcf;position: absolute;right: 190px;top: 12px;}
#articlebox h2 a:hover{color: rgb(70, 163, 8);text-shadow: rgb(235, 255, 0) 0.1em 0.1em 0.4em;}
#articlebox p{width: 320px;height: 100%;position: absolute;top: 28px;right: 195px;}

.item-page h1{text-align: center;color: #008000;font-family:alef;font-size:22px;font-weight: normal;margin-bottom: 15px;}
.item-page h2, .item_innerDiv h2{text-align: center;color: #1b692b;font-size: 20px;font-family:alef;font-weight: normal;}
.item-page p img{position:relative;margin-left:auto;margin-right:auto;max-width:560px;left:10px;min-width:560px;height:auto;}
.item-page .blue{color:blue}
.item-page .green{color:green}
.item-page .yellow{color:orange}
.item-page .purple{color:purple}

.item-inner h1, .item_innerDiv h1{text-align: center;color:#45AFC6;font-family:arial;font-size:22px;margin-bottom:12px;}
.instructions{text-align:center;font-size:18px;color:#000}
.item-inner .mapa_zafon{text-align:center;margin-bottom:12px}

.item-page #acg{color: green;text-align: center;}

#articleclip{width: 420px;margin-right: auto;margin-left: auto;}
#articleclipwide{position: relative;width: 560px;height: 315px;left: 10px;}

#supportlinks ul li{padding: 0px 0px 2px 0;border:0px;cursor: pointer;-webkit-transition: all 300ms}

/*Readmore*/
a.readmore{position: relative;right: 430px;top: -22px;bottom: 19px;background-color: #3295be;border-radius: 8px;padding: 4px 10px 4px 10px;color: white;font-size: 14px;text-align: center;font-weight:bold}
a.readmore:hover{background-color: #70bc38;color:#fff;font-weight:bold}

/*Search*/
#sp-search{float:right!important}
div.font-sizer{right:0;left: auto}
#sp-leftcol, #sp-rightcol, #sp-maincol ,#sp-inset1, #sp-inset2, #inner_content{float:left!important}
.sp-block {float:right!important; direction:rtl; text-align:right;}
.sp-block .first {margin-left:0!important;margin-right:-8px}
.sp-block .last {margin-right:0!important;margin-left:-8px}

/*Hornav*/
#hornav li .submenu,#sublevel li .submenu {direction:ltr}
.submenu-inner {direction:rtl}
#hornav .megacol {float:right!important}
#hornav ul.level-0,
#sublevel ul.level-1,#hornav ul.level-0 > li.menu-item,
#sublevel ul.level-1 > li.menu-item
{float:right!important}
#hornav ul.level-0 > li.parent > a.menu-item span.menu,
#sublevel ul.level-1 > li.parent > a.menu-item span.menu {background: none!important}
#hornav ul.level-0 > li.parent > a.menu-item span.menu,
#sublevel ul.level-1 > li.parent > a.menu-item span.menu {padding-right: 0!important;padding-left: 12px!important;background:url(../images/big_daddy.png) no-repeat 0 50%!important}
#hornav ul li.parent > a.menu-item span.menu,
#sublevel ul li.parent > a.menu-item span.menu {padding-right: 0!important;padding-left: 12px!important;background:url(../images/daddy_rtl.png) no-repeat 0 50%!important}
#hornav ul.level-0 > li.menu-item span.has-image,
#sublevel ul.level-1 > li.menu-item span.has-image{padding-left:0!important;padding-right:18px;background-position:100% 50%!important}

/*Modules*/
#sp-userpos .separator .mod-block {background-position: 0 50%!important}
.fs-sp1-image {float: left!important;margin: 0 40px 0 0!important;}

/* Breadcrumbs */
#sp-breadcrumbs span.showhome {margin:0 0 0 5px}
#sp-breadcrumbs a,#sp-breadcrumbs span,#sp-breadcrumbs strong{float:right}
#sp-breadcrumbs a,#sp-breadcrumbs span.separator{margin:0 0 0 10px;padding:0 0 0 15px;background-position:0 50%}

/*Footer*/
#sp-footer-nav{}
#sp-footer .cp {}

/*Joomla*/
fieldset dd{float:right}
fieldset dt{float:right}
ul.buttonheading{float:left}
dl.article-info{float:right}
#form-login-username label, #form-login-password label, #form-login-remember label {float: right;text-align: right}
#adminForm table thead tr, #adminForm table thead tr th {text-align: right}
div.pagination ul{text-align:right}
div.pagination p.counter{float:left}
.filter-search{float:right}
div.categories-list dt {float: right}
.sp-date{margin-right:0!important;margin-left:10px!important;float:right!important;}
.login label,.profile-edit dl dt,.remind dl dt,.reset dl dt,.registration dl dt{float:right;text-align:left}
.login .inputbox,.login input.required,.registration dl dd input.required,.remind dl dd input.required,.reset dl dd input.required,
.profile-edit .inputbox,.profile-edit input.required,.profile-edit input,.profile-edit select{margin:0 10px 0 0}
.login .button,.login button,.profile-edit button,.remind button,.reset button,.registration button{margin:0 160px 0 0}

/*Edit*/
.edit label{float:right;text-align:left}
label#jform_description-lbl {text-align:right}
.edit .inputbox,.edit input{margin:0 10px 0 0}
.edit select{margin:0 10px 0 0}
.edit div.formelm-buttons {margin:0 140px 20px 0}

/*Typography*/
img.image-left,.img-fulltext-left, .img-intro-left{float:right!important;margin:.5em 0 .5em 1em!important}
img.image-right,.img-fulltext-right,.img-intro-right{float:left!important;margin:.5em 1em .5em 0!important}
p.stickynote,p.download{background-position:100% 0!important;padding:15px 60px 15px 10px!important}
p.error,p.warn,p.tips,p.help,p.info,p.email,p.print,p.rss,p.save,p.lock,p.user,p.new,p.house,p.tag{background-position:100% 5px!important;padding:0 24px 5px 0!important}
.dropcap:first-letter{float:right!important;padding:4px 0 0 8px!important}
ul li {background-position:100% 6px;padding:0 10px 0 0}
ul.rss li, ul.minus li, ul.delete li, ul.check li, ul.arrow li, ul.arrow-2 li, ul.add li, ul.star li {padding:0 20px 0 0!important;background-position:100% 2px!important}
.bignumber{background-position:100% 0!important;float:right!important;margin-right:0!important;margin-left:8px}
.legend-title{left:auto!important;right:7px!important}