@charset "UTF-8";
/* CSS Document */

*{
	margin:0;
	padding:0;
	border:0;
}

body{
	font-family:Arial, Helvetica, sans-serif;
	height:100%;
	width:100%;
}

a{
	text-decoration:none;
}

/* **************** header ********************************************* */

.atp{
	width:100%;
	background:url(imatges/pattern_barra_atp.jpg) top repeat-x;
	z-index:100000;
}

#content-wrapper{
	margin:auto;
	width:1005px;
	position:relative;
}

.header{
	width:1000px;
	height:133px;
	background-image:url(imatges/background_header.jpg);
}

.logos_tots{
	height:125px;
	padding-top:5px;
	z-index:-1;
}

.logo{
	position:relative;
	top:34px;
	float:left;
	width:300px;
	height:96px;
}

.logo_atp{
	float:left;
	margin:27px 0 0 5px;
}
.logos{
	margin:17px 0 0 825px;
	width:170px;
}
.livescore{
	position:absolute;
	top:65px;
	left:430px;
}

/* **************** menu ********************************************* */

.menu{
	width:1004px;
	height:25px;
	background-image:url(imatges/background_menu.jpg);
	border-bottom:#CCCCCC 1px solid;
	border-top:#CCCCCC 1px solid;
}

.submenu{
	width:1000px;
	height:25px;
	margin:auto;
	border-bottom:#CCCCCC 1px solid;
	border-top:#CCCCCC 1px solid;
}

.menu_seccions{
	margin-left:12px;
}

.submenu_seccions{
	margin-left:20px;
}

.menu_idiomes {
top:0px;
font-weight:600;
position:absolute;
right:0px;
}

.facebook{
	float:right;
}

.menu a, .submenu a{
	font-size:10px;
	color:#444444;
	text-decoration:none;
	display:block;
	float:left;
	padding:6px 3px 5px 3px;
	margin-right:6px;
}

.menu a.seleccionat{
	border-bottom:#444444 2px solid;
	padding-bottom:4px;
}

.submenu a.seleccionat{
	border-bottom:#444444 2px solid;
	padding-bottom:4px;
}

.menu a:hover{
	color:#444444;
	border-bottom:#444444 2px solid;
	padding-bottom:4px;
}

.submenu a:hover{
	color:#707070;
	border-bottom:#CCCCCC 2px solid;
	padding-bottom:4px;
}

.menu_idiomes a{
	font-size:10px;
	color:#444444;
	text-decoration:none;
	display:block;
	float:left;
	padding:5px 3px 5px 3px;
	margin-right:3px;
}

.menu_idiomes a:hover{
	color:#444444;
	border-bottom:#444444 2px solid;
	padding-bottom:0px;
}

/* **************** cos ********************************************* */

.cos{
	width:1002px;
	height:auto;
	/*min-height:1050px;*/
	border-left:#CCCCCC 1px solid;
	border-right:#CCCCCC 1px solid;
	border-bottom:#CCCCCC 1px solid;
	padding-bottom:5px;
}

.seccio{
	width:771px;
	height:auto;
	margin-right:
}

.lateral{
	width:230px;
	height:auto;
	border-left:#CCCCCC 1px solid;
	border-bottom:#CCCCCC 1px solid;
	position:relative;
}

#contingut-wrapper{
	border-right:#CCCCCC 1px solid;
	width:768px;
	position:relative;
	left:-4px;
}

.contingut{
	/*border-bottom:#CCCCCC 1px solid;*/
	font-size:12px;
	color:#666666;
	text-align:justify;
	height:auto;
	min-height:630px;
	width:764px;
	display:table-cell;
}

.contingut p{
	font-size:14px;
	height:auto;
	margin-bottom:30px;
	margin-top:5px;
	/*text-align:center;*/
}

.sponsors{
	width:768px;
	height:auto;
	margin-top:130px;
	padding-top:12px;
	border-top:#CCCCCC 1px solid;
	border-bottom:#CCCCCC 1px solid;
}

.cos .clear{
	width:1px;
	clear:both;
}

/* **************** lateral ********************************************* */

.lateral .contacta{
	width:230px;
	height:20px;
	font-size:10px;

}
.lateral .contacta a{	
	color:#aaa;
	border:#aaa 1px solid;
	cursor:pointer;
	width:200px;
	height:20px;
	display:block;
	text-align:center;
	padding-top:5px;
	margin-left:13px;
	margin-top:10px;
	text-decoration:none;
}
.lateral .contacta a:hover{
	background-color:#f1f1f1;
}

.lateral .reproductor_musica{
	
}

.noticias_flash{
	border-top:#CCCCCC 1px solid;
}

.noticia_flash{
	background-color:#ffffff;
}

.noticias_flash .noticias_destacadas{
	font-size:12px;
	color:#333333;
	padding-left:5px;
	padding-bottom:3px;
	margin-top:5px;
	border-bottom:#CCCCCC 1px solid;
}

.noticia_flash .titular_noticia{
	font-size:12px;
	color:#666666;
	text-align:left;
	padding-top:5px;
	padding-left:5px;
}

.noticia_flash .cos_noticia{
	font-size:11px;
	color:#999999;
	padding-left:5px;
	margin-top:4px;
	padding-bottom:5px;
	border-bottom:#CCCCCC 1px dashed;
}

/* **************** footer ********************************************* */

.footer{
	width:1005px;
	height:30px;
	border-left:#CCCCCC 1px solid;
	border-right:#CCCCCC 1px solid;
	border-bottom:#CCCCCC 1px solid;
}

.copyright{
	font-size:10px;
	color:#999999;
	float:left;
	margin-top:8px;
	margin-left:10px;
}

.copyright a{
	font-size:10px;
	color:#999999;
	margin-top:8px;
	margin-left:10px;
}

.oct_media{
	float:right;
	margin-top:3px;
}