@import url(goran.css);
@import url(vlada.css);
@import url(marko.css);
@import url(milan.css);

/* --- 
///		 CSS RESET
////				--- */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { 
	margin:0;
	padding:0;
}
table {border-collapse:collapse; border-spacing:0;}
fieldset,img { border:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal; font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym { border:0;}
a, button, object {
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:medium;
	text-decoration:none;
}
em, i { font-style:italic;}
strong, b {font-weight:bold;}

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

body {background: #000; font: normal 75% Arial, sans-serif; color: #999999;}
#page-container {width: 936px; margin: 0 auto;}
#main-content {width: 100%; background: transparent url(../img/bkg_cont.jpg) repeat-x top; min-height: 127px; border-top: 1px solid #1b1b1b; padding-top: 25px;}

.left-col {float: left; width: 570px; margin-left: 20px; display: inline; overflow: hidden;}
.right-col {float: right; width: 320px; display: inline; overflow: hidden;}

#header {padding-top: 183px; height: 24px; position: relative; background: transparent url(../img/header.jpg) no-repeat;}
#header span.date {position: absolute; top: 10px; right: 10px; color: white; text-transform: uppercase; font-family: "Trebuchet MS";}

#next_match {background: transparent url(../img/avviso.jpg) no-repeat center top; height: 55px; text-transform: uppercase; color: black; font-family: "Trebuchet MS", sans-serif; padding: 7px 0 0 430px; border-bottom: 1px solid #fec724;}
#next_match h2 {color: white; font-size: 14px; font-weight: bold; line-height: 10px;}
#next_match span.date {font-weight: bold;}


#footer{background:black url(../img/footer.jpg) 0 0 no-repeat;height:225px;}
#footer .top{height:75px;padding:25px 0 0 17px;background:url(../img/footer_spacer.jpg) -10px 0 no-repeat;}
#footer .middle{height:70px;}
#footer .bottom{padding-top:24px;font-size:10px;text-align:center;color:#adadad;height:25px;background:black url(../img/footer4.jpg) 0 0 no-repeat;}

#footer .top span{font-size:14px;color:#9ddfff;text-transform:uppercase;}
#footer .top .sponsored a{color:white; font-weight:bold;}

#footer .middle .left{float:left;width:400px;font-size:12px;color:white;margin-left:35px;}
#footer .middle .left p{width:130px;float:left;}
#footer .middle .left span{display:block;text-transform:uppercase;}
#footer .middle  a{color:white;}

#footer .middle .right{float:right;width:380px;font-size:12px;color:white;margin-left:25px;}
#footer .middle .right p{width:125px;float:left;}
#footer .middle .right span{display:block;}
#footer .middle .right span.squadremia a{color:#fdc824;}
#footer .middle .right .rss img{float:left;margin-top:5px;}
#footer .middle .right .rss span{float:left;margin:7px 0 0 5px;}

/* ---
///      COMMON CLASSES
////                        ---*/

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

.left {float: left;}
.right {float: right;}

.block {margin-bottom: 25px;}
.block_right {margin-bottom: 25px; padding-left: 10px; padding-right: 10px;}
.title {text-transform: uppercase; font-family: "Trebuchet MS", sans-serif; font-size: 13px; margin-bottom: 10px;}
.title a{color:#ffc724;}

.titleSection {background: #0270a5; color: white; padding: 2px 5px; font-family: "Trebuchet MS", sans-serif; text-transform: uppercase; margin-bottom: 10px; clear: both; font-size: 12px;}

.titleSection a{text-transform:lowercase;color:white;}
.titleSection span{display:block;text-align:right;}
/* color1 is yellow, color2 blue */
.color1 {color: #ffc724 !important;}
.color2 {color: #026fa4 !important;}

/* bordered class for bordered elements, mostly images */
.bordered {border: 1px solid;}

/* cropped class for cropping items to a predefined size, mostly images */
.cropped {display: block; overflow: hidden;}

/* allows for positioning of video icon over a containing image */
.video_icon {position: relative;}
.video_icon img.icon {position: absolute; bottom: 10px; right: 10px;}

.listTitle, .listTitle a {color: white; font: bold 14px Arial, sans-serif; margin-bottom: 20px;}
.listDate {font-size: 11px; margin-bottom: 15px;}
.listComment {font-size: 11px;}

.note {font-size: 11px; color: #9a9a9a;}

.color3 {color: white}
.spacer { background: url(/images/riga_azzurra.gif) no-repeat center bottom; padding-bottom: 25px; width: 100%}
.underline { text-decoration: underline}
.nomargin { margin: 0px !important}
h3.btnSpace { margin-bottom: 33px !important }

.list-first {margin-left: 0 !important;}

/* ---
///      MAIN NAVIGATION
////                        ---*/
#navMain {text-align: center; font: normal 14px "Trebuchet MS", sans-serif; text-transform: uppercase;}
#navMain ul {display: inline; /*since the list elements are inline, there is white space between each element. there is visible space between an element that is active and a previous element's border. fixed with negative word-spacing */  word-spacing:-0.3em;}
#navMain li {display: inline;}
#navMain li a {color: white; padding: 0 7px; border-right: 1px solid #ffc724; /*reset word-spacing */ word-spacing: 0;}
#navMain li.active a {background: #ffc724; background: #fec724; color: #423e3f;}
#navMain li.squadramia a {border: 0; background: none;}

/****** RIGHT *****/
.right-col table { font-weight: bolder}
.right-col table tr.active {background-color: #026fa4 ; color: #fff}
.right-col table td.num  {width: 45px; padding-left: 3px}
.right-col table td.team  {width: 210px}
.right-col ul { width: 100%;}
.right-col ul.shop_right li { display: inline}
.right-col ul.shop_right li a img{ margin: 0px}
.right-col ul.shop_right li a {margin: 0 5px 5px 0  }
.right-col.right-col div.sec { margin-bottom: 20px}

/*********** marko ***********/

ul.shop{display:block;}
ul.shop li{display:block;float:left;width:450px;margin:10px 0 0 0 ;position: relative}
ul.shop li a {margin-right: 15px;}
ul.shop li a img {display: block;}
ul.shop li .taglie{margin:0 0 10px 0;display:block;}

ul.pagination{color:white;padding-top:15px;text-align:center;width:335px;margin-left:115px;display:block;}
ul.pagination li{margin-left:3px;display:inline;height:35px;font-weight:bold;}
ul.pagination li a{color:white;}
ul.pagination li .active{color:#ffc624;}

ul.download {display:block;margin-bottom:10px; width: 580px}
ul.download li{float:left;margin:15px 0 0 15px;width:275px;}
ul.download li img{display:block;width:275px;}
ul.download li .pennant{float:left;}
ul.download li .format{float:right;}

ul.cori {display:block;margin-bottom:20px;font-size:11px;}
ul.cori li{float:left;margin:15px 0 0 21px;width:95px;}
ul.cori li a {margin-bottom: 10px;}
ul.cori li img {width:95px;}
ul.cori li span{display:block;}

.formazione{display:block;margin:10px 0 15px 0;float:left;}
.formazione img{float:left;margin-right:25px;}
.formazione p{margin-bottom:11px;display:block;}
.formazione label{width:75px;float:left;}
.formazione span{color:white;}
.formazione .description{display:block;margin-top:5px;float:left;width:100%;}
.torna{text-align:right;display:block;margin-top:10px;font-size:11px;font-weight:bold;}
.torna a{color:white;}

h3.white{background:none;border:none;color:white;}
.right{float:right;}
.videofoto{display:block;text-align:center;position:relative;padding-bottom:20px;margin-top:10px;border-bottom:1px #444 solid;}
.videofoto img{margin-bottom:5px;}
.videofoto .arrow_left{position:absolute;top:45%;left:0;}
.videofoto .arrow_right{position:absolute;top:45%;right:0;}

ul.foto {display:block;margin-bottom:20px;font-size:11px;border-bottom:1px #444 solid; padding-bottom: 30px; }
ul.foto li{float:left;margin:15px 0px 0 23px;width:95px;}
ul.foto li img{display:block;margin-bottom:10px;}
ul.foto li span{display:block;}
ul.foto li a.cropped {max-width: 93px; max-height: 93px;}

ul.video {display:block;margin-bottom:20px;font-size:11px;}
ul.video li{float:left;margin:15px 0px 0 23px;width:95px;}
ul.video li a {float: left;}
ul.video li span{display:block;}
ul.video .margin_left{margin-right:19px;}
ul.video li .play{width:26px;height:22px;position:absolute;bottom:5px;right:5px;}
ul.video li a.cropped {max-width: 93px; max-height: 93px;}

.shop_foto{text-align:center;display:block;text-align:center;position:relative;margin:15px 0 20px 0;}
.shop_foto .arrow_left{position:absolute;top:35%;left:20px;}
.shop_foto .arrow_right{position:absolute;top:35%;right:20px;}

.shop_foto ul{display:block;margin:0 auto;width:480px;}
.shop_foto ul li{float:left;margin:0 10px 0 15px;width:93px;display:inline;}


.shop_prodotto {display:block;}
.shop_prodotto .taglie{display:block;margin-bottom:10px;}
.shop_prodotto .description{display:block;margin-bottom:20px;}
.shop_prodotto .big{float:left;margin:0 10px 10px 0;}

/**** milan ****/

/****** COMMUNITY LOG *****/

div.community { width: 100%; position: relative}
div.community img{ margin-right: 15px; float: left}
div.community p.buttonsPos { position: absolute; right: 0px; bottom: 0px}
div.community p a.profilo { background: url(/images/btn_modifica.gif) 0 0 no-repeat; text-indent: -9999px; height: 24px; display: block; width: 132px; float: left; margin-right: 8px}
div.community p a.esci {background: url(/images/btn_esci.gif) 0 0 no-repeat; text-indent: -9999px; height: 24px; display: block; width: 52px;float: left }
.bottom-pos, .comment { position: absolute; bottom: 5px; left:110px}
.comment { text-decoration: underline;}
.calc { text-decoration: underline; color: #ffc724  }
div.formCom .mceArea, div.formCom span.mceEditor {float: left; width: 410px; height: 140px; border: none; margin-right: 8px}
div.formCom input.capValue, div.formCom img { float: left; margin-top: 8px; border: none }
div.formCom input.capValue { width: 142px}
div.formCom label { float: left; padding-top: 57px}
div.formCom .publica { background: url(/images/btnPublica.jpg) 0 0 no-repeat; width: 68px; height: 20px; float: right; text-indent: -9999px; border: none; margin: 10px 20px 10px 10px; cursor: pointer}

/****** COMMUNITY NO LOG *****/
div.titleBoth h3{ float: left}
div.titleBoth { text-align: right; }
img.bannerCenter { margin-bottom: 20px}
.titleRight { text-align: right; text-transform: none;}
div.login { margin-top: 30px; }
div.login .input  { width: 177px;  border: none;}
div.login .lblWhite { color: white; text-transform: uppercase; }
div.login .enter { width: 52px; height: 24px; background: url(../img/btn_entra.gif) 0 0 no-repeat;  border: none; text-indent: -9999px; margin-left: 5px; cursor: pointer }
div.login a.udementicata, div.login a.pdementicata { color: #fff}
div.login a.udementicata { margin-left: 70px}
div.login a.pdementicata { margin-left: 150px;}

/****** CLASSIFICA ******/
table.classifica { width: 95%; font-size: 14px; font-weight: bolder;}
table.classifica tr td.num { width: 80px; height: 50px; }
table.classifica tr th.head { font-weight: bolder}
table.classifica tr td.team { width: 145px; }
table.classifica tr td.insert { width: 80px; text-align: right; }
table.classifica tr td.points { width: 36px; text-align: right;}
table.classifica tr .goal { padding-left: 30px; width: 30px; text-align: right; font-weight: bolder}
table.classifica tr th.match, table.classifica tr td.match {font-weight: bolder;  width: 30px; text-align: right; }
table.classifica tr th.reti { padding-left: 60px}
table.classifica tr th.right { text-align: right; font-weight: bolder; width: 80px}
table.classifica tr th.left { text-align: left;}
table.classifica tr th.part{ padding-left: 100px;} 

/****** STORIA ******/
div.colorTeam p{ float: left; margin: 15px 0 0 10px }
div.colorTeam img, ul.transfer li img{ float: left;}
ul.transfer { clear: both; margin-top: 40px}
ul.transfer li{ float: left; width: 270px}
ul.transfer li p { margin: 40px 0 0 15px;}
img.storiaImg { margin: 30px auto; display: block}

/****** goran ******/

/***** LISTING *****/
.listing {}
.listing li {margin-bottom: 13px; position: relative;}
.listing li h3,.listing li p {padding-left: 110px;}
.listing a.cropped {max-height: 94px; max-width: 94px;}
.listing li a.more {font-weight: bold;}

/**** CALENDAR TABLE *****/
/* class month for month switching */
h2.title span.month {color: #2a2a2a; font: normal 12px "Trebuchet MS", sans-serif; background: #fec724; text-align: center; border: 1px solid black; width: 150px; position: relative; display: block; float: right; display: inline; margin-right: 215px; }
h2.title span.month a.prev,h2.title span.month a.next {position: absolute; display: block; width: 8px; height: 9px; top: 4px;}
h2.title span.month a.prev {left: 3px;}
h2.title span.month a.next {right: 3px;}

table.calendar {background: #1b1b1b; text-align: right; margin-bottom: 15px; color: #989898;}
table.calendar td {border: 1px solid #2a2a2a;}
table.calendar thead td {font: normal 17px "Trebuchet MS", sans-serif; text-transform: uppercase; color: #5c5b59; padding: 13px 20px;}
table.calendar tbody td {width: 71px; padding: 5px 4px; font-size: 10px; vertical-align: top;}
table.calendar tbody td.active {color: white;}
table.calendar tbody td span {font: normal 17px "Trebuchet MS", sans-serif; display: block; padding-right: 15px;}
table.calendar span.allenamento {color: #016fa4;}
table.calendar span.amichevole {color: #9cdefe;}
table.calendar span.coppa {color: #f68946;}
table.calendar span.campionato {color: #fec724;}

div.table_legend {font-size: 11px; color: #999999;}
div.table_legend img { margin: 0 5px 0 25px; display: inline;}
div.table_legend img.first {margin-left: 10px;}
div.table_legend span {position: relative; top: -3px;}

/**** homepage info *****/
.home_info img.left {margin-right: 10px;}
.home_info p {padding-top: 15px;}

/********************
 *     CALENDARIO
 ********************/
div.matches {font-family: "Trebuchet MS", sans-serif; padding: 0 5px; margin-bottom: 5px; text-align: center;}
div.matches.open {background: #41a0ce; padding-bottom: 15px;}
div.matches.open thead {color: #393937;}
div.matches td {width: 164px;}
div.matches td.giornata {text-transform: uppercase; width: 230px; cursor: pointer; text-align: left; padding-left: 10px; background: transparent url(../img/bullet_calendario.gif) no-repeat 0 6px; }
div.matches.open td.giornata { background: transparent url(../img/bullet_calendario_active.gif) no-repeat 0 4px; }
div.matches.open td.giornata.match { background: none; }
div.matches tbody {text-transform: uppercase; color: white;}
div.matches tbody th {color: black; font-size: 10px; font-weight: bold; text-align: center; padding: 5px 0;}

div.block.matches_fixed {overflow: scroll; overflow-y: scroll; overflow-x: hidden; height: 165px; margin-top: -8px; margin-bottom: 10px;}

table.matches_list {color: white; text-transform: uppercase; width: 550px; font-family: "Trebuchet MS", sans-serif;}
table.matches_list td {padding-left: 20px;}
table.matches_list td.elements {width: 200px; text-align: center; padding: 3px 0;}
table.matches_list td.versus {padding: 10px 0; text-align: center; vertical-align: middle;}
table.matches_list td.versus span {line-height: 63px; font-size: 20px;}

/********************
 *     LA FORMAZIONE
 ********************/
.formation_player li {float: left; width: 190px; color: white; position: relative; margin-bottom: 15px;}
.formation_player a.cropped {max-height: 63px; max-width: 63px;}
.formation_player h4 {padding-left: 85px;}
.formation_player span {position: absolute; top: 0; left: 69px;}
.formation_player a.scheda {text-decoration: underline; font-weight: bold; position: absolute; bottom: 0; left: 85px;}


/********************
 *     NEWS SINGLE
 ********************/
.news_single img.bordered {margin: 0 15px 15px 0;}
.news_single {font-size: 13px;}
.news_single p {margin-bottom: 15px;}

/*******************
 *     REGISTRATION
 *     ***********/
.profile {font-family: "Trebuchet MS", sans-serif; padding-left: 105px; position: relative;}
.profile img.bordered {position: absolute; left: 0; top: 0;}
.profile p {font-family: Arial, sans-serif; padding-top: 10px; margin-bottom: 20px; color: white; text-transform: uppercase; overflow: auto;}
.profile p input {width: 180px; padding: 2px 0; border: 0;}
.profile p textarea {width: 390px;}
.profile p.password {padding-top: 0; float: left; width: 185px;}
.profile p.repeat {margin-left: 25px; display: inline;}
.profile p.email {clear: left; padding-top: 0;}
.profile p.email input {width: 270px;}
.profile p.reg_comment {font-family: "Trebuchet MS", sans-serif; margin-bottom: 0px;}
.profile p.reg_comment p {margin-bottom: 5px;}
.profile p.captcha { padding: 5px 0 5px 120px;}
.profile p.password_change {overflow: auto;}
.profile p.new_password {clear: both; padding-left: 210px;}
.profile span { float: left; width: 120px; line-height: 24px;}
.profile p.password span, .profile p.new_password span.note {float: none; text-transform: none;}
.profile p.reg_comment span {float: none;}
.profile p.captcha span {float: none;}
.profile p.captcha img {margin-bottom: 5px;}
.profile p.captcha input {font-size: 10px; width: 138px;}
.profile button {border: 0; text-indent: -9999px; float: right;}
.profile button.registrati {background: transparent url(../img/btn_registrati_small.gif) no-repeat; width: 82px; height: 24px;}
.profile button.salva {background: transparent url(../img/btn_salva.gif) no-repeat; width: 67px; height: 24px;}
.profile_change p.password,.profile_change p.password_change {margin-bottom: 0;}

/* guest comments on profile page */
.guest_comments li {position: relative; margin-bottom: 10px; padding-top: 10px;}
.guest_comments span {font-size: 11px;}
.guest_comments p {color: white; width: 470px;}
.guest_comments a.color1 {text-decoration: underline; position: absolute; top: 10px; right: 10px;}