/*--------- CSS Reset for Mobile ----------*/
@media handheld, only screen and (max-width: 767px) {
body {-webkit-text-size-adjust:none;}
.skin_width,body{width:100%;min-width:0;}
.floatl, .floatr{ float: none;}
.pc_display { display:none;}
.mobile_display { display:block;}
.flexslider2 .slides .foto_header{ display:none !important; }


/*-------- design style --------*/
.headerpane_style {padding:5px 10px 50px 10px;}
.logo_style { text-align:center; padding:20px 10px 10px 10px;}
.user_style { float:none; text-align:center; padding:0;  position:absolute; top:0; left:0; width:100%; margin:0;}
.search_style { /* position:absolute; right:5px; */ text-align: center; position:relative; margin-top:10px; margin-bottom:10px; }
.mobile_nav { display:block; /*position:absolute; left:7px; bottom:7px;*/ background:url(../images/mobile_menu_click.png) no-repeat center center #EAEAEA; border: 1px solid #d1d1d1; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset; -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset; width:95px; height:33px;}
.click_img {width:97px; height:33px;}
#dnn_dnnSEARCH_ClassicSearch{ position:relative; }
#Search a { top: -8px !important; }
#Login{ float:none;}
.skin_nav { background:#F4F4F4; border:none; min-height:0; padding:5px;}
#nav_box{ display:none; width:98%; margin:0 1%; padding:0 0 5px 0;}
.footerpane_style { padding:5px;}
.bottom_style { padding:5px 0;}
.copyright_style { float:none; text-align:center; padding:5px;}
.privacy_style { float:none; text-align:center; padding:5px;}
.Social-Links{ text-align:center; padding:0 0 0 0;}
.barraTopo{ background:#000; }
.skin_header{ background:#3d8ec5 !important; height:100%; }

/*--------- StandardMenu style ----------*/
#standardMenu {width:auto;}
#standardMenu ul {padding:0;}
#standardMenu .rootMenu {float:none;border:none; }
#standardMenu .rootMenu li{width:100%; float:none; margin-bottom:2px; text-align:left; background:none; }

#standardMenu .rootMenu li a{display:block; background:url(../images/mobile_nav_bg.jpg) repeat-x center top; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; padding:0; }
#standardMenu .rootMenu li.breadcrumb a { background:url(../images/mobile_nav_sel.jpg) repeat-x top; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; }
#standardMenu .rootMenu li.selected a, #standardMenu .rootMenu li.rmHover a, #standardMenu .rootMenu li a:hover, #standardMenu .rootMenu li:hover a { margin:0; background:url(../images/mobile_nav_sel.jpg) repeat-x top; }

#standardMenu .rootMenu li a span {display:block; padding:0 20px; color:#ffffff; white-space:nowrap; font-size:12px; font-weight:bold; text-transform:uppercase; margin-right:0; height:38px; line-height:38px; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); position:relative; }
#standardMenu .rootMenu li.selected a span,#standardMenu .rootMenu li.breadcrumb a span,#standardMenu .rootMenu li.rmHover a span,  #standardMenu .rootMenu li:hover a span, #standardMenu .rootMenu li a:hover span{ text-decoration:none; background:none; }

#standardMenu .rootMenu a span .navarrow{ position:absolute; width:60px; height:38px; margin-right:0; right:0px; background:url(../images/mobile_navarrow.png) no-repeat center 0;}
#standardMenu .rootMenu li.selected a span .navarrow, #standardMenu .rootMenu li.breadcrumb a span .navarrow, #standardMenu .rootMenu li.rmHover a span .navarrow, #standardMenu .rootMenu li:hover a span .navarrow, #standardMenu .rootMenu li a:hover span .navarrow{ margin-right:0; background:url(../images/mobile_navarrow.png) no-repeat center 0; }

#standardMenu .rootMenu a span .navarrow2{ position:absolute; width:60px; height:38px; margin-right:0; right:0px; background:url(../images/mobile_navarrow.png) no-repeat center -42px;}
#standardMenu .rootMenu li.selected a span .navarrow2, #standardMenu .rootMenu li.breadcrumb a span .navarrow2, #standardMenu .rootMenu li.rmHover a span .navarrow2, #standardMenu .rootMenu li:hover a span .navarrow2, #standardMenu .rootMenu li a:hover span .navarrow2{ margin-right:0; background:url(../images/mobile_navarrow.png) no-repeat center -42px; }

/*-- submenu --*/
#standardMenu .subMenu{ background:none; left:0; position:static; width:auto; border:1px solid #6F6F6F; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; margin-top:1px;}
#standardMenu .subMenu li{ float:none; clear:both; width:100%; padding:0; margin:0; filter:Alpha(Opacity=100); opacity:1;}
#standardMenu .subMenu li.item a{ border-top:1px solid #848484; border-bottom:1px solid #545454; margin:0; padding:0; height:auto; background:url(../images/mobile_subnav_bg.jpg); border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; filter:Alpha(Opacity=100); opacity:1; }
#standardMenu .subMenu li.haschild > a { background:url(../images/mobile_subnav_bg.jpg);}
#standardMenu .subMenu li.first > a { border-top:none; }
#standardMenu .subMenu li.last > a { border-bottom:none; }
#standardMenu .subMenu li li.item a{ border-top:1px solid #848484; border-bottom:1px solid #545454; }
#standardMenu .subMenu li.item a span{ padding:0 35px 0 15px; color:#FFFFFF; background:none; height:35px; line-height:35px;}
#standardMenu .subMenu li.item a:hover span { background:#847400; color:#FFFFFF; cursor:pointer; }
#standardMenu .subMenu li.selected > a span, #standardMenu .subMenu li.breadcrumb > a span, #standardMenu .subMenu li.breadcrumb.haschild > a span{background:none;}
#standardMenu .subMenu li.selected.haschild > a span, #standardMenu .subMenu li.item.haschild > a:hover span { background: #847400;}
#standardMenu .subMenu li.selected a span, #standardMenu .subMenu li.selected.haschild > a span{ background:#847400;}
#standardMenu .level1 li.item a span{ padding:0 35px 0 30px; background:none; display:block;}
#standardMenu .level2 li.item a span{ padding:0 35px 0 45px; background:none; display:block;}
#standardMenu .level3 li.item a span{ padding:0 35px 0 60px; background:none; display:block;}
#standardMenu .subMenu .subarrow{ display:none; background:none;}
#standardMenu .subMenu .subarrow{ display:none; background:none;}
#standardMenu .level1 li.selected > a span, #standardMenu .level2 li.selected > a span, #standardMenu .level3 li.selected > a span{ background:#847400;}

#standardMenu ul li ul li ul{ width:auto; margin:0; border:none; }
#standardMenu ul li ul li ul.level1{ display: block;position:static;left:auto; top:auto;}
#standardMenu ul li ul li ul li ul{ display:block;}
#standardMenu ul li ul li ul li:hover ul.level2 { display: block;position:static;left:auto;top:auto;}
#standardMenu ul li ul li ul li ul li ul{ display:block;}
#standardMenu ul li ul li ul li ul li:hover ul.level3 { display: block;position:static;left:auto;top:auto;}

/*--------- MegaMenu style ----------*/
#megaMenu {width:auto;}
#megaMenu ul {padding:0;}
#megaMenu .root {float:none;border:none; }
#megaMenu .root li{width:100%; float:none; margin-bottom:2px; text-align:left; background:none; }

#megaMenu .root li a{display:block; background:url(../images/mobile_nav_bg.jpg) repeat-x center top; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; padding:0; }
#megaMenu .root li.breadcrumb a { background:url(../images/mobile_nav_sel.jpg) repeat-x top; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; }
#megaMenu .root li.selected a, #megaMenu .root li.rmHover a, #megaMenu .root li a:hover, #megaMenu .root li:hover a { margin:0; background:url(../images/mobile_nav_sel.jpg) repeat-x top; }

#megaMenu .root li a span {display:block; padding:0 20px; color:#ffffff; white-space:nowrap; font-size:12px; font-weight:bold; text-transform:uppercase; margin-right:0; height:38px; line-height:38px; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); position:relative; }
#megaMenu .root li.selected a span,#megaMenu .root li.breadcrumb a span,#megaMenu .root li.rmHover a span,  #megaMenu .root li:hover a span, #megaMenu .root li a:hover span{ text-decoration:none; background:none; }

#megaMenu .root a span .navarrow{ position:absolute; width:60px; height:38px; margin-right:0; right:0px; background:url(../images/mobile_navarrow.png) no-repeat center 0;}
#megaMenu .root li.selected a span .navarrow, #megaMenu .root li.breadcrumb a span .navarrow, #megaMenu .root li.rmHover a span .navarrow, #megaMenu .root li:hover a span .navarrow, #megaMenu .root li a:hover span .navarrow{ margin-right:0; background:url(../images/mobile_navarrow.png) no-repeat center 0;}

#megaMenu .root a span .navarrow2{ position:absolute; width:60px; height:38px; margin-right:0; right:0px; background:url(../images/mobile_navarrow.png) no-repeat center -42px;}
#megaMenu .root li.selected a span .navarrow2, #megaMenu .root li.breadcrumb a span .navarrow2, #megaMenu .root li.rmHover a span .navarrow2, #megaMenu .root li:hover a span .navarrow2, #megaMenu .root li a:hover span .navarrow2{ margin-right:0; background:url(../images/mobile_navarrow.png) no-repeat center -42px;}

/*-- submenu --*/
#megaMenu .category{ background:none; left:0; position:static; width:auto; margin:0; padding:0;  border:1px solid #6F6F6F; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; margin-top:1px;}
#megaMenu .category li{ float:none; clear:both; width:100%; padding:0; margin:0; filter:Alpha(Opacity=100); opacity:1;}
#megaMenu .category li.item a{ border-top:1px solid #848484; border-bottom:1px solid #545454; margin:0; padding:0; height:auto; background:url(../images/mobile_subnav_bg.jpg); border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; filter:Alpha(Opacity=100); opacity:1;}
#megaMenu .category li.haschild > a { background:url(../images/mobile_subnav_bg.jpg);}
#megaMenu .category li.first > a { border-top:none; }
#megaMenu .category li.last > a { border-bottom:none; }
#megaMenu .category li li.item a{ border-top:1px solid #848484; border-bottom:1px solid #545454; }
#megaMenu .category li.item a span{ padding:0 35px 0 15px; color:#FFFFFF; background:none; height:35px; line-height:35px;}
#megaMenu .category li.item a:hover span { background:#847400; color:#FFFFFF; cursor:pointer;}
#megaMenu .category li.selected > a span { color:#FFFFFF;}
#megaMenu .category li.selected a span, #megaMenu .leaf li.selected a span{ background:#847400;}

#megaMenu .leaf{ background:none; display:block; position:static; width:auto; margin:0; border:none; top:0; -webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
#megaMenu .leaf li.last > a{ border-top:1px solid #848484; border-bottom:1px solid #545454;}
#megaMenu .leaf li.item a span{ display:block; background:none; font-size:12px; font-weight:normal; white-space:nowrap; height:35px; line-height:35px; padding:0 35px 0 30px; text-transform:none; }
#megaMenu .leaf li li.item a span { padding:0 35px 0 40px; }
#megaMenu .leaf li li li.item a span { padding:0 35px 0 60px; }
#megaMenu .leaf li.selected > a span{ background:#847400; }
#megaMenu .category li.rmhover > .leaf{ display:block; }
#megaMenu .leaf li li, #megaMenu .leaf li li li {width:auto;}


/*--------- pane style ----------*/
.bannerpane {}
.headerpane {}
.content_grid12 {}
.one_grid8 {}
.one_grid4 {}
.two_grid6a {}
.two_grid6b {}
.three_grid4a {}
.three_grid4b {}
.three_grid4c {}
.four_grid12 {}
.five_grid3a {}
.five_grid3b {}
.five_grid3c {}
.five_grid3d {}
.six_grid4 {}
.six_grid8 {}
.seven_grid12 {}
.eight_grid3a {}
.eight_grid3b {}
.eight_grid3c {}
.eight_grid3d {}
.footer_grid4a {}
.footer_grid4b {}
.footer_grid4c {}

.i_content_grid12 {}
.i_one_grid3 {}
.i_one_grid9 {}
.i_two_grid4a {}
.i_two_grid4b {}
.i_two_grid4c {}
.i_three_grid9 {}
.i_three_grid3 {}
.i_four_grid12 {}

/*--------- DNN default Style Reset ----------*/
.LoginPanel, .dnnLogin  {width:auto; max-width:480px;}
.dnnLogin  .dnnForm  {min-width: 0; width:auto;}
.dnnLogin  .dnnFormLabel { width:auto; }
.LoginPanel .dnnPrimaryAction{margin-left:82px;}
.LoginPanel .dnnLoginRememberMe{padding-left:82px;}
#dnn_ctr_Login_UP .dnnForm {min-width:280px; width:auto;}

div.dnnRegistrationForm .dnnForm {width:auto;}
div.dnnRegistrationForm .dnnFormItem label, div.dnnRegistrationForm .dnnFormItem .dnnFormLabel, div.dnnRegistrationForm .dnnFormItem .dnnTooltip {width:110px;}
#dnn_ctr_Register_UP  .dnnForm {min-width:280px; max-width:480px; width:auto;}

/*--------- Register and Login Style ----------*/
#Login{ float:none;padding-right:0;height:33px;border:none;border-bottom:1px solid #aaa;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0; }
#Login .registerGroup a, #Login .loginGroup a{padding:0 8px;}
.registerGroup .userMessages strong,.registerGroup .userNotifications strong{background:url(../images/userLoginSprite.png) no-repeat 9px 12px;}
.registerGroup .userNotifications strong{ background-position:-91px 10px; }
.registerGroup .userMessages strong:hover{background-position:9px -40px; }
.registerGroup .userNotifications strong:hover{ background-position:-91px -42px;}
.registerGroup .userMessages strong:active{background-position:9px -91px; }
.registerGroup .userNotifications strong:active{ background-position:-91px -92px;}

}