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

* Filename: estructura.css
* Version: 1.0.0 (3-02-2008) DD-MM-YYYY
* Website: www.terrassafc.cat
* Author: Albert M
* Description: Defineix l'estructura layout

== STRUCTURE: ==============================
* Page width: 942 px
* Number of columns: 2
* Header
* Footer
============================================

*/

/*
body {min-width:640px}

#header,#menu,#content,#sub-section,#footer {
	overflow:hidden;
	display:inline-block
}

/* safari and opera need this */
/*
#footer {width:95%;background-color:grey;}
#header,#menu,#content {float:left}
#sub-section {float:right;background-color:red;margin-right:2%;}
#header {width:90%}
#content {padding:0px 20px 40px 20px}

/* leaving room for rounding error (MSIE5.5) */
/*
#content {width:75%}
#sub-section {width:18%}
#footer {clear:both}
*/

/* START RESETER */
/* --
CSS Reseter
CSSLab © 2007
Basado en: Yahoo UI Reset CSS, Eric Meyer's Reworked Reset y experiencias personales
-- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

:focus {
	outline: 0;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

a img, iframe {
	border: none;
}

ol, ul {
	list-style: none;
}

input, textarea, select, button {
	font-size: 100%;
	font-family: inherit;
}

select {
	margin: inherit;
}

/* Fixes incorrect placement of numbers in ol's in IE6/7 */
ol { margin-left:2em; }


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

.clearfix {display: inline-block;}

* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* END RESETER */
/**************/

#container {
	width: 942px;
	/*border: 1px solid gray;*/
	margin: 0px 10px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	background: url(../img/estructura/content_bg_top4.jpg) no-repeat top center;
	height: 100%
}

#header {
	/*padding: 5px;*/
	/*margin-bottom: ;*/
	margin-bottom: 0px;
	margin: 0;
	/*background-color: rgb(200, 25, 25);*/
	text-align: center;
	
	height: 160px;
	/* i que passa amb el model de caixa x ie6?? */
	padding-left: 20px;
	padding-right: 20px;
	text-align:left;
}

#header h1, #header h4 {
display: none;
}

#header_image{
position:relative;
left: -20px;
width: 530px;
height: 100%;
background: url(../img/estructura/title_image_02.jpg) no-repeat top left;
}
/*
#foxmenu {
	text-align: center;
	margin: 1px;
	margin-left: 20px;
	margin-right: 20px;
	padding: 0px;
}*/
#menu a{
font-family:Arial,Verdana,sans-serif;
color: white;
font-weight:bold;
text-decoration: none;
text-transform: uppercase;
}
#menu a:hover{
text-decoration: underline;
}

#contingut {
	background-image:url(../img/estructura/content_tile3.jpg);
	height:90%;
	/* i que passa amb el model de caixa x ie6?? */
	padding-left: 20px;
	padding-right: 20px;
}

#content {
	clear: none;
	/*padding: 5px;*/
	width: 690px;
	/*margin-right: 215px;*/
	/*margin: 0px 10px;*/
	/*margin-right: ;*/
	/*background-color: grey;*/
	/*background-color: rgb(0, 235, 0);*/
	background:#fff;
	float: left;
}

#coldreta {
	float: right;
	width: 190px;
	margin: 0;
	margin-left: 0px;
	padding: 5px;
	/*background-color: rgb(235, 235, 235);*/
	/*background-color: #0F5299;*/
	/*background-color: #D0D300;*/
	border-left: 1px double #D0D300;
	border-bottom: 1px double #D0D300;
	/*height: 600px;*/
	background:#fff
}

#footer {
clear: both;
margin-top: 10px;
padding-top: 20px;
text-align:center
}

#footer_info {
margin-left: 5%;
width: 90%;
border-top: 1px solid #ccc;
text-align: center;
padding: 5px;
/*background: #E2E1E5;*/
}
#footer_publicitat {
margin: 6px 0px; 
text-align: center;
}
#footer_publicitat img{
margin: 0px 6px;
}

/*html, body {
	height: 100%;
}*/
body {
	color:#333333;
	font-family:'lucida grande',verdana,helvetica,arial,sans-serif;
	font-family:Verdana,Arial,Tahoma,"Trebuchet MS",sans-serif;
	font-size:0.75em;
	/*line-height:18px; distancia entre linies */
	/*color: #06185c;*/
	background: #e2e1e5 url(../img/estructura/body_bg4.jpg) no-repeat top center;
	margin: 0; 
	padding: 0;
}

p {
margin: 1em 0em;
}

strong {
font-weight: bold;
}

#loading {
    padding: 4px; 
    width: 150px; 
    color: #CC0000; 
    margin: 8px 0;
    margin-left: 30%;
    vertical-align: bottom;
}

#loading img{
   padding-right: 5px;
}



/* Notices and Errors */
div.message {
	clear: both;
	color: #900;
	font-size: 140%;
	font-weight: bold;
	margin: 1em 0;
}
div.error-message {
	clear: both;
	color: #900;
	font-weight: bold;
}
div.error em {
	font-size: 140%;
	color: #003d4c;
}
span.notice {
	background-color: #c6c65b;
	color: #fff;
	display: block;
	font-size: 140%;
	padding: 0.5em;
	margin: 1em 0;
}


img {
border:0pt none;
}

a{
color:#C60000;
text-decoration:none;
}
a:hover {
color:#0F5586;
text-decoration:underline;
}


/* BUTTONS */
input[type=submit]{
color:#000;
}
cursor:pointer;
border:outset 1px #ccc;
background:#999;
color:#000;
font-weight:bold;
padding: 2px 2px;
background:url(../img/estructura/fons-button.gif) repeat-x left top;
height: 25px;
}

input[type=submit]:hover{
background-position: bottom right;
}*/

/* LIST */
ul {
margin-left: 25px;
list-style-image: url(../img/estructura/bullet_red.gif);
list-style-position: outside;
list-style-type: square;
vertical-align: bottom;
}

/* HEADERS */
h1, h2, h3, h4 {
background-color: inherit;
font-weight: normal;
}
h1 {
color: #003d4c;
font-size: 100%;
margin: 0.1em 0;
}
h2 {
color: #A91F1B;
font-family:Verdana,Tahoma,"Trebuchet MS",Arial,sans-serif;
font-size: 190%;
margin: 0.3em 0;
padding-top: 0.8em;
}
h3 {
color: #640300;
font-family:'Gill Sans','lucida grande',helvetica, arial, sans-serif;
font-size: 165%;
padding-top: 1.5em;
}
h4 {
/*text-transform: uppercase;*/
/*font-family: Arial, Helvetica, sans-serif;*/
font-family:'Gill Sans','lucida grande',helvetica, arial, sans-serif;
font-size:125%;
color: #A91F1B;
font-weight: bold;
padding-top: 0.5em;
}
/* SECCIONS */
#seccio {
height: 90px;
padding-left: 135px;
}
#seccio h2{
margin: 0;
padding: 0;
padding-left: 40px;
padding-top: 5px;
text-transform: uppercase;
color: #fff;
background:url("../img/estructura/seccions/escut.png") no-repeat top left;
background-color: #af1002;
height: 29px;
}
#seccio h3{
font-size:1.5em;
color:#000;
margin: 0;
padding: 0;
padding-top: 3px;
background-color: #D0D300;
padding-left: 40px;
height: 23px;
}

/* PUBLI */
div.publicitat {
background-color:#DBDBDB;
background-image:url(../img/estructura/publi.gif);
background-repeat:no-repeat;
margin:0 0 20px;
padding:0 0 1px;
text-align: right;
width: 15px;
}

/* FORMULARIS */
/** 
* Generated by www.formstylegenerator.com 
**/
div.input{
margin: 6px 0px;
}
div.submit{
margin: 10px 10px 10px 131px;
}
div.error-message{
margin-left: 131px;
}
input, textarea, select {
border: 1px solid #666;
background: #E2E1E5;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-style: normal;
font-size: 13px;
color: #454545;
}
input[type=radio],
input[type=checkbox],
input[type=hidden] {
border: none;
background: transparent;
}
select{
margin-top: 3px;
}
label {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 13px;
	/*color: #005095;*/
	color: #000;
	width: 125px;
	float: left;
	clear: left;
	text-align: right;
	margin-right: 6px;
}
input:hover, input:focus,
textarea:hover, textarea:focus,
select:hover {
	border: 1px solid #000;
	/** remember to change image path **/
	background: #ff9e9e;
	color: #000;
}
select:focus{
background: #E2E1E5;
}
legend{
background:#E2E1E5 none repeat scroll 0%;
border:1px solid #ccc;
color:#000;
padding:2px 6px;
}
fieldset {
border:1px solid #ccc;
margin:8px 0px;
padding:10px;
}


/* CLEARING */
/*** see http://www.positioniseverything.net/easyclearing.html
   for explanation of Tony Aslett's elegant hack ***/
.cleared:after { content: ""; display: block; height: 0; clear: both; }
.cleared {display: inline-block;}

/* Hides from IE-mac \*/
* html .cleared {height: 1%;}
.cleared {display: block;}
/* End hide from IE-mac */


/* RIGHT COLUMN */
#coldreta {
text-align: center;
padding: 0px 5px;
}
#coldreta img.infotitle{
margin-top: 1em;
width: 190px;
height: 20px;
font-family:Arial,Helvetica,sans-serif;
font-size:13px;
background:#660204;
color:#fff;
text-transform:uppercase;
}

/*
#coldreta h5{
width: 190px;
height: 20px;
font-family:Arial,Helvetica,sans-serif;
font-size:13px;
background:#660204;
color:#fff;
text-transform:uppercase;
}*/
/* User Right */
#user_right {
padding: 0px 10px;
margin-bottom: 1em;
}
/*
#user_right label,
#user_right input{
clear:none;
display:block;
float: none;
}
*/
/*
#user_right .formactions input{
float:right;
}

#user_right .input {
text-align: center
}
*/
#user_right .input label,
#user_right .input input{
display:block;
float: none;
}
#user_right .input.text label,
#user_right .input.password label{
width: 100%;
text-align:right
}
#user_right .input.text input,
#user_right .input.password input{
width: 100%
}
/*
#user_right .input.checkbox {
display: inline;
float: left
}*/
#user_right input[type=submit] {
float: right;
}
#user_right .input.checkbox #UsuariAutoLogin {
clear:left;
float:left;
margin:0 6px 7px 2px;
width:auto;
display:block;
font-family:"frutiger linotype","lucida grande","verdana",sans-serif;
font-size:140%;
padding:2px;
}
#user_right .input.checkbox label {
display:block;
font-size:110%;
padding-right:20px;
text-align: left;
clear: none
}


/* Polls */
/*
.tfcPolls {
margin: 0em 2em;
}

div.pollQuestion {
background: transparent url(../img/estructura/shape_align_left.png) no-repeat left;
padding: 1em;
padding-left: 1.5em;
font-size: 1.5em;
border-top: 3px solid #cc0000;
border-bottom: 1px solid #ccc;
}

.pollOptions {
margin-top: 1.5em;
padding: 1em;
background: #F8F8F8;
}
.pollOptions input[type=radio] {
margin: 0.5em;
float: left;
clear: left;
}
.pollOptions label {
margin: 0.25em 0.2em;
width: 80%;
text-align: left;
float: left;
clear: right
}
.pollOptions .formactions {
display: block;
padding: 1em;
margin-top: 1.5em;
clear: both;
}
.pollOptions .formactions a {
margin: 0 1.5em;
}
*/

#poll_noticia img {
border: none;
margin: 0;
padding: 0;
}
.tinypoll .tfcPolls {
margin: 0;
}
.tinypoll div.pollQuestion {
padding: 0.5em;
font-weight: bold;
font-size: 1.1em;
border-top: 3px solid #cc0000;
border-bottom: 1px solid #ccc;
}
.tinypoll .pollOptions {
background: #F8F8F8;
margin: 0;
padding: 0.25em;
}

.tinypoll .pollOptions input[type=radio] {
float: left;
clear: left;
margin: 0.2em 0.5em;
}
.tinypoll .pollOptions label {
margin: 0em 0.2em;
font-weight: normal;
width: 80%;
text-align: left;
float: left;
clear: right
}
.tinypoll .pollOptions .formactions {
display: block;
padding: 0.5em;
margin-top: 1.5em;
clear: both;
}
.tinypoll .pollOptions .formactions a {
margin: 0 1.5em;
}
.tinypoll .tfc-polls-ul li {
background: transparent none repeat scroll 0% 0%; 
margin: 0.5em 0;
-moz-background-clip: border; 
-moz-background-origin: padding; 
-moz-background-inline-policy: continuous;
width: 95%;
text-align: left;
}
.tinypoll .tfc-polls-ul div.pollbar {
height: 8px;
width: 100%;
background: #D7D7D7
}
.tinypoll p.recompte {
font-size: 0.75em;
margin: 1em;
}


/*
.tinypoll .pollbar {
border: 1px solid #a18081;
font-size:6px;
margin:1px;
}

.tinypoll div.pollbar,
.tinypoll .pollbar img {
line-height: 8px;
height: 8px;
}
.tinypoll .pollOptions ul {
width: 80%;
}
.tinypoll .pollOptions li {
margin: 1em 0em;
background: transparent none repeat scroll 0% 0%;
-moz-background-clip: border;
-moz-background-origin: padding;
-moz-background-inline-policy: continuous;
}

.tinypoll p.recompte {
font-size: 0.75em;
margin: 1em 0em;
}

*/


/*
#polldestacada {
padding: 0px 10px;
background-color: #fff;
}
.pollquestion {
font-family:Verdana,Tahoma,"Trebuchet MS",Arial,sans-serif;
font-weight: bold;
margin: 10px 0px;
}
.polloptions {
width:100%;
filter: alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}
.polloptions input,
.polloptions label{
clear:none;
text-align:left;
margin: 5px 0px;
float: left
}
.polloptions input{
clear:left;
margin-right: 5px;
}
.polloptions input.radiobutton{
border: none;
background: transparent
}
#polldestacada .pollquestion {
text-align: left;
color:#640300;
font-size:13px;
}
.tfc-polls ul li, tfc-polls-ul li, .polloptions ul li {
text-align: left;
background-image: none;
display: block;
margin: 5px;
}
.tfc-polls ul, .tfc-polls-ul, .polloptions ul  {
text-align: left;
list-style: none;
list-style-image: none;
}
.tfc-polls ul li:before, tfc-polls-ul li, .polloptions ul li:before, #sidebar ul ul li:before {
content: '';
}
.tfc-polls IMG, .tfc-polls-loading IMG, .tfc-polls-image IMG {
display: inline;
border: 0px;
padding: 0px;
margin: 0px;
}
.tfc-polls-ul,
.polloptions form {
padding: 0px;
}
.polloptions {
width:100%;
filter: alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}
.tfc-polls-loading {
display: none;
text-align: center;
height: 16px;
}
.tfc-polls-image {
border: 0px;
}
.tfc-polls .Buttons {
border:1px solid #c8c8c8;
background-color: #f3f6f8;
}
.tfc-polls .pollbar {
background-image:url(../img/estructura/poll-line.gif);
border:1px solid #a18081;
font-size:6px;
height:8px;
line-height:8px;
margin:1px;
}
.tfc-polls small,
.tfc-polls ul li{
font-size: 11px;
}
#polldestacada div.message{
font-size:13px;
font-family:Verdana,Tahoma,"Trebuchet MS",Arial,sans-serif;
font-weight: bold;
}
*/

/* Next Match */

#tinynextmatch .jornada,
#tinylastmatch .jornada {
color: #333;
font-size: 100%;
font-weight: bold;
margin: 5px 5px;
text-align: left;
}
#tinynextmatch .escutlocal,
#tinynextmatch .partitinfo,
#tinynextmatch .resultat,
#tinynextmatch .escutvisitant,
#tinylastmatch .escutlocal,
#tinylastmatch .partitinfo,
#tinylastmatch .resultat,
#tinylastmatch .escutvisitant {
float: left;
}
#tinynextmatch .escutlocal,
#tinynextmatch .escutvisitant,
#tinylastmatch .escutlocal,
#tinylastmatch .escutvisitant {
width: 40px;
margin: 0px 2px;
}
#tinynextmatch .escutlocal img,
#tinynextmatch .escutvisitant img,
#tinylastmatch .escutlocal img,
#tinylastmatch .escutvisitant img {
vertical-align: bottom;
}
#tinynextmatch .partitinfo{
line-height: 1.5em;
width: 96px /* max width escut 40px -> 40*2 + margin de 2 x 2 + 96 = 180 */
}
#tinylastmatch .partitinfo {
margin-left: 3px;
line-height: 1.5em;
text-align: left;
width: 87px /* max width escut 40px -> 40*2 + margin de 2 x 2 + 3 marginleft + 87 + 5 resultat = 180 */
}
}
#tinynextmatch .partitinfo span,
#tinylastmatch .partitinfo span {
overflow:hidden;
margin: 3px 0px;
}
#tinylastmatch .resultat {
width:5px;
}
#tinylastmatch .resultat span {
display: block;
line-height: 1.5em;
font-weight: bold;
}
#tinynextmatch .nameteam,
#tinylastmatch .nameteam{
float: none;
color: #000;
font-size: 100%;
font-weight: bold;
}

#tinynextmatch h4,
#tinylastmatch h4{
text-align: left;
}
#datanextmatch,
#datalastmatch{
float:right;
font-size: 9px;
margin: 5px 5px 0px 5px;
padding: 2px 0px;
vertical-align: top;
}
#linknextmatch,
#linklastmatch {
margin: 5px 5px 15px 5px;
}

/* Classificacio */

#tinyclasstable {
margin-bottom: 20px;
}
#tinyclasstable td.posicio{
background:#989898;
color:#fff;
text-align:center;
font-weight:bold;
}
#tinyclasstable td,
#tinyclasstable th{
overflow:hidden;
padding: 3px 0px;
border-bottom: 1px solid #fff
}
#tinyclasstable th{
color:#A91F1B;
font-weight:bold
}
#tinyclasstable tr.terrassa{
color:#000;
background: #E2E1E5
}
#tinyclasstable tr.terrassa td{
font-weight:bold
}
#tinyclasstable td.nomequip,
#tinyclasstable th.nomequip{
padding-left: 6px;
}
#tinyclasstable td.playoff{
background:#ffffcc;
}
#tinyclasstable td.promocio{
background:#E2E1E5;
}
#tinyclasstable td.descens{
background:#ff9e9e;
}

/* Paging */
div.paging {
	background:#fff;
	color: #ccc;
	margin-bottom: 2em;
}
div.paging div.disabled {
	color: #ddd;
	display: inline;
}
div.paging span {
}
div.paging span.current {
	color: #000;
}
div.paging span a {
}

/* Return link */
.returnLink {
background: transparent url(../img/estructura/endarrera.gif) left no-repeat;
padding: 1em 1.5em;
vertical-align: middle;
}

/* AVISOS */
/* accio requerida */
.avis.accio {
background: #f4f4f4;
color: #000;
}
.avis.accio h5 {
background: url(../img/estructura/error.png) no-repeat left;
font-weight: bold;
padding-left: 2em;
}

/* info */
.avis.info {
background: #f4f4f4;
color: #000;
}
.avis.info h5 {
background: url(../img/estructura/information.png) no-repeat left;
font-weight: bold;
padding-left: 2em;
}

/* error */
.avis.error {
background: #FFC1C1;
border: 1px solid red;
color: #000;
}
.avis.error h5 {
background: url(../img/estructura/exclamation.png) no-repeat left;
color: #c00;
font-weight: bold;
padding-left: 2em;
}

/* exit */
.avis.exit {
background: #D4FFB8;
color: #000;
}
.avis.exit h5 {
background: url(../img/estructura/tick.png) no-repeat left;
font-weight: bold;
padding-left: 2em;
}