/* CSS Resets */html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,q,small,strong,sub,sup,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;}article,aside,figure,figure img,figcaption,hgroup,footer,header,nav,section,video,object{display:block}a img{border:0}figure{position:relative}figure img{width:100%;}img{max-width:100%!important;}
html{height:100%;-webkit-font-smoothing: antialiased;}
a{-webkit-tap-highlight-color: rgba(0,0,0,0);}
* { _noFocusLine: expression(this.hideFocus=true); }
#Form{height:100%;}
a{outline:0;border:0;}
p, ul, ol{margin:0;padding:0;}
p{margin-bottom:13px;}
#Body{
	height:100%;
	font-family: Open Sans, Arial, sans-serif;
	color:#444;
	background:#2C2C2A url(Images/bg.png) repeat;
	background-color: #1D2127;
	}



#Satva{
	width:100%;
	position:relative;
	min-height:100%;
	margin: 0 auto;
}
#layerBG{
	width:100%;
	position:fixed;
	min-height:100%;
	margin: 0 auto;
	*left:0;
}
#3dStage{

	-webkit-transform-origin: 50% 50% 50%;
	-webkit-perspective: 600px;
	-moz-perspective: 600px;
	-o-perspective: 600px;
	perspective: 600px;
    -webkit-transition: -webkit-all 1s;
    -moz-transition: -moz-all 1s;
    -o-transition: -o-all 1s;
    transition: all 1s;
}

#Background{
	position:relative;
	min-height:100%;
	margin: 0 auto;
	max-width:906px; 
	padding:0 10px;
}
#Header{
	width:100%;
	z-index:10;
	margin-bottom:3px;
}
#Satva.Home #Header{
	margin-bottom:0;
}

#Satva.Home #Header .Content{
	position:absolute;
	background: rgba(0,0,0,0.85);
	z-index:999;

}
.ie8andDown #Satva.Home #Header .Content, .ie8andDown .infoBlock{
	background:url(Images/menuBG.png) repeat;
}

#Header #ContentBG{
	margin:0 auto;
	display: inline-block;
	position:relative;
	width:100%;
	line-height:0;
	height:100%;
}

#Header .Content{
	position:relative;
	width:100%;
	margin:auto;
	/*border-top:		1px solid #333;*/
	border-bottom:	2px solid #4CC995;
	background:rgba(0,0,0,0.35);
	}

#Header #Nav{
	position:relative;
	width:100%;
	margin:0 auto;
	height:auto;
	text-align:center;
}

#Breadcrumb{
	position:relative;
	min-height:20px;
	padding:0;
	margin:0 0 4px 0;
}
#Breadcrumb span{height:25px;color:#999;font-size:11px}
#Breadcrumb .SkinObject{display:inline-block;height:25px;float:left;}

a.Breadcrumb:link, a.Breadcrumb:visited, a.Breadcrumb:active {color:#999999;line-height:19px;}
a.Breadcrumb:hover {color:#C5A960}


#Content {
	width:100%; 
	position:relative; 
	z-index:1;
	*z-index:-1;
}

#Panes{
	max-width:906px;
	margin:0 auto;
	display: block;
	height:100%;
}


#LogoRow{
	min-height:45px;
	/*height:100%;
	width:100%;
	display:inline-block;*/
}

.LogoRowRight, .LogoRowLeft {
	display:inline-block;
	width:50%;
	*display:inline;
	zoom:1;
	margin-right: -0.25em;
}

.LogoRowLeft {
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box;    
	box-sizing: border-box;
	padding:0;
	*padding:0; 						/*ie7 fix*/
}
.LogoRowLeft a{
	display:block;
	
}

.LogoRowRight .DnnModule {margin:0}

img#dnn_dnnLogo_imgLogo{
	max-width: 100%;
	height: auto;
	padding:0 0 10px 0;		
}

#dnn_LogoPane{width:100%;text-align: right;}

#dnn_TopPane{
	display:inline-block;
	width:auto;
	height:100%;
	min-height:25px;
	text-align:left;
}

#dnn_TopPane .DnnModule{
	margin-bottom:0;
}

.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}
.cf:after {
    clear: both;
}
.cf {
    *zoom: 1;
}

#grid2 #dnn_grid_two_first{width:49.5%;float:left;}
#grid2 #dnn_grid_two_second{width:49.5%;float:right;}

#grid2LeftB #dnn_grid_two_LeftB_first{width:74.5%;float:left;}
#grid2LeftB #dnn_grid_two_LeftB_second{width:24.5%;float:right;}


#grid2RightB #dnn_grid_two_RightB_first{width:24.5%;float:left;}
#grid2RightB #dnn_grid_two_RightB_second{width:74.5%;float:right;}


#grid3 #dnn_grid_three_first{width:32.8%;float:left;}
#grid3 #dnn_grid_three_second{width:32.8%;float:left;margin:0 0.8%;}
#grid3 #dnn_grid_three_third{width:32.8%;float:right;}

#grid4 #dnn_grid_four_first, #grid4 #dnn_grid_four_second{width:24.25%;margin-right:1%;float:left;}
#grid4 #dnn_grid_four_third{width:24.25%;float:left;}
#grid4 #dnn_grid_four_fourth{width:24.25%;float:right;}

#Satva.TwoColRight #dnn_LeftPane{width:74.5%;float:left;}
#Satva.TwoColRight #dnn_RightPane{width:24.5%;float:right;}

#Satva #dnn_LeftLeft_Pane, #Satva #dnn_CenterLeft_Pane{width:24.25%;margin-right:1%;float:left;}
#Satva #dnn_CenterRight_Pane{width:24.25%;float:left;}
#Satva #dnn_RightRight_Pane {width:24.25%;float:right;}


#Satva.ThreeCol #dnn_LeftPane{width:32.8%;float:left;}
#Satva.ThreeCol #dnn_CenterPane{width:32.8%;float:left;margin:0 0.8%;}
#Satva.ThreeCol #dnn_RightPane{width:32.8%;float:right;}

#Satva.TwoColLeft #dnn_LeftPane{width:24.5%;float:left;}
#Satva.TwoColLeft #dnn_RightPane{width:74.5%;float:right;}

#Footer{
	padding-top:5px;
	width:100%;
	border-top:1px solid #6C5C33;
}

#Footer .Content{padding:0;max-width:906px;margin:0 auto;height:100%;}
#Footer #dnn_Footer_LeftPane{width:24.6%;float:left;}
#Footer #dnn_Footer_CenterPane{width:49.2%;float:left;margin:0 0.8%;}
#Footer #dnn_Footer_RightPane{width:24.6%;float:right;}
#Footer #MenuLinks{text-align:center;padding-top:10px;}

#Footer #Copyright{
	height:auto;
	max-width:906px;
	font-size:11px;
	line-height:14px;
	margin: 0 5px;
}

#Footer #dnn_Footer_PartnersPane{max-width:906px;text-align:center;}

#Footer .Normal{color:#333;}
#Footer span.SkinObject{font-weight:normal;color:#656565;}

#Footer a.SkinObject, a.FooterLinks{
	text-transform:uppercase;
	margin:0 5px;
	font-size:10px;
	line-height:12px;
}
#Footer a.SkinObject:link, #Footer a.SkinObject:active, #Footer a.SkinObject:visited, a.FooterLinks:link, a.FooterLinks:visited,a.FooterLinks:visited {color:#947F48}
#Footer a.SkinObject:hover, a.FooterLinks:hover{color:#C5A960;text-decoration:none}

/*************************************************************
LOGIN  STYLES
 **************************************************************/
#LoginRow{
	padding-top: 5px;
}

#Login{
	display:inline-block;
	width:100%;
	text-align:right;
	max-width:1170px;
}

#Login, 
.settings-button, 
#Login .loginGroup, 
.searchInputContainer,
#dnn_TopPane, 
#SearchIcon, 
#Header #SearchBox
{vertical-align:bottom;}


.tool-items a strong{
	font-size:0px;
	line-height:0px;
	color:transparent;
}

a#dnn_dnnUser_enhancedRegisterLink, a#dnn_dnnLogin_enhancedLoginLink{
	width:auto;
	padding:0 10px;
	line-height:33px;
}
a#dnn_dnnUser_avatar{
	width:auto;
	display:none;
}
a#dnn_dnnUser_avatar img{
	padding-top:0;
}
a.tool-item.gradient img{
	padding-top:7px;
}

/*************************************************************
Search
**************************************************************/
#search-button{
	margin-right:-0.25em;
}

a.dnnSearchBoxClearText.tool-item.gradient{display:none}

a.pesquisa.tool-item {
	width: auto;
	background:none;
	border-right:none;
}

span#dnn_dnnSearch_ClassicSearch{
	display:block;
}

a#dnn_dnnSearch_cmdSearch{
	border-left:none;
	position:absolute;
	top:1px;
	right:5px;
	width:30px;
}
a#dnn_dnnSearch_cmdSearch:hover{
	background:none;
}

input#dnn_dnnSearch_txtSearch.NormalTextBox{
	height:28px;
	padding:3px 25px 10px 5px;
	outline:0;
	border:none;
	color:#4CC995;
	background:none;
}


.searchInputContainer{
	background:none;
	padding:0 5px 0 5px;
}

 #dnn_dnnSearch_txtSearch.NormalTextBox:focus {
}


/*************************************************************
ToolBar
**************************************************************/

.settings-button{}

.settings-button.search{}

.settings-button:hover, .settings-button.locker:hover, .settings-button.languages:hover, .settings-button.search:hover  {}
  
.settings-button {
	width: 40px;
	margin-right:-0.25em;
	height: 25px;
	display:inline-block;
	*display:inline;
	zoom:1;
	cursor: pointer;
	position:relative;
	/*background: transparent url(Images/tools.png) center 4px no-repeat;*/
}
a.back{
	cursor: pointer;
	display:inline-block; 
	position:absolute;
	left:0;
	top:0;
	height:20px;
	padding:0;
	width:40px;
	color:transparent;
	font-size:0;
	line-height:0;
}

.settings-button:before, .settings-button.locker:before, .settings-button.languages:before, .settings-button.search:before, a#dnn_dnnSearch_cmdSearch:before, a#dnn_dnnUser_messageLink:before,a#dnn_dnnUser_notificationLink:before, .sol:before, .lua:before, a.back:before {
	content: "\ea80";
	width: 100%;
	position:absolute;
	left:0;
	line-height:25px;
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	font-size:17px;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-align: center;
	color: #656565;
}
a#dnn_dnnUser_messageLink:before, a#dnn_dnnUser_notificationLink:before, .sol:before, .lua:before {
	position:relative;
	line-height:33px;
}
a#dnn_dnnSearch_cmdSearch:before{
	line-height:33px;
}
a.back:before {
	font-size:18px;
	line-height:20px;
	content: "\e9ba";
}

.settings-button.locker:before{
	content: "\ec01";
}

.settings-button.languages:before{
	content: "\e75c";
}

.settings-button.search:before, a#dnn_dnnSearch_cmdSearch:before{
	content: "\ebfd";
}

a#dnn_dnnUser_messageLink:before{
	content: "\ecea";
	font-size:19px;
}
 a#dnn_dnnUser_notificationLink:before{
	content: "\e793";
	font-size:19px;
}
.settings-button.pressed:before,
.settings-button:hover:before, 
.settings-button.locker:hover:before, 
.settings-button.languages:hover:before, 
.settings-button.search:hover:before, 
a#dnn_dnnSearch_cmdSearch:hover:before, 
a#dnn_dnnUser_messageLink:hover:before, 
a#dnn_dnnUser_notificationLink:hover:before, 
.lua:hover:before, .sol:hover:before, 
a.back:hover:before
{color: #4CC995;}


.tool-container {
	background: #111;
	position: absolute;				
}

.tool-container.tool-top, .tool-container.tool-bottom {
	height: 34px;
	border-top: 2px solid #4CC995 ;
	margin-top:-10px;
}

.tool-items {
	height: 100%;	
}

.tool-top .tool-item, .tool-bottom .tool-item {
	float: left;
	border-right: 1px solid #000;
	border-left: 1px solid #252525;
}

.tool-left .tool-item, .tool-right .tool-item {
	height: 34px;
	border-top: 1px solid #4CC995 ;
}


.tool-item {
	height: 100%;
	display: block;				
	width: 44px;
	text-align: center;
	overflow:hidden;
}
.tool-items a, .tool-items a:visited {
	color:#999;
}
.tool-items a:hover{
	color:#4CC995;
}

.tool-item:first-child {
	border-left: none;
}

.tool-left .tool-item:first-child, .tool-right .tool-item:first-child {
	border-top: 1px solid transparent;
}

.tool-item:last-child {
	border-right: none;
	border-bottom: none;
}

.tool-item.selected, .tool-item:hover  {
	background: #1E1F21;
}

.tool-top .tool-item:last-child:hover, .tool-bottom .tool-item:last-child:hover {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

.tool-top  .tool-item:first-child:hover, .tool-bottom  .tool-item:first-child:hover {
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

.tool-left .tool-item:last-child:hover, .tool-right .tool-item:last-child:hover {
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
}

.tool-left .tool-item:first-child:hover, .tool-right .tool-item:first-child:hover {
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
}

.tool-container .arrow {
	width:0;
	height:0;
	position: absolute;	
	border-width:7px;
	border-style:solid;
}

.tool-container.tool-top .arrow {
	border-color: #4CC995 transparent transparent; 
	left: 50%;  
	bottom: -14px;
	margin-left: -7px;
}

.tool-container.tool-bottom .arrow {
	border-color: transparent transparent #4CC995; 
	left: 50%;  
	top: -14px;
	margin-left: -7px;
}

.tool-container.tool-left .arrow {
	border-color: transparent transparent transparent #4CC995;
	top: 50%;
	right: -14px;
	margin-top: -7px;
}

.tool-container.tool-right .arrow {
	border-color: transparent #4CC995 transparent transparent;
	top: 50%;
	left: -14px;
	margin-top: -7px;
}


/*************************************************************
SUPERFISH MENU
 **************************************************************/

 .sf-menu, .sf-menu * {
	margin: 0;
	padding: 0;
	list-style: none;
}
.sf-menu li {
	position: relative;
	white-space: nowrap; /* no need for Supersubs plugin */
	*white-space: normal; /* ...unless you support IE7 (let it wrap) */
}
.sf-menu ul {
	position: absolute;
	display: none;
	top: 100%;
	left: 0;
	z-index: 99;
}
.sf-menu > li {
	float: left;
}
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
	display: block;
}

.sf-menu a {
	display: block;
	position: relative;
	text-decoration: none;
	zoom: 1; /* IE7 */
}
.sf-menu ul ul {
	top: 0;
	left: 100%;
}

/*** DEMO SKIN ***/
.sf-menu {
	display: inline-block;
    list-style-type: none;
}
.sf-menu ul {
	min-width: 14em; /* allow long menu items to determine submenu width */
	*width: 14em; /* no auto sub width for IE7, see white-space comment below */
}
.sf-menu > li > ul{
	border-top:2px solid #4CC995
}
.sf-menu li ul {
    opacity: 0.97;
}

.sf-menu > li > a, .sf-menu > li > a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	font-size:11px;
	line-height:19px;
	color:#ddd;
	text-transform: uppercase;
}

.sf-menu > li > a{
	padding:9px 24px 11px 24px;
	-webkit-transition: background 0.3s ease-in-out;
	-ms-transition: 		background 0.3s ease-in-out;
	-o-transition: 		background 0.3s ease-in-out;
}
			   

.sf-menu > li {
	width: auto;
	text-align:  center;
	display:	block;	
	-webkit-transition:  background 0.3s ease-in-out;
	-ms-transition: 		background 0.3s ease-in-out;
	-o-transition: 		background 0.3s ease-in-out;
}


.sf-menu li li, .sf-menu li li li{
	text-align:left;
	display: block;
	min-height: 28px;
	line-height: 28px;
	margin: 0;
	cursor: pointer;
	white-space:normal;
}

.sf-menu li a:focus, .sf-menu li a:hover, .sf-menu li a:active, .sf-menu li:hover > a {
	color: #4CC995;
}

/*arrow*/	
.sf-menu > li:hover > a:before, .sf-menu > li.current:before, #Panes:before {
	content:'';
	position: absolute;	
	width:0;
	height:0;
	display:block;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #4CC995;	
	bottom: 0;
	z-index:99;
	left: 50%;  
	margin-left: -6px;
}
#Panes:before {
	border-bottom: 6px solid #6C5C33;	
}
.sf-menu li li a,.sf-menu li li li a{
	color: #ddd;
	font-size:12px;
	line-height:15px;
	padding:12px 13px;
	background-color: #111111;
    border-bottom: 1px solid #252525;

}
.sf-menu li li:hover > a {
	color:#4CC995;
}
.sf-menu ul li a:hover {
    background:#1E1F21;
    -moz-transition:  background-color 0.2s ease-out 0s;
    -webkit-transition:  background-color 0.2s ease-out 0s;
    transition:  background-color 0.2s ease-out 0s;
}

.sf-menu > li.current > a, .sf-menu > li.current > a:hover{
	color:#4CC995;
	
}

/*** arrows (for all except IE7) **/
.sf-arrows .sf-with-ul {
	padding-right: 2.5em;
	*padding-right: 1em; /* no CSS arrows for IE7 (lack pseudo-elements) */
}
/* styling for both css and generated arrows */
.sf-arrows .sf-with-ul:after {
	content: '';
	position: absolute;
	top: 50%;
	right: 1em;
	margin-top: -3px;
	height: 0;
	width: 0;
	/* order of following 3 rules important for fallbacks to work */
	border: 5px solid transparent;
	border-top-color: rgba(0,0,0,0);
}
.sf-arrows > li > .sf-with-ul:focus:after,
.sf-arrows > li:hover > .sf-with-ul:after,
.sf-arrows > .sfHover > .sf-with-ul:after {
	border-top-color: rgba(0,0,0,0);
}
/* styling for right-facing arrows */
.sf-arrows ul .sf-with-ul:after {
	margin-top: -5px;
	margin-right: -3px;
	border-color: transparent;
	border-left-color: #333; /* edit this to suit design (no rgba in IE8) */
}
.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after {
	border-left-color:  #4CC995;
}



/*************************************************************
SITEMAP MENU
 **************************************************************/
#Nav2{
	display:none;
	width:100%;
}

div.mobileMenu{display:none;}

span.expand_menu {
	position:relative;
	margin:0 auto;
	display:block;
	width:45px;
	padding:6px 10px 10px 10px;
}
.icon-bar {
	display: block;
	height: 4px;
	border-radius: 1px;
	background-color: #4CC995;
	margin-top: 4px;
}

#Nav2:hover span.expand_menu .icon-bar , #Nav2:active span.expand_menu .icon-bar{	
	background-color: #C5A960;
}
 span.expand_menu.active .icon-bar {	
	background-color: #4CC995;
}
div.sitemap{
	opacity:0.97;
	margin-bottom: 10px;
}

div.toggle_container{
	padding: 0;
	background:none;
	display:none;
}

div.sitemap > UL {
	text-align:left;
    display: block;
	position: relative;
	padding: 0;
	cursor: pointer;
	white-space:normal;
}

div.sitemap UL A {
	font-size: 11px;
	line-height:16px;
	text-transform: uppercase;
	color:#ddd;
	display: block;
	width:80%;
	padding-left:10%;
	padding-right:10%;
	padding-top:13px;
	padding-bottom:11px;
	background:#111;
	border-bottom: 1px solid #252525;
}

div.sitemap  UL  li#hasChild  a{
	width:74%;
	padding-right:16%;
	display:inline-block;
}
div.sitemap UL li .colapsada{
	display:none
}
div.sitemap UL li#hasChild .colapsada{
	width:16%;
	height:auto; 
	display:inline-block;
	*display:inline;
	zoom:1;
	position:absolute;
	top:0;
	right:0;
}

div.vermais{
	width:100%;
	height:40px;
	display:inline-block;
	cursor:pointer;
	position:absolute;
	background:#151617

}
div.vermais:after, div.colapsada.active div.vermais:after, div.vermais.netas.active:after 	{
	content: "\ec85";
	position: absolute;
	width: 100%;
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 40px;
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-align:center;
	color:#4CC995
}

div.vermais.netas{
	width:16%;
	display:inline-block;
	*display:inline;
	zoom:1;
	position:absolute;
	right:0;
}

div.colapsada.active div.vermais:after, div.vermais.netas.active:after {
	content: "\ec86";
}

div.sitemap > UL > li > a:before{
	left:3.5%;
}

div.sitemap > UL > li.current > a, div.sitemap UL UL UL > li.current > a, div.sitemap UL UL > li.current > a {
	color: #C5A960;
    background:#252525;
    -moz-transition:  background-color 0.2s ease-out 0s;
    -webkit-transition:  background-color 0.2s ease-out 0s;
    transition:  background-color 0.2s ease-out 0s;

}

div.sitemap UL a:hover, div.sitemap UL a:active, div.sitemap > UL UL > li.current > a:hover {
    background:#1E1F21;
    -moz-transition:  background-color 0.2s ease-out 0s;
    -webkit-transition:  background-color 0.2s ease-out 0s;
    transition:  background-color 0.2s ease-out 0s;
	color:#4CC995
}

div.sitemap UL UL {
	float: none;
	margin: 0;
	padding-bottom:0px;
}

div.sitemap UL UL A {
	color:#4CC995;
	text-indent:8%;
}
div.sitemap UL UL li A:before{
	content: '';
	position: relative;
	display:inline-block;
	*display:inline;
	zoom:1;
	padding-right:5px;
	margin-top: 3px;
	height: 0;
	width: 0;
	border: 5px solid transparent;
	border-left-color: #1E1F20; 
}

div.sitemap UL UL li A:hover:before{
	border-left-color: #4CC995;
}

div.sitemap UL li#hasChild UL li#hasChild UL, div.sitemap > UL > li#hasChild > ul{
	display:none
}

div.sitemap UL UL A:hover, div.sitemap UL UL A:active, div.sitemap UL  UL > li.current > a {
    background-position: 10% -35px;
    text-decoration:none;
}
div.sitemap UL UL UL {
	margin: 0;
}
div.sitemap UL UL UL A {
	text-indent:16%;
	text-transform:none;
}
div.sitemap UL UL UL UL A{
	text-indent:22%;
}
div.sitemap UL UL UL UL UL A{
	text-indent:30%;
}
div.sitemap LI {
	list-style-type: none;
}

/*************************************************************
 HEADERS, LINKS, 
 **************************************************************/
h1{color: #4CC995; font:600 14px/20px "Open Sans", "Arial Narrow",sans-serif;margin:5px 0;}
h2{color: #4CC995; font: 20px/22px "Open Sans",  sans-serif;letter-spacing: -1px;margin:5px 0;}
h3{color: #4CC995; font: 12px/17px "Open Sans", "Trebuchet MS", sans-serif;letter-spacing: -0.015em;margin:5px 0;}
h4{color: #4CC995; font: 30px/33px	"Open Sans",  "Trebuchet MS",  Helvetica, Arial, Verdana, sans-serif;
letter-spacing: -1px;margin:5px 0;}

a, a:visited {color: #947F48;text-decoration: none;outline: 0;}
a:hover{text-decoration:none;color:#C5A960}


/*************************************************************
 TOOLTIPS 
**************************************************************/

/* This is the default Tooltipster theme (feel free to modify or duplicate and create multiple themes!): */
.tooltipster-default {
	border: 2px solid #ccc;
	background: #fff;
	color: #2c2c2c;
	box-shadow: 0px 0px 14px rgba(0,0,0,0.2);

}

/* Use this next selector to style things like font-size and line-height: */
.tooltipster-default .tooltipster-content {
	/*font-family: Arial, sans-serif;*/
	font-size: 11px;
	line-height: 14px;
	padding: 5px 7px;
	overflow: hidden;

}

/* This next selector defines the color of the border on the outside of the arrow. This will automatically match the color and size of the border set on the main tooltip styles. Set display: none; if you would like a border around the tooltip but no border around the arrow */
.tooltipster-default .tooltipster-arrow .tooltipster-arrow-border {
	/* border-color: ... !important; */
}


/* If you're using the icon option, use this next selector to style them */
.tooltipster-icon {
	cursor: help;
	margin-left: 4px;
}


/* This is the base styling required to make all Tooltipsters work */
.tooltipster-base {
	padding: 0;
	font-size: 0;
	line-height: 0;
	position: absolute;
	z-index: 9999999;
	pointer-events: none;
	width: auto;
	overflow: visible;
}
.tooltipster-base .tooltipster-content {
	overflow: hidden;
}


/* These next classes handle the styles for the little arrow attached to the tooltip. By default, the arrow will inherit the same colors and border as what is set on the main tooltip itself. */
.tooltipster-arrow {
	display: block;
	text-align: center;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}
.tooltipster-arrow span, .tooltipster-arrow-border {
	display: block;
	width: 0; 
	height: 0;
	position: absolute;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span {
	border-left: 8px solid transparent !important;
	border-right: 8px solid transparent !important;
	border-top: 8px solid;
	bottom: -8px;
}
.tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border {
	border-left: 9px solid transparent !important;
	border-right: 9px solid transparent !important;
	border-top: 9px solid;
	bottom: -8px;
}

.tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span {
	border-left: 8px solid transparent !important;
	border-right: 8px solid transparent !important;
	border-bottom: 8px solid;
	top: -8px;
}
.tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
	border-left: 9px solid transparent !important;
	border-right: 9px solid transparent !important;
	border-bottom: 9px solid;
	top: -8px;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border {
	left: 0;
	right: 0;
	margin: 0 auto;
}
.tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span {
	left: 6px;
}
.tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
	left: 5px;
}
.tooltipster-arrow-top-right span,  .tooltipster-arrow-bottom-right span {
	right: 6px;
}
.tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border {
	right: 5px;
}
.tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border {
	border-top: 8px solid transparent !important;
	border-bottom: 8px solid transparent !important; 
	border-left: 8px solid;
	top: 50%;
	margin-top: -7px;
	right: -8px;
}
.tooltipster-arrow-left .tooltipster-arrow-border {
	border-top: 9px solid transparent !important;
	border-bottom: 9px solid transparent !important; 
	border-left: 9px solid;
	margin-top: -8px;
}
.tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border {
	border-top: 8px solid transparent !important;
	border-bottom: 8px solid transparent !important; 
	border-right: 8px solid;
	top: 50%;
	margin-top: -7px;
	left: -8px;
}
.tooltipster-arrow-right .tooltipster-arrow-border {
	border-top: 9px solid transparent !important;
	border-bottom: 9px solid transparent !important; 
	border-right: 9px solid;
	margin-top: -8px;
}


/* Some CSS magic for the awesome animations - feel free to make your own custom animations and reference it in your Tooltipster settings! */

.tooltipster-fade {
	opacity: 0;
	-webkit-transition-property: opacity;
	-moz-transition-property: opacity;
	-o-transition-property: opacity;
	-ms-transition-property: opacity;
	transition-property: opacity;
}
.tooltipster-fade-show {
	opacity: 1;
}

.tooltipster-grow {
	-webkit-transform: scale(0,0);
	-moz-transform: scale(0,0);
	-o-transform: scale(0,0);
	-ms-transform: scale(0,0);
	transform: scale(0,0);
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
	-webkit-backface-visibility: hidden;
}
.tooltipster-grow-show {
	-webkit-transform: scale(1,1);
	-moz-transform: scale(1,1);
	-o-transform: scale(1,1);
	-ms-transform: scale(1,1);
	transform: scale(1,1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}

.tooltipster-swing {
	opacity: 0;
	-webkit-transform: rotateZ(4deg);
	-moz-transform: rotateZ(4deg);
	-o-transform: rotateZ(4deg);
	-ms-transform: rotateZ(4deg);
	transform: rotateZ(4deg);
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
}
.tooltipster-swing-show {
	opacity: 1;
	-webkit-transform: rotateZ(0deg);
	-moz-transform: rotateZ(0deg);
	-o-transform: rotateZ(0deg);
	-ms-transform: rotateZ(0deg);
	transform: rotateZ(0deg);
	-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 1);
	-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	-moz-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	-ms-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	-o-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
}

.tooltipster-fall {
	top: 0;
	-webkit-transition-property: top;
	-moz-transition-property: top;
	-o-transition-property: top;
	-ms-transition-property: top;
	transition-property: top;
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
}
.tooltipster-fall-show {
}
.tooltipster-fall.tooltipster-dying {
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	-ms-transition-property: all;
	transition-property: all;
	top: 0px !important;
	opacity: 0;
}

.tooltipster-slide {
	left: -40px;
	-webkit-transition-property: left;
	-moz-transition-property: left;
	-o-transition-property: left;
	-ms-transition-property: left;
	transition-property: left;
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}
.tooltipster-slide.tooltipster-slide-show {
}
.tooltipster-slide.tooltipster-dying {
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	-ms-transition-property: all;
	transition-property: all;
	left: 0px !important;
	opacity: 0;
}


/* CSS transition for when contenting is changing in a tooltip that is still open. The only properties that will NOT transition are: width, height, top, and left */
.tooltipster-content-changing {
	opacity: 0.5;
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
}


/*************************************************************
BTN´s
**************************************************************/ 

a.rox_short_button {
	box-shadow: 0 -3px rgba(0, 0, 0, 0.1) inset;
	background: #6C5C33;
	border-radius: 4px;
	display: inline-block;
	font-size: 10px;
	letter-spacing: 1px;
	line-height: 18px;
	margin: 0 5px 5px 0;
	font-weight: 600;
	padding: 7px 20px;
	text-decoration: none;
	text-transform: uppercase;
	color: #FFFFFF;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
}
 a.rox_short_button:hover{ 
	background: #C5A960;
	box-shadow: 0 -3px rgba(0, 0, 0, 0.3) inset; 
	color: #FFFFFF; 
	-webkit-transition:all 0.2s ease-out;
	-moz-transition:all 0.2s ease-out;
	-o-transition:all 0.2s ease-out;
	-ms-transition:all 0.2s ease-out;
	
}
/*************************************************************
Default CSS override
**************************************************************/ 
#ControlPanelWrapper #dnnCPWrap{filter:none!important;}
.ControlContainer{height:43px!important;}
/* Modules */
.DnnModule{margin:0 0 10px 0;}
.DnnModule ul, ol{padding: 0}

/* Panes - In Layout Mode */
.paneOutline{border:0;}
.paneOutline span.SubHead center{border:1px #ccc dotted;border-left:0;border-right:0;line-height:2.5em;}

#iPopUp{display:none;}
.eipbackimg{z-index:1000;}

#fb-root{display:none;}
.fb-like{float:left;}

.ControlContainer {width: 948px!important;}
.dnnEditState .DnnModule{opacity:1 !important;}

ul.dnnAdminTabNav li a{min-width: 60px!important;}

.Normal{font-size:13px;line-height:20px;color:#444; text-align:justify;}
.entry-content .Normal span{color:#444!important}
.SubHead{color:#333;font-weight:bold}
#ServiceImg{display:none!important}
td a img{max-width:none!important;}
.DNN_ANN_DesignTable em{font-size:13px;}

/*************************************************************
 MEDIA QUERIES 
**************************************************************/

@media screen and (max-width: 700px),only screen and (max-device-width :700px) {

	#Satva.Home #Header .Content{position:relative;background:rgba(0,0,0,0.35);}

	#Nav{display:none;}
	#Nav2{display:block;}
	div.mobileMenu{display:block;}
	#grid2 #dnn_grid_two_first, #grid2 #dnn_grid_two_second{width:100%;}
	#grid2LeftB #dnn_grid_two_LeftB_first, #grid2LeftB #dnn_grid_two_LeftB_second{width:100%}
	#grid2RightB #dnn_grid_two_RightB_first, #grid2RightB #dnn_grid_two_RightB_second {width:100%}
	#grid3 #dnn_grid_three_first, #grid3 #dnn_grid_three_second{width:100%;}
	#grid3 #dnn_grid_three_third{width:100%;margin:0}
	#grid4 #dnn_grid_four_first, #grid4 #dnn_grid_four_second, #grid4 #dnn_grid_four_third, #grid4 #dnn_grid_four_fourth {width:49.5%;margin-right:0;}
	#grid4 #dnn_grid_four_second, #grid4 #dnn_grid_four_fourth  {float:right;}
	#Footer #dnn_Footer_LeftPane{width:100%;}
	#Footer #dnn_Footer_CenterPane{width:100%;margin:0}
	#Footer #dnn_Footer_RightPane{width:100%;}
	#top-link { bottom: 12px; right: 10px; }
	#Header #SearchBox, #Header #SearchIcon{display:none}
	#Header #SearchIcon2{display:inline-block!important;}
	.LogoRowRight, .LogoRowLeft{width:100%;text-align:center;}
}

@media screen and (max-width: 320px),only screen and (max-device-width : 320px) {
	#grid4 #dnn_grid_four_first, #grid4 #dnn_grid_four_second{width:100%;margin:0}
	#grid4 #dnn_grid_four_third, #grid4 #dnn_grid_four_fourth{width:100%;}
	img#dnn_dnnLogo_imgLogo{max-width: 100%;height: auto;}
	#Background{padding:0 7px;}
	#Breadcrumb{background-image:none;padding-left:10px;}
}

/*************************************************************
 FONTS 
**************************************************************/

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