/*------------------------------------*\
    $CONTENTS
\*------------------------------------*/

/**
 * RESET...............Set our reset defaults
 * FONT-FACE...........Import brand font files
 * 
 * GENERAL STYLE
 * LAYOUT
 * MODULES
 * GRIDS
 * ICONS 
 */





 /*------------------------------------*\
     $RESET
 \*------------------------------------*/
 /* ... */


 /*------------------------------------*\
     $FONT-FACE
 \*------------------------------------*/
@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700);
@import url(http://fonts.googleapis.com/css?family=Titillium+Web:300,400,600);

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


/*------------------------------------*\
    $GENERAL STYLE
\*------------------------------------*/

body {
/*	background: url(themes/images/bglines.gif) repeat top right #000000; */
    background: url(../images/layout/cms-detector2.png) no-repeat top right #000000;
	font-family: 'Open Sans','Calibri',sans-serif;
	line-height: 1.3; /*1.166;*/
	font-size: 13px;
	font-size: 0.90em; /* 0.93rem */
	font-weight: 300;	
	padding: 0px;
	color:#333333;
	margin: 0 auto;
    overflow: scroll;
    overflow-x: hidden;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=hIEfix.png,sizingMethod=crop);
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=hIEfix.png,sizingMethod=crop)";
    zoom:1;
    
}

::selection { background-color: #289B51; /*lighter-green #8AB93A*/ color:#fff; }

a{
	color: #00B4F0; 
	text-decoration: none;
}

a:link{
    text-decoration: none;
}

a:visited{
    color: #4E4E4E; 
	text-decoration: none;
}

a:hover{
	color: #00B4F0; 
	text-decoration: underline;
}


sub,sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}


i, em { font-style:italic;color:#5E6369; }


/* HEADINGS */
h1,h2,h3,h4,h5,h6 {
	text-rendering: optimizelegibility;
    font-family: 'Titillium Web', 'Arial', sans-serif;
    /*font-family: 'Verdana', 'sans-serif';*/
    /*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=hIEfix.png,sizingMethod=crop);
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=hIEfix.png,sizingMethod=crop)";
    zoom: 1;*/
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=hIEfix.png,sizingMethod=crop)
            /*progid:DXImageTransform.Microsoft.Blur(pixelRadius=2)*/;
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=hIEfix.png,sizingMethod=crop)";
   /* -ms-filter: "progid:DXImageTransform.Microsoft.Blur(pixelRadius=1)";*/
}

h1{
 font-size: 180%;
 margin: 0px;
 padding: 0px;
}

h2{
margin: 0px;
padding: 0px;
font-size: 1.6em;
font-weight: normal;
}

h3{
 /*font-family: 'Calibri';
 font-family: 'Lato';
 font-family: 'Titillium Web';*/
 font-size: 1.4em;
 font-weight: 500;
 color: #484C53;
 margin: 0px;
 padding: 0px;
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=hIEfix.png,sizingMethod=crop);
 zoom: 1;    
}

h4{
 /*font-family: 'Titillium Web';*/
 font-size: 1.18em;
 font-weight: 400;
 color: #666666;
 margin: 0px;
 padding: 0px;
}

h5{
 font-family: 'Calibri',sans-serif;
 font-size: 1.1em;
 font-weight:normal;
 color: #666666;
 margin: 0px;
 padding: 0px;
}

h6{
 font-family: 'Calibri',sans-serif;
 font-size: 1.0em;
 font-weight:normal;
 color: #999999;
 margin: 0px;
 padding: 0px;
}

hr {
	border: 1px dotted #e8e8e8;
}
	
/* IMAGE */
img{
	border:none;
}


.noscript {
	display: inline-block;
	background-color: #E6351F;
	color: white;
	height: auto;
	width: 100%;
	text-align: center;
	line-height: 100px;
	font-size:2.0em;
	margin-bottom: 0px;
	-webkit-box-shadow: 0 0 100px rgba(0,0,0,0.2) inset;
	box-shadow: 0 0 100px rgba(0,0,0,0.2) inset;
	
	background-color: #d14836;
	background-image: -webkit-gradient(linear,left top,left bottom,from(#dd4b39),to(#d14836));
	background-image: -webkit-linear-gradient(top,#dd4b39,#d14836);
	background-image: -moz-linear-gradient(top,#dd4b39,#d14836);
	background-image: -ms-linear-gradient(top,#dd4b39,#d14836);
	background-image: -o-linear-gradient(top,#dd4b39,#d14836);
	background-image: linear-gradient(top,#dd4b39,#d14836);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#dd4b39,EndColorStr=#d14836);
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#dd4b39,EndColorStr=#d14836)";

	border: 1px solid transparent;
}

.noscript p { 
	line-height: 40px;
	font-size:0.8em;
}

#main-content { display:block;float:left;position:relative;margin-left:20px; }
#main-content a img:hover { opacity:0.7; }

.footer {
    width:100%;text-align:left;padding-left:0px;padding-top:10px;margin-bottom:0px;position:absolute;background:#363C44;font-size: .77em;
color: #FFF;
text-align: left;
padding: 0px;
margin: 0px;
background-color: #999B99;
clear: both;
border-top: 1px solid #86867F;
}

.sub-footer-inner {
    margin: 0px auto;
    padding: 19px 0px 29px 0px;
    width: 100%; /*1024px;*/
    margin-left: 105px;
}

#success_origin { display:none;z-index: 1; }

.img-rounded {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.img-polaroid {
    padding: 4px;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

.img-circle {
    -webkit-border-radius: 500px;
    -moz-border-radius: 500px;
    border-radius: 500px;
}

.opac { opacity:0.7; }
.opac:hover { opacity:1.0; }





/*------------------------------------*\
    $LAYOUT
\*------------------------------------*/
#top-panel {
    clear:left;
    width: 100%;
    height: 190px;
    color: white;
    background: url(../images/layout/cms-detector2.jpg) repeat top right #000000;
    margin-top: 0px;z-index:12000;-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.6) inset;-moz-box-shadow: 0 0 10px rgba(0,0,0,0.6) inset;box-shadow: 0 0 10px rgba(0, 0, 0, 0.6) inset;
    z-index: 12000;
    /*position: relative;*/
}

/* HEAD MAXIMIZED */
#head{
background:transparent;margin-bottom:0px;opacity:1.0;margin-top: 30px;display: block;margin-left: 105px/*8%*/;position: absolute;    
}

#head .logo {
float:left;margin-right: 20px;
}

#head img {
margin-top:4px;height:60px;margin-bottom: 30px;
margin-left: 30px;
}

/* HEAD 2 MINIMIZED */
#head2 {
display:none;background:transparent;margin-bottom:0px;opacity:1.0;margin-top: 140px;margin-left: 105px/*8%*/;position: absolute;    
}

#head2 .logo {
float:left;margin-right: 20px;    
}

#head2 img {
margin-top:4px;height:50px;margin-bottom: 30px;margin-left: 30px;    
}

#head2 .site-title-2 {
margin-top:5px;color:white;font-family: 'Titillium Web';    
}

.site-title { 
	color:white;
	/*font-family: 'Titillium Web';*/
	font-size:1.7em;
	font-weight:100;
	float: left;
	margin-top: 0px; 
}

.page-title { 
	font-family: 'Titillium Web';
	font-weight: 300; 
}

.menu-home {
display: inline-block;    
}


#container {
    z-index:2;
    width:1024px;
    margin-left:105px;
    margin-right:105px;    
}

#content {
    clear:both;
    margin-top: 0px;
    text-align:justify;
    padding-top: 20px;
    overflow:hidden;    
}

#leftmenu {
    float:left;
    margin-left:10px;
    padding-left:0px; 
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=hIEfix.png,sizingMethod=crop);
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=hIEfix.png,sizingMethod=crop)";
    zoom:1;
}

#menu {
    list-style:none;
    margin-left:-35px;    
}


.layer {
    background-color: rgba(248, 247, 216, 0.7);
    position: absolute;
    z-index: 99;
    /*top: 0;
    left: 0;
    width: 100%;
    height: 100%;*/
}



.layer-a {
    width: 100px;
    height: 100px;
    position: absolute;
    top: 0;
    left: 0;
    /*overflow hidden to contain box shadow*/
    overflow: hidden;
}

.layer-b {
    position: absolute;
    /*using box-shadow to create background*/
    -webkit-box-shadow: 0 0 0 50000px rgba(0,0,0,0.7);
    box-shadow: 0 0 0 50000px rgba(0,0,0,0.7);
    /*change height and position as needed*/
    width: 50px;
    height: 50px;
/*    top: 45px;
    left: 75px;
    */
    z-index: 10;
}

.layer-b:hover {
    position: relative;
    /*using box-shadow to create background*/
    /*-webkit-box-shadow: 0 0 0 50000px rgba(0,0,0,0.1);
    box-shadow: 0 0 0 50000px rgba(0,0,0,0.1);*/
    /*change height and position as needed*/
    width: 50px;
    height: 50px;
/*    top: 45px;
    left: 75px;
    */
    z-index: 0;
    display: none;
}


ul{
 text-rendering: optimizelegibility;
 list-style-type: square;
 font-family: 'Calibri',sans-serif;
 /*font-size:0.722em;*/
 text-align:justify;
 /*line-height:15px;
 height: 15px;*/	
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}

label{
 font-family: Arial,sans-serif;
 font-size: 0.8em;
 font-weight: bold;
 color: #334d55;
}

#texto {
 font-family: 'Calibri',sans-serif;
 font-size:0.722em;
 text-align:justify;
 line-height:15px; 
/* color:red;     */
}


/*.teste{
color: ; 
}*/

/*#wrapper{
padding-left:0px;
padding-right:0px;
background: url(../images/bg.jpg) repeat-y;
background: url(../images/bg.jpg) top center repeat-y;
}*/

#container {
padding-left:0px;
padding-right:0px;
	width: 960px;
/*	background:none;*/
	margin: auto;
	text-align: left;
        z-index:-20;
	overflow:auto;
margin-bottom: 70px;

}


#shadow-container {
        position: relative;
        left: 3px;
        top: 3px;
        margin-right: 3px;
        margin-bottom: 3px;
}

#shadow-container .shadow2,
#shadow-container .shadow3,
#shadow-container .container {
        position: relative;
        left: -1px;
        top: -1px;
}

#container .shadow1 {
              /*  border-right: 0px solid #F1F0F1;
                border-left: 0px solid #F1F0F1;
			*/
}

#container .shadow2 {
              /*  border-right: 0px solid #DBDADB;
                border-left: 0px solid #DBDADB;
				*/
}

#container .shadow3 {
              /*  border-right: 1px solid #330033;*/ /*#B8B6B8;*/
              /*  border-left: 1px solid #330033;*/ /*#B8B6B8;*/
}

/*#menu a {
        background: #00B4F0;

}*/

.menu-home { margin-left:0px;padding:0px; }


.menu { clear:left;margin-left:0px;padding:0px; }
.menu li, .menu-home li { 
	display: inline;
	list-style:none;
	margin-right:20px;
	line-height: 40px;
	height: 41px;
	font-size: 16px;
	/*font-size: 1.1em;*/
	font-weight: 400;	
}

.menu li a:hover, .menu-home li a:hover{ 
	padding-bottom: 3px;
	text-decoration: none;
}


.menu li a, .menu-home li a { color:#ffffff; }


.active {  
background-color: #00B4F0; /* startpoint-#0086CF; #00A0D3; leftmenu-#00B4F0;*/
border: none;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2) inset;
box-shadow: 0 0 10px rgba(0,0,0,0.2) inset;
color: #FFFFFF;
cursor: pointer;
display: inline-block;
font-size: 12px;
font-size: 1.2em;
font-weight: 400;
/*float: left;*/
/*line-height: 40px;
height: 41px;*/
margin-left: 2%;
margin-right: 2%;
position: relative;
text-align: center;
/*width: 10%;*/
padding-right:2%;
padding-left:2%;
line-height: 33px;
height: 32px;
}

.active:hover {  
background-color: #0099D5;
border-bottom:none;
}

.inactive:hover {
	border-bottom: 2px solid #fff;
	padding-bottom: 3px;
}


#menu a {
	 margin-top:10px;	
     color:#484C53;
}

#menu li { 
	height: 25px;
	line-height:25px; 
	/*background-color: rgb(243, 243, 243);*/
	margin-bottom: 2px;
	padding-left: 8px;
	border-bottom: 0.070em #ddd dotted;
}

#menu a:hover {
    margin-top:5px;
	padding: 2px 5px 2px 5px ;
    background: #00B4F0;
    color:#fff;
}

#menu .sub { 
    color: gray;
}

#menu .text {
    margin-top:-20px;
}

/* Effect 13: three circles */
.cl-effect-13 a {
	-webkit-transition: color 0.3s;
	-moz-transition: color 0.3s;
	transition: color 0.3s;
}

.cl-effect-13 a::before {
	position: absolute;
	top: 100%;
	left: 50%;
	color: transparent;
	content: '•';
	text-shadow: 0 0 transparent;
	font-size: 1.2em;
	-webkit-transition: text-shadow 0.3s, color 0.3s;
	-moz-transition: text-shadow 0.3s, color 0.3s;
	transition: text-shadow 0.3s, color 0.3s;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	transform: translateX(-50%);
	pointer-events: none;
}

.cl-effect-13 a:hover::before,
.cl-effect-13 a:focus::before {
	color: #fff;
	text-shadow: 10px 0 #fff, -10px 0 #fff;
}

.cl-effect-13 a:hover,
.cl-effect-13 a:focus {
	color: #ba7700;
}

/* End *Effect 13: border switch */








#container .container {
                background: #ffffff;
                border-right: #848284 solid 1px;
                border-left: #848284 solid 1px;
                padding: 10px;
}

#shadow1 {
                border-right: 1px solid #F1F0F1;
                border-left: 1px solid #F1F0F1;
}



#container .menu {
	font-size:0.4em;
	width:1815px;	
}

#menu a:hover {
	background: #00B4F0;
	color:#fff;
	text-decoration:none;
}

/*#menu .text {
        margin-top:-20px;
}*/

.seminars li { /*font-size:small;color: #999999;*/ }

/*.social li a {
display: block;
width: 32px;
height: 32px;
margin-left: 5px;
background-image: url(../images/social.png);
background-repeat: no-repeat;
-webkit-border-radius: 16px;
-moz-border-radius: 16px;
border-radius: 16px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
*/


/* social links */
.social { padding-left: 10px;clear:right; float:left; list-style:none; margin:14px 0 10px 0; }
.footer .social { float:none; }
.footer .social li a { margin:0 5px 8px 0; }
.social li { display:inline-block; text-indent:-999em; }
.social li a { 
    background-color: #ddd;
    display:block; 
    width:32px; 
    height:32px; 
    margin-left:5px; 
    background-image:url(../images/layout/social.png); 
    background-repeat:no-repeat; 
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    -moz-background-clip: padding; 
    -webkit-background-clip: padding-box; 
    background-clip: padding-box;
  
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
.social li:first-child a { margin-left:0; } 
.social li a:hover { border-top-left-radius:0px; }
.social li a.facebook:hover { background-color:#3c5fac; }
.social li a.twitter { background-position:-32px 0; }
.social li a.twitter:hover { background-color:#5ec3df; }
.social li a.rss { background-position:-96px 0; }
.social li a.rss:hover { background-color:#ff9900; }
.social li a.youtube { background-position:-384px 0; }
.social li a.youtube:hover { background-color:#c8312b; }


.btn-info {
color: #fff;
text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
background-color: #49afcd;
background-image: -moz-linear-gradient(top,#5bc0de,#2f96b4);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#5bc0de),to(#2f96b4));
background-image: -webkit-linear-gradient(top,#5bc0de,#2f96b4);
background-image: -o-linear-gradient(top,#5bc0de,#2f96b4);
background-image: linear-gradient(to bottom,#5bc0de,#2f96b4);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff5bc0de,endColorstr=#ff2f96b4,GradientType=0);
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff5bc0de,endColorstr=#ff2f96b4,GradientType=0);
border-color: #2f96b4 #2f96b4 #1f6377;
border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
padding: 0px 8px;
font-size: 1.0em;
}


.button {  
/* startpoint-#0086CF; #00A0D3; leftmenu-#00B4F0;*/
/*background-color: #00B4F0;*/
/*border: none;*/
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2) inset;
box-shadow: 0 0 10px rgba(0,0,0,0.2) inset;
color: #FFFFFF;
cursor: pointer;
display: inline-block;
/*font-size: 12px;
font-size: 1.2em;
font-weight: 400;
*/
float: left;
/*line-height: 40px;
height: 41px;*/
margin-left: 2%;
margin-right: 2%;
position: relative;
text-align: center;
/*width: 10%;*/
line-height: 37px;
height: 37px;
}

.button:hover {  
background-color: #0099D5;
border-bottom:none;
}


.btn-filter-active {  
background-color: #0099D5; /*#00B4F0; startpoint-#0086CF; #00A0D3; leftmenu-#00B4F0;*/
border: none;
-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2) inset;
box-shadow: 0 0 10px rgba(0,0,0,0.2) inset;
color: #FFFFFF;
display: inline-block;
font-size: 12px;
font-size: 0.8em;
font-weight: 400;
float: left;
/*margin-left: 2%;*/
margin-right: 1.2%;
position: relative;
text-align: center;
padding:0.3% 0.7%;
/*width: 4.40%;*/
line-height: 24px;
height: 24px;
cursor:default;
}

.btn-filter:hover {  
background-color: #0099D5;
color: white;
text-decoration:none;
opacity:0.7;
}

.btn-filter {
background-color: #FFF;
border: none;
-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2) inset;
box-shadow: 0 0 10px rgba(0,0,0,0.2) inset;
color: gray;
cursor: pointer;
display: inline-block;
font-size: 12px;
font-size: 0.8em;
font-weight: 400;
float: left;
/*margin-left: 2%;*/
margin-right: 1.2%;
position: relative;
text-align: center;
padding:0.3% 0.7%;
/*width: 4.40%;*/
line-height: 24px;
height: 24px;
/*cursor:default;*/
text-decoration:none;
}

.btn-filter-active:hover {  
color:white;
/*background-color: #0099D5;
color: white;
text-decoration:none;
opacity:0.7;*/
text-decoration:none;
}	


/* Stripe efect */
.fx-stripes,
.fx-stripes:link {
    position:relative;
    overflow: hidden;
}

.fx-stripes:before {
    content:"|||||||||||||||";
    position:absolute;
    top: -50px;
    left: -50px;
    z-index:1;
           
    line-height: 1;
    font-weight: normal;

    /* Parametres for stripes */
    color: #fff;
    font-size:120px;
    letter-spacing: -8px;
    opacity: 0.1;
    
    -moz-transform: skewX(-30deg);
    -webkit-transform: skewX(-30deg);
    -o-transform: skewX(-30deg);
}

.fx-stripes span {
    position: relative;
    z-index: 3;
}


/*----- TABS -----*/

.tab-filter-active {  
background-color: #999; /*#5E6369; #00B4F0; startpoint-#0086CF; #00A0D3; leftmenu-#00B4F0;*/
border: none;
-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2) inset;
box-shadow: 0 0 10px rgba(0,0,0,0.2) inset;
color: #FFFFFF;
display: inline-block;
font-size: 12px;
font-size: 0.8em;
font-weight: 400;
float: left;
/*margin-left: 2%;*/
margin-right: 1.2%;
position: relative;
text-align: center;
padding:0.3% 1.2%;
/*width: 4.40%;*/
line-height: 24px;
height: 25px;
height: 24px\9; /*It will apply to all ie from 8 and below */

cursor:default;
border-bottom: 1px solid #E6E6E6;
z-index: 1;
}
.tab-filter-active:hover {
	color:white;
	text-decoration:none;
}

.tab-filter-active:before {
	content: '';
    position: absolute;
    top: 0; right: 0;
    border-top: 6px solid white;
    border-left: 6px solid transparent;
    width: 0;
}

.tab-filter:hover {  
background-color: #e6e6e6;
color: gray;
text-decoration:none;
opacity:0.7;
}

.tab-filter {
background-color: #FFF;
border: none;
-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2) inset;
box-shadow: 0 0 10px rgba(0,0,0,0.2) inset;
color: gray;
cursor: pointer;
display: inline-block;
font-size: 12px;
font-size: 0.8em;
font-weight: 400;
float: left;
/*margin-left: 2%;*/
margin-right: 1.2%;
position: relative;
text-align: center;
padding:0.3% 1.2%;
/*width: 4.40%;*/
line-height: 24px;
height: 25px;
height: 24px\9; /* IE FALLBACK - It will apply to all ie from 8 and below */
    
/*cursor:default;*/
text-decoration:none;
position: relative;
border-bottom: 1px solid #D6D6D6;
z-index: 1;
}

.tab-filter:before {
	content: '';
    position: absolute;
    top: 0; right: 0;
    border-top: 6px solid white;
    border-left: 6px solid transparent;
    width: 0;
}


/*----- BLOCKQUOTE -----*/
.typeahead {
    z-index: 1051;
    margin-top: 2px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
}

.well blockquote {
    border-color: #ddd;
    border-color: rgba(0,0,0,0.15);
    text-align:justify;
}

.well-large {
    padding: 24px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6;
    text-align: justify;
}

/*  */





/*------------------------------------*\
    $GRIDS
\*------------------------------------*/
.g_12, .g_10, .g_9, .g_8, .g_6, .g_5, .g_4, .g_3, .g_2, .g_2_1, .g_1 {
        float: left;
        border: 10px solid rgba(0,0,0,0);
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        position: relative;
	/*margin-right: 3%;*/
}

.row {
    margin-left: -20px;
    *zoom: 1;
    height:auto;
}

.row:before,.row:after {
    display: table;
    content: "";
    line-height: 0;
}

.row:after {
    clear: both;
}


/* FLUID Column Layout */
.g_1 { width: 10.66%; }
.g_2_1 { width: 12.66%; } /* EXTRA */
.g_2 { width: 16.66%; }
.g_3 { width: 25%; }
.g_4 { width: 33.33%; }
.g_5 { width: 46.66%; } /* EXTRA */
.g_6 { width: 50%; }
.g_7 { width: 50%; } /* EXTRA */
.g_8 { width: 66.66%; }
.g_9 { width: 75%; }
.g_10 { width: 83.33%; }
.g_11 { width: 50%; } /* EXTRA */
.g_12 { width: 100%; }

.w-0 { width: 0px; }
.h-0 { height: 0px; }


/* FIXED Column Layout */
.span1 { width: 60px; }
.span2 { width: 140px; }
.span3 { width: 220px; }
.span4 { width: 300px; }
.span5 { width: 380px; }
.span6 { width: 460px; }
.span7 { width: 540px; }
.span8 { width: 620px; }
.span9 { width: 700px; }
.span10 { width: 780px; }
.span11 { width: 860px; }
.span12 { width: 940px; }


.h-1 { height:10px; }
.h-2 { height:20px; }
.h-3 { height:30px; }
.h-4 { height:40px; }
.h-5 { height:50px; }
.h-6 { height:60px; }
.h-7 { height:70px; }
.h-8 { height:80px; }
.h-9 { height:90px; }
.h-10 { height:100px; }
.h-20 { height:200px; }
.h-21 { height:210px; }
.h-22 { height:220px; }

.w-1 { width:10px; }
.w-2 { width:20px; }
.w-3 { width:30px; }
.w-4 { width:40px; }
.w-5 { width:50px; }
.w-6 { width:60px; }
.w-7 { width:70px; }
.w-8 { width:80px; }
.w-9 { width:90px; }
.w-10 { width:100px; }
.w-20 { width:200px; }
.w-30 { width:300px; }
.w-40 { width:400px; }
.w-50 { width:500px; }
.w-60 { width:600px; }
.w-70 { width:700px; }
.w-80 { width:800px; }
.w-90 { width:900px; }
.w-100 { width:1000px; }

.grid-layer { background-image: url('images/layout/1020_12_10_10.png'); }
.no-grid-layer { background-image: none; }

/* POSITION */
.cross-axis-start { margin-left:20px;vertical-align:middle;overflow:inherit;display: block;position:absolute;top: 0%;margin-top: 0em; /*-1em*/ }
.cross-axis-center { margin-left:20px;vertical-align:middle;overflow:inherit;display: block;position:absolute;top: 50%;margin-top: -0.655em; /*-1em*/ }
.cross-axis-end { margin-left:20px;vertical-align:middle;overflow:inherit;display: block;position:absolute;bottom: 0%;margin-bottom: 0em; /*-1em*/ }

/*main-axis not finished*/
.main-axis-start { margin-left:5px;vertical-align:middle;overflow:inherit;display: block;position:absolute;top: 0%;margin-top: 0em; /*-1em*/ }
/*.main-axis-center { margin-left:30%;vertical-align:middle;overflow:inherit;display:inline-block;position:absolute;top: 0%;margin-top: 0em; }
*/
.main-axis-center {  display: inline-block;
  vertical-align: middle;
 /* padding: 10px 15px;*/
  /*border: #a0a0a0 solid 1px;
  background: #f5f5f5; */
}
.main-axis-end { margin-right: 0%;overflow:inherit;display: inline-block;position:absolute; /*-1em*/ }

.top-0 { top:0px; }
.top-1 { top:-1.5em; }
.top-2 { top:-2.5em; }

.behind { z-index:0; }

.sticked-bottom {         
     position: fixed;
     bottom: -10px;
     right: 10px;
     z-index: 200;
}


/* GUTTER - SPACE AROUND/BETWEEN OBJECTS */
.no-gutter { padding:0px; }
.gutter { padding:0px 10px 0px 10px; }

.gutter-1 { margin:1%; }
.gutter-2 { margin:2%; }
.gutter-3 { margin:3%; }

.gutter-r-1 { margin-right:1%; }
.gutter-r-2 { margin-right:2%; }
.gutter-r-3 { margin-right:3%; }
.gutter-r-4 { margin-right:4%; }
.gutter-r-5 { margin-right:5%; }

.gutter-l-1 { margin-left:1%; }
.gutter-l-2 { margin-left:2%; }
.gutter-l-3 { margin-left:3%; }
.gutter-l-4 { margin-left:4%; }
.gutter-l-5 { margin-left:5%; }

.float-r { float:right; }
.float-l { float:left; }

.cf { height: 30px; clear: both; }
.clear{ height: 30px; clear: both; }
.clearline { height: 3px; clear: both; }





/*------------------------------------*\
    $ICONS
\*------------------------------------*/
/*a[href^="http://"]*/ 
a.external{
    background: url(../images/layout/external-link.png) center right no-repeat;
    padding-right: 18px;
}

.icon-drop:before, 
.icon-arrow-left:before {
	font-family: 'fontawesome';
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	speak: none;
	font-style: normal;
	font-weight: normal;
	line-height: 2;
	text-align: center;
	color: #47a3da;
	-webkit-font-smoothing: antialiased;
	text-indent: 8000px;
	padding-left: 8px;
}

.icon-drop:before {
	content: "\e000";
}

.icon-arrow-left:before {
	content: "\f060";
}

.half-circle{
     height:45px;
     width:90px;
     border-radius: 90px 90px 0 0;
     -moz-border-radius: 90px 90px 0 0;
     -webkit-border-radius: 90px 90px 0 0;
     background:gray;
	 color:white;
}

.half-circle-bottom{
     height:45px;
     width:90px;
     border-radius: 0 0 90px 90px;
     -moz-border-radius: 0 0 90px 90px;
     -webkit-border-radius: 0 0 90px 90px;
     background:gray;
	 color:white;
}


/* TAGS */
.gray { color:gray; }
.red { color:red; }
.green { color: #207125; /*#669933;*/ }
.blue { color:blue; }
.yellow { color:yellow; }
.white { color:white; }


/* TEXT SIZE */
.x-small { font-size:xx-small }
.small { font-size:small }
.medium { font-size:medium }
.large { font-size:large }
.x-large { font-size:xx-large }


/* VISIBILITY */
.show { display:block; }
.hide { display:none; } 	


.no-padding { padding: 0px 0px; }
.no-border { border:none; }


/* COLORS */
.gray { color:gray; }
.blue { color:#0099D5; }
.dark_blue { color:#484C53; }


/*------------------------------------*\
    $MODULES
\*------------------------------------*/
.link{ font-size:0.7em;margin-left:15px; }

.list-items,.list-icons { /*, .list-icons {*/
    -webkit-transition: all 0.9s ease-out;
    -moz-transition: all 0.9 ease-out;
    -ms-transition: all 0.9s ease-out;
    -o-transition: all 0.9s ease-out;
    transition: all 0.9s ease-out;
} 

.list-icons p { text-align:left; }


/* ABOUT - ACTIVITIES */
.activities { display: inline; }

.activities li { 
	list-style: none; 
	height: 80px;
	clear:left;
}
.activities li span {
	display: block;	
	width: 38px;
	height: 38px;
	line-height: 38px;
	margin-top: 0px;
	/*margin-bottom: 50px;*/
	margin-right: 20px;
	background-color: rgba(255, 0, 0, 0.58);
	float: left;
	text-align: center;
	color: #FFF;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	-webkit-transition: 200ms ease;
	-moz-transition: 200ms ease;
	-ms-transition: 200ms ease;
	-o-transition: 200ms ease;
	transition: 200ms ease;
}	


/* LIGHTBOX  */
#lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 19999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
  opacity: 0.85;
  display: none;
  height: 100%;
  width: 100%;
}

#lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 20000;
  text-align: center;
  line-height: 0;
  font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
  font-weight: normal;
}

#lightbox img {
  width: auto;
  height: auto;
}

#lightbox a img {
  border: none;
}


.lb-outerContainer {
  position: relative;
  background-color: white;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  /*-webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;*/
}

.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}


.lb-container {
  padding: 10px;
}


.lb-loader {
  position: absolute;
  margin-top: 40%;
  top: 40%;
  left: 0%;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}


.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}


.lb-container > .nav {
  left: 0;
}


.lb-nav a {
  outline: none;
}


.lb-prev, .lb-next {
  width: 49%;
  height: 100%;
  background-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
  /* Trick IE into showing hover */
  display: block;
}


.lb-prev {
  left: 0;
  float: left;
}


.lb-next {
  right: 0;
  float: right;
}


.lb-prev:hover {
  background: url(../images/layout/prev.png) left 48% no-repeat;
  cursor:pointer;
}


.lb-next:hover {
  background: url(../images/layout/next.png) right 48% no-repeat;
  cursor:pointer;
}


.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  /* -moz-border-bottom-left-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -ms-border-bottom-left-radius: 4px;
  -o-border-bottom-left-radius: 4px; */
  border-bottom-left-radius: 4px;
  /* -moz-border-bottom-right-radius-: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -ms-border-bottom-right-radius: 4px;
  -o-border-bottom-right-radius: 4px; */
  border-bottom-right-radius: 4px;
}

.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}


.lb-data {
  padding: 0 10px;
  color: #bbbbbb;
}

.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}

.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
}
.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 11px;
}

.lb-close {
	opacity: 0.5;
	background-color: #00B4F0;
	margin-top: -5px;
	padding: 5px;
}
	
.lb-data .lb-close {
  width: 35px;
  float: right;
  padding-bottom: 0.7em;
  outline: none;
}

.lb-data .lb-close:hover {
  cursor: pointer;
  opacity: 1.0;
}

.bildbox {
position: relative;
/*width: 180px;*/
}

.foto {
	/*width: 145px;
	height: 82px;
	background: white;
	overflow: hidden;
	display: table;
	z-index:1;*/
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
}

.img_on {
/*width: 145px;
height: 82px;
background: rgba(0, 0, 0, 0.4);
display: none;
z-index: 10;
position: absolute;
top: 0;*/
display:none;
width: 100%;
height: 100%;
position: absolute;
top: 0px;
left: 0px;
color: red;
font-size: 40px;
z-index: 10;
background-color: rgba(124,134,124,0.67);
}

.text { font-size:0.83rem; /*width:70%;*/ }

/* BACK */
.back-top {
	position: fixed;
	bottom: 30px;
	margin-left: -150px;
}

.back-top a {
	width: 108px;
	display: block;
	text-align: center;
	font: 11px/100% Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #bbb;

	/* transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
.back-top a:hover {
	color: #000;
}

/* arrow icon (span tag) */
.back-top span {
	width: 108px;
	height: 108px;
	display: block;
	margin-bottom: 7px;
	background: #ddd url(up-arrow.png) no-repeat center center;

	/* rounded corners */
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;

    behavior: url('css/border-radius.htc');
	border-radius: 15px;

	/* transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
.back-top a:hover span {
	background-color: #777;
}
.back {
    position: fixed;
    bottom: 165px;
    width: 40px;
    height: 40px;
    left: 93%;
    margin:0 auto;
    behavior: url('css/border-radius.htc');
    border-radius: 50%;
    text-align: center;
    line-height: 38px;
    color: #999;
    background: #ddd;
    background: rgba(243, 242, 242, 0.99); /* rgba(255,255,255,0.5);*/
    cursor: pointer;
    display: block;
    -webkit-touch-callout: none;
    /*-webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;*/
}

.back:hover {
    color: #ccc; /*#F8F8F8;*/
    background: #999;
    width: 42px;
    height: 42px;	
}


.shadow-box-content {
-webkit-box-shadow: 0 10px 8px -9px #888;
-moz-box-shadow: 0 10px 8px -9px #888;
box-shadow: 0 10px 8px -9px #888;
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Color=#999999,Strength=4,Direction=180)";
display: block;
position: relative;
font-size: 14px;
z-index: 1;
background-color: #fff;
}

/* TRANSITION */
.transition {
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}



/* LOADING */
#loading {
/*background: #000 url(../images/loading.gif) no-repeat center center;http://cdn.nirmaltv.com/images/generatorphp-thumb.gif */
background: url('../images/layout/ajax-loader-gray.gif') no-repeat center center ;
height: 70px;
width: 70px;
display:block;
margin: 0 auto;
text-decoration:none;    
z-index: 12000;
}

iframe {
background: url('../images/layout/ajax-loader-gray.gif') no-repeat center center ;
border: none;
position: relative;
z-index: 1;        
}


.fixed { position: fixed; top: -140px; }
.fixed-top { top: 90px; }

/* LOADING EFFECT */
/* Effect 1: YouTube loading */
.la-anim-1 {
	position: fixed;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 3px;
	background: #ed4e6e;
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
	/*pointer-events: none;*/
	cursor: none;
}

.la-anim-1::after {
	position: absolute;
	top: 0;
	right: 0;
	width: 100px;
	height: 100%;
	background: #ed4e6e;
	box-shadow: 0 0 15px #ed4e6e, 0 0 5px #ed4e6e;
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.2s, box-shadow 2s 4s;
	transition: opacity 0.2s, box-shadow 2s 4s;
	-webkit-transform: rotate(2deg) translateY(-2px);
	transform: rotate(2deg) translateY(-2px);
}

.la-anim-1.la-animate {
	z-index: 100;
	opacity: 0;
	-webkit-transition: -webkit-transform 5s ease-in, opacity 1s 5s;
	transition: transform 5s ease-in, opacity 1s 5s;
	-webkit-transform: translate3d(0%, 0, 0);
	transform: translate3d(0%, 0, 0);
}

.la-anim-1.la-animate::after {
	box-shadow: 0 0 3px #ed4e6e, 0 0 1px #ed4e6e;
	opacity: 1;
}

.photo  { background: url("../images/layout/mask.png");display:block;height:132px; position: relative;z-index:999; }
.photo a img { z-index:-1; }
/*.photo:hover {  
	content: url("../images/layout/mask.png") ;
	background: url("../images/layout/mask.png");
	 position:absolute;
	 left:50% ;
	 right: 50% ; 
	 margin-top:    -111px;
	 margin-left: -106px;
	z-index:15;
	}*/
	
.ie-msg-close { height:20px;width:20px;float:right;display:inline-block;margin-right:20px;margin-top:0px; }
.ie-msg-close:hover { color:white;background-color:transparent; }

.ie-hide { display:none; }

/* SHOW GRID - FOR DEVELOPMENT ONLY */
.show_grid { 
	background-color: gray;
	padding-top: 0px;
	line-height:30px;
	height:130px;
	text-align:center;
	font-size:12px;
	clear:both;
	float:left;
	margin-top:0px;
	margin-bottom:-88px;    
	-webkit-transition: all 0.6s ease-out;
	 -moz-transition: all 0.6 ease-out;
	  -ms-transition: all 0.6s ease-out;
	   -o-transition: all 0.6s ease-out;
	    transition: all 0.6s ease-out;
}

.show_grid a { cursor:pointer;color:white;font-weight:bold;font-size:16px;width: 20px; }
.show_grid a:hover { /*color:#333;*/text-decoration:none; }