/* ========================================================

			CSS DO LAYOUT DE SCADAWEB

		  ESCRITO POR PAOLO DODET - 22/09/2009

======================================================== */

/*===================================================

	1em		=	16px		Conversion EM/PX
	-----------------------------------
	.0625em	=	1px
	.125em	=	2px
	.1875em	=	3px
	.25em		=	4px
	.3125em	=	5px
	.625em	=	10px
	1em		=	16px
	1.25em	=	20px
	1.875em	=	30px
	3.75em	=	60px
	-----------------------------------

=====================================================*/

* {margin:0;padding:0;border:none;}

html {overflow-y:scroll !important;}

div#wrap {width:100%;margin:0 auto;text-align:left;position:relative;}

div#banner {padding:2% 0 0 2%;}

ul#nav {list-style:none outside;text-align:center;height:1.3em;padding:0 0 0 1.3em;margin:0 0 3.125em;}
	ul#nav li {height:1.3em;float:left;display:block;}
	ul#nav li a {height:1.3em;float:left;display:block;padding:0 .625em;}

div#content {min-height:20em;padding:0 1.25em 3.125em 0;}
	div#content ul {list-style:none outside;margin:0 0 0 1.5625em;overflow:hidden;}
	div#content ul li {margin:.1875em 0 .1875em;}
	div#content div#left {float:left;width:30%;margin-left:5%;}
	div#content div#leftSlide {float:left;width:30%;margin:5% 5%em 0 0;}
		div#content div#leftSlide img {width:100%;}
	div#content div#right {margin:0 0 0 35%;}
	div#content div#right ul#telas {padding:0;margin:0;}
	div#content div#right ul#telas li .thickbox {width:20%;float:left;margin:0 2% 1% 0;}
	div#content div#right ul#telas li .thickbox img {width:100%;float:left;}

div#footer {clear:both;text-align:center;}