/**
* @version      $Id: layout.css 33 2007-09-28 12:16:13Z spook.68 $
* @package      Joomla!
* @subpackage   68portal
* @copyright    Copyright (c)2007 Axel Wehner. All rights reserved.
* @license      GNU/GPL
**/

/*********************************************************************************************************
	general
*********************************************************************************************************/

/* reset */
html, body, div, ul, ol, li, dl, dt, dd, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td
{ margin: 0; padding: 0; }

fieldset, img
{ border: 0; }

/* now we can start :) */
html[xmlns]
{ height: auto; padding-bottom : .01em; }

body
{ min-height: 100%; position: relative; font-size: 1em; color: #000; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
text-align: center; background:  url(../images/sfondo_body_008.png) ; }

/* clearing
****************************/
/* you can find the ie clearing in the iefixes.css */
.clearfix:after, #header:after, #content:after, div.content-modules:after, div.blog_row:after, ul.meta:after, .filter:after,
.contentdescription:after, #footer:after, #main:after, .pagination:after
{ content: "."; display: block; height: 0; line-height: 0; clear: both; visibility: hidden; }

#ie_clearing { display: none }

.clear
{ clear:both; height: 0; line-height: 1px; }

/*********************************************************************************************************
	layout
*********************************************************************************************************/

/* page / shadow
****************************/
div#page-l
{ max-width: 95%; min-width: 760px; padding: 0 0 0 3px; margin: 0 auto; text-align: left; font-size: 0.8em; 
line-height: 150%; background: #8A950B url(../images/shadow-left.png) left top repeat-y; }

	div#page-r
	{ padding: 0 3px 0 0; background: #fff url(../images/shadow-right.png) right top repeat-y; }

	div#page-b
	{ height: 3px; line-height: 0; margin: 0 auto; font-size: 1px /*ie*/; background: transparent url(../images/shadow-bottom.png) left bottom repeat-x; }


		/* top header
		****************************/
		div#top-header
		{ position: relative; height: 81px; width: 785px;  background: url(../images/apeRACClogo.gif) right bottom no-repeat; border-bottom: 0px solid #333399;margin-bottom:-1px; }

			div#top-header h1
			{ width: 240px; text-align: center; line-height: normal; margin: 0; padding: 0; }

			div#top-header form
			{ position:absolute; top: 10px; right: 10px; }
			
				div#top-header form label
				{ position: absolute; top: -999em; left: -999em; }
				
				div#top-header form input
				{ border: 0px solid #D2DEF0; padding: 0.2em; }


		/* header
		****************************/
		div#header
		{ height: 114px; font-size: 0.85em; line-height: 155%; border-bottom: 0px solid #fff; position: relative; }

			div#header div#topmod
			{ height: 114px; width: 240px; /*float: left;*/ position: absolute; top: 0; left: 0;  overflow: auto; }

				div#header div#topmod .article_separator
				{ display: none; }

				/* module layout -> template_css.css */

			div#header div#image
			{ position: relative; left: 241px; margin: 0 241px 0 0; height: 114px;background: transparent }
			
				div#header div#image h2#slogan
				{ position: absolute; right: 10px; bottom: 5px; margin: 0; color: #fff; font-size: 1.3em; letter-spacing: 0.05em; font-family: Trebuchet MS, Verdana, Geneva, Arial, Helvetica, sans-serif }

			


		

/* pulsante1
****************************/
div#pulsante1
{ position: absolute; left: 251px; bottom: -9px;background: transparent}

/* pulsante2
****************************/
div#pulsante2
{ position: absolute; left: 406px; bottom: -9px;background: transparent }

/* pulsante3
****************************/
div#pulsante3
{ position: absolute; left: 561px; bottom: -9px;background: transparent }

/* pulsante4
****************************/
div#pulsante4
{ position: absolute; left: 716px;  bottom: -9px;background: transparent  }


/* pulsante5 Privati
****************************/
div#pulsante5
{ position: absolute; left: 108px;  bottom: 76px;background: transparent  }

/* pulsante6  Commerciali
****************************/
div#pulsante6
{ position: absolute; left: 108px;  bottom: 55px;background: transparent  }

/* pulsante7
****************************/
div#pulsante7
{ position: absolute; left: 251px; margin-top:-100px;background: transparent}

/* pulsante8
****************************/
div#pulsante8
{ position: absolute; left: 880px;  bottom: -7px;background: transparent  }




/* newheader
****************************/
div#newheader 
{ position: relative; left: 241px; margin: 0 241px 0 0; height: 114px;background: #ffffff }


/* bottom
****************************/
div#bottom
{ position: relative; height: 95px; background: #FFFFFF url(../images/sfondo_bottom_001.jpg) 0 0 no-repeat; overflow: auto;}

/* menubottom
****************************/
div#menubottom
{ position: relative; height: 22px; background: #ffffff;font-size:10px;padding-left:20px }


/* lineaheader
****************************/
div#lineaheader
{ position: relative; height: 10px; background: #333399 }





		/* main section / content
		****************************/
		div#content
		{ padding: 0 0 3px 0; /* padding for the #page-r background */
		background: url(../images/left-column.png) left top repeat-y; }

		body.right-col div#content,
		body.no-col div#content
		{ background: #fff; }


			/* left sidebar
			****************************/
			div#content div#left-sidebar
			{ float: left; width: 240px; display: block }


			/* breadcrumb / pathway
			****************************/
			div#content div#breadcrumb
			{ font-size: 0.85em; margin: 0 -10px 10px -9px; color: #fff; padding: 0.6em 0 0.5em 15px;
			background: #ff6600 url(../images/mod-alt2.png) 0 0 repeat-y; overflow: hidden; }



			/* variable module layouts */
			body.no-col div#content div#breadcrumb,
			body.right-col div#content div#breadcrumb
			{ margin: 0 -10px 10px -10px; }

			/* opera padding fix */
			div#content div#breadcrumb.opera
			{ padding: 0.5em 0 0.45em 15px; }

				/* breadcrumb heading */
				div#content div#breadcrumb h3
				{ float: left; color: #fff; font-size: 1em; margin: 0 0.5em 0 0; text-transform: none; }

				/* breadcrumb list */
				div#content div#breadcrumb ul
				{ margin: 0; padding: 0; list-style: none; }

				div#content div#breadcrumb ul li
				{ float: left; margin: 0 0.5em 0 0; font-weight: bold; }

					/* breadcrumb links */
					div#content div#breadcrumb ul li a:link, div#content div#breadcrumb ul li a:visited
					{ font-weight: normal; color: #fff; background: url(../images/breadcrumb.gif) 100% 80% no-repeat; padding: 0 10px 0 0; }

					div#content div#breadcrumb ul li a:hover, div#content div#breadcrumb ul li a:active, div#content div#breadcrumb ul li a:focus
					{ color: #fff; text-decoration: none; }


			/* main content
			****************************/
			div#content div#main
			{ margin: 0 10px 0 250px; line-height: 140%;}

			/* variable module layouts */
			body.right-col div#content div#main,
			body.no-col div#content div#main
			{ margin: 0 10px 0 10px; }

				div#content div#main div#main-content
				{ float: left; width: 68.7%; }

				/* variable module layouts */
				body.left-col div#content div#main div#main-content,
				body.no-col div#content div#main div#main-content
				{ width: 100%; }

					div#content div#main div#main-content div.content-modules
					{ margin: 0 0 0.5em 0; }

						div#content div#main div#main-content div.content-modules div.float1
						{ float: left; width: 49%; }

						div#content div#main div#main-content div.content-modules div.float2
						{ float: right; width: 49%; }


					/* right sidebar
					****************************/
					div#content div#main div#right-sidebar
					{ margin: 0 0 0 70%; }