/* 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; height:auto!important; }
html{height:100%;-webkit-font-smoothing: antialiased;}
* { _noFocusLine: expression(this.hideFocus=true); }
#Form{height:100%;}
a{
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	outline:0;
	border:0;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
p, ul, ol{margin:0;padding:0;}
#Body{
	height:100%;
	font-family: Open Sans, Lucida Sans Unicode, Arial, sans-serif;
	color:#444444;
	background:#E0F4F8;
}
#Satva{
	width:100%;
	position:relative;
	min-height:100%;
	margin: 0 auto;
}
#layerBG{
	width:100%;
	position:fixed;
	min-height:100%;
	margin: 0 auto;
	*left:0;
	background: #eef9fd;
	background: -moz-linear-gradient(top,  #eef9fd 0%, #B3EDFD 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eef9fd), color-stop(100%,#B3EDFD));
	background: -webkit-linear-gradient(top,  #eef9fd 0%,#B3EDFD 100%);
	background: -o-linear-gradient(top,  #eef9fd 0%,#B3EDFD 100%);
	background: -ms-linear-gradient(top,  #eef9fd 0%,#B3EDFD 100%);
	background: linear-gradient(to bottom,  #eef9fd 0%,#B3EDFD 100%);
}
#Background{
	position:relative;
	min-height:100%;
	margin: 0 auto;
	max-width:986px; 
	padding:0 10px;
}
#Satva.Home #Header{
	margin-bottom:12px;
}
#Header{
	width:100%;
	z-index:10;
	margin-bottom:0px;
}
#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;
}

#Header #Nav{
	position:relative;
	width:100%;
	margin:auto;
	height:auto;
	margin-bottom:5px;

}
.f-nav{
	position:fixed!important;
	top:0!important;
	z-index:2!important;
}
.f-menu{
	max-width:986px!important;
	margin:0 auto!important;
}
.ie8andDown #Header .Content{margin-bottom:0px;}


/* Panel Tab/button */
.tab {
	height: 20px;
	margin-bottom:-20px;
	position: relative;
    top: 0;
    z-index: 999;
}

.tab ul.login {
	display: block;
	position: relative;
  	height: 20px;
	width: 40px;
	margin: 0 auto;
	text-align:center;
	padding:0;
	overflow:hidden;
}

.tab ul.login li {
 	text-align: center;
  	padding: 0;
	display: block;
	height: 20px;
	margin:0;
}

/*.tab ul.login li a {
	color: #15ADFF;
}

.tab ul.login li a:hover {
	color: white;
}*/

.tab a.open, .tab a.close {
	height: 20px;
	cursor: pointer;
	display: block;
	width: 40px;
}

.tab a.open, .tab a.close {background: url(images/ribbon_toggle.png) no-repeat 0 0;}
.tab a.close {background-position: 0 -20px;}
/*.tab a:hover.open {background: url(images/bt_open.png) no-repeat left -19px;}
.tab a:hover.close {background: url(images/bt_close.png) no-repeat left -19px;}*/

/* sliding panel */
#toppanel {
    position: relative;  
    top: 0;
    width: 100%;
    z-index: 999;
    margin-left: auto;
    margin-right: auto;
}

#panel {
	width: 0;
	height: auto;
	background: #376092;
	overflow: hidden;
	position: relative;
	z-index: 3;
	display: none;
}

.full{
	width: 100%!important;
	 transition:				width 0.25s ease-in-out;
    -webkit-transition:	width 0.25s ease-in-out;
    -moz-transition: 		width 0.25s ease-in-out;
}

#Breadcrumb{
	position:relative;
	padding:0;
	margin:0 0 5px 0;
}
#Breadcrumb span{
	color:#999;
	font-family:Lucida Sans Unicode,Verdana, sans-serif;
	font-size:11px;
	line-height:24px;
}

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

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

#Panes{
	max-width:986px;
	margin:0 auto;
	display: block;
	height:100%;
}
#LogoRow{
	min-height:45px;
	background:  url(images/HeaderBG.png) no-repeat right -30px;
	/*height:100%;
	width:100%;
	display:inline-block;*/
}

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

.LogoRowLeft {
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box;    
	box-sizing: border-box;
	padding:20px 20px 20px 0;
	*padding:0; 						/*ie7 fix*/
}

.LogoRowRight{
	text-align:right
}

img#dnn_dnnLogo_imgLogo{
	max-width: 100%;
	height: auto;
	*padding:0 20px 15px 20px;		 /*ie7 fix*/
}

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

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

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}

/*********************************
			LAYOUT
***************************************/

#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;}


#Footer{
	width:100%;
	background: #2E3361 url(images/colorRow.png) no-repeat center bottom;
	padding:10px 0 20px 0;
	margin-bottom:10px;
}

#Footer .Content{padding:0 10px;max-width:966px;margin:0 auto;height:100%;}

 .lateralEsq,  .central, .lateralDir{
 float:left;
	/*display:inline-block;
	*display:inline;
	zoom:1;
	margin-right:-0.25em;
	vertical-align:top;*/
}
 
.lateralEsq{width:21.3%;}
.central{width:57.4%;}
.lateralDir{width:21.3%}
#Satva.Home #Panes{padding-top:0;}

#dnn_lateralEsqPane{margin-right:1em;}
#dnn_lateralDirPane{margin-left:1em;}

#dnn_Footer_LeftPane{margin-right:1em;float:none;width:auto;padding-left:10px;}
#dnn_Footer_CenterPane{margin:0;float:none;width:auto}
#dnn_Footer_RightPane{margin-left:1em;float:none;width:auto;padding-right:10px;}


#Footer #MenuLinks{
	text-align:right;
	padding-top:5px;
}
#Footer #Copyright{
	height:auto;
	max-width:986px;
	padding:8px 0 10px 0;
	text-align:left;
	float:left;
	font-family:Lucida Sans Unicode,Verdana, sans-serif;
	font-size:10px;
	line-height:14px;
}

#Footer .Normal{color:#333;}
#Footer span.SkinObject{
	font-weight:normal;
	color:#9799B0; 
	padding:0;
}

#Footer a.SkinObject, a.FooterLinks, a#map{
	margin:0 10px;
	font-family:Lucida Sans Unicode,Verdana, sans-serif;
	font-size:10px;
	line-height:14px;
}
#Footer a.SkinObject:link, #Footer a.SkinObject:active, #Footer a.SkinObject:visited, a.FooterLinks:link, a.FooterLinks:visited,a.FooterLinks:visited {color:#1AA0C9}
#Footer a.SkinObject:hover, a.FooterLinks:hover{color:#ccc;text-decoration:none}


/* Password Information */
#Passwords{margin:2em 0;padding:0;}
#Passwords li{display:inline-block;height:62px;width:305px;background:url(images/Icons.png) no-repeat -256px -64px;margin:0 15px 0 0;padding:0;list-style-type:none;}
#Passwords li.Host{margin:0;}
#Passwords span.SubHead{display:block;color:#FFF;font-size:14px;padding:11px 0 8px 15px;}
#Passwords span.Password{color:#FFF;padding:0 0 0 15px;}
p.Disclaimer{clear:both;color:#666666;font-size:11px;line-height:14px;}


/*************************************************************
LOGIN GROUP STYLES
 **************************************************************/
#LoginRow{
	width:100%;
	text-align:right;
	height:32px;
	overflow:hidden;
}

#Login{
	text-align:right;
	margin-right:-0.25em;
}

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

ul.buttonGroup{
margin-bottom: 0;
width: 100%;
}

 #Login .loginGroup{
	vertical-align:top;
}
#Login .registerGroup, #Login .loginGroup{
	display:inline-block;
} 
#Login .registerGroup{
	margin-right:-0.25em;
}
#Login .registerGroup li{
	float:left;
	position: relative;
	overflow:hidden;
}

#Login .loginGroup a, li.userDisplayName a{
	padding: 0 16px;
}


#Login .registerGroup a, #Login .loginGroup a{
	display:block;
	font-size:12px;
	line-height:32px;
	font-weight:600;
	text-transform:uppercase;
}

#Login .loginGroup a, li.userDisplayName a{
	color:#fff;	
}

#Login .loginGroup a:hover, li.userDisplayName a:hover {
	text-decoration:none;
}
#Login .loginGroup a{background:#4E89E3}
.registerGroup .userMessages, .registerGroup .userNotifications{
	width:40px;
	overflow:hidden;
	background:#4E89E3 url(Images/userLoginSprite.png) no-repeat;
}
li#dnn_dnnUser_avatarGroup.userProfileImg{width:32px;display:none}
.registerGroup .userMessages{background-position:center -54px;}
.registerGroup .userNotifications{background-position: center -143px;}

.registerGroup .userMessages:hover, .registerGroup .userNotifications:hover, #Login .loginGroup a:hover{
	background-color:#121A59;
}

#Login .registerGroup a strong{
	font-size:0px;
	line-height:0px;
	color:transparent;
}
li.userDisplayName{display:none!important}


/*____USER NEW MESSAGES AND NOTIFICATIONS_________*/
a#dnn_dnnUser_messageLink, a#dnn_dnnUser_notificationLink{
	position:relative;
}

#Login .registerGroup a span{
	position:absolute;
	bottom:10px;
	right:3px;
	display:inline-block;
	padding:0 4px;
	line-height:13px;
	text-align:center;
	font-size:9px;
	color:#fff;
	text-shadow: 0px 1px 0px #333333;
	background: rgb(31,152,241); 
	background: -moz-linear-gradient(top, rgba(31,152,241,1) 0%, rgba(2,111,196,1) 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(31,152,241,1)), color-stop(100%,rgba(2,111,196,1))); 
	background: -webkit-linear-gradient(top, rgba(31,152,241,1) 0%,rgba(2,111,196,1) 100%); 
	background: -o-linear-gradient(top, rgba(31,152,241,1) 0%,rgba(2,111,196,1) 100%); 
	background: linear-gradient(top, rgba(31,152,241,1) 0%,rgba(2,111,196,1) 100%); 
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px; 
}

/*____USER IMAGE_________*/

#Login .registerGroup .userProfileImg a img{
	height:32px; 
	width:32px;
	vertical-align:bottom;
}


#Login .language-object, #Login .language-object span{display:inline-block;vertical-align:bottom;}

#Login .language-object span{
	padding-right:4px;
	padding-top:2px;
	margin:0;
	height:23px;
	width:22px;
}

#Login .language-object span:first-child{
	padding-left:4px;
}

#Login .language-object span img{height:12px; width:20px;opacity:0.5;}
#Login .language-object span:hover img{opacity:1;}

#Login .language-object .Language.selected img{
	opacity:1;
	padding:1px;
	border:1px solid #B099A4;
	top:0;
}
/*************************************************************
Search
**************************************************************/
#Header #SearchBox{
	width:0px;
	*width:165px;
	height:34px;
	display:inline-block;
	text-align:left;
	opacity:0;
	overflow:hidden;
}
span#dnn_dnnSearch_ClassicSearch{
	width:165px;
	display:block;
}
#Login .registerGroup, #Login .registerGroup li, #Login .registerGroup, #Login .loginGroup, #Login, #Login .language-object,#Login .language-object span, #Header #SearchBox, .searchInputContainer, #dnn_TopPane{
	zoom: 1;*display: inline;
}
#Header #SearchBox #dnn_dnnSearch_txtSearch.NormalTextBox{
	width:131px;
	background:#fff;
	color:#666; 
	font-size:12px; 
	padding: 0; 
	border: 0;
	height:34px; 
	outline:none;
	text-indent:5px;
}

#Header #SearchBox a#dnn_dnnSearch_cmdSearch.SkinObject{
	z-index:2000;
}
#Header #SearchBox a#dnn_dnnSearch_cmdSearch.SkinObject, .Search-button{
	float:right;
	width:34px; 
	height:34px;
	background: #FF9900 url(Images/search.png) center -71px no-repeat;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
#Header #SearchBox a#dnn_dnnSearch_cmdSearch.SkinObject:hover,
.Search-button:hover{
	background-color:#4E89E3
}


.Search-button {
	*display:none!important;
	cursor: pointer;
	z-index: 2;
}

.Search-button.ON,.Search-button.ON:hover {
	background-position: center -126px;
	background-color:#376092;
}
.Search-button.ON:hover {
	background-color:#121A59;
}

input#dnnSearchResult_dnnSearchBox_input{max-width:80%!important;}

/*************************************************************
MOBILE MENU
 **************************************************************/
div.mobileMenu{display:none;}
div.vermais{background: url(Images/expand-collapse.png) no-repeat;}


span.expand_menu a{
	position:relative;
	margin:0 auto;
	display:block;
	width:15%;
	height:45px;
}

span.expand_menu a:after	{
	content: '';
	position: absolute;
	width: 68%;
	height: 5px;
	background: #fff;
	top: 10px;
	left: 16%;
	box-shadow: 
		0 10px 0 #fff, 
		0 20px 0 #fff;
	opacity:0.8
		
}
#Nav2:hover span.expand_menu a:after, #Nav2:active span.expand_menu a:after, span.expand_menu.active a:after {	
	opacity:1
}

#Nav2{
	display:none;
	width:100%;
	background:#376092;
	cursor:pointer;
}


/*************************************************************
ACCORDION
 **************************************************************/
#accordion-container {
	font-size: 13px;
	padding: 0;
}

.accordion-header {
	font-size:11px;
	line-height:15px;
	font-weight:600;
	margin: 0;
	padding:10px 8px;
	border-top: 1px white solid;
	border-bottom: 1px #d2d2d2 solid;
	cursor: pointer;
	color:#3691B4;
	letter-spacing:0;
}
.accordion-header:first-child{
	 -moz-box-shadow:    		0 -1px 0 #D2D2D2;
	  -webkit-box-shadow: 	0 -1px 0 #D2D2D2;
	  box-shadow:         		0 -1px 0 #D2D2D2;
  }

.active-header, .active-header:hover, .inactive-header:hover {
	background-color:#fff;
}
.active-header {
	color:#FF9900
}

.active-header:hover {}

.inactive-header {}

.inactive-header:hover {
	color:#FF9900;
}

.accordion-content {
	display: none;
	padding: 0;
	border-bottom: 1px solid #BFBFBF;
	border-top: 0;
	width: 100%!important;
}
.accordion-content p{}
.accordion-content a, .accordion-content a:visited{
	font-size:11px;
	color:#388894;
	display: block;
	padding:3px 20px;
}
 .accordion-content a:hover{
	color:#121A59;
}
.accordion-content a:before{
	display: inline-block;
	*display:inline;
	zoom:1;
	content:"\00BB";
	padding-right:5px;
	position:relative;
	top:-1px;
}
/*************************************************************
SITEMAP - MOBILE MENU
 **************************************************************/
div.mobileMenu{
	padding:0 8px;
	background:#376092
	}

div.toggle_container{
	padding: 0 0 8px 0;
	background:none;
	-webkit-box-shadow: 	0 8px 12px -6px rgba(0,0,0,0.5);
	-moz-box-shadow: 		0 8px 12px -6px rgba(0,0,0,0.5); 
	box-shadow: 				0 8px 12px -6px rgba(0,0,0,0.5);
}

div.sitemap{
	-webkit-box-shadow: 	0 -8px 12px -6px rgba(255,255,255,0.5);
	-moz-box-shadow: 		0 -8px 12px -6px rgba(255,255,255,0.5); 
	box-shadow: 				0 -8px 12px -6px rgba(255,255,255,0.5);
}

div.sitemap > UL {
	text-align:left;
    display: block;
	position: relative;
	padding: 0;
	cursor: pointer;
	white-space:normal;
	border-left: 1px #fff solid;
	border-right: 1px #fff solid;
	border-top: 0px #fff solid;
	border-bottom: 1px #CCC solid;
	-webkit-box-shadow: 	rgba(255,255,255,1) 0 1px 0 inset;	
	-moz-box-shadow: 		rgba(255,255,255,1) 0 1px 0 inset;
	box-shadow: 				rgba(255,255,255,1) 0 1px 0 inset;
}
div.sitemap > UL:last-child{		
	border-bottom: 			1px #fff solid;
	-khtml-box-shadow:		1px 1px 4px rgba(0,0,0,0.05),-1px 1px 4px rgba(0,0,0,0.05), #fff 0 1px 0 inset;
	-ms-box-shadow:		1px 1px 4px rgba(0,0,0,0.05),-1px 1px 4px rgba(0,0,0,0.05), #fff 0 1px 0 inset;
	-o-box-shadow:			1px 1px 4px rgba(0,0,0,0.05),-1px 1px 4px rgba(0,0,0,0.05), #fff 0 1px 0 inset;
	-moz-box-shadow:		1px 1px 4px rgba(0,0,0,0.05),-1px 1px 4px rgba(0,0,0,0.05), #fff 0 1px 0 inset;
	-webkit-box-shadow:	1px 1px 4px rgba(0,0,0,0.05),-1px 1px 4px rgba(0,0,0,0.05), #fff 0 1px 0 inset;
	box-shadow:				1px 1px 4px rgba(0,0,0,0.05),-1px 1px 4px rgba(0,0,0,0.05), #fff 0 1px 0 inset;
}
div.sitemap > UL:first-child{-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;}

div.sitemap UL A {
	font-size:13px;
	line-height:16px;
	font-weight:600;
	color:#FF9900;
	text-shadow:rgba(255,255,255,0.5) 0px 1px 0px;
	display: block;
	width:80%;
	padding-left:10%;
	padding-right:10%;
	padding-top:13px;
	padding-bottom:11px;
}

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;position:absolute;top:0;right:1px;}


div.vermais{
	width:100%;
	height:39px;
	background-color:rgba(255,255,255,0.6);
	background-position:center 17px;
	display:inline-block;
	cursor:pointer;
	position:absolute;
	border-left:1px solid #CCC;
	border-bottom:1px solid transparent;
}
div.vermais:hover{background-color:#fff;}
div.colapsada.active div.vermais {background-position:center -21px;border-bottom:1px solid #CCC;}

div.sitemap > UL > li.current > a, div.sitemap UL UL UL > li.current > a, div.sitemap UL UL > li.current > a {color: #28467D; background-color:#fff;}

div.sitemap UL a:hover, div.sitemap UL a:active, div.sitemap > UL UL > li.current > a:hover {background-color:#fff;color:#3691B4}

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

div.sitemap UL li#hasChild UL li#hasChild {
	padding-bottom:10px;
}

div.sitemap UL UL A {
	background: url(Images/seta.png) 10% 10px no-repeat;
	font-size:12px;
	line-height:15px;
	font-weight:600;
	padding:8px 0;
	color:#444444;
	text-transform:none;
	width:80%;
	padding-left:14%;
	padding-right:6%;
	padding-top:7px;
	padding-bottom:5px;
}
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 {
	font-size: 11px;
	line-height:14px;
	background: none;
	width:74%;
	padding-left:20%;
	padding-right:6%;
	padding-top:4px;
	padding-bottom:3px;
}
div.sitemap UL UL UL A:hover, div.sitemap UL  UL UL > li.current > a {}

div.sitemap LI {
	list-style-type: none;
}

/*************************************************************
 HEADERS, LINKS, 
 **************************************************************/
 h1, h2, h3, h4, h5{
	font-family:Open Sans, Sans-Serif;
}

h1{
	color: #FF9900; 
	font-size:18px;
	line-height:20px;
	font-weight:400;
	margin:5px 0;
}
h2{
	color: #FF9900;
	font-size:18px;
	line-height:24px;
	font-weight:600;
	letter-spacing: -1px;
	margin:5px 0;
}
h3{
	color: #FF9900; 
	font-size:15px;
	line-height:17px;
	font-weight:600;
	letter-spacing: -0.05em;
	margin:5px 0;
}
h4{
	color: #FF9900; 
	font-size:33px;
	line-height:33px;
	font-weight:300;
	letter-spacing: -1px;
	margin:5px 0;
}
.dark {color: #222222;}
.gray {color: #666666;}
.blue {color: #558ED5;}
.red {color: #9D211A;}
.yellow {color: #F99D02;}
.orange{color:#FF9900;font-weight:600;font-size:11px;}
.green {color: #808000;}
/*a:visited,a:active,a:link{color:#666666;}
a:hover{text-decoration:none;color:#3691B4!important;}*/

a, a:visited {color: #3691B4;text-decoration: none;outline: 0;}
a:hover{text-decoration:none;color:rgb(2,139,255);}

a.orange:visited,a.orange:active,a.orange:link{
color:#FF9900!important;
font-weight:600;
margin:5px 0;
}
a.orange:hover{text-decoration:none;color:#3691B4!important;}


a.red:visited,a.red:active,a.red:link{color:#9D211A!important;}
a.red:hover{text-decoration:none;color:#000000!important;}

a.redInverted,a.redInverted:visited,a.redInverted:active,a.redInverted:link{color:#000000!important;}
a.redInverted:hover{text-decoration:none;color:#9D211A!important;}

a.blue:visited,a.blue:active,a.blue:link{color:#3691B4!important;}
a.blue:hover{text-decoration:none;color:#4E89E3!important;}

a.blueInverted:visited,a.blueInverted:active,a.blueInverted:link{color:#000000!important;}
a.blueInverted:hover{text-decoration:none;color:#3691B4!important;}

a.branco:visited,a.branco:active,a.branco:link{color:#ffffff!important;}
a.branco:hover{text-decoration:underline;}

a.cinza:visited,a.cinza:active,a.cinza:link{color:#ccc!important;}
a.cinza:hover{text-decoration:underline;}

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

/* This is the default Tooltipster theme (feel free to modify or duplicate and create multiple themes!): */
.tooltipster-default {
	border-radius: 5px; 
	border: 1px solid #FF9900;
	background: #FF9900;
	color: #fff;
	/*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-size: 12px;
	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
  **********************/

.rox_short_button2 a, .rox_short_button a, a.rox_short_button{ 
	border-radius: 4px; 
	display: inline-block; 
	font-size: 10px; 
	letter-spacing: 1px;
	line-height: 18px; 
	margin: 0 5px 5px 0; 
	font-weight:600;
	padding: 6px 17px; 
	text-decoration: none; 
	text-transform: uppercase; 
	color: #FFFFFF!important; 
	border: 2px solid #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;

 }
 .rox_short_button a, a.rox_short_button{ 
	box-shadow: 0 -3px rgba(0, 0, 0, 0.1) inset; 
	background: #388894;
	border:none;
 }
.rox_short_button2 a:hover, .rox_short_button a:hover, a.rox_short_button:hover{ 
	color: #000000!important; 
	background: #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;
}
.rox_short_button a:hover, a.rox_short_button:hover{
	background: #4E89E3; 
	box-shadow: 0 -3px rgba(0, 0, 0, 0.3) inset; 
	color: #FFFFFF!important; 

}

/*------------------------------------------------*/
/* BUTTONS STYLE */
/*------------------------------------------------*/

.primaryButton,
a.primaryButton {
    display: inline-block;
    padding: 9px 20px;
    margin-bottom: 5px;
    background-color: #1aa0c9;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    border: 0px solid #ffffff;
    -moz-box-shadow: 0px 1px 3px rgba(240,240,240,0.5), inset 0px 0px 0px rgba(15,177,217,0);
    -webkit-box-shadow: 0px 1px 3px rgba(240,240,240,0.5), inset 0px 0px 0px rgba(15,177,217,0);
    box-shadow: 0px 1px 3px rgba(240,240,240,0.5), inset 0px 0px 0px rgba(15,177,217,0);
    font-weight: 600;
    font-size: 13px;
    line-height: 1;
    text-align: center;
    color: #ffffff;
    text-shadow: 0px 0px 0px rgba(000,000,000,0), 0px 0px 0px rgba(255,255,255,0);
	 -ms-transition: 			all 0.2s ease-in-out;
	 -o-transition: 				all 0.2s ease-in-out;
	 -webkit-transition: 		all 0.2s ease-in-out;
	 -moz-transition:			all 0.2s ease-in-out;
	 transition:					all 0.2s ease-in-out;
}

a.dnnPrimaryAction {
    color: #efefef;
}


.primaryButton:hover,
a.primaryButton:hover{
    cursor: pointer;
    cursor: hand;
    background-color: #376092;
	 -ms-transition: 			all 0.2s ease-in-out;
	 -o-transition: 				all 0.2s ease-in-out;
	 -webkit-transition: 		all 0.2s ease-in-out;
	 -moz-transition:			all 0.2s ease-in-out;
	 transition:					all 0.2s ease-in-out;
}
/*************************************************************
Detalhes
**************************************************************/ 

ul.detalhes{
	width: 100%;
	margin:0 auto;
	display: block;
	text-align:left;
}

ul.detalhes li{float: left;list-style: none;height:auto}
ul.detalhes li.imagem{
	position: relative;
	display: block;
	width:25%;
}
ul.detalhes li.imagem .imageContainer{
	padding:20px 0 20px 20px;
}
ul.detalhes li.imagem .imageContainer img {
	width:100%;
	height: auto;
	padding:0;
	margin-top:0;
}

ul.detalhes li.texto{
	width: 75%;
	padding:0;
	overflow:hidden;
}
ul.detalhes li.texto .textContainer{
	padding-left:20px;
	text-align:left;
	color:#121A59!important;
}
ul.detalhes li.texto .textContainer p{
	margin-bottom:9px;
}
ul.detalhes li.texto .textContainer .titulo{
	color: #FF9900;
	font-size:16px;
	line-height:24px;
	font-weight:600;
	padding-bottom: 0;
	letter-spacing: -0.04em;
}
ul.detalhes li.texto .textContainer .eventdetails{
	margin-bottom:5px;
}
.eventdetails{
	font-size:11px;
	color:#666;;
}
.detalhesContainer{
	padding:20px;
}
.detalhesContainer h2{
	margin-top:0;
	margin-bottom:2px;
}
/*************************************************************
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: 984px!important;}
.dnnEditState .DnnModule{opacity:1 !important;}

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

.Normal{font-size:12px;line-height:16px;color:#444444}
.SubHead{color:#333;font-weight:600}
#ServiceImg{display:none!important}


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

@media screen and (max-width: 767px),only screen and (max-device-width :767px) {
	.royalSlider.rsAutoHeight, .rsAutoHeight .rsSlide {min-height:10px!important}
	#Nav{display:none;}
	#Nav2{display:block;}
	div.mobileMenu{display:block;}

	#Satva.Home .lateralEsq{width:100%;}
	#Satva.Home .central{width:100%;}
	#Satva.Home .lateralDir{width:100%}
	#dnn_lateralEsqPane, #Satva.Home  #dnn_Footer_LeftPane{margin-right:0;}
	#dnn_lateralDirPane, #Satva.Home  #dnn_Footer_RightPane{margin-left:0;}

	#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;}
	#dnn_Footer_LeftPane{width:100%;}
	#dnn_Footer_CenterPane{width:100%;margin:0}
	#dnn_Footer_RightPane{width:100%;}
	#top-link { bottom: 12px; right: 10px; }
	.LogoRowRight, .LogoRowLeft{width:100%}
	.LogoRowLeft{padding:15px 20px;text-align:center; }
	.LogoRowRight{margin-top:-34px;}
}
@media screen and (max-width: 644px),only screen and (max-device-width :644px) {
	.ThemeINSS .RptTable ul.eventos li.imagem, ul.detalhes li.imagem{
		display:none!important;
	}
	.ThemeINSS .RptTable ul.eventos li.texto, ul.detalhes li.texto{
		width:100%!important;
	}
	.ThemeINSS .RptTable ul.eventos li.texto .textContainer, ul.detalhes li.texto .textContainer{
		padding-left:0!important;
	}





}
@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;-ms-interpolation-mode: bicubic;}
	.ie8andDown img#dnn_dnnLogo_imgLogo{max-width: 200px;height: auto;-ms-interpolation-mode: bicubic;}
	#Background{padding:0 7px;}
	#Breadcrumb{background-image:none;padding-left:10px;}
}