/****************************************************
#####################################################
##-------------------------------------------------##
##           ASTURIAS- Version 1.0.0               ##
##-------------------------------------------------##
## Copyright = globbersthemes.com- 2010            ##
## Date      = novembre 2010                       ##
## License   = free template                       ##
## Author    = globbers                            ##
## Websites  = http://www.globbersthemes.com       ##
##                                                 ##
#####################################################
****************************************************/



html {
height: 100%;

}

body{
margin:0;
padding:0;
text-align:center;
background:#124e65 url(../images/bg.jpg) 50% 50% repeat-y;
font-size:13px;
color:#454545;
font-family: arial , sans-serif;
font-weight:normal;

}

/*texte*/
p {
font-size: 100%;
background:transparent !important;

}

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:#1a9fca;
transition:0.3s;

}

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

}

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

}

img {
border:none;
margin:2px 4px;
padding:0;

}

img .caption {
text-align: left;

}

.highlight{
background:#454545;
padding: 0px 2px 0px 2px;
color:#ffffff;

}

.button {
background-color:white;
border:2px solid #008CBA;
color:black;
font-weight:bold;
padding:4px;
transition-duration: 0.4s;

}

.button:hover {
	background-color: #008CBA;
    color: white;

}

.inputbox {
color:#000000;
background:#ffffff;
border:2px solid #008CBA;
padding:4px;
font-weight:bold;

}

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

}

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

}

#bubble {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:url(../images/bubble.jpg) 50% 50% no-repeat;
z-index:1;

}

/****sitename****/
#sitename {
display:inline-block;
width:490px;
height:auto;
padding:10px 0 0 50px;
margin-left:200px;
font-size:20px;

}

#topmenu {
float:left;
width:auto;
height:auto;
background:transparent/*url(../images/bg-topnav.png) 0 0 no-repeat*/;
margin:40px 0 0 0 ;
z-index:2;

}

#modulotop:read-only {
float:right;
margin-top:50px;
margin-right:100px;
}

#modclassifiche {
width:830px;
display:flex;
}

#modclassifiche .classifica1 {
width:415px;
float:left;
}

#modclassifiche .classifica2 {
width:415px;
float:left;
}

#modstats {
/* margin-left:22px; */
display:flex;
}

#modpartite {
display:flex;
margin-left:10px;
}

/****bottoni****/
#bottoneilhtop {
	filter:grayscale(100%);
	transition:filter 1s;
}

#bottoneilhtop:hover {
	filter:grayscale(0%);
}

#bottone3v3 {
	display:inline;
	filter:grayscale(100%);
	transition:filter 1s;
}

#bottone3v3:hover {
	filter:grayscale(0%);
}

#bottoners {
	display:inline;
	filter:grayscale(100%);
	transition:filter 1s;
}

#bottoners:hover {
	filter:grayscale(0%);
}

#bottoneregolamenti {
	margin:0 auto;
	width:136px;
	filter:grayscale(100%);
	transition:filter 1s;
	cursor:pointer;
}

#bottoneregolamenti:hover {
	filter:grayscale(0%);
}

/* Popup container - can be anything you want */
.bottoneclassifiche {
	filter: grayscale(100%);
	transition: filter 1s;
    position: relative;
    display: inline-block;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.bottoneclassifiche:hover {
	filter:grayscale(0%);
}

/* The actual popup */
.bottoneclassifiche .popuptext {
    visibility: hidden;
    width: 163px;
    background-color: #cecece;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 8px 0;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -80px;
}

/* Popup arrow */
.bottoneclassifiche .popuptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #cecece transparent transparent transparent;
}

/* Toggle this class - hide and show the popup */
.bottoneclassifiche .show {
    visibility: visible;
    -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s;
}

/****Modal Box Regolamenti****/
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
    -webkit-animation-name: fadeIn; /* Fade in the background */
    -webkit-animation-duration: 0.4s;
    animation-name: fadeIn;
    animation-duration: 0.4s
}

/* Modal Content */
.modal-content {
    /*position: fixed;
    bottom: 0;*/
    background-color: #fefefe;
	margin: 50px auto; /*  */
	padding: 10px; /*  */
	border: 1px solid #888; /*  */
    width: 70%; /* 100% */
    -webkit-animation-name: slideIn;
    -webkit-animation-duration: 0.4s;
    animation-name: slideIn;
    animation-duration: 0.4s
}

/* The Close Button */
.chiudiregolamenti {
    color: white;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.chiudiregolamenti:hover,
.chiudiregolamenti:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.modal-header {
    padding: 2px 16px;
    background-color: #1b9fca;
    color: white;
}

.modal-body {padding: 2px 16px;}

.modal-footer {
    padding: 2px 16px;
    background-color: #1b9fca;
    color: white;
}

/* Add Animation */
@-webkit-keyframes slideIn {
    from {bottom: -300px; opacity: 0} 
    to {bottom: 0; opacity: 1}
}

@keyframes slideIn {
    from {bottom: -300px; opacity: 0}
    to {bottom: 0; opacity: 1}
}

@-webkit-keyframes fadeIn {
    from {opacity: 0} 
    to {opacity: 1}
}

@keyframes fadeIn {
    from {opacity: 0} 
    to {opacity: 1}
}

/****ICONE SOCIAL NETWORK*****/
ul#social-networking {
	margin-top:10px;
	text-align:center;
	display:block;
	float:left;
	padding: 0 0 0 0;
	font-size: 12px;
}
 
#social-networking li {
	margin: 0;
	padding: 0;
	list-style: none;
	background: url(../images/icone-social.png) no-repeat;
}
 
#social-networking li, #social-networking a {
	width: 32px;
	height: 32px;
	display: block;
	float: left;
	transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
}

ul#social-networking li.youtube {
	background-position: -160px -64px;
}
ul#social-networking li.facebook {
	background-position: -0px -64px;
}
ul#social-networking li.teamspeak {
	background-position: -192px -64px;
}
ul#social-networking li.forumfree {
	background-position: -224px -64px;
}

ul#social-networking li.youtube:hover {
	background-position: -160px -32px;
}
ul#social-networking li.facebook:hover {
	background-position: -0px -32px;
}
ul#social-networking li.teamspeak:hover {
	background-position: -192px -32px;
}
ul#social-networking li.forumfree:hover {
	background-position: -224px -32px;
}

/****topmenu*****/
#menu {
float:left;
width:660px;
height:82px;
background:transparent;
margin-top:0px;
text-align:center;
margin-left:40px;
 
}

#navigation {
float:left;
height: 70px;
text-align:center;
z-index: 50;
background:transparent;
width:660px;
margin-top:6px;

}

#navigation a {
float:left;
display: block;
height: 70px;
padding: 25px 30px 0 30px;
font-weight:bold;
color:#454545 ;
font-size:13px;
text-transform:uppercase;
margin-left:-32px;

}

#navigation  a:hover{
color: #d0cdcd;

}

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

}

#navigation li {
display: block;
float: left;

}

#navigation li.active {
height:66px !important;
background: url(../images/bg-nav-right.png) no-repeat 100% 0 ;


}

#navigation li.active span {
height:66px !important;
background: url(../images/bg-nav-right.png) no-repeat 100% 0 ;

}

#navigation li.active a {
color:#ffffff ;
height:66px !important;
background: url(../images/bg-nav-left.png) no-repeat 0 0 ;
margin-left:-32px;

}

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

}

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

}

#navigation li li a:hover{
color:#d0cdcd !important;

}

#navigation li.active a {
height:40px !important;

}

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

}

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

}

.nav ul {
background:#eef0ee ; 
z-index:500 !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;
border-bottom:1px solid #b9bdb9 !important;
margin:0 !important;
padding:0 !important;
height:20px !important;
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:0px;
top: 50px;
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;

}

/*****module search****/
#search{
float:left;
color:#454545;
background: url(../images/bg-search.jpg) 0 0 no-repeat;
width:194px;
height:31px;
margin-top:23px;
margin-left:5px;

}

#search .inputbox {
float:left;
background:transparent;
border:none;
margin:0px ;
padding:8px 0 0 4px ;
font-size:15px;
color:#000;
text-transform:capitalize;
font-weight:bold;

}

#content-top {
float:left;
width:100%;
height:565px;
background:#fff;
margin:0px  ;
z-index:2;

}

/*tabs*/

#slides{
float:left;
width:860px;
margin:20px 30px;
padding:0;
clear:both;
overflow:hidden;
 
}

#LiquidSlides{
width:860px;
display:block;
position:relative;
margin:0px;
overflow:hidden;
 
}

#gb_slides, 
#gb_slides .slide_gb{
display:block;
position:relative;
 
}

#gb_slides .slide_gb{
border:none;
text-align:left;
float:left;
width:860px;
margin-right:10px;

}

#liquid-container{
 margin-left:auto;
 margin-right:auto;
 
}

/* ul menu container */

#liquid_menu{
display:block;
position:relative;
height:58px;
margin:0px auto 0px;
padding:0px;
overflow:hidden;
 
}

#liquid_menu li{
float:left;
list-style-type:none;
line-height:58px;
padding:0px;
border:0;
background:none;
 
}

#liquid_menu li.highlight{
height:30px;
display:block;
position:absolute;
z-index:1;
top:15px;
left:0px;
width:0px;
 
}

/* to make it round cornered, you need to set this class too. */

#liquid_menu li.highlight .right{
height:30px;
width:10px;
margin-left:auto;
display:block;
position:relative;
background: url(../images/bg-liquid-right.jpg)  no-repeat
 
}

/* link declarations. don't use a:HOVER because it will override the hovering from JS */

#liquid_menu li a {
font-size:11px;
text-decoration:none;
font-weight:bold;
z-index:9;
display:block;
position:relative;
margin:auto 20px;

}

#liquid_menu li.highlight {
background: url(../images/bg-liquid-left.jpg) left no-repeat
 
} 

/* #slides .contentpaneopen{
margin:0;

} */

#wrap-top {
float:left;
width:920px;
height:90px;
background: url(../images/bg-breadcrumb.jpg) 0 0 no-repeat

}

/****pathway*****/
#breadcrumb{
display:-webkit-box;
float:left;
width:auto;
height:auto;
background:transparent;
margin-top:10px;
margin-left:20px;

}

#pathway {
float:left;
width:650px;
height:50px;
margin:0 ;
padding:0 0 0 20px ;
text-align:left;

}

#pathway a {
color:#454545;

}

#pathway a:hover {
color:#60a5bb;;

}

#pathway p {
font-weight:bold;
padding: 0 ;
margin:8px 0 0 0;
font-size:12px;
color:#000;

}

/*****login/register******/
#tool {
float:left;
width:190px;
height:45px;
background:transparent;
position:relative;

}

a.login-switch {
float:left;
background: url(../images/bg-login.jpg) 0 0 no-repeat;
color: #fff !important;
width:68px;
height:30px;
text-align:center;
font-size:15px;
padding-top:6px;

}

a.register-switch {
float:left;
background: url(../images/bg-register.jpg) 0 0 no-repeat;
color: #fff;
width:82px;
margin-left:20px;
padding-top:6px;
font-size:15px;
height:30px;
text-align:center;

}

a.login-switch:hover {
background: url(../images/bg-login-hover.jpg) 0 0 no-repeat;
color:#ffffff;

}

a.register-switch:hover {
background: url(../images/bg-register-hover.jpg) 0 0 no-repeat;
color:#ffffff;

}

a.show,
a.show:hover {
float:left;
color: #fff;
width:68px;
height:30px;
text-align:center;
background: url(../images/close.jpg) 0 0 no-repeat;

}

 a.deconnexion {
float:left;
background: url(../images/bg-login.jpg) 0 0 no-repeat;
color: #fff;
width:68px;
height:30px;
margin-left:20px;
padding-top:6px;
font-size:15px;
text-align:center;

}

#gl-login {
background: #000000;
color: #ffffff;
top: 200px;
display: none;
height: auto;
overflow: hidden;
padding: 11px 21px 11px 33px;
position: absolute;
left: -200px;
text-align:left;
z-index: 999 !important;
width:150px;
-moz-box-shadow: 1px 1px 6px #000;  
  -webkit-box-shadow: 1px 1px 6px #000;  
  box-shadow: 1px 1px 6px #000; 
  
}

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: #000000;
color: #fff;
top: 200px;
display: none;
height: auto;
overflow: hidden;
padding: 16px 11px 11px 25px;
position: absolute;
left: -500px;
text-align:left;
z-index: 999;
width:450px;
-moz-box-shadow: 1px 1px 6px #000;  
  -webkit-box-shadow: 1px 1px 6px #000;  
  box-shadow: 1px 1px 6px #000; 

}

#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-mid {
float:left;
width:auto;
background:transparent/*#eeeeee*/;
margin-left:25px;

}

#content-bottom{
float:left;
width:auto;
height:20px;
background:transparent/*url(../images/content-bottom.jpg) 0 0 no-repeat*/;
margin:0;
padding:0;

}

/****************************/
/*****Structure main******/
/****************************/
#main {
float:left;
background:#F5F5F5;
width:630px;
margin:5px 10px 20px 30px;
text-align:left;
border:1px solid #e0e0e0;
padding-bottom:1px;
padding-top:10px;

}

#main-full {
float:left;
background:#F5F5F5;
width:870px; /*870px*/
text-align:left;
margin:20px;
border:1px solid #e0e0e0;
padding-bottom:20px;
padding-top:20px;
padding-left:10px;
padding-right:10px;

}

/* 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: #b05d25;
text-decoration: none;

} 

/*****joomla style main****
.contentpaneopen {
width:95%;

}

.contentpaneopen,.contentpane {
margin:0px 30px 10px 20px;

} */

 .contentheading,a.contentpagetitle,.componentheading {
font-size:20px;
font-weight:bold;
color:#454545;
background:transparent;

} 

.componentheading  {
padding:10px 10px 5px 30px;

}

a.contentpagetitle:hover,
a.contentpagetitle:active {
color:#af5d25;

}

a.readon {
float:right;
font-weight: bold;
padding:5px;
margin-right:15px;
color:#fff;
margin-top:5px;
font-weight:normal;
background:#454545;

}

.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;

}

/* .article_separator, .article_seperator{
height:15px;
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 #454545;
padding: 5px;
float: right;
color:#454545;

}

table.contenttoc td {
padding: 0 5px;

}

#right {
float:left;
width:auto;
text-align:left;
margin-left:5px;

}

#bottom {
display:-webkit-box;
float:left;
width:100%;
text-align:left;
margin-left:28px;
margin-top:-20px;

}

.module ,
.module_menu ,
.module_text {
width:270px;
background:#F5F5F5;
margin:1px 1px 1px 1px ;
padding:10px 10px 20px 10px;
/* border:1px solid #e0e0e0; */

}

.module  h3,
.module_menu h3 ,
.module_text h3 {
margin:10px 15px 10px 10px;
padding-left:10px;
/* background: url(../images/bg-h3.jpg) 0 5px no-repeat;*/

}

/****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;

}

/****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;

}

/***footer******/
#footer {
float:left;
width:100%;
height:70px;
background:transparent;

}

.ftb {
display:inline-block;
margin-top:30px;
text-align:center;
font-weight:bold;
font-size:15px;
width:880px;
color:#fff;

}

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

} 

.ftb a:hover{
padding:0 !important;
border:none !important;
color:#af5d25 !important;

} 

#top {
float:right;
width:40px;
height:30px;
margin-top:20px;
padding:0 !important;
border:none !important;
background:transparent;

}

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

}

/**end file***/