/* 
---------------------------------------------------------------------------
AUTHOR:  			Laura Silvani
TEMPLATE NAME: 		Dimension
VERSION:          	0.1
LAST MODIFIED:    	February-10-2010
----------------------------------------------------------------------------  

*/

@import url('reset.css');
@import url('fonts_gruppo.css');
@import url('utils.css');
@import url('chroma_gruppo.css'); /* Change this in order to change website appearance */	

html { overflow-y:scroll; } /* To prevent Firefox Scrollbar Jump */

h1.logo {
	float:left;	
}

.h1_hotel a,.h1_hotel h1,.h1_hotel h2,.h1_hotel h3 { float:left;color:#444;font-size:12px;line-height:normal;margin:0px 2px 0px 0px;font-weight:normal;text-decoration:none}

h1.logo, h1.logo a {
	display:block;
	width:180px;
	height:102px;
	text-indent:-9999px;
}

h2,h3 {
	margin:10px 0;
}

/* --------------------------------- */
/* MAIN STRUCTURE 					 */
/* --------------------------------- */

#wrapper {
	width:960px;
	margin:0 auto;
}

#main_content {
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

#header {
	width:100%;
	overflow:hidden;
	clear:both;
	margin:0 0 20px 0;
	padding:15px;
}

#footer {
	margin:8px 0;
	padding-bottom:10px;
}

#footer div {
	float:left;
}

#footer ul {
	float:right;
}

#footer ul li {
	display:block;
	float:left;
	margin-right:10px;
}

#mymap {
	overflow:hidden;
	clear:right;
	float:right;
	margin-left:30px;
	padding-left:20px;
}

#mymap h1 {
	padding-bottom:20px;
}

#map_canvas {
	width:342px;
	height:247px;
	
}

.h1_hotel {
	float:left;
}

.language_menu {
	text-align:right;
	margin:10px 0;

}

/* --------------------------------- */
/* HOMEPAGE GRUPPO					 */
/* --------------------------------- */

#home_container {
	width:960px;
	margin:0 auto;
	overflow:hidden;
	clear:both;
}

.home_roundedbox {
width:960px;
height: 108px;
background: transparent url(../images/gruppo_banner_top.png) no-repeat;
overflow:hidden;
padding:0;
margin: 0;
z-index: 300;
position:relative;
}

.home_roundedbox_2 {
width:960px;
overflow:hidden;
margin:-5px 0 0 0;
padding: 0;
z-index: 300;
position:relative;
}

.home_roundedbox_2 .box_content{
 color: #aba89e;
 background:transparent url(../images/roundedbox_varheight.png) no-repeat; 
 font-size:14px;
 padding:30px 20px 0px 20px;
 overflow:hidden;
 text-align: justify;
}

#roundedbox_bottom {height:30px; width:100%; background:transparent url(../images/roundedbox_bottom.png);}

.home_roundedbox h1 {
	display:block;
	font:20px Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
	margin: 20px 0 0 15px;
	color:#e0dccf;
	text-transform: uppercase;
}

#logo_group {
position:absolute;
right: 5px; 
top:5px;
width:158px;
height: 70px;
z-index: 400;
}

#logo_group a h1 {
 text-indent: -9999px;
 color: transparent;
 font-size:1px;
}

#group_menu {
	width:960px;
	height:300px;
	padding:0;
	position:relative;
	z-index: 100;
	background: url(../images/bg_group_box.png) no-repeat;
	margin-top: -5px;
	overflow:hidden;
}

#shadow_menu {
	width:960px;
	height:25px;
	position:absolute;
	top:0px;
	left:0;
	background: transparent url(../images/ombra_menu.png) no-repeat; 
	z-index: 260;
	}
	
#shadow_menu_bottom {
	width:960px;
	height:25px;
	position:absolute;
	bottom: -3px;
	left:0;
	background: transparent url(../images/ombra_menu_bottom.png) no-repeat; 
	z-index: 200;
	}


.group_menu_hotel {
	float:left;
	height:310px;
	width:230px;
	margin-right:13px;
	position:relative;
}
.group_menu_hotel.last {margin:0 0 0 1px;}

.flash_gruppo
{
 position:absolute;
 top:0;
 left:0;
 width:230px;
 height:310px;
 padding:0;
 margin:0;
 z-index:250;
 overflow: hidden;
 background-color: #05080E;
}

a.link_hotel {
	display:block;
	position:absolute;
	top:0;
	left:0;
	height:237px; 
	width:230px;
	z-index: 300;
	background-color:transparent;
}


.group_menu_hotel_info {
	height: 73px;
	width: 230px;
	position:absolute;
	top: 237px;
	left:0;
	background: transparent url(../images/box_txt_hotel.png) no-repeat;
	overflow:hidden;
	font-size:18px;
	font-weight:bold;
	color:#FFFFFF;
	z-index: 300;
}

.logo_hotel_home {
	text-align:center;
	background:#111417;
	float:left;
	width:90px;
	height:90px;
	display:block;
}

.title_hotel_home {
	font-family: "Trebuchet MS",Helvetica,Jamrul,sans-serif;
	font-size: 21px;
	font-weight: normal;
	letter-spacing: 2px;
	display:block;
	padding:5px 1px 5px 0px;
	width:229px;
	text-transform:uppercase;
	line-height:100%;
	text-align: center;
}
.title_hotel_home a, .title_hotel_home a:visited, .title_hotel_home a:hover {
	color: #E0DCCF;
	text-decoration:none;
	text-align: center;
}

.subtitle_hotel_home {
	font-family: "Trebuchet MS",Helvetica,Jamrul,sans-serif;
	font-size: 18px;
	font-weight: normal;
	letter-spacing: 23px;
	display:block;
	padding:12px 3px 5px 27px;
	width:200px;
	text-transform:uppercase;
	line-height:100%;
	text-align: center;
}
.subtitle_hotel_home a, .title_hotel_home a:visited, .title_hotel_home a:hover {
	color: #E0DCCF;
	text-decoration:none;
	text-align: center;
}

#banner_trevicoll {
display:block;
float:left;
height:310px;
margin:0 20px 20px 0;
width:420px;
position:relative;
}
#banner_trevicoll img {position:absolute; top:0; left:0;}
#banner_trevicoll a {position:absolute; left:0; bottom:0; display:block; width:420px; height:40px; color:#fff;font-size:14px;padding:0 0 0 25px;line-height:40px;text-decoration:none;}
#banner_trevicoll a:hover {text-decoration:underline;}

/* --------------------------------- */
/* NAVIGATION 	 					 */
/* --------------------------------- */

#navbar {
	width:80%;
	float:right;
	text-align:right;
}

#navbar p {
	padding:0 50px 20px 0;
}

#navbar ul {
	width:97%;
	float:left;
	margin-left:92px;
	margin-top:-33px;
}

#navbar ul.home {
	margin-left:0;
	width:92px;
	overflow:hidden;
	float:left;
	display:block;
	margin-top:-0;
}


#navbar ul.home li {
	width:92px;
}


#navbar ul li {
	display:block;
	float:left;
	width:12%;
}

#navbar ul li a {
	display:block;
	padding:9px 0;
	text-align:center;
}

/* Only for the homepage button */
#navbar ul.home li:first-child, #navbar ul.home li:first-child a {
	-moz-border-radius-topleft:5px;
	-moz-border-radius-bottomleft:5px;
	-webkit-border-radius-topleft: 5px;
	-webkit-border-radius-bottomleft:5px;
	-moz-border-radius-topright:0px;
	-moz-border-radius-bottomright:0px;
	-webkit-border-radius-bottomright: 0px;
	-webkit-border-radius-topright:0px;
}

#navbar ul li:last-child, #navbar ul li:last-child a {
	-moz-border-radius-topright:5px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-radius-bottomright: 5px;
	-webkit-border-radius-topright:5px;
}

/* --------------------------------- */
/* CATEGORY 	 					 */
/* --------------------------------- */

/* --- ---------------------------------------------------- */
/* These 3 classes generates the shadows over the image     */
.catlogo		{ }
.catlogo img 	{ margin-top:-10px; }
.shadow 	 	{ position:relative;z-index:10;height:11px; }
.shadow-bottom 	{ position:relative;z-index:11;height:11px;margin-top:-14px; }
/* --- ---------------------------------------------------- */

/* --- ---------------------------------------------------- */
/* These classes generates the band of items in the homepage */
#cat_items_band {
	overflow:hidden;
	clear:both;
	margin-top:15px;
	-moz-border-radius-bottomright:8px;
	-moz-border-radius-bottomleft:8px;
	-webkit-border-radius-bottomright: 8px;
	-webkit-border-radius-bottomleft:8px;
}

#cat_items_band .itembox 	{ float:left;width:20%;min-height:150px;padding:20px; }
#cat_items_band .itembox a 	{ margin-top:8px; }

#cat_items_band .last {
	margin-right:0;
	border-right:0;
}

/* --- ---------------------------------------------------- */

#category_content {
	padding:15px 25px 25px 25px;
	overflow:hidden;
	clear:both;
}

#internal_content { /* Per il contenuto delle categorie non home */
	float:left;
	width:68%;
}

#subcats {
	float:left;
	width:30%;
}

#subcats ul.cal_categories {
	width:90%;
}

#subcats ul.cal_categories li a {
	display:block;
	padding:10px 0;
}

/* --------------------------------- */
/* ARTICLES 	 					 */
/* --------------------------------- */

#articlebox {
	padding:15px 25px 25px 25px;
	overflow:hidden;
	clear:both;
}

#articlebox #subcats li {
	list-style:none;
}

#article {
	float:right;
	width:69%;
}

.notes {
	margin-top:10px;
}

/* -------------------------------------------------------- */
/* These classes generates a list of SIBLINGS items			*/
#articlebox #articleslist {
	
	margin:20px 5px 20px 0;
	width:28%;
}

#articlebox #articleslist ul li, 
#articlebox #articleslist ul li a {
	display:block;	
	margin-top:-8px;
	padding-bottom:10px;
	width:100%;
}

/* -------------------------------------------------------- */

/* --- ---------------------------------------------------- */
/* These classes generates a list of items					*/
#articleslist {
	margin-top:20px;
	float:left;
}

#articleslist ul li {
	float:left;
	display:block;
	width:32%;
	margin-right:10px;
	/* min-height:150px;
	height:auto; !important
	height:150px; */
}


ul#cat_items li {
	width:31%;	
	min-height:150px;
	height:auto; !important
	height:150px;
}

#articleslist ul li.last {
	margin-right:0px;
}

#articleslist ul li img {
	float:left;
	margin:0 5px 5px 0;
}
/* -------------------------------------------------------- */

.gallery a {
	float:right;
}

.item_gallery {
	width:215px;
	float:right;
	margin:0 0 30px 30px;
}

.item_gallery a img {
	margin:0 15px 0 0 !important;
}

.item_gallery h1 {
	margin-bottom:15px;
}

.lanch_gallery_button {
	position:relative;
	top:-50px;
	width:200px;
	height:20px;
	padding:15px 0;
	color:#FFFFFF;
	font-weight:bold;
	display:block;
	overflow:hidden;
	text-align:center;
	background:#000000;
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
}

.home_roundedbox_2 .box_content h1 { 
font-family:Impact,Techno,sans-serif;
font-size:2em;
font-weight:normal;
line-height:110%;
margin: 15px 0 25px 0;
}

#fb_group_link{position:absolute;top:12px;left:900px;}