/*stiyle generici di tutto il sito*/

*{ margin:0; padding:0;}
a, a:active		{outline:none;}
a img{ border:0;}
.testing					{border:1px solid red;}
.clear						{clear:both;}
.visibility					{display:none;}
.float_sx					{float:left;}
.float_dx					{float:right;}

a							{color:#4D4C4C;text-decoration:none;}

img{zoom:1;}
ul{ list-style:none;}

body{ text-align:center; font-family:Georgia, Palatino,serif; font-size:11px; color:#4d4c4c; background: url(../images/bg_albini.jpg) 0 0 repeat;}

#wrap-content{ text-align:left; width:998px; margin:0 auto; }
#aux{ float:left; background:url(../images/bg-wrapper.png) left top repeat-y; text-align:left; width:980px; margin:0 auto; padding:0 12px 0 6px; position:relative; }

/*header*/
#cotonificio_albini #header h1{ background:url(../images/cotonificio_albini/logo.jpg) 0 0 no-repeat; width:243px; height:77px;}

#header		{position:relative; float:left; width:100%; height:137px; background:white; z-index:1;}
#header .logo_brand {float:left; top:0; left:0;}
#header .logo_brand a{ display:block; width:261px; height:106px;}
#header .logo_brand a span{ display:none;}


#m_1		{margin-left:170px; padding-top:48px; float:left;display:inline; width:145px;}

#m_1 li{ border-bottom:1px solid #cacaca; padding:3px 0; width:145px; float:left; _padding-bottom:0;}
#m_1 li a{ text-transform:uppercase; float:left; width:145px;}

#m_2		{float:right; margin:15px 22px 0 0; text-align:right;display:inline; }
#m_2 li{ text-transform:uppercase;}
#m_2 li.link_p_v{ float:right; margin-right:18px; display:inline}
#m_2 li.language{ float:right;}
#m_2 li.language a, #m_2 li.link_p_v a{ color:#c9c9c9; font-size:9px;}
#m_2 li.search{ padding:15px 0; clear:both;}
#m_2 li.search label{ font-size:9px; padding-right:3px;}
#m_2 li.search input{ vertical-align:middle;}
#m_2 li.search input.go{border:0 none; cursor:pointer; height:13px; margin-left:6px; width:13px; background: url(../images/pull/arrow_left.gif) 0 0 no-repeat;}

#m_2 li a#link_albini_group, #m_2 li a#link_brand{ padding-right:20px; display:block;}
#m_2 li a.closed {background: url(../images/pull/arrow_left.gif) right top no-repeat;}
#m_2 li a.open {background: url(../images/pull/arrow_down.gif) right top no-repeat;}
#m_2 li.wrap-menu-brand { position:relative; margin-top:15px;}
#m_2 li .menu_albini{ padding: 0 3px 3px 0; position:absolute; z-index:200; right:-4px; _right:-1px; width:134px;  background:url(../images/bg_menu_albini_brand.png) left bottom  no-repeat;}
#m_2 li .menu_albini ul{ padding:10px; background:#fff; position:relative; text-align:left; z-index:10000; _height:100px;}

#m_2 li .menu_albini ul li{ border-bottom:1px solid #d2d2d2; padding:2px 0; font-size:10px;}
#m_2 li .menu_albini ul li a{ color:#aaa; text-transform:uppercase; }



/*content*/
.wrap_swf_brand{ clear:both; width:980px; height:302px; background:#000;}
.wrap_swf_brand img{ z-index:-1; display:block;}


.wrap-content{ clear:both; background:#fff; padding:25px 15px 25px 0; float:left; width:965px;}
.wrap-content .m_3{ float:left;}
.wrap-content .m_3 li{ float:left; }
.wrap-content .m_3 li.collezioni h1{ font-weight:normal; font-size:20px; font-style:italic; line-height:15px;}
.wrap-content .m_3 li.collezioni h2{font-weight:normal; font-size:15px; font-style:italic; margin-bottom:5px;}
.wrap-content .m_3 li.collezioni p{margin:5px 0 20px 0;}
.wrap-content .m_3 li.collezioni a{ font-size:11px; text-transform:uppercase; }

.wrap-content .m_3 li.cultura_camicia a{ background:url(../images/thumb_cultura_camicia.jpg) 0 0 no-repeat; width:172px; height:86px; display:block; margin-right:5px;}
.wrap-content .m_3 li.valore_qualita a{ background: url(../images/thumb_valore_qualita.jpg) 0 0 no-repeat; width:172px; height:86px; display:block;  margin-right:5px;}
.wrap-content .m_3 li.trame_arte a{ background:url(../images/thumb_trame_arte.jpg) 0 0 no-repeat; width:172px; height:86px; display:block;  margin-right:5px;}

.wrap-content .m_3 li a span { display:none;}
/* footer*/
#pre_footer{ background:url(../images/bg_footer.png) 0 0 no-repeat; width:980px; padding:0 12px 0 6px; clear:both; height:15px; margin:0 auto; text-align:left;}

#footer{ width:980px; padding:0 12px 35px 6px; clear:both; margin:0 auto; text-align:left;}
#footer ul.first_menu{ float:left;}
#footer ul.second_menu{ float:right;}

#footer ul.second_menu li{ float:right; margin-left:18px; display:inline; padding-top:4px;}
#footer  ul.first_menu li{ float:left; margin-right:18px; display:inline;padding-top:4px;}
#footer ul li a{ color:#fff; font-size:10px; text-transform:uppercase; text-decoration:none; float:left; display:block; height:1%;}
#footer ul li a:hover{ color:#ccc;}

#footer ul.second_menu li.fb{padding:0;}
#footer ul.second_menu li.fb a{ display:block; background:url(/images/facebook_icon.png) 0 0 no-repeat; width:21px; height:20px;}
#footer ul.second_menu li.fb a span{display:none}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}


.canvas_storia	{height:244px; clear:both; position:relative; }
.content		{background:white;}
.content_header {padding:24px 21px; height:50px; position:relative;}
.content_header h1 	{font-size:30px; font-weight:normal; float:left;}
.content_header h3	{padding-left:32px; font-size:20px; font-weight:normal;float:left; clear:both;}

#cont_menu			{position:absolute; right:21px; width:190px; float:right }
#cont_menu li		{height:13px; margin-bottom:5px; float:left; width:190px;/* width:auto !important;width:175px; min-width:175px;*/}
#cont_menu li a		{display:block; font-size:12px}
#cont_menu li a span	{ font-style:italic;}
#cont_menu li.valore	{background:url(../images/cotonificio_albini/bg_menu_qualita.gif) no-repeat top right;}
#cont_menu li.valore a 	{color:#196076; }
#cont_menu li.valore a:hover, #cont_menu li.valore a.active	{ text-decoration:underline; color:#196076; }
#cont_menu li.cultura	{background:url(../images/cotonificio_albini/bg_menu_cultura.gif) no-repeat top right;}
#cont_menu li.cultura a	{color:#84837e;}
#cont_menu li.cultura a:hover, #cont_menu li.cultura a.active	{ text-decoration:underline; color:#84837e; }
#cont_menu li.trame		{background:url(../images/cotonificio_albini/bg_menu_trame.gif) no-repeat top right; color:#84837e;}
#cont_menu li.trame a	{color:#c80109;}
#cont_menu li.trame a:hover, #cont_menu li.trame a.active	{ text-decoration:underline;  color:#c80109;}


.col_box			{float:left; background:white; width:980px; padding-bottom:25px;}
.menu_holder		{width:140px; float:left; margin-right:33px}
.col_grid			{border-top:1px solid #898989; padding-top:16px; float:left; width:784px; position:relative; padding-bottom:20px;}
.col_grid img		{margin-bottom:24px; float:right;}

#quattro_box div	{width:182px; margin-left:18px; float:left; display:inline}
#quattro_box div.first	{margin-left:0;}

/*2 colonne*/
#due_box			{position:relative;}
#due_box p, #due_box_2size p, #tre_box p{ line-height:16px;}
#due_box div			{ width:380px; float:left;}
#due_box div.immagine-dettaglio	img{  float:right;}
#due_box div.first		{ width:380px;margin-left:0; float:left; margin-right:24px; display:inline; }
#due_box div h2		{font-size:25px; text-transform:none;}
#due_box div h4		{margin-top:32px; font-size:13px; font-weight:normal;}

#due_box div ul		{margin:5px 0;}
#due_box div ul li	{background:url(../images/cotonificio_albini/li_image.gif) 0px 7px no-repeat; padding-left:10px; margin-bottom:5px; }


/*2 colonne 2 Size*/
#due_box_2size			{position:relative;}
#due_box_2size div.second		{ width:190px; float:left;}
#due_box_2size div.first		{ width:570px; margin-left:0; float:left; margin-right:24px; }
#due_box_2size div h2		{font-size:25px; text-transform:none;}
#due_box2size div h4		{margin-top:32px; font-size:13px; font-weight:normal;}

#due_box_2size div ul		{margin:5px 0;}
#due_box_2size div ul li	{background:url(../images/cotonificio_albini/li_image.gif) 0px 7px no-repeat; padding-left:10px; margin-bottom:5px; }




.col_grid h2	{font-size:16px; margin-bottom:13px; text-transform:uppercase; margin-bottom:10px; font-weight:normal;}

.carousel_menu li	{height: 20px; line-height:14px;}
.carousel_menu li a	{display:block; height:14px; color:#aaa; line-height:14px; text-transform:uppercase; margin-bottom:6px; font-size:11px;padding-left:22px;}
.carousel_menu li a:hover, .carousel_menu li a.active{background:#c7c7c7}

.accordion_menu li	{ line-height:14px;}
.accordion_menu li a	{display:block; min-height: 15px; height: auto !important; height: 15px; color:#717171; line-height:12px;  text-transform:none; margin-top:6px; padding-left:22px; font-size:12px;}
.accordion_menu li a:hover, .accordion_menu li a.active{background:#c7c7c7}
.accordion_menu li ul{ padding-left:10px;}
.accordion_menu li ul li a{ font-size:11px; color:#aaa; line-height:13px; margin-top:1px;} 
.accordion_menu li ul li a:hover, .accordion_menu li ul li a.active{ background:none; text-decoration:underline;display:block;}

.menu_holder				{padding-top:16px}
.menu_holder p a#up			{background:url(../images/cotonificio_albini/menu_scroll_up.gif) no-repeat 22px 0; display:block;height: 14px;}
.menu_holder p a#down 		{background:url(../images/cotonificio_albini/menu_scroll_dw.gif) no-repeat 22px 0;display:block;height: 14px;}

a.approfondisci{ text-transform:uppercase; margin-top:15px; display:block;}

/*scrollable menu*/
div.wrap-scrollable {
  position: relative;
  height:240px;
  overflow: auto;
}


/*collection*/ 

#normal_menu .carousel_menu li a	{ text-transform:capitalize;}

#tre_box div			{float:left; margin-left:23px; width:246px; margin-bottom:15px; display:inline;}
#tre_box div.first{margin-left:0; clear:both;}
#tre_box div.story-wrap-content{ float:left; width:538px; margin:0;}
#tre_box div.story-img	{margin-left:0; float:left; width:246px; display:inline;}
#tre_box div.story-img img{ float:left;}
#tre_box div.story-wrap-content div.first{ clear:both; margin-left:22px;}			

.h_carousel	li						{display:inline;}
#tre_box div.h_carousel				{ width:246px; margin:0 0 0 0; overflow:hidden; height:88px; position:relative;}
.h_carousel ul{ position:absolute; width:10000px}
.h_carousel ul li				{margin-bottom:0; width:80px; height:80px; margin-left:3px; float:left; display:inline;}
.h_carousel ul li.first			{ margin-left:0; }
.h_carousel ul li	img{ margin-bottom:0; width:76px; height:76px; border:2px solid #aaa;  float:none;}			
p.slider_controller					{ position:absolute; bottom:0; right:0;}
a.previous							{display:block; height:13px; width:13px; background:url(../images/pull/arrow_right.gif) no-repeat top left;}
a.next								{display:block; height:13px; width:13px; background:url(../images/pull/arrow_left.gif) no-repeat top left; margin-left:5px}
#tre_box h2							{text-transform:capitalize;}


/*collezioni dja*/
#dja #due_box.collezioni_dja div h2{ font-size:14px; color:#d9b200;}
#dja #due_box.collezioni_dja div p{ margin-bottom:10px;}
#dja #due_box.collezioni_dja div img{ float:none; margin:0 3px 10px 0;}


/* sez. emozionale*/
.wrap_canvas_emozionale{ clear:both; width:980px; height:244px;}
/*accordion contenuti emozionali*/
.elenco_contenti_emozionale{ margin-top:20px;}

.elenco_contenti_emozionale p.nome_contenuto{ padding-left:19px; margin-bottom:5px;}
.elenco_contenti_emozionale p.nome_contenuto a{ text-transform:uppercase;}
.elenco_contenti_emozionale .contenuto{ margin-bottom:10px;}

.storia					{position:absolute; height:176px; bottom:0; width:100%; z-index:20;}
.storia p				{position:absolute; top:82px; }
.storia p.bottom{position:absolute; top:123px;}
#cotonificio_albini .storia p a, #albiate .storia p a, #thomas_mason .storia p a, #dja .storia p a{color:#b4b4b4; font-size:14px;}
#cotonificio_albini .storia p a:hover, #cotonificio_albini .storia p.active a, #albiate .storia p a:hover, #albiate .storia p.active a, #thomas_mason .storia p a:hover, #thomas_mason .storia p.active a, #dja .storia p a:hover, #dja .storia p.active a{color:#fff;}

.storia p.n_1800, .storia p.n_1800 a		{left:98px; top:70px;}
.storia p.n_1900, .storia p.n_1900 a		{left:406px;top:107px;}
.storia p.n_2000, .storia p.n_2000 a		{left:777px;top:70px;}

#cotonificio_albini .tabs-container , #dja .tabs-container , #thomas_mason .tabs-container , #albiate .tabs-container 
{
background-image:none;
background-color:transparent;
clear:none;
width:784px;
}

#storia_albini	{background:url(../images/cotonificio_albini/editoriali/header_storia.jpg) no-repeat top left; position:relative;}
h1.year			{font-size:30px; color:#aaaaaa; margin-bottom:3px;	font-weight:normal}
#cotonificio_albini .col_grid img	{float:none;}

.history .col_grid img	{margin-top:30px}
ul.menu_holder	{margin-right:33px; padding:0; display:inline;}
ul#normal_menu a span{ padding-top:0; }
ul.menu_holder li	{float:left; margin:0; width:140px;}
ul.menu_holder li a {display:block; width:118px;padding-left:22px;}


div.loading			{font-size:10px;height:14px;line-height:14px;padding-left:22px;text-transform:uppercase;}

#cotonificio_albini #due_box img	{float:right;}

.m-top{ margin-top:29px; }

#due_box div ul.elenco, #due_box_2_size div ul.elenco, #tre_box div ul.elenco{ margin:0px 0 10px; line-height:16px;}
#due_box div ul.elenco li, #due_box_2size div ul.elenco li, #tre_box div ul.elenco li{margin:0;}