#footer{/* color:#6a747e; *//* left:0; *//* margin:0 auto; *//* position:relative; *//* width:985px; */} 
#footer hr{margin-top:25px;margin-bottom:10px;}#footer ul{margin-left:76px;}
#footer ul li{float:left;list-style-type:none;padding-right:24px;}
#footer ul li a{color:#6a747e;text-decoration:none;}
#footer ul li a:hover{text-decoration:underline;}
#footer hr {margin-top: 25px;margin-bottom: 10px;}

@import '//fonts.googleapis.com/css?family=Lato:400,400italic|Arvo:700,400,400italic';

.home .logo-wrapper {
    height: auto;
}

.home .logo-wrapper h1 {
    font-weight: 700;
    font-size: 100px;
    line-height: 100%;
    letter-spacing: -3px;
    color: #F14E32;

    margin: 30px 0 0 0;
    text-align: center;
}

.home .logo-wrapper h2 {
    font-weight: 400;
    font-size: 20px;

    color: #9A9994;

    margin: 0 auto 30px auto;
    text-align: center;
    max-width: 300px;
    border: 0;
    padding: 0;
}

@media (max-width: 600px) {
    .home .logo-wrapper h1 {
        font-size: 50px;
        letter-spacing: -2px;
    }

    .home .logo-wrapper h2 {
        font-size: 12px;
    }
}

.home .nav {
    text-align: center;
}

.home .nav ul {
    display: inline-block;
}

.home .nav li.download {
    float: none;
}

.home .content,
.home .footer {
    text-align: center;
}


#wrapper {
    width: 100%;
}
.logo-wrapper {
    position: relative;
    min-width: 768px;
    height: 80px;
    background: url("img/bg.jpg") repeat scroll 0 0 #F0EFE7;
}
.stage-wrapper {
    background: url("img/bg-glow.png") #4E443C;
    min-width: 768px;
    position: relative;
}
.nav-wrapper {
    background-color: #fdfdf6;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
    min-width: 768px;
    position: relative;
}
.content-wrapper {
    padding-bottom: 30px;
}
.home .content-wrapper {
    padding-top: 20px;
}
.footer-wrapper {
    padding: 10px 0;
    background: #fdfdf6;
    border-top: 1px solid #E2E0D8;
    border-bottom: 1px solid #E2E0D8;
    font-family: 'Arvo','Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: small;
}
.footer-wrapper a {
    color: #4E443C;
    text-decoration: none;
}
.footer-wrapper a:hover {
    text-decoration: underline;
}

.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }


.noselect
{
    -webkit-user-select: none;
 -khtml-user-select: none;
 -moz-user-select: none;
 -o-user-select: none;
 -ms-user-select: none;
 user-select: none;
    }

/**/

pre {
    background-color: #F9F9F9;
    font-size: 14px;
    line-height: 19px;
    overflow: auto;
    padding: 12px 15px;
    margin: 0;
    color: #333;
    box-shadow: 0 0 2px #E2E0D8;
    border-radius: 3px;
}

.highlight:before {
    font-family: 'Arvo','Helvetica Neue', Helvetica, Arial, sans-serif;
    color: #9A9994;
    font-size: x-small;
    text-align: right;
    display: block;
    padding-right: 5px;
    padding-bottom: 2px;
    margin-top: -1.5em;
}

.highlight-html:before {
    content: 'HTML';
}

.highlight-javascript:before {
    content: 'JavaScript';
}

.highlight-css:before {
    content: 'CSS';
}




/* jCarousel */

.jcarousel-wrapper {
    position: relative;
    border: 10px solid #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 2px #999;
    -moz-box-shadow: 0 0 2px #999;
    box-shadow: 0 0 2px #999;
    max-width: 663px;
}

@media (max-width: 600px) {
    .jcarousel-wrapper {
        border: 5px solid #fff;
    }
}

.jcarousel-wrapper .photo-credits {
    position: absolute;
    right: 15px;
    bottom: 0;
    font-size: 13px;
    color: #fff;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.85);
    opacity: .66;
}

.jcarousel-wrapper .photo-credits a {
    color: #fff;
}

/** Carousel **/

.jcarousel {
    position: relative;
    overflow: hidden;
}

.jcarousel ul {
    width: 20000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}

.jcarousel li {
    float: left;
}

.jcarousel img {
    display: block;
    max-width: 100%;
    height: auto !important;
}

/** Carousel Controls **/

.jcarousel-control-prev,
.jcarousel-control-next {
    position: absolute;
    top: 50%;
    margin-top: -15px;
    width: 30px;
    height: 30px;
    text-align: center;
    background: #4E443C;
    color: #fff;
    text-decoration: none;
    text-shadow: 0 0 1px #000;
    font: 24px/27px Arial, sans-serif;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    -webkit-box-shadow: 0 0 4px #F0EFE7;
    -moz-box-shadow: 0 0 4px #F0EFE7;
    box-shadow: 0 0 4px #F0EFE7;
}

@media (max-width: 480px) {
    .jcarousel-control-prev,
    .jcarousel-control-next {
        margin-top: -10px;
        width: 20px;
        height: 20px;
        border-radius: 20px;
        font: 16px/18px Arial, sans-serif;
    }
}

.jcarousel-control-prev {
    left: 15px;
}

.jcarousel-control-next {
    right: 15px;
}

.jcarousel-control-prev:hover span,
.jcarousel-control-next:hover span {
    display: block;
}

.jcarousel-control-prev.inactive,
.jcarousel-control-next.inactive {
    opacity: .25;
    cursor: default;
}

/** Carousel Pagination **/

.jcarousel-pagination {
    position: absolute;
    bottom: 10px;
    left: 50%;

    margin: 0;
    margin-left: -22px;
}

@media (max-width: 620px) {
    .jcarousel-pagination {
        bottom: -35px;
    }
}

.jcarousel-pagination a {
    text-decoration: none;
    display: inline-block;

    font-size: 11px;
    height: 10px;
    width: 10px;
    line-height: 10px;

    background: #fff;
    color: #4E443C;
    border-radius: 10px;
    text-indent: -9999px;

    margin-right: 7px;

    -webkit-box-shadow: 0 0 2px #4E443C;
    -moz-box-shadow: 0 0 2px #4E443C;
    box-shadow: 0 0 2px #4E443C;
}

.jcarousel-pagination a.active {
    background: #4E443C;
    color: #fff;
    opacity: 1;

    -webkit-box-shadow: 0 0 2px #F0EFE7;
    -moz-box-shadow: 0 0 2px #F0EFE7;
    box-shadow: 0 0 2px #F0EFE7;
}




/** navbar-SION **/
.navbar-SION
{
    background-color: #3A8376;
    border-color: #47A393;
}
.navbar-SION .navbar-brand {
	color: #ecf0f1;
}
.navbar-SION .navbar-brand:hover, .navbar-SION .navbar-brand:focus
{
    color: #FFFFFF;
}
.navbar-SION .navbar-text {
	color: #ecf0f1;
}
.navbar-SION .navbar-nav > li > a {
	color: #ecf0f1;
}
.navbar-SION .navbar-nav > li > a:hover, .navbar-SION .navbar-nav > li > a:focus {
	color: #FFFFFF !important;
	text-decoration: none;
    background-color: #EBD92E;
}
.navbar-SION .navbar-nav > .active > a, .navbar-SION .navbar-nav > .active > a:hover, .navbar-SION .navbar-nav > .active > a:focus {
	color: #dcffdb;
	background-color: #41af46;
}
.navbar-SION .navbar-nav > .open > a, .navbar-SION .navbar-nav > .open > a:hover, .navbar-SION .navbar-nav > .open > a:focus {
	color: #dcffdb;
	background-color: #41af46;
}
.navbar-SION .navbar-toggle {
	border-color: #41af46;
}
.navbar-SION .navbar-toggle:hover, .navbar-SION .navbar-toggle:focus {
	background-color: #41af46;
}
.navbar-SION .navbar-toggle .icon-bar {
	background-color: #ecf0f1;
}
.navbar-SION .navbar-collapse,
.navbar-SION .navbar-form {
	border-color: #ecf0f1;
}
.navbar-SION .navbar-link {
	color: #ecf0f1;
}
.navbar-SION .navbar-link:hover {
	color: #dcffdb;
}

@media (max-width: 767px) {
	.navbar-SION .navbar-nav .open .dropdown-menu > li > a {
		color: #ecf0f1;
	}
	.navbar-SION .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-SION .navbar-nav .open .dropdown-menu > li > a:focus {
		color: #dcffdb;
	}
	.navbar-SION .navbar-nav .open .dropdown-menu > .active > a, .navbar-SION .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-SION .navbar-nav .open .dropdown-menu > .active > a:focus {
		color: #dcffdb;
		background-color: #41af46;
	}
}

/*para POPUP AJAX */
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}
.modalPopup
{
   /* background-color: #FFFFFF;
    border-width: 3px;
    border-style: solid;
    border-color: #BDD1E8;*/
    padding: 3px;
    width: 50px;
}

.modal2
{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 997;
    background-color: #000000;
    opacity: 0.8;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    min-height: 100%;
    width: 100%;
    
}
.loading2
{
   font-family: Arial;
   color:black;
   font-size: 10pt;
  /* width: 1089px;*/
   width: 449px;
   height: 100px;
   display: none;
   position: fixed;
   background-color:#F8F8F8 ;
   z-index: 998;
}