/*principal*/
#pageLogin #divMenu { display:none; }
#pageLogin ul.menu { z-index:99; clear:both;width:100%;padding:0px; margin:0px; background-color:black;padding:1em; }
#pageLogin ul.menu li { text-transform:uppercase; font-weight:bold; display:inline; padding:1em; color:white; }
#pageLogin ul.menu li:hover, ul.menu li.hover { background-color:white;cursor:pointer;color:black !important; }
#pageLogin ul.menu li a, ul.menu li a:hover { color:inherit !important; text-decoration: none; }
#pageLogin .ui-grid-a, #pageLogin .ui-grid-b { padding:2em; }
#pageLogin .ui-block-a, #pageLogin .ui-block-b { padding-right:2em; }
#pageLogin .ui-grid-a p, #pageLogin .ui-grid-b p { white-space:normal !important; font-size:1.3em; }
#pageLogin .ui-grid-a p span.title, #pageLogin .ui-grid-b p span.title { font-size:2.3em;line-height:130%;color:#000000; }
#pageLogin ul, #pageLogin table { white-space:normal !important; }
#pageLogin ul.notacao { border-top:1px solid white; margin-top:1em; margin:0; padding:0; font-size:0.60em; }
#pageLogin table { font-size:1.15em; }
#pageLogin p.dollmo-description { display:none; }

/*desktop*/
@media (min-width: 1600px) {
	#pageLogin #divMenu { display:block; }
	#pageLogin #panel-navmenu { display:none; }
	#pageLogin .ui-grid-a p, #pageLogin .ui-grid-b p { font-size:1.65em !important; }
	#pageLogin .ui-grid-a p span.title, #pageLogin .ui-grid-b p span.title { font-size:2.9em; }
}
@media (min-width: 1024px) {
	#pageLogin #divMenu { display:block; }
	#pageLogin #panel-navmenu { display:none; }
	#pageLogin .ui-grid-a p, #pageLogin .ui-grid-b p { font-size:1.3em; }
	#pageLogin .ui-grid-a p span.title, #pageLogin .ui-grid-b p span.title { font-size:2.2em; }
}

/*tablet paisagem*/
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape)
  and (-webkit-min-device-pixel-ratio: 1) {
  	#pageLogin #divMenu { display:block; }
	#pageLogin #panel-navmenu { display:none; }
	#pageLogin .ui-grid-a p, #pageLogin .ui-grid-b p { font-size:1.25em; }
	#pageLogin .ui-grid-a p span.title, #pageLogin .ui-grid-b p span.title { font-size:1.95em; }
}

/*tablet retrato*/
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1) {
	#pageLogin .ui-block-a, #pageLogin .ui-block-b { padding-right:0; }
}

/*tablet smartphone paisagem*/
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
	#pageLogin .ui-grid-a, #pageLogin .ui-grid-b { padding:1em; }
	#pageLogin .ui-block-a, #pageLogin .ui-block-b { padding-right:0; }
	#pageLogin .ui-grid-a p, #pageLogin .ui-grid-b p { font-size:1.2em; }
	#pageLogin .ui-grid-a p span.title, #pageLogin .ui-grid-b p span.title { font-size:1.6em; }
}

/*tablet smartphone retrato*/
@media only screen 
  and (min-device-width: 320px)
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
	#pageLogin .ui-grid-a, #pageLogin .ui-grid-b { padding:1em; }
	#pageLogin .ui-block-a, #pageLogin .ui-block-b { padding-right:0; }
	#pageLogin .ui-grid-a p, #pageLogin .ui-grid-b p { font-size:1em; }
	#pageLogin .ui-grid-a p span.title, #pageLogin .ui-grid-b p span.title { font-size:1.3em; }
}