/*
    Css elastic type
    created by Simone Rivoiro 2009
*/

/* Rule for adapting view for IE*/
/*\*/
* html{
    font-size:16px;
}

* html img{
    behavior: url(iepngfix.htc);
}
/**/

/*  Definition of basic rules for body and html*/
body{
    font-family:Arial;
    font-size:1em;
    background:#D5D5D6 url(img/bg3.png) repeat-x;
}

#home{
    background:#D5D5D6 url(img/texture/ALLUMINIO.png) repeat;
}

#sezioni{
    background:#D5D5D6 url(img/texture/metal.jpg) repeat;
}

#carpenteria{
    background:#D5D5D6 url(img/texture/zincata.jpg) repeat;
}

#design{
    background:#D5D5D6 url(img/texture/spazzolato.jpg) repeat;
}

#fabbro{
    background:#D5D5D6 url(img/texture/brushed-metal-texture.jpg) repeat;
}

#involucri{
    background:#D5D5D6 url(img/texture/satinato.jpg) repeat;
}

#movimenti{
    background:#D5D5D6 url(img/texture/BUGNA.jpg) repeat;
}
/* Definitions for headers*/


/* definition of divs */


/* main div that contains all divs*/
#container{
    margin:auto;
    overflow:hidden;
    width:60em;
}


/* contains the title of the web site */
#header{
    height:5em;
    color:#000000;
    background:#C2C3C5 url(img/acciaio_orizz.jpg) repeat-x;
}


/* Contains the buttons for navigate in main sections of the site(first level)*/
#buttonbar{
    padding-left:14em;
    height:3em;
    color:#000000;
    background:#C2C3C5 url(img/acciaio_orizz.jpg) repeat-x;
    border-bottom:thin solid black;
}

/* Rule for IE only*/
/*\*/
* html #buttonbar{
    border-bottom:0.05em solid black;
}
/**/

/* Linkable Home logo of the firm */
#logo{  
	float:left;
    margin-top:0.5em; 
}


#logo img{
    border:0;
    margin:0;
    padding:0;
    width:6.25em;
    height:4.5em;    
}

#logo2{
    margin-left:14em;
}


#logo2 img{
	position:absolute;
    border:0;
    margin:0;
    padding:0;
    height:6em;
    width:36em;       
}

/* Central main div that contains all divs ahead */
#main{
    background:#ffffff url(img/navigation.jpg) repeat-x;
}

#navigation{
    overflow:auto;
    float:left;
    height:30em;
    width:14em;
    color:#000000;
    text-align:left;
}

#nav_button{
    height:auto;
    margin-left:0.45em;
    margin-top:1em;
    padding-bottom:10em;
    text-align:center;
}

#nav_button h1{
    font-size:1.3em;
}

/* Rule for IE only*/
/*\*/
* html #nav_button{
	position:relative;
    margin-left:0.3em;
}
/**/

#certificate{
    float:left;
    clear:left;
    width:14em;
    height:10em;
    border-top:thin solid black;
    padding-bottom:0.5em;
    padding-top:0.5em;
    color:#000000;
}

/* Rule for IE only*/
/*\*/
* html #certificate{
    border-top:0.05em solid black;
    width:14.2em;
}
/**/

#content{
    overflow:auto;
    min-height:40em;
    height:auto;
    color:#000000;
    border-left:thin solid black;
    background:#ffffff url(img/content.jpg) repeat-x;
}

/* Rule for IE only*/
/*\*/
* html #content{
	border-left:0.05em solid black;
    height: 60em;
}
/**/


#content h1{
    text-align:center;
    font-size:1.8em;
    font-family:Arial;
}

#content h2{
     text-align:center;
    margin-left:3em;
    margin-right:3em;
    font-size:1.2em;
    font-family:Arial;
}

#content img{
	border:0;
	width:20em;
	margin:.2em;
}

#content form  img{
    border:0;
    margin:0;
    padding:0;
    width:6.25em;
}

#content ul{
    font-size:0.9em;
    text-align:left;
    margin-left:8em;
    margin-right:3em;
}



#topbar{
    margin-left:14em;
    padding:0.3em;
    border-bottom:thin solid black;
    border-left:thin solid black;
    background:#ffffff url(img/breadcumb.jpg) repeat-x;
}

/* Rule for IE only*/
/*\*/
* html #topbar{
	border-bottom:0.05em solid black;
    border-left:0.05em solid black;
    margin-left:14.169em;
}
/**/

#breadcumb{
    color:blue;
    font-style:oblique;
    text-align:left;
    font-size:0.9em;
    margin-left:1.2em;
}

#footer{
    clear:left;
    margin:0;
    padding:0.5em;
    height:2em;
    color:#000000;
    background:#C2C3C5 url(img/acciaio_orizz.jpg) repeat-x;
}

#footer p{
    margin-top:0.2em;
    font-size:0.75em;
    text-align:center;
}

#border_gallery{
	padding:0.7em 0.75em 0.7em 0.75em;
	margin-left:9em;
	margin-bottom:2em;
}

/* Rule for IE only*/
/*\*/
* html #border_gallery{
	maring-left:5em;
}
/**/

.prod{
	background:url(img/cornici/prod.gif) no-repeat;
}

.carp{
	background:url(img/cornici/carp.gif) no-repeat;
}

.des{
	background:url(img/cornici/des.gif) no-repeat;
}

.fab{
	background:url(img/cornici/fab.gif) no-repeat;
}

.invol{
	background:url(img/cornici/invol.gif) no-repeat;
}

.movi{
	background:url(img/cornici/movi.gif) no-repeat;
}

#map{
    width:40em;
    height:25em;
    padding:0;
    margin:0;
    border:0;
}

#section{	
    color:red;
    text-decoration:underline;
}

/* definition of classes */

.parag{
    font-size:0.75em;
    text-align:left;
    margin-left:1em;
}

.parag img{
    border:0;
    width:6.25em;
}

.parag2{
    font-size:0.9em;
    text-align:justify;
    margin-left:6em;
    margin-right:3em;
}

.bar a, .nav a{
    color:black;
    text-decoration:none;
}


/* definition of style for the buttons of the top buttonbar */
.bar{
    margin:0.2em;
    padding-top:0.5em;
    float:left;  
    text-align:center;
    font-size:1.2em;
    text-shadow:.1em .1em .1em #fff;
    width:9em;
    min-height:1.8em;
}

/* Rule for IE only*/
/*\*/
* html .bar{
    margin:0.15em;
    height:1.8em;
}
/**/

.bar a:hover{
    font-size:120%;
    color:blue;
}

/* definition of style for the buttons of the left navigation bar */
.nav{
    margin-left:0.2em;
    padding-bottom:0.3em;
    text-align:left;
    font-size:1em;
    font-family:Arial;
    text-shadow:.1em .1em .1em #fff;
    width:13em;
    min-height:1.4em;
}

.nav a:hover{
    text-decoration:underline;
    color:blue;
}

/* class used for skipping parts that outsides from main content */
.skiplink{
    display:none;
}