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



ul {
  padding:0;
  margin:0;
  list-style-type: none;
  }
ul li {
  padding:0;
  margin:0;
  }



body{
	background-color:#666;
}

.main{
background-color:#036;
position:relative;
width:800px;
height:1200px;;
margin:1px auto;
}

#encabezado{
	position:relative;
	top:0px;
	width:800px;
	height:214px;
}


#panel_p{
	position:absolute;
	width:500px;
	height:330px;
	top:240px;
	left:15px;
	background-image:url(../img/panel_principal_back.png);
}


#panel_back_escola{
	position:absolute;
	width:500px;
	height:350px;
	top:240px;
	left:15px;
	background-image:url(../img/filosback-01.png);
	
}


#formu{
position: absolute;
width:400px;
height:300px;
top:70px;
left:70px;
font-family:Arial, Helvetica, sans-serif;
}

label { 
display:block;
font-size:10px;

} 




#panel_back_categos{
	position:absolute;
	width:500px;
	height:350px;
	top:240px;
	left:15px;
	background-image:url(../img/back_categos-01.png);
}


#panel_back_contacto{
	position: absolute;
	width:500px;
	height:350px;
	top:240px;
	left:15px;
	background-image:url(../img/back_contacto-01.png);
}

#panel_back_galeria{
	position: absolute;
	width:500px;
	height:350px;
	top:240px;
	left:15px;
	background-image:url(../img/back_galeria-01.png);
}


#panel_back_vidad{
	position: absolute;
	width:650px;
	height:450px;
	top:240px;
	left:100px;
	background-image:url(../img/backvidad-01.png);
	background-color:#666;
}



#panel_back_mty2009{
	position: absolute;
	width:500px;
	height:350px;
	top:240px;
	left:15px;
	background-image:url(../img/back_conv_mty-01.png);
}


#panel_back_galeria ul {
position:relative;
top:20px;
left:10px;
width:400px;
height:300px;
}

#panel_back_galeria li {
display:block;
height:117px;
width:160px;
background-image:url(../img/back_small_gall-01.png);
background-repeat:no-repeat;
padding:10px;
}


#panel_back_gallery0809{
	position: absolute;
	width:500px;
	height:350px;
	top:240px;
	left:15px;
	background-image:url(../img/back_galeria08-09-01.png);
}

#panel_back_gallerycollage{
	position: absolute;
	width:500px;
	height:350px;
	top:240px;
	left:15px;
	background-image:url(../img/back_collage.png);
}



#panel_back_gallerycampus{
	position: absolute;
	width:500px;
	height:350px;
	top:240px;
	left:15px;
	background-image:url(../img/back_galeriacampus09-01.png);
}


#panel_back_avisos{
	position: absolute;
	width:500px;
	height:350px;
	top:240px;
	left:15px;
	background-image:url(../img/avisos_back-01.jpg);
}


#avisos{
	position:relative;
	top:5px;
	left:0px;
	width:500px;
	height:350px;
}

#avisos ul {
	width:100%;
}


#avisos li{
	display:block;
	width:152px;
	background-image:url(../img/post_avisos.png);
	height:146px;
	float:left;
	}


#avisos a{
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	display:block;
	width:110px;
	margin:1px auto;
	margin-top:45px;
	color: #03F;
}

#panel_derecho{
	position:absolute;
	left:540px;
	top:240px;
	width:260px;
	height:700px;

}



#panel_derecho span {
	display:none;
}


#panel_derecho ul{
width:250px;
}

#panel_derecho li{
	padding-bottom:25px;
}

#pa_der_inscrip{
	display:block;
	width:250px;
	height:65px;
	background-image:url(../img/menu_inscrip.png);
}


#pa_der_campus{
	display:block;
	width:250px;
	height:65px;
	background-image:url(../img/menu_campus.png);
}

#pa_der_fcbarca{
	display:block;
	width:250px;
	height:150px;
	background-image:url(../img/menu_pd_fcb.png);
}


#pa_der_ecribele{
	display:block;
	width:250px;
	height:65px;
	background-image:url(../img/resultados-01.png);
}

#pa_der_junior{
	display:block;
	width:250px;
	height:65px;
	background-image:url(../img/fcbjunior-01.png);
}




#pa_der_temp_09-10{
	display:block;
	width:250px;
	height:65px;
}

#pa_der_ecribele2{
	display:block;
	width:250px;
	height:65px;
	background-image:url(../img/escribele.png);
	z-index:150;
}

/*escola*/


#filos {
	position: relative;
	top:100px;
	left:50px;
	width:510px;
	height:239px;
	background-image:url(../img/filosofia-01.png);
}

#valores{
	position: relative;
	top:130px;
	left:50px;
	width:510px;
	height:239px;
	background-image:url(../img/valores-01.png);
}


#metodo{
	position: relative;
	top:200px;
	left:50px;
	width:510px;
	height:254px;
	background-image:url(../img/metodo-01.png);
}

#jlocal{
display:block;
width:50px;
height:54px;
background-image:url(../img/jersey_local-01.png);
}


#j2{
display:block;
width:50px;
height:54px;
background-image:url(../img/jvisita-01.png);
}


#j3{
display:block;
width:50px;
height:54px;
background-image:url(../img/jtercero-01.png);
}

#jersey li {
float:left;
}

#jersey ul{
position: absolute;
right:5px;
top:15px;
}

#texto_filos{
position:absolute;
width:300px;
height:200px;
top:50px;
left:170px;
text-align:justify;
font-family:Geneva, Arial, Helvetica, sans-serif;
}


#texto_valores{
position:absolute;
width:300px;
height:200px;
top:50px;
left:170px;
text-align:justify;
font-family:Geneva, Arial, Helvetica, sans-serif;
}

#texto_metodo{
position:absolute;
width:300px;
height:200px;
top:60px;
left:170px;
text-align:justify;
font-family:Geneva, Arial, Helvetica, sans-serif;
}




#news{
background-color:#000000;
	position: absolute;
	top: 15px;
	left: 10px;
	font-size: 12px;
	width:300px;
	height:300px;
	line-height: 6mm;
	border: solid 1px;
	padding:1px;
	text-align:justify;
	}

#btnnews{
position:absolute;
top:1px;
left:315px;
z-index:100;
}


#btnnews li{
	display:block];
	width:160px;
	height:65px;
	background-color:#09F;
	padding-bottom:5px;
	margin-bottom:8px;
	margin-top:0px;
}

#img1{background-color:#FF6;}

#btnnews a{
	display:block;
	width:85px;
	height:62px;
	padding-top:5px;
	padding-left:70px;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	line-height:13px;
	font-weight:bold;
	text-align: left;
	}

#a1{background-image:url(../img/news/noti1tu.jpg);
background-repeat:no-repeat;
background-position:left center;
}

#a2{background-image:url(../img/news/noti2tu.jpg);
background-repeat:no-repeat;
background-position:left center;
}

#a2{background-image:url(../img/news/noti2tu.jpg);
background-repeat:no-repeat;
background-position:left center;
}

#a3{background-image:url(../img/news/noti3tu.jpg);
background-repeat:no-repeat;
background-position:left center;
}

#a4{background-image:url(../img/news/noti4tu.jpg);
background-repeat:no-repeat;
background-position:left center;
}





.accordion {
	position:relative;
	top:5px;
	left:20px;
	width: 420px;
	height:300px;
	z-index:125;
}
.accordion h3 {
	background-image:url(../img/back_acordeon_visita-01.png);
	background-repeat:no-repeat;
	padding: 10px 35px;
	margin: 0;
	font: bold 100%/100% Arial, Helvetica, sans-serif;
	color:#FFF;
	border-bottom: none;
	cursor: pointer;
}



.accordion h3:hover {
	color:#999;
}
.accordion h3.active {
	color:#FF3;
}
.accordion p {
	margin: 0;
	padding: 5px 5px 5px;
}


#simplegallery1{ //CSS for Simple Gallery Example 1
position: relative; /*keep this intact*/
visibility: hidden; /*keep this intact*/
border: 1px solid black;
top:45px;
left:10px;
}

#simplegallery1 .gallerydesctext{ //CSS for description DIV of Example 1 (if defined)
text-align: left;
padding: 2px 5px;
}


#facebox {

		/* overlay is hidden before loading */
		display:none;

		/* standard decorations */
		width:660px;
		height:492px;
		border:10px solid #666;

		/* for modern browsers use semi-transparent color on the border. nice! */
		border:10px solid rgba(82, 82, 82, 0.698);

		/* hot CSS3 features for mozilla and webkit-based browsers (rounded borders) */
		-moz-border-radius:8px;
		-webkit-border-radius:8px;
		background-image:url(../img/dia_amigo_ene.jpg);
		background-position:bottom;
		background-repeat:no-repeat;
		z-index:150;
	}

	#facebox div {
		padding:10px;
		border:1px solid #3B5998;
		background-color:#fff;
		font-family:"lucida grande",tahoma,verdana,arial,sans-serif
	}

	#facebox h2 {
		margin:-11px;
		margin-bottom:0px;
		color:#fff;
		background-color:#6D84B4;
		padding:5px 10px;
		border:1px solid #3B5998;
		font-size:20px;
	}

#facebox .close {
	background-image:url(../img/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}