/* ====================================================================================================================================================================
C O S M A C
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Description:		     Stili header
Filename:			     header.css
Theme URI:			     http://www.cosmac.it/
Date:				     Settembre 2012
Author: 			     Nouvelle srl

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

#header {
	position:              relative;
	width:                 980px;
	height:                240px;
	margin-bottom:         10px;
}

#header.home {
	height:                171px;
}

#header a#logo {
	position:              absolute;
	width:                 368px;
	height:                117px;
	top:                   40px;
	left:                  30px;
	background:            url(../imgs/logo_cosmac.png) no-repeat;
}

#header #lingue {
	position:              absolute;
	top:                   0px;
	left:                  125px;
	background:            #747474;
	text-align:            center;
	padding-top:           3px;
	padding-left:          12px;
	padding-right:         12px;
	padding-bottom:        3px;
	
	border-radius:         0px 0px 6px 6px;
	-moz-border-radius:    0px 0px 6px 6px;
	-webkit-border-radius: 0px 0px 6px 6px;
}

#header #lingue a {
	color:                 #FFF;
	text-decoration:       none;
	text-transform:        uppercase;
	font-weight:           bold;
	margin-left:           10px;
	margin-right:          10px;
}

#header #lingue a:hover {
	color:                 #E10279;
}

#titolo {
	position:              absolute;
	left:                  0px;
	bottom:                0px;
	width:                 980px;
	height:                59px;
	background:            url(../imgs/title_bg.png);
	color:                 #FFF;
	
	border-radius:         6px 6px 6px 6px;
	-moz-border-radius:    6px 6px 6px 6px;
	-webkit-border-radius: 6px 6px 6px 6px;
}

#titolo h1 {
	float:                 right;
	font-size:             42px;
	text-transform:        capitalize;
	padding-top:           16px;
	margin-right:          50px;
}

#titolo h2 {
	float:                 left;
	font-size:             32px;
	padding-top:           16px;
	margin-left:           25px;
}

#titolo h2 b {
	font-size:             41px;
	text-transform:        uppercase;
}

#titolo img {
	float:                 right;
	width:                 59px;
	height:                59px;
}

/* MAIN MENU */

#mainMenu {
	position:              absolute;
	top:                   0px;
	right:                 0px;
	background:            url(../imgs/bn_bg.png);
	z-index:               100;
	
	border-radius:         0px 0px 6px 6px;
	-moz-border-radius:    0px 0px 6px 6px;
	-webkit-border-radius: 0px 0px 6px 6px;
}

#mainMenu .separator {
	float:                 left;
	width:                 1px;
	height:                96px;
	background:            url(../imgs/bn_riga.png) 0px 0px no-repeat;
}

#mainMenu a.button {
	position:              relative;
	display:               block;
	float:                 left;
	text-transform:        uppercase;
	text-decoration:       none;
	font-size:             13px;
	color:                 #FFF;
	padding-top:           60px;
	padding-left:          16px;
	padding-right:         16px;
	padding-bottom:        23px;
}

#mainMenu a.button.home {
	background:            url(../imgs/bn_ico_home.png) center 20px no-repeat;
}

#mainMenu a.button.home:hover {
	background:            url(../imgs/bn_ico_home_on.png) center 20px no-repeat;
}

#mainMenu a.button.azienda {
	background:            url(../imgs/bn_ico_azienda.png) center 20px no-repeat;
}

#mainMenu a.button.azienda:hover {
	background:            url(../imgs/bn_ico_azienda_on.png) center 20px no-repeat;
}

#mainMenu a.button.azienda.active {
	background:            url(../imgs/bn_ico_azienda_on.png) center 20px no-repeat;
}

#mainMenu a.button.prodotti {
	background:            url(../imgs/bn_ico_prodotti.png) center 20px no-repeat;
}

#mainMenu a.button.prodotti:hover {
	background:            url(../imgs/bn_ico_prodotti_on.png) center 20px no-repeat;
}

#mainMenu a.button.prodotti.active {
	background:            url(../imgs/bn_ico_prodotti_on.png) center 20px no-repeat;
}

#mainMenu a.button.info {
	background:            url(../imgs/bn_ico_info.png) center 20px no-repeat;
}

#mainMenu a.button.info:hover {
	background:            url(../imgs/bn_ico_info_on.png) center 20px no-repeat;
}

#mainMenu a.button.info.active {
	background:            url(../imgs/bn_ico_info_on.png) center 20px no-repeat;
}

#mainMenu a.button.contatti {
	background:            url(../imgs/bn_ico_contatti.png) center 20px no-repeat;
}

#mainMenu a.button.contatti:hover {
	background:            url(../imgs/bn_ico_contatti_on.png) center 20px no-repeat;
}

#mainMenu a.button.contatti.active {
	background:            url(../imgs/bn_ico_contatti_on.png) center 20px no-repeat;
}

#mainMenu a.button.news {
	background:            url(../imgs/bn_ico_news.png) center 20px no-repeat;
}

#mainMenu a.button.news:hover {
	background:            url(../imgs/bn_ico_news_on.png) center 20px no-repeat;
}

#mainMenu a.button.news.active {
	background:            url(../imgs/bn_ico_news_on.png) center 20px no-repeat;
}

#mainMenu a.button.video {
	background:            url(../imgs/bn_ico_video.png) center 20px no-repeat;
}

#mainMenu a.button.video:hover {
	background:            url(../imgs/bn_ico_video_on.png) center 20px no-repeat;
}

#mainMenu a.button.video.active {
	background:            url(../imgs/bn_ico_video_on.png) center 20px no-repeat;
}

#mainMenu a.button:hover {
	color:                 #CCCCCC;
}

#mainMenu a.button.active {
	color:                 #CCCCCC;
}