﻿html {
	height: 100%;
}

body {
	margin: 0;
	padding: 0;
	text-align: center;
	background: #FFF url("../images/bg.png") 0 0 no-repeat fixed;
	font-size: 14px;
	color: #000;
	font-family: cambria, tahoma, arial, sans-serif;
} 

/*texte*/
p {
	font-size: 100%;
}

h1 {
	font-size: 200%;
}

h2 {
	font-size: 150%;
}

h3 {
	font-size: 125%;
}

h4,h5,h6 {
	font-size: 100%;
} 

/* liens hypertextes*/

a:link,a:visited {
	text-decoration: none;
	color: #454545;
	font-weight: bold;
}

a:hover {
	color: #60a5bb;
}

ul {
	margin: 0;
	padding-left: 20px;
}

li {
	list-style-type: circle;
	background: transparent;
	margin: 4px;
}

img {
	border: none;
	margin: 3px 5px;
	padding: 0;
}

img .caption {
	text-align: left;
}

.highlight {
	background: #60a5bb;
	padding: 0px 2px 0px 2px;
	color: #ffffff;
}

.button {
	background: #60a5bb;
	border: none;
	color: #fff;
	font-weight: bold;
	padding: 4px;
}

.inputbox {
	color: #000000;
	background: #ffffff;
	border: none;
	padding: 4px;
	font-weight: bold;
}

.pagewidth {
	width: 950px;
	text-align: center;
	background: transparent;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	position: relative;
}

fieldset {
	margin: 0px 5px 5px 5px;
	padding: 5px;
	border: 1px dashed #454545;
} 

/*******search*********/
#wrapper-search {
	float: left;
	width: 950px;
	height: 36px;
	background: transparent;
}

/*****module search****/
#search {
	float: right;
	color: #000;
	background: #fff;
	width: 230px;
	height: 38px;
	margin-right: 45px;
	border-radius: 0px 0px 10px 10px;
	behavior: url(/home/templates/arlqueens/css/PIE.php);
}

#search .inputbox {
	float: left;
	background: url("../images/input-search.jpg") 0 0 no-repeat;
	border: none;
	margin: 8px 0 0 17px;
	padding: 0px 0 0 7px;
	font-size: 14px;
	color: #fff;
	text-transform: capitalize;
	font-weight: bold;
	width: 194px;
	height: 23px;
} 

/******sitename/flags********/
#sitename {
	float: left;
	margin-left: 5px;
	z-index: -1000;
}

#flags {
	float: right;
	margin-top: 30px;
	margin-left: 60px;
	width: 370px;
	z-index: 2;
} 

/****topmenu*****/
#menu {
	float: left;
	width: 950px;
	height: 45px;
	margin-top: 35px;
	background: transparent;
}

#navigation {
	float: left;
	height: 45px;
	text-align: center;
	z-index: 50;
	background: transparent;
	width: 950px;
}

#navigation a {
	float: left;
	display: block;
	height: 45px;
	padding: 15px 15px 0 15px;
	font-weight: bold;
	color: #000;
	font-size: 12px;
	text-transform: uppercase;
}

#navigation  a:hover {
	color: #4aa6c0;
}

#navigation ul {
	list-style: none;
	margin: 0 4px 0 4px;
	padding-top: 0px;
	display: block;
}

#navigation li {
	display: block;
	float: left;
	margin: 0;
}

#navigation li.active {
	height: 55px !important;
	background: url("../images/menu_active_02.png") no-repeat 100% 0;
	margin-top: 0 !important;
}

#navigation li.active span {
	height: 55px !important;
	background: url("../images/menu_active_01.png") no-repeat 100% 0;
	margin-top: 0 !important;
}

#navigation li.active a {
	color: #000;
	height: 55px !important;
	background: url("../images/menu_active_01.png") no-repeat 0 0;
	margin-left: -10px;
	margin-top: 0 !important;
	line-height: 30px;
}

#navigation li {
	height: 45px !important;
	background: url("../images/menu_02.png") no-repeat 100% 0;
	margin: 10px 8px 0 8px;
}

#navigation li span {
	height: 45px !important;
	background: url("../images/menu_01.png") no-repeat 100% 0;
}

#navigation li a {
	color: #000;
	height: 45px !important;
	background: url("../images/menu_01.png") no-repeat 0 0;
	margin-left: -10px;
}

#navigation li li {
	height: 40px !important;
}

#navigation li li a {
	font-size: 10px;
	padding: 10px 0 0 0 !important;
	margin: 0 !important;
	color: #454545 !important;
	border: none;
	height: 40px !important;
}

#navigation li li a:hover {
	color: #4aa6c0 !important;
}

#navigation li.active li a {
	line-height: 10px !important;
	height: 25px !important;
}

.nav,.nav * {
	margin: 0;
	padding: 0;
}

.nav {
	float: left;
	z-index: 500 !important;
}

.nav ul {
	background: #fbfafa;
	z-index: 500 !important;
	width: 196px !important;
}

.nav li {
	float: left;
	list-style: none;
	background: none;
	z-index: 900;
	position: relative;
}

.nav li li a {
	text-decoration: none;
	background: none;
	float: none;
	width: 180px !important;
	border-bottom: 1px dashed #d0cdcd !important;
	margin: 0 5px 0 0 !important;
}

.nav li li {
	line-height: 38px;
}

#navigation li:hover li,#navigatin li.sfHover li,#navigation li.active:hover li,#navigation li.active.sfHover li,#navigation li:hover li span,#navigation li.sfHover li span
	{
	background-image: none;
}

#navigation li:hover li a,#navigation li.sfHover li a,#navigation li.active:hover li a,#navigation li.active.sfHover li a
	{
	background-image: none;
}

.nav li ul {
	float: none;
	left: -999em;
	position: absolute;
	width: 180px;
}

.nav li:hover ul,.nav li.sfHover ul {
	left: -13px;
	top: 45px;
	z-index: 100;
}

.navli:hover li ul,.nav li.sfHover li ul,.nav li li:hover li ul,.nav li li.sfHover li ul,.nav li li li:hover li ul,.nav li li li.sfHover li ul
	{
	top: -999em;
	z-index: 100;
}

.nav li li:hover ul,.nav li li.sfHover ul,.nav li li li:hover ul,.nav li li li.sfHover ul,.nav li li li li:hover ul,.nav li li li li.sfHover ul
	{
	left: 177px;
	top: 0px;
	width: 180px;
}

.nav li li {
	position: relative;
	float: none;
	width: 180px;
} 

/*****login/register******/
#tool {
	float: left;
	width: 220px;
	height: 45px;
	background: transparent;
	margin-top: 10px;
}

a.login-switch {
	float: left;
	background: url("../images/login.png") 0 0 no-repeat;
	color: #fff !important;
	width: 70px;
	height: 45px;
	margin-left: 10px;
	padding: 13px 10px 10px 10px;
	font-size: 16px;
	text-transform: uppercase;
}

a.register-switch {
	float: left;
	background: url("../images/register.png") 0 0 no-repeat;
	color: #fff;
	width: 70px;
	height: 45px;
	margin-left: 10px;
	padding: 10px;
	font-size: 16px;
	text-transform: uppercase;
	padding: 13px 10px 10px 10px;
}

a.login-switch:hover {
	float: left;
	background: url("../images/register.png") 0 0 no-repeat;
	color: #fff !important;
	width: 70px;
	height: 45px;
	margin-left: 10px;
	padding: 10px;
	font-size: 16px;
	text-transform: uppercase;
}

a.register-switch:hover {
	float: left;
	background: url("../images/login.png") 0 0 no-repeat;
	color: #fff !important;
	width: 70px;
	height: 45px;
	margin-left: 10px;
	padding: 10px;
	font-size: 16px;
	text-transform: uppercase;
}

a.show,a.show:hover {
	float: left;
	color: #fff;
	width: 70px;
	height: 45px;
	margin-left: 10px;
	padding: 13px 10px 10px 10px;
	font-size: 16px;
}

a.deconnexion {
	float: left;
	background: url("../images/login.png") 0 0 no-repeat;
	color: #fff !important;
	width: 70px;
	height: 45px;
	margin-left: 10px;
	padding: 10px;
	font-size: 16px;
	text-transform: uppercase;
}

#gl-login {
	background: #4aa6c0;
	color: #ffffff;
	top: 250px;
	display: none;
	height: auto;
	overflow: hidden;
	padding: 11px 21px 11px 33px;
	position: absolute;
	left: 450px;
	text-align: left;
	z-index: 999 !important;
	width: 150px;
}

h3.tittle-login {
	text-align: left;
	font-weight: bold;
	font-size: 18px;
	letter-spacing: 1px;
	margin: 0;
	padding: 5px 0 12px 0px;
}

h3.tittle-register {
	text-align: left;
	font-weight: bold;
	font-size: 21px;
	margin: 0;
	padding: 5px 0 12px 0px;
}

#gl-register {
	background: #4aa6c0;
	color: #fff;
	top: 250px;
	display: none;
	height: auto;
	overflow: hidden;
	padding: 16px 11px 11px 25px;
	position: absolute;
	left: 450px;
	text-align: left;
	z-index: 999;
	width: 450px;
}

#gl-login form a,#gl-register form a {
	background: transparent;
	color: #fff;
}

#gl-login label {
	color: #fff;
	padding-top: 4px;
}

#gl-register label {
	color: #fff;
	padding-top: 4px;
}

#gl-login .button {
	background: #fff;
	color: #000;
	padding: 5px;
	margin: 20px 0 5px 0;
	cursor: pointer;
}

#gl-register .button {
	background: #fff;
	color: #000;
	padding: 5px;
	margin: 10px 0 20px 0;
	cursor: pointer;
}

#gl-login .inputbox,#gl-register .inputbox {
	background: #fff;
	border: none;
	color: #000;
	margin-top: 2px;
}

#gl-login form {
	float: left;
	margin-top: 5px;
}

#gl-login form label {
	float: left;
}

label.gl-login-user span,label.gl-login-password span {
	display: block;
	float: left;
}

#gl-login form input.button {
	font-size: 11px !important;
	float: left;
}

#gl-login form #mod_login_username,#gl-login form #mod_login_password {
	background: #fff;
	width: 120px;
	margin: 3px 8px 0 0;
	font-size: 12px !important;
	padding: 2px;
	font-weight: normal;
}

#gl-login form a {
	padding: 5px 0 !important;
	margin: 0;
	text-decoration: none;
	background: transparent;
	display: block;
}

#gl-login form a:hover,#gl-login form a:active,#gl-login form a:focus {
	text-decoration: underline;
}

.gl-login-links {
	padding: 2px 0 !important;
	margin: 0;
	clear: both;
	text-transform: none;
	letter-spacing: normal;
	font-size: 12px;
	font-weight: normal;
}

.gl-login-links a {
	font-weight: normal;
}

.libele {
	display: none;
} 

/******content*****/
#content {
	float: left;
	width: 100%;
	background: #ffffff;
	margin-top: 10px;
	margin-left: 2px;
	border-radius: 0px 10px 10px 10px;
	behavior: url(/home/templates/arlqueens/css/PIE.php);
}
.homepage {
	float: left;
	width: 100%;
	margin-top: 10px;
	margin-left: 2px;
}

#gallery {
	float: left;
	position: relative;
	width: 950px;
	height: 500px;
	margin: 10px 0 0 0px;
	overflow: hidden;
	background: transparent;
	padding: 0px;
}

#faded {
	float: left;
	position: relative;
	width: 920px;
	height: 460px;
	margin: 25px 0 0 20px;
	overflow: hidden;
	background: transparent;
	padding: 0px 0 0 0;
	z-index: 3; /*Valore aggiunto per permettere la visualizzazione dei men� a tendina - 04/07/2011*/
}

#faded  img {
	border-bottom: 2px solid #000;
	z-index: 3; /*Valore aggiunto per permettere la visualizzazione dei men� a tendina - 04/07/2011*/
}

ul.pagination {
	position: absolute;
	top: 20px;
	right: 0px;
}

ul.pagination li {
	width: 106px;
	height: 60px;
	overflow: hidden;
	font-weight: bold;
	text-transform: uppercase;
	list-style: none;
}

ul.pagination li a {
	background: transparent;
	display: block;
	width: 106px;
	height: 60px;
	padding: 0px;
	margin: 20px 15px 15px 15px;
	text-decoration: none;
}

ul.pagination li.current a,ul.pagination li a:hover {
	background-position: 0% 0% !important;
	opacity: 0.4;
	-moz-opacity: 0.4;
	-ms-filter: "alpha(opacity=40)"; /* IE 8 */
	filter: alpha(opacity = 40); /* IE < 8 */
}

ul.pagination li img {
	float: left;
	margin: 0;
} 

/****MAIN*****/
#main {
	float: left;
	width: 500px;
	background: #fff;
	margin-top: 30px;
	text-align: left;
	padding: 10px;
	margin-bottom: 30px;
	border-radius: 10px 10px 10px 10px;
	behavior: url(/home/templates/arlqueens/css/PIE.php);
}

#main-mid {
	float: left;
	width: 700px;
	background: #fff;
	margin-top: 30px;
	text-align: left;
	padding: 10px;
	margin-bottom: 30px;
	border-radius: 10px 10px 10px 10px;
	behavior: url(/home/templates/arlqueens/css/PIE.php);
}

#main-full {
	float: left;
	width: 930px;
	background: #fff;
	margin-top: 30px;
	text-align: left;
	padding: 10px;
	margin-bottom: 30px;
	border-radius: 10px 10px 10px 10px;
	behavior: url(/home/templates/arlqueens/css/PIE.php);
} 

/*****JOOMLA STYLE******/
.contentpaneopen,.contentpane {
	width: 100%;
}

.contentheading,a.contentpagetitle,.componentheading {
	font-size: 20px;
	font-weight: bold;
	color: #000;
	background: transparent;
	text-transform: capitalize;
}

a.contentpagetitle:hover,a.contentpagetitle:active {
	color: #60a5bb;
}

a.readon {
	float: right;
	font-weight: bold;
	padding: 5px;
	margin-right: 15px;
	color: #fff;
	margin-top: 5px;
	font-weight: bold;
	background: #f2bc4c;
	border-radius: 10px 10px 10px 10px;
	behavior: url(/home/templates/arlqueens/css/PIE.php);
}

.blog_more {
	margin-bottom: 25px;
}

.blog_more strong {
	letter-spacing: 1px;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: bold;
	padding-left: 35px;
	background: transparent;
}

.blog_more li {
	margin: 5px 25px;
}

.modifydate {
	margin-top: 10px;
	font-style: italic;
}

.article_separator,.article_seperator {
	height: 26px;
	width: 100%;
	display: block;
}

.sectiontableheader {
	padding: 5px;
}

td.contentdescription {
	padding: 5px;
}

tr.sectiontableentry1 td,tr.sectiontableentry2 td {
	padding: 5px;
}

table.contenttoc {
	margin: 5px;
	border: 1px solid #000;
	padding: 5px;
	float: right;
	color: #000;
}

table.contenttoc td {
	padding: 0 5px;
} 

/* Pagination ---*/
.counter {
	text-align: center;
	padding: 10px 0;
}

ul.page {
	float: left;
	width: 100%;
	padding: 10px 0;
	text-align: center;
}

ul.page li {
	background: none;
	display: inline;
	margin: 0;
	padding: 6px;
	margin: 0 3px;
	overflow: hidden;
	border: 1px solid #e7e7e7;
}

ul.page li span {
	padding: 6px;
	line-height: 20px;
}

ul.page a {
	background: transparent;
	color: #000;
	line-height: 20px;
	padding: 6px;
	text-decoration: none;
}

ul.page a:hover,ul.page a:active,ul.page a:focus {
	color: #60a5bb;
	text-decoration: none;
} 

/****calendar***/
.calendar {
	display: block;
	margin: 0 0 0 0px;
	padding: 2px 0 0 0;
	background: url("../images/bg-calendar.jpg") 0 0 no-repeat;
	width: 45px;
	height: 45px;
	font-size: 14px;
	text-align: center;
}

.calendar .day {
	color: #f9f4f4;
	font-weight: bold;
	margin: 0;
	padding: 0;
	font-size: 14px;
	background: transparent;
	width: 45px;
	font-weight: bold;
}

.calendar .month {
	color: #f9f4f4;
	font-weight: bold;
	margin: 0;
	padding: 0;
	font-size: 14px;
	background: transparent;
	width: 45px;
}

.contentinfo {
	margin: 0px;
	padding: 2px 0;
	width: 100%;
} 

/********************************************/
/*** **********BLOCK LEFT/RIGHT***********  /
/*******************************************/
#colonnewrap {
	float: right;
	width: 420px;
	background: #fff;
	margin-top: 30px;
	text-align: left;
	margin-bottom: 30px;
	border-radius: 10px 10px 10px 10px;
	behavior: url(/home/templates/arlqueens/css/PIE.php);
}

#colonnewrap-mid {
	float: right;
	width: 215px;
	background: #fff;
	margin-top: 30px;
	text-align: left;
	margin-bottom: 30px;
	border-radius: 10px 10px 10px 10px;
	behavior: url(/home/templates/arlqueens/css/PIE.php);
}

#colonnewrap-full {
	display: none;
	border-radius: 10px 10px 10px 10px;
	behavior: url(/home/templates/arlqueens/css/PIE.php);
} 


/*columns*/
#col1,#col2 {
	float: left;
	width: 210px;
}

#col1 .element,#col2 .element {
	padding: 0 10px;
}

div.moduletable h3,div.moduletable_menu h3,div.moduletable_text h3 {
	font-size: 120%;
	padding: 4px;
	font-variant: small-caps;
	background: #f2bc4c;
	color: #fff;
	text-align: center;
	border-radius: 10px 10px 10px 10px;
	behavior: url(/home/templates/arlqueens/css/PIE.php);

}

div.moduletable,div.moduletable_menu,div.moduletable_text {
	margin: 9px 0 0 0;
	padding: 0 2px 15px 10px;
	background: transparent;
}

div.moduletable ul,div.moduletable_menu ul,div.moduletable_text ul {
	margin-left: 0px;
	padding-left: 10px;
}


/****publicite*******/
div.bannergroup_text {
	padding-bottom: 10px;
}

div.bannerfooter {
	padding: 10px;
}

div.banneritem_text {
	padding-top: 10px;
	margin: 0;
}

div.bannerheader {
	padding-left: 20px !important;
	padding-right: 20px !important;
	font-size: 14px;
	font-weight: bold;
} 
/****Contatore***/
.contatore {
	margin-bottom: 10px;
	}

/****footer****/
#footer {
	float: left;
	width: 950px;
	height: 50px;
	background: #fff;
	border-radius: 10px 10px 10px 10px;
	behavior: url(/home/templates/arlqueens/css/PIE.php);
}

.ftb {
	float: left;
	margin-top: 5px;
	text-align: center;
	font-weight: bold;
	font-size: 15px;
	width: 780px;
	color: #000;
}

.ftb a {
	padding: 0 !important;
	border: none !important;
	color: #000 !important;
	font-weight: bold;
}

.ftb a:hover {
	padding: 0 !important;
	border: none !important;
	color: #60a5bb !important;
}

#top {
	float: left;
	width: 30px;
	height: 30px;
	margin-top: 4px;
	padding: 0 !important;
	border: none !important;
	background: transparent;
}

.top_button {
	padding: 0 !important;
	border: none !important;
} 


/****POOL******/
table.poll td {
	text-align: left;
	font-size: 15px;
	margin: 0 !important;
	padding: 0;
}

table.poll thead td {
	font-size: 15px;
	padding-left: 14px;
}

table.poll div {
	text-align: left;
	padding: 3px !important;
}

table.poll .button {
	font-size: 15px;
	margin: 5px 0px 0 4px;
	padding: 4px;
} 

/**end file***/