* { margin: 0px; padding: 0px; border: none; outline: none; text-decoration: none; list-style-type: none; }
.clr { clear: both; }
.fade * { display: none; }
.left { float: left; }
.right { float: right; }


	/* COLORS 
	
		green headings:	#40ab15;
		green text: 	#0b7411;
		green links:	#1d8b05;
		green light:	#89da53;
		
	*/
	

html { margin-top: -45px; background: white url(../img/body_bg.png) top center repeat-y; }
body { background: url(../img/html_bg.png) top center no-repeat; }

	
	
	#container { width: 980px; margin: 0px auto; }
	
	#header { margin: 0px auto; width: 280px; padding-top: 68px; margin-bottom: 32px; }
	#header a#logo.fade { position: relative; display: block; width: 280px; height: 150px; background: url(../img/logo.png) 0 0 no-repeat; cursor: pointer; }
	#header a#logo.fade .hover { display: block; position: absolute; top: 0; left: 0; width: 280px; height: 150px; background: url(../img/logo.png) 0 -150px no-repeat; }
	
	
	/* MENU */
	
	#menu { width: 702px; margin: 0px auto; }
	
	a#servicos.fade,
	a#produtos.fade,
	a#promocoes.fade,
	a#informacoes.fade,
	a#acordos.fade,
	a#contacto.fade { position: relative; display: block; height: 50px; cursor: pointer; text-indent: -9999px; }
	
	a#servicos.fade { width: 107px; background: url(../img/m_servicos.png) 0 0 no-repeat; }
	a#produtos.fade { width: 114px; background: url(../img/m_produtos.png) 0 0 no-repeat; }
	a#promocoes.fade { width: 124px; background: url(../img/m_promocoes.png) 0 0 no-repeat; }
	a#informacoes.fade { width: 229px; background: url(../img/m_informacoes.png) 0 0 no-repeat; }
	a#acordos.fade { width: 106px; background: url(../img/m_acordos.png) 0 0 no-repeat; }
	a#contacto.fade { width: 114px; background: url(../img/m_contacto.png) 0 0 no-repeat;  }
	
	a#servicos.fade .hover,
	a#produtos.fade .hover,
	a#promocoes.fade .hover,
	a#informacoes.fade .hover,
	a#acordos.fade .hover,
	a#contacto.fade .hover { display: block; position: absolute; top: 0; left: 0; height: 50px; }
	
	a#servicos.fade .hover { width: 107px; background: url(../img/m_servicos.png) 0 -50px no-repeat; }
	a#produtos.fade .hover { width: 114px; background: url(../img/m_produtos.png) 0 -50px no-repeat; }
	a#promocoes.fade .hover { width: 124px; background: url(../img/m_promocoes.png) 0 -50px no-repeat; }
	a#informacoes.fade .hover { width: 229px; background: url(../img/m_informacoes.png) 0 -50px no-repeat; }
	a#acordos.fade .hover { width: 106px; background: url(../img/m_acordos.png) 0 -50px no-repeat; }
	a#contacto.fade .hover { width: 114px; background: url(../img/m_contacto.png) 0 -50px no-repeat; }
	
	a#servicos.fade.active,
	a#produtos.fade.active,
	a#promocoes.fade.active,
	a#informacoes.fade.active,
	a#acordos.fade.active,
	a#contacto.fade.active { background-position: 0 -100px; }
	a#informacoes.fade.active .hover { background-position: 0 -50px; }
	

	.jquerycssmenu { font: bold 12px Verdana; padding-left: 0px; }
	.jquerycssmenu ul { margin: 0; padding: 0; list-style-type: none;  }

	/*Top level list items*/
	.jquerycssmenu ul li { position: relative; display: inline; float: left; z-index: 1000; }
	/*Top level menu link items style*/
	.jquerycssmenu ul li a { display: block; background: white url(tintblue.gif) top center repeat-x; /*background of tabs (default state)*/ }
	.jquerycssmenu ul li a:hover { background-image: url(tintbluedark.gif) /*tab link background during hover state*/ }
	
	
	/* SUB MENU */
	
	#sub_menu { display: none; position: absolute; top: 247px; width: 262px; height: 346px; z-index: 4000; margin: 0px 0px 0px 205px; background: url(../img/sub_menu_bg.png) top center no-repeat; }
	#sub_menu a { display: block; }
	
	a#sm_higiene.fade,
	a#sm_hipermetropia.fade,
	a#sm_vitaminas.fade,
	a#sm_glaucoma.fade,
	a#sm_miopia.fade,
	a#sm_presbiopia.fade,
	a#sm_astigmatismo.fade { position: relative; display: block; width: 209px; height: 40px; cursor: pointer; text-indent: -9999px; }
	
	a#sm_higiene.fade { background: url(../img/sm_higiene.png) 0 0 no-repeat; }
	a#sm_hipermetropia.fade { background: url(../img/sm_hipermetropia.png) 0 0 no-repeat; }
	a#sm_vitaminas.fade { background: url(../img/sm_vitaminas.png) 0 0 no-repeat; }
	a#sm_glaucoma.fade { background: url(../img/sm_glaucoma.png) 0 0 no-repeat; }
	a#sm_miopia.fade { background: url(../img/sm_miopia.png) 0 0 no-repeat; }
	a#sm_presbiopia.fade { background: url(../img/sm_presbiopia.png) 0 0 no-repeat; }
	a#sm_astigmatismo.fade { background: url(../img/sm_astigmatismo.png) 0 0 no-repeat; }

	a#sm_higiene.fade .hover,
	a#sm_hipermetropia.fade .hover,
	a#sm_vitaminas.fade .hover,
	a#sm_glaucoma.fade .hover,
	a#sm_miopia.fade .hover,
	a#sm_presbiopia.fade .hover,
	a#sm_astigmatismo.fade .hover  { display: block; position: absolute; top: 0; left: 0; width: 209px; height: 40px; }
	
	a#sm_higiene.fade .hover { background: url(../img/sm_higiene.png) 0 -40px no-repeat; }
	a#sm_hipermetropia.fade .hover { background: url(../img/sm_hipermetropia.png) 0 -40px no-repeat; }
	a#sm_vitaminas.fade .hover { background: url(../img/sm_vitaminas.png) 0 -40px no-repeat; }
	a#sm_glaucoma.fade .hover { background: url(../img/sm_glaucoma.png) 0 -40px no-repeat; }
	a#sm_miopia.fade .hover { background: url(../img/sm_miopia.png) 0 -40px no-repeat; }
	a#sm_presbiopia.fade .hover { background: url(../img/sm_presbiopia.png) 0 -40px no-repeat; }
	a#sm_astigmatismo.fade .hover { background: url(../img/sm_astigmatismo.png) 0 -40px no-repeat; }

	
	/* Slider */
	#slider_header { width: 980px; height: 364px; margin-bottom: 50px; }
	#slider_header { background: url(../img/loadingAnimation.gif) center no-repeat; }
	#slider_header img { position:absolute; top:0px; left:0px; display:none; }
	#slider_header a { display:block; }
	.nivoSlider { position:relative; }
	.nivoSlider img { position:absolute; top:0px; left:0px; }
	.nivoSlider a.nivo-imageLink { position:absolute; top:0px; left:0px; width:100%; height:100%; border:0; padding:0; margin:0; z-index:60; display:none; }
	.nivo-slice { display:block; position:absolute; z-index:50; height:100%; }
	.nivo-caption { position:absolute; left:0px; bottom:0px; background:#000; color:#fff; opacity:0.8; width:100%; z-index:89; }
	.nivo-caption p { padding:5px; margin:0; }
	.nivo-directionNav a { visibility: hidden; }
	.nivo-controlNav { display: none; /* position:absolute; left: 750px; bottom: -35px; height: 15px; width: 87px; padding: 10px 20px 10px 25px; background: url(../img/slider_nav.png) top center no-repeat; */ }
	.nivo-controlNav a { float: left; display: block; width: 12px; height: 12px; margin-right: 5px; position:relative; z-index:99; cursor:pointer; text-indent: -9999px; background:url(../img/bullets.png) no-repeat; }
	.nivo-controlNav a.active { background-position:-12px 0; }
	
	
	#sidebar { width: 274px; padding: 0px 40px 0px 46px; }
	#sidebar #sidebar_top { height: 62px; background: url(../img/sidebar_top.png) top center no-repeat; }
	#sidebar #sidebar_top,
	#sidebar #morada1,
	#sidebar #morada2 { width: 100%; }
	#sidebar #morada1 { height: 75px; background: url(../img/morada1_bg.png) top center repeat-y; }
	#sidebar #morada2 { height: 85px; background: url(../img/morada2_bg.png) top center no-repeat; }
	#sidebar p.morada { padding: 10px 20px 0px 20px; font: 12px Trebuchet MS; line-height: 16px; color: #004c0e; }
	#sidebar .morada { font: 12px Trebuchet MS; line-height: 16px; color: #004c0e; }
	#sidebar img.ver_mapa { position: relative; top: 130px; left: 187px; z-index: 2999; }
	
	#shop1 { margin-top: -25px; }
	#shop2 { margin-top: -24px; }
	
	
	#info { width: 620px; margin-bottom: 50px; }
	#info h1 { font: bold 20px Trebuchet MS; letter-spacing: -1px; color: #40a926; }
	#info h2 { margin: 13px 0px 5px 0px; font: bold 15px Trebuchet MS; color: #40a926; }
	#info p { margin: 13px 48px 17px 0px; font: 14px Trebuchet MS; line-height: 20px; color: #0b7411; }
	#info ul.descontos { margin-top: 20px; }
	#info ul.descontos li,
	#info ul.descontos li.left,
	#info ul.descontos li.right,
	#info ul.lists li { font: 14px Trebuchet MS; color: #0b7411; }
	#info ul.descontos li.left,
	#info ul.descontos li.right { margin-top: 10px; border-bottom: 1px solid #89da53; }
	#info ul.descontos li.left { width: 548px; }
	#info ul.descontos li.right { margin-right: 50px; }
	#info ul.lists { margin-top: 17px; }
	#info ul.lists li { margin-top: 3px; }
	
	img.produtos_thumb { margin: 0px 25px 25px 0px; }
	.line { display: block; margin: 25px 0px; width: 570px; border-bottom: 1px dotted #89da53 }
	.box { width: 520px; padding: 20px 25px 25px 25px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: white; border: 1px solid #89da53; }
	
	#footer { clear: both; width: 100%; height: 355px; background: url(../img/footer_bg.png) bottom center no-repeat; }
	#footer #icons { width: 979px; padding-left: 1px; margin: 0px auto; }
	#footer #icons .icon { float: left; width: 226px; height: 200px; margin: 0px 20px; }
	#footer #icons .icon p { font: bold 14px Trebuchet MS; line-height: 24px; color: #89da53; }
	#footer #icons .icon#contactos,
	#footer #icons .icon#contactos ul li a { font: bold 14px Trebuchet MS; line-height: 24px; color: #89da53; }
	#footer #icons .icon#contactos ul { margin-top: 9px; }
	#footer #icons .icon#contactos ul li a:hover { text-decoration: underline; }
	#footer #icons .icon#contactos ul li a:hover { text-decoration: underline; }
	#footer #icons .icon#contactos ul li { height: 25px; }
	#footer #icons .icon#contactos ul li img { float: left; display: block; padding: 5px 7px 0px 0px; }
	
	
	#footer p.assign { padding-top: 275px; width: 500px; margin: 0px auto; font: 12px Trebuchet MS; color: #40ab15; }
	#footer p.assign b { color: #1d8b05; }
	#footer p.assign a { font-weight: bold; color: #1d8b05; }
	#footer p.assign a:hover { text-decoration: underline; }
	
	
	/* coda slider */
	#slider { width: 226px; margin: 0px auto; position: relative; }
	.scroll { width: 226px; height: 150px; overflow: auto; overflow: hidden; position: relative; clear: left; }
	.scrollContainer { width: 20000px!important; }
	.scrollContainer div.panel { width: 160px; padding: 0px 33px; margin: 0px auto; height: 150px; }
	.scrollButtons { position: absolute; top: -110px; cursor: pointer; }
	.scrollButtons.left { left: 32px; }
	.scrollButtons.left:hover { left: 31px; }
	.scrollButtons.left:active { left: 29px; }
	.scrollButtons.right { right: 35px; }
	.scrollButtons.right:hover { right: 34px; }
	.scrollButtons.right:active { right: 32px; }
	.hide { display: none; }
	
	
	/* THICKBOX */
	#TB_overlay { position: fixed;  top: 0px; left: 0px; height:100%; width:100%; z-index: 3000;  }
	.TB_overlayMacFFBGHack {background: url(../img/macFFBgHack.png) repeat;}
	.TB_overlayBG { background: #fff; filter:alpha(opacity=60); opacity:0.6; }
	* html #TB_overlay { /* ie6 hack */
	     position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); }
	#TB_window { position: fixed; background: #ffffff; z-index: 3102; color:#000000; border-top: 1px solid #137423; border-bottom: 1px solid #137423; border-left: 1px solid #137423; border-right: 1px solid #137423; display:none; text-align:left; top:50%; left:50%;	}
	* html #TB_window { /* ie6 hack */
		position: absolute;	margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); }
	#TB_closeAjaxWindow{  margin: -15px -1px -1px 5px; text-align:right; float:right; font: 11px Arial; color: #aaa; }
	#TB_closeAjaxWindow a { color: #8fc0cc; }
	#TB_closeAjaxWindow a:hover { color: #00a3cc; }
	#TB_load{ position: fixed; display:none; width:208px; z-index:3103; top: 50%; left: 50%; margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */ }
	* html #TB_load { /* ie6 hack */
		position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); }
	#TB_HideSelect{
	  z-index:2999; position:fixed; top: 0; left: 0; background-color:#fff; border:none; filter:alpha(opacity=0); -moz-opacity: 0; opacity: 0; height:100%; width:100%; }
	* html #TB_HideSelect { /* ie6 hack */
	     position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); }
	#TB_iframeContent{ clear:both; border:none; margin-bottom:-1px; margin-top:1px;_margin-bottom:1px; }
	#TB_closeWindowButton { position: relative; top: 10px; left: 16px; padding: 13px; background: url(../img/closebox.png) center no-repeat;	}
	
	a#tip { position: relative; top: -185px; left: 180px; }