/* Mobile */
@media handheld, only screen and (max-width: 767px) {
body 								{ font-size: 16px;-webkit-text-size-adjust: none;}
.fleft, .fright						{ float: none}

.row, body, .container 				{ width: 100%;min-width: 0;margin-left: 0px;margin-right: 0px;padding-left: 0px;padding-right: 0px;}
.TopLeftPane, .TopRightPane ,.TAColPane, .TBColPane, .TCColPane, .LeftPane, .CenterPane, .RightPane, .FAColPane, .FBColPane, .FCColPane, .FDColPane, .LeftThreePane, .RightNinePane, .RightThreePane, .LeftNinePane, .FullPane, .HeadPane{width: auto;margin: 0px;padding:0px; clear:both}
.HeadPane							{ text-align:center; padding-top:0px}
/*menu*/
#mostrar							{ display:block; height:49px; background:url(../images/menubar.gif) 0 0 no-repeat; width:74px; line-height:44px; color:#fff; text-decoration:none; padding-left:15px; text-transform:uppercase; font-size:1em; text-shadow:1px 1px 0px #000; font-weight:bold; position:absolute; top:0px; left:0px; z-index:1000}
#dnnmenu 							{ width:auto;margin-bottom:5px;}
#dnnmenu .menuback					{ height: auto; position:relative}
#dnnmenu #menubox					{ display:none;float:none;clear:both; width:100%; background:none}
.cssmenu 							{ margin:0px;position: relative; z-index:903; padding-top:1px}
.cssmenu ul 						{ margin:0px; padding:0px;}
.cssmenu ul li 						{ list-style:none;float:none;overflow:visible; position:relative; margin-right:1px; background:url(../images/menubg.gif) 0 0 repeat-x; height: auto; line-height:1em; cursor:pointer; border:1px #ccc solid; margin-bottom:1px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.cssmenu ul li a 					{ text-decoration:none; padding:7px 10px; display:block;}
.cssmenu ul li a:hover				{ background: none}
.cssmenu ul li ul 					{ display: block; position: relative; top:0px; background:#eee; padding:0 0 0 10px}
.cssmenu ul li ul li				{ background:#eee; white-space:normal; height:auto; line-height:1em; width: auto; margin:0px;-webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px; border:none}
.cssmenu ul li:hover ul.level0 		{ display: block;}
.cssmenu ul li ul li ul				{ display: block; border:none}
.cssmenu ul li ul li:hover ul.level1{ display: block; left: auto; top:0px}
.cssmenu ul li ul li ul li ul		{ display: block}
.cssmenu ul li ul li ul li:hover ul.level2 { display: block; left: auto; top:0px}
.cssmenu ul li ul li a 				{ color:#000; text-decoration:none; padding:5px 0 5px 15px; display:block}
.cssmenu ul li ul li a:hover 		{ background: none; text-decoration:underline; color:#018db3}
.cssmenu ul li.current, .cssmenu ul li.Breadcrumb{ background:#018db3}
.cssmenu ul li.current a, .cssmenu ul li.Breadcrumb a{ background: none;}
.cssmenu ul li:hover				{ background:#666}
.cssmenu ul li ul li:hover			{ background: none; }
.cssmenu ul li:hover a				{ background: none;}
.cssmenu ul li ul li.haschild a.subhaschild{ background-image: none; background-position:right center; background-repeat:no-repeat}
.cssmenu ul.level1 li,.cssmenu ul.level1 li:hover{ background:url(../images/right.gif) 3px 4px no-repeat}

div#slider .tabs 					{ bottom:-6px;}
div#slider .tabs a 					{ background:url(../images/bg-tab.png) no-repeat center center; padding:5px 7px;}
div#slider .tabs a:hover, 
div#slider .tabs a.current 			{ background:url(../images/bg-tab-act.png) no-repeat center center}

.topbar								{ font-size:0.8em; line-height:20px; height:20px; margin:0px}
.CurrentDate						{ padding-left:10px; color:#ccc; display:none}
.logo								{ float: none; width:100%; text-align:center}
.desbox								{ display:none}
.user,.login						{ float:right}
.CurrentDate, a.user:link, a.login:link{ font-size:0.8em}

}