/* 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, object, embed{ max-width: 100%;}img { height: auto;}
/* ! The 1140px Grid DotNetNuke Skin by dnnideas.com */
hr.dot { border:none; border-bottom:1px #666 dashed}
input.letter { padding:5px; border:1px #ccc solid; outline:none; margin:10px 0; width:90%}
#Body { background:#ececec}
#DNN6 { position:relative;z-index:1; padding:0px; margin:0px;}
#DNN6x { position:relative;z-index:1; padding:0px; margin:0px;}
#DNN6 .Menubg { background:url(../images/Menubg.png) top center no-repeat;border-bottom:2px solid #fff200;margin-bottom:5px;}
.clr { clear:both}
.fleft { float:left}
.fright { float:right}
.blackcolor { color:#000}
.whitecolor { color:#fff}
.mr10 { margin-right:10px; border:1px #000 solid}
.mlr40 { margin:0 40px;min-height: 135px;}
.mlr4x { background:url(../images/headerbg.png) top center no-repeat;min-height:167px;}
.MyContent { background:url(../images/mainbg.png) top center no-repeat;border-top:2px solid #0d56a4;}
.MyContentI { background:url(../images/bgin.png) top center no-repeat;border-top:2px solid #0d56a4;padding-bottom: 30px;}
.Myhead {
padding-right: 36px;
}
.mleft{float:left}
.DnnModule {margin:0px!important;}
.row { width: 100%;max-width: 1035px;min-width: 755px;margin: 0 auto}
.bgleft { padding-left:40px; background:url(../images/bgleft.png) left bottom no-repeat }
.bgright { padding-right:40px; background:url(../images/bgright.png) right bottom no-repeat}
.grid3 { width:24%}
.grid4 { width:31%; padding-right:2%}
.w49 { width:49%}
.whitebg { background:url(../images/foot-bg.jpg) left bottom repeat-x #fff; min-height:93px; margin:0 40px; padding:0 10px}
.topbar { padding:0px; margin:0px; height:39px; }
#mostrar { display:none}
#dnnheader { margin:0 10px 0px 10px; position:relative;}
#dnnheader .logo { margin:0px 0 0 0; position: absolute;left: -145px;}
#dnnheader .logo a img { margin:0 0 0 0;}
#dnncontent { margin:0px; min-height:500px;position:relative; z-index:904; padding:5px 1px 0; margin-bottom:-20px;}
#dnnfooter { background:url(../images/footerback.png) top center no-repeat #C0BFBC; padding:0px;color:#666; margin:0px; padding-top:25px}
#dnncopyright { background:#0c4da2;color:#fff; font-size:10px; font-family:Arial, Helvetica, sans-serif; border-top:1px #333 solid}
#dnncopyright .fleft strong { color:#fff; font-size:16px;}
#dnncopyright a.fright { color:#fff; margin-left:10px}
#dnncopyright a.fleft { color:#fff; margin-left:10px}
#dnncopyright a.fright:hover { color:#fff}
/* LOGIN GROUP STYLES */
#Login { padding:0px; margin:0px; height:39px; }
#Login .bg { padding:0px; margin:0 71px; height:39px; }
#Login .registerGroup,
#Login .registerGroup *,
#Login .loginGroup,
#Login .loginGroup * { display:block; margin:0px; padding:0px}
#Login .registerGroup,
#Login .loginGroup { float:left;padding:0;margin:0;}
#Login .registerGroup li:first-child:hover{}
/* Register Group Styles */
#Login .registerGroup li { float:left;height:33px; border:none /*dark*/}
#Login .registerGroup .buttonGroup { margin-right:0;}
#Login .registerGroup a,
#Login .loginGroup a { position:relative;display:block;padding:11px 12px;min-width:15px; min-height:11px;font-weight:bold;font-size:12px;vertical-align:middle;line-height:1em; text-decoration:none; color:#000}
#Login .registerGroup a:hover,
#Login .loginGroup a:hover,
#Login .registerGroup a:active,
#Login .loginGroup a:active { color:#fff;}
#Login .registerGroup a:hover,
#Login .loginGroup a:hover { text-decoration:none;}
#Login .registerGroup a strong,
#Login .loginGroup a strong { position:absolute;left:0; top:0;width:100%; height:100%;display:block;font-size:11px;font-weight:bold;vertical-align:baseline;overflow:hidden;text-indent:-9999px;}
.loginlink { float: left;
padding: 0 10px;color:#fff!important;}
.registerGroup .userMessages strong,
.registerGroup .userNotifications strong{background:url(../Images/userLoginSprite.png) no-repeat 15px 12px;}
.registerGroup .userNotifications strong{ background-position:-85px 10px; }
.registerGroup .userMessages strong:hover{background-position:15px -40px; }
.registerGroup .userNotifications strong:hover{ background-position:-85px -42px;}
.registerGroup .userMessages strong:active{background-position:15px -91px; }
.registerGroup .userNotifications strong:active{ background-position:-85px -92px;}
#Login .registerGroup a span{position:absolute;right:0px; top:2px;display:inline-block;padding:1px 4px;min-width:7px;
text-align:center;
background:#f00; /* Old browsers */
font-size:9px;
color:#fff;z-index:1000;-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px;
}
#Login .registerGroup .userProfileImg a{padding:0;background:none;min-width:25px;}
#Login .registerGroup a img { height:30px; width:30px; min-width:30px; margin:3px -1px 0 0; position:relative; z-index:1}
/* Login Group Styles */
#Login .loginGroup{ /*light*/}
#Login .loginGroup a { padding:11px 12px; font-weight:bold; background:url(../images/ts.gif) 0 0 no-repeat}
#Login a{ float:left; line-height:32px; padding:0 5px}
#top-link { display:none;position:fixed; right:15px; bottom:90px; text-decoration:none; padding:30px 25px; z-index:904; background:url(../images/up.png) 0 0 no-repeat}
a.backhome { display:block; width:40px; height:38px; background:url(../images/backhome.png) 0 0 no-repeat; float:left; margin-left:-5px}
a.backhome:hover { display:block; width:40px; height:38px; background:url(../images/backhome.png) 0 -38px no-repeat; float:left}
div.unoslider_indicator a.unoslider_indicator_active { background: url(../images/btnactive.png) 0 0 no-repeat;}
#dnnmenu { }
.MyBanner {position:relative;}
.shadow {z-index:999;position: absolute;top: 0px;}
.lftdv {background:url(../images/lftrbn.png) 0 0 repeat; margin-bottom:1px; height:50px; width:35px; position:absolute;margin-left:-21px; margin-top:13px; }
.rgttdv {background:url(../images/rgtrbn.png) 0 0 repeat; margin-bottom:1px;height:50px; width:35px; margin-top:13px;position:absolute; right: -24px; }
#menubox { margin:0px; position: relative; z-index:905;}
ul.sf-menu, ul.sf-menu * { margin:0;padding:0;list-style:none;}
ul.sf-menu > li { position:relative;float:left;margin:0; background:url(../images/menuline.png) left center no-repeat}
ul.sf-menu > li.first { background:none}
ul.sf-menu li a, ul.sf-menu li a:link, ul.sf-menu li a:active { display:block; color:#0d56a4; padding:0px; font-size:15px;letter-spacing:1px; text-decoration:none; line-height:1em;font-family:'Lato'; font-size:16px; font-weight:bold;}
ul.sf-menu li a span { display:block; padding:16px 18px; font-family:'Lato',"Trebuchet MS", "Myriad Web Pro", arial, serif;}
ul.sf-menu li.current a, ul.sf-menu li.Breadcrumb a, ul.sf-menu li.sfHover a, ul.sf-menu li a:hover{ text-decoration:none}
ulsf-menu li ul li.current a, ul.sf-menu li ul li.Breadcrumb a, ul.sf-menu li ul li.sfHover a, ul.sf-menu li ul li a:hover{ text-decoration:none; background:none}
/***submenu***/
ul.sf-menu ul { position:absolute;top:-999em;z-index:99;width:150px; display:none;padding:0 10px;background:url(../images/t8.png);}
ul.sf-menu li li { width:100%;position:relative; text-align:left; border-top:1px #222 solid}
ul.sf-menu li li.first { border-top:0px #fff dashed}
ul.sf-menu li li a, ul.sf-menu li li a:link, ul.sf-menu li li a:active, ul.sf-menu li li a:visited{ font-weight:normal; color:#d0d0d0; padding:8px 8px 8px 0; background:none; text-transform:none; font-size:13px}
ul.sf-menu li li > a:hover, ul.sf-menu li li.sfHover > a{ text-decoration:none}
ul.sf-menu li:hover ul,
ul.sf-menu li.sfHover ul { left:0px;top:47px;}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul { top:-999em;}
/***subsubmenu***/
ul.sf-menu ul ul { width:150px;}
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left:159px; top:0px;}
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top:-999em;}
ul.sf-menu li.haschild a span { background: url(../images/down.png) right center no-repeat; display:block;}
ul.sf-menu li ul li a.haschild { background: url(../images/right.png) right center no-repeat; }
ul.sf-menu li ul li a.haschild:hover { background: url(../images/right.png) right center no-repeat; }
/* last sub menu*/
ul.sf-menu li li.last ul { right:0px}
ul.sf-menu li.last li:hover ul, ul.sf-menu li.last li.sfHover ul{ left:-170px}
ul.sf-menu li.current a, ul.sf-menu li.Breadcrumb a, ul.sf-menu li.sfHover a, ul.sf-menu li a:hover{ color:#eddf44}
ul.sf-menu li li > a:hover, ul.sf-menu li li.sfHover > a{ color:#eddf44}
.Headpane { margin-right:15px; width:300px; text-align:right; position:relative; z-index:906}
.TopLeftPane, .TopRightPane { width:49%}
.FootAPane { width:48.31%; margin-right:1.1% }
.FootCPane,.FootDPane { width:24.157%}
.LeftPane { width:24.157%; margin-right:1.1%}
.CenterPane { width:73%}
.FAColPane,.FBColPane {width:32%;margin-right:2%; padding-top:10px;}
.FCColPane { width:32%; padding-top:10px;}
.LeftFourPane, .RightFourPane { width:30%}
.LeftEightPane, .RightEightPane { width:65%}
.BannerPane { /*padding-bottom:8px;*/ margin:0px}
.searchbox { position:relative;z-index:200;width:18%; background:url(../images/search-bg.gif) 0 0 repeat-x; height:32px; border:1px #000 solid; margin:6px 1.5% 0 0;}
.searchbox .SkinObject { color:#fff;font-family:Arial, Helvetica, sans-serif;font-weight:normal;color:#ccc}
.searchbox #dnn_dnnSEARCH_txtSearch { left:7px;top:3px;z-index:2000;width:80%;background:transparent;border:none; color:#777; font-size:12px; font-family:Arial, Helvetica, sans-serif; padding:0px; height:25px; line-height:25px; outline:none}
.searchbox a:link,
.searchbox a:active,
.searchbox a:visited { display:block;width:27px;height:27px; position:absolute;right:2px;top:2px;z-index:2000;background:url(../images/search.png) 0 0 no-repeat}
.searchbox a:hover { background:url(../images/search.png) 0 -27px no-repeat}
/* Mobile SlideShow*/
.grid_8 { float:left; width:300px;}
.grid_16 { float:left; width:620px;}
ul.elements-list li { height:30px}
ul.elements-list code { float:right; margin:0px; padding:1px 2px; font-family:Arial, Helvetica, sans-serif}
.list-wrapper .listbox { width:23%; float:left; margin-right:1%;}
.list-wrapper .mlist ul { margin:0px; padding:0px}
.dlist dt { margin:0px; padding:5px 0; font-weight:bold}
.dlist dd { margin:0px; padding:0px;}
.ulist1 { margin:0px; padding:0px;}
.ulist1 li { margin:0px; padding:5px 0; list-style:none; background:url(../images/li.gif) 3px center no-repeat; padding-left:20px;}
.ulist2 { margin:0px; padding:0px;}
.ulist2 li { margin:0px; padding:5px 0; list-style:none; background:url(../images/ul2.gif) 3px center no-repeat; padding-left:20px;}
.ulist3 { margin:0px; padding:0px;}
.ulist3 li { margin:0px; padding:5px 0; list-style:none; background:url(../images/ul3.gif) 3px center no-repeat; padding-left:20px;}
.ulist4 { margin:0px; padding:0px;}
.ulist4 li { margin:0px; padding:5px 0; list-style:none; background:url(../images/ul4.gif) 3px center no-repeat; padding-left:20px;}
.workteam { background:#eee; padding:2%; margin:10px 3% 10px 0; width:26%;}
.workteam img { width:100%}
/* --- My Custome code -----*/
/*--------- CarouFredSel Style ----------*/
.carouFredSel { position:relative; }
.carouFredSel ul { list-style:none; margin:0; padding:0; width:auto; }
.carouFredSel ul li { float:left; list-style:none; height:auto; margin:0 5px; position:relative; min-height:240px; }
.carouFredSel_img{ position:relative;filter:Alpha(Opacity=100);opacity:1;}
.carouFredSel_img:hover{filter:Alpha(Opacity=80);opacity:0.8;}
.carouFredSel_nav { position:absolute; right:0; top:-75px; padding:5px 8px 5px 5px;}
.carouFredSel_nav a{outline:none;}
.caroul_prev { background: url(../images/crousel_l.png) no-repeat center center #0c4da2; margin-right:5px; padding:4px 12px; transition: all 0.8s ease 0s; -webkit-transition:all 0.8s ease 0s;-moz-transition:all 0.8s ease 0s;}
.caroul_next { background: url(../images/crousel_r.png) no-repeat center center #0c4da2; padding:4px 12px; transition: all 0.8s ease 0s; -webkit-transition:all 0.8s ease 0s;-moz-transition:all 0.8s ease 0s;}
.caroul_prev:hover { background: url(../images/crousel_l.png) no-repeat center center #fcee23; }
.caroul_next:hover { background: url(../images/crousel_r.png) no-repeat center center #fcee23; }
.carouFredSel_text{ padding:15px;}
.carouFredSel_text span{ color:#414042; font-size:13px; font-weight:700;}
/*--------- CarouFredSel Style ----------*/
.carouFredSel2 { position:relative; padding:10px ; margin:0 5px; border:1px solid #e5e5e5;}
.carouFredSel2 .caroul_img{ text-align:center;filter:Alpha(Opacity=60);opacity:0.6;}
.caroul_img:hover{filter:Alpha(Opacity=100);opacity:1; }
.carouFredSel2 ul { list-style:none; margin:0; padding:0; width:auto;}
.carouFredSel2 ul li { float:left; list-style:none; height:auto; min-height:60px; margin-right:0px; line-height:60px; position:relative; filter:Alpha(Opacity=100);opacity:1;}
.carouFredSel_nav2 { position:absolute; right:0; top:-55px; padding:5px 0 5px 5px;outline:none;}
.carouFredSel_nav2 a{outline:none;}
.caroul_prev2 { background: url(../images/carouFredSel_prev.png) no-repeat center center #e0e0e0; margin-right:5px; padding:4px 12px;}
.caroul_next2 { background: url(../images/carouFredSel_next.png) no-repeat center center #e0e0e0; padding:4px 12px; }
.caroul_prev2:hover { background: url(../images/crousel_l.png) no-repeat center center #777;transition: all 0.8s ease 0s; -webkit-transition:all 0.8s ease 0s;-moz-transition:all 0.8s ease 0s;}
.caroul_next2:hover { background: url(../images/crousel_r.png) no-repeat center center #777;transition: all 0.8s ease 0s; -webkit-transition:all 0.8s ease 0s;-moz-transition:all 0.8s ease 0s; }
/*--------- CarouFredSel Style ----------*/
.carousel_up { position:relative; padding:0 ; margin:0; border:none; min-height:230px; }
.carousel_up ul { list-style:none; margin:0; padding:0; width:auto;}
.carousel_up ul li { list-style:none; height:auto; padding:0 0 20px; }
.carousel_up ul li .carousel_up_img{ float:left; padding-top:7px; }
.carousel_up ul li .carousel_up_text{ padding-left:28px; }
.carousel_up ul li .carousel_up_text a{ color:#CC2830;}
/*-- END --*/
@media handheld, only screen and (max-width: 1140px) { ul.sf-menu li a span{ padding:16px 16px} }
@media handheld, only screen and (max-width: 1100px) { ul.sf-menu li a span{ padding:16px 12px} }
@media handheld, only screen and (max-width: 1024px) { ul.sf-menu li a span{ padding:16px 10px} }
@media handheld, only screen and (max-width: 980px) { ul.sf-menu li a span{ padding:16px 8px; font-size:14px} }
@media handheld, only screen and (max-width: 900px) { ul.sf-menu li a span{ padding:16px 8px; font-size:13px} }
@media handheld, only screen and (max-width: 860px) { ul.sf-menu li a span{ padding:16px 8px;font-size:12px} }
@media handheld, only screen and (max-width: 820px) { ul.sf-menu li a span{ padding:16px 8px; font-size:11px} }
/*update 20121018*/
.leftbox { width:20%; }
.rightbox { width:78%}
div#menubox{ z-index:1000}
div#Login .bg{ margin:0 71px 0 70px}
div.Headpane{ width:auto; margin-top:45px;}
div.BannerPane { position:relative; z-index:905}
@media handheld, only screen and (max-width: 1050px) {
div.desbox h1 { font-size:24px}
div.desbox, div.desbox p, div.desbox div{ font-size:16px; line-height:20px}
div#photos div.photo{ width:40%}
ul.sf-menu li.haschild a span{ background: url(../images/down.png) bottom center no-repeat}
}
@media handheld, only screen and (max-width: 850px) {
div.desbox h1 { font-size:20px}
div.desbox, div.desbox p, div.desbox div{ font-size:16px; line-height:20px}
}
@media handheld, only screen and (max-width: 767px) {div.HeadPane{width: auto;margin: 0px;padding:0px; clear:both}}