/* CSS Document */

body{
	font-family:Arial, Helvetica, sans-serif;
	background-image:url(img/fons.gif);
	background-position:center;
	background-repeat:repeat-y;
	background-color:#000000;
	background-attachment:fixed;
	font-size:11px;
}

#capa1, #capa2, #capa3, #capa4, #capa5, #capa6{	display:block;}

a[target='_blank'] {
/*	background: url(http://www.esdansa.cat/img/web_link.gif) right center no-repeat;*/
	padding-right: 25px;
	font-weight:bold;
	color:#333333;
}
a[href $='.pdf'] {
	background: url(http://www.esdansa.cat/img/icono_pdf.gif) left center no-repeat;
	padding-left: 25px;
	padding-top:5px;
	padding-bottom:5px;
	color:#FF0000;
 }

#FaceEsdansa{
	width:110px;
}
#FaceEsMob{
	width:120px;
}

#FaceEsdansa,
#FaceEsMob{
	float:left;
	text-align:center;
}

#FaceEsMob{
	clear:right;
	
}

.negre{
	background-color:#000000;
	background-image:none;
}
.hora{	padding-right:5px;}

#intro{
	position:absolute;
	width:750px;
	height:230px;
	top:50%;
	left:50%;
	margin-top:-115px;
	margin-left:-375px;
}

#box{
	position:absolute;
	width:800px;
	top:0px;
	left:50%;
	padding:0px;
	margin-left:-400px;
}

#cap{
	position:relative;
	width:800px;
	height:200px;
	top:0px;
	left:0px;
	background-color:#000000;
}

#idioma{
	text-align:right;
	height:22px;
	padding-top:14px;
	padding-right:10px;
}

#AnyFestival{
	position:absolute;
	top:215px;
	left:50%;
	margin-left:80px;
	width:200px;
	text-align:right;
	height:30px;
	color:#666;
	font-size:10px;
}

.FacebookEsdansa{
	text-align:center;
	padding:10px;
	padding-top:15px;
	float:left;
	width:230px;
}

/* CAMBIO DE TABLAS A DIV */
.tabla{
	clear: none;
	overflow: auto;
}

.fila{ clear: both;}

.col{
	float: left;
	padding: 0px;
}

a img{	border:0;}

/*
#menu_grup{
	width:190px;
	padding:5px;
	height:auto;
	float:left;
}
*/
#fotos_grup{
	padding:5px;
	height:auto;
	float:left;
}

.titular{
	position:relative;
	top:0px;
	left:0px;
	width:800px;
	height:30px;
}

.organitzadors{
	position:relative;
	top:10px;
	left:0px;
	width:770px;
	padding:5px;
	height:auto;
	float:left;
	border-top:2px dotted #ccc;
}

.video{
	position:relative;
	top:0px;
	width:340px;
	padding:5px;
	padding-top:15px;
	height:auto;
	float:left;
	text-align:center;
}

.noticia{
	padding:4px;
	border-bottom:1px dotted #999;
}

p{	color:#666666;}

table{	background-color:#999999;}

th{
	background-color:#99CC00;
	color:#000000;
	border:2px solid #000;
	text-transform:uppercase;
}

td{
	background-color:#FFFFFF;
	color:#666666;
}

h1{
	color:#333333;
	border-bottom:1px dotted #333;
	font-size:16px;
	padding-top:10px;
}

h2{
	padding-left:5px;
	padding-top:2px;
	color:#000;
	font-size:14px;
	background-color:#99CC00;
	border-bottom:3px solid #000;
}

h3{
	color:#666;
	font-size:14px;
}

h4{
	color:#FF3300;
	font-size:12px;
}

h5{
	color:#000;
	font-size:12px;
	padding-bottom:2px;
	border-bottom:2px solid #000;
	text-transform:uppercase;
}

h6{
	color:#000;
	font-size:10px;
	background-color:#FFCC33;
	border-bottom:2px solid #000;
	padding:2px;
	text-transform:uppercase;
}


/* MENU */
a:link, a:visited{	color:#006600;}
a:hover{	color:#99CC00;}

h2 a:hover{
	color:#FFFFFF;
}

#menu a:link, #menu a:visited{
	text-decoration:none;
}

#menu a.ap1:link, #menu a.ap1:visited{
	color:#000;
}

#menu a.ap1:hover{
	background-color:#FFFF00;
	color:#000000;
	border: 2px solid #000;
	padding:2px;
	font-weight:bold;
}

#menu, #menu2{
	margin-top:10px;
	margin-bottom:10px;
	padding-bottom:12px;
}

#menu ul, #menu2 ul{
	list-style:none;
	padding:0;
	margin:0;
}

#menu ul li, #menu2 ul li{
	display:block;
	float:left;
	padding:5px;

}

#menu a.ap2:link, #menu a.ap2:visited{
	color:#000;
	display:block;
	height:20px;
}

#menu a.ap2:hover{
	background-color:#99CC00;
	color:#000000;
	border: 2px solid #000;
	font-weight:bold;
}

#menu a.ap3:hover{
	background-color:#FF9900;
	color:#000000;
	border: 2px solid #000;
	padding:2px;
	font-weight:bold;
}

.select1{
	background-color:#FFFF00;
	color:#000000;
	border: 2px solid #000;
	padding:2px;
	font-weight:bold;
}

.select2{
	background-color:#99CC00;
	color:#000000;
	border: 2px solid #000;
	padding:2px;
	font-weight:bold;
}

.select3{
	background-color:#FF9900;
	color:#000000;
	border: 2px solid #000;
	padding:2px;
	font-weight:bold;
}

.select4{
	background-color:#FFFF00;
	color:#000000;
	font-weight:bold;
}

/* MENU 2*/
#menu2{
	font-size:11px;
	padding-bottom:20px;
}

#menu2 a:link, #menu2 a:visited{
	text-decoration:none;
	color:#666666;
}

#menu2 a.ap1:hover{
	background-color:#FFFF00;
	color:#000000;
	border: 2px solid #000;
	padding:2px;
	font-weight:bold;
}

#menu2 a.ap2:hover{
	background-color:#99CC00;
	color:#000000;
	border: 2px solid #000;
	padding:2px;
	font-weight:bold;
}

/* MENU 3 GRUPS*/
#menu3 ul{
	list-style:none;
	padding:0;
	margin:0;
}

#menu3{
	position:relative;
	top:0px;
	left:0px;
	width:170px;
	padding:5px;
	height:auto;
	float:left;
}

#menu3 a:link, #menu3 a:visited{
	text-decoration:none;
	color:#000;
	margin-bottom:5px;
	display: block;
}

#menu3 li{
	padding:3px;
	display: block;
}

#menu3 li:hover{
	display: block;
	background-color:#FF9900;
	color:#000000;
	border: 2px solid #000;
	padding:2px;
	font-weight:bold;
}

.banner{
	position:relative;
	display:block;
	width:90px;
	height:60px;
	overflow:hidden;
	text-align:center;
	margin-left:18px;
	margin-bottom:10px;
	float:left;
}

.minifoto{
	position:relative;
	display:block;
	width:100px;
	height:80px;
	overflow:hidden;
	text-align:center;
	margin-left:10px;
	margin-bottom:10px;
	float:left;
	border: 1px solid #666666;
}

.fotogrup{
	position:relative;
	display:block;
	width:260px;
	height:auto;
	overflow:hidden;
	text-align:center;
	margin-left:10px;
	margin-bottom:10px;
	float:left;
	border: 1px solid #666666;
}

#final{
	margin-top:30px;
	padding-top:20px;
	border-top:1px dotted #333333;
	text-align:center;
}

.ample1{	width:100px;}
.ample2{	width:200px;}
.ample3{	width:300px;}
.ample4{	width:400px;}
.ample5{	width:500px;}
.ample6{	width:600px;}
.ample7{	width:700px;}
.ample8{	width:800px;}

.marge1{	width:80px;}
.marge2{	width:180px;}
.marge3{	width:280px;}
.marge4{	width:380px;}
.marge5{	width:480px;}
.marge6{	width:580px;}
.marge7{	width:680px;}
.marge8{	width:780px;}

.marge1, .marge2, .marge3, .marge4, .marge5, .marge6, .marge7, .marge8{
	padding-right:10px;
	padding-left:10px;
}

.columna{
	border-right:1px solid #ccc;
	border-bottom:2px solid #666;
}

.clear{
	clear:both;
}


#MapaGoogle{
	padding-top:30px;
}

#MarcaAiguaEsdansa{
	width:800px;
	height:200px;
	display:block;
	z-index:50;
	background-image:url(cap/capEsdansa.png);
	background-repeat:no-repeat;
	position:absolute;
	top:0;
	left:0;
}


#linkCap{
	display:block;
	width:800px;
	height:200px;
	overflow:hidden;
}