body {
	font-family: arial, sans-serif, helvetica;
	color:#ffffff;
	dispay:block;
	font-size: 13px;
line-height: 1.6em;
background-color:#000000;
width: 1174px;
   min-width: 1100px;
   max-width: 1374px;}

#contenidor {
margin:0px 0px 0px 200px; }

.menu ul{
list-style: none;
}
ul.menu {
background: #F4F4F4;
  list-style: none;
  margin-top: 10px;
  padding: 0;}

ul.menu li a {
  color: #E0E0F8;
  display: block;
  padding:0.2em 2em 0.2em 2em;
  text-decoration: none;
border-bottom: 1px solid #7C7C7C;
}


ul.menu li a:hover {
color: #0000FF;}



ul.menu li.in {
color:#0000FF;
 padding:0.2em 2.2em 0.2em 2.2em;
  text-decoration: none;
}

ul.menu li {
  float: left;
  width: auto;
}

h1{

color:#FFFF00;
margin:50px 0px 0px 10px;
font-size:18px;
text-align:left;
font-weight: bold;}



#cosportada{
width:70%;
position:left;
}

.not1, .not1a{
margin-top:30px;
background-color:#181907;
color:#ffffff;
width: 325px;
height: 180px;
float: left;
color:#ffffff;
}


.img {
	float:left;}


.not1 p, .not1a p{
	float:left;
	text-align: justify;
	font-size:12px;
	margin:-85px 10px 0px 120px;
	line-height: 1.6em;}

.not1a p{
margin-top:-120px;
color:#ffffff;}

	
.not1 a{
	color:#E0E0F8;
	 text-decoration: none;
	 }
	
h4{
color:#B45F04;
}

.not3 {
margin:30px 0px 0px 30px;
background-color:#181907;
color:#ffffff;
width: 325px;
height: 180px;
float: left;}

.not3 h4{
margin: 20px 0px 5px 10px;
}

.not3 img {
margin:10px 0px 0px 5px;}



.not3 p{
float:left;
	font-size:12px;
	margin:-85px 10px 0px 130px;
	
color:#ffffff;}

.spam {
font-size: 20px;
color: #8A0808; }

#lateral{
	width:27%;
float:right;
		margin:20px 0px 0px 0px;
	padding-left:1.2em;
	background-color:#181907;
display:block;

	}
	
#lateral p{
	color:#ffffff;
	}

.poemes {
margin-top:40px;}


#lateral img{
margin-top:-10px;}

h2 {
	color:#AEB404;
border-bottom:2px solid #ffffff;
margin-left:-12px;
	}

.not2 {
float: left;
margin-top:20px;
width:650px;
padding:0em 1em 0em 1em;
background:#ffffff;
}

.not2 h3{
float:left;
font-size:20px;
color:#B45F04;
margin-left:-5px;
}

.not2 img{
clear:left;}

.not2 p{
float:left;
color:#000000;
margin:0px 0px 10px 0px;
line-height: 1.6em;
font-size:14px;
text-align: justify;
}

.not4 {
float: left;
margin-top:20px;
width:500px;
padding:0em 1em 0em 1em;
background-color:;}

#lateral a{
text-decoration: none;
color:#B45F04;
font-size:12px;
border-bottom:2px solid #ffffff;
padding-right:20px;}

#lateral .poemes{
margin-top:140px;}

#noticiafinal h4{
clear:left;
}

#video1{
margin-top:-100px;
}

.notportada1 h3{
color:#06ADB0;
font-size:18px;
}

.notportada2 h3 {
color:#06ADB0;
font-size:18px;
}

.notportada h3 {
color:#06ADB0;
font-size:18px;
}
/**************qui som****************/


#quisom p{
font-size:16px;
clear:left;
color:#E0E0F8;
text-align:justify;
line-height: 1.6em;
}

#quisom, #ofertaedu, #preguntes {
padding-top:30px;
margin:30px 150px 0px 100px;}

#quisom span{
color: #FF4000;}

/*************oferta educativa***********/
#ofertaedu p{
font-size:16px;
clear:left;
color:#E0E0F8;
text-align:justify;
line-height: 1.6em;
}

table{
width: 700px;}

table th, table td{
color:#E0E0F8;
border:2px solid #3A2F0B; 
padding:6px;
margin-right:5px;
font-size:16px;}

caption {
color:#FF4000;
font-size:20px;
margin:5px; }


caption img{
margin-left:15px; }

.uno {
background-color: #29088A;}

#taula2 {
margin-top:50px;}

.dos {
font-size:20px; 
background-color:#173B0B;
color:#ffffff;}

tbody {
margin-top:20px;}

ul.menusec li{
list-style:none;
display: block;
float:left;
margin-bottom:20px;
color:#E0E0F8;
font-sixe:22px;
padding:2em 1em 2em 1em;
border:1px solid #ffffff;
background-color:#173B0B;
font-size:16px;}

ul.menusec a{
color:#E0E0F8;}

ul.menusec {
margin-left:-40px;
}


#taula3 {
margin-top:50px;}


/*****************peu***************/

#footer {
width:100%;
float:left;
margin-top: 120px;
border-top: 3px solid #ffffff;
}

#footer img{
padding:10px 5px 0px 5px;}

#footer ul{
list-style:none;
margin-left:-40px;}

#banners, #banners2{
float:left;}

#banners2{
margin-top:0px;
list-style:none;}

#links {
float:left;
margin: 10px 0px 0px 30px;
border-left:2px solid #ffffff;}

#links li{
margin:10px 0px 0px 10px;
}

#links a{
text-decoration: none;
color: #E0E0F8;}



#adreça{
float:right;
margin: 10px 60px 0px 0px;
font-weight: bold;
border-left:2px solid #ffffff;
font-size:14px;}

#adreça p{
margin-left:10px;
color: #FFFF00;}

#adreça a{
color:#0080FF;
}

/*************preguntes freqüents******************/


#preguntes {
width:600px;
margin-bottom:100px;
}


#preguntes li {
list-style:none;
font-size:18px;
line-height: 2em;
color:#FF4000;
}

#preguntes h1{
margin:-5px 0px 10px 39px;
color: #FFFF00;
float:left;
}

#preguntes ul{
float:left;
margin:0px 0px 0px 0px}


#preguntes img{
float:left;
}

#respostes{
clear:left;
font-size:16px;
color:#ffffff;
margin:300px 100px 0px 130px;
line-height: 2em;
text-align: justify;}

#respostes dt{
margin-top:30px;}

#respostes span{
color:#FFFF00;}

#respostes dt{
color:#FF4000;}

/**************horari*************/

#horari{
font-size:16px;
color:#ffffff;}

#horari h1{
color:#ffffff;
margin-left:-5px;
font-size:16px;}

#horari p{
color:#ffffff;
}

#horari img{
margin-top:30px;}

span .calendari{
margin-left:20px;}

#horari a{
color:#FF4000;
font-size:16px;}

/************contacte***********/

#contacte{
width:20%;
border:1px solid #ffffff;
float:left;
padding:2em;
margin-top:20px;

}


#mapa {
margin-top:20px;
width:65%;
border:1px solid #ffffff;
float:left;
padding:2em;}

#tel {
width:20%;
border:1px solid #ffffff;
float:left;
padding:2em;
margin-top:-350px;
}

#email{
width:20%;
border:1px solid #ffffff;
float:left;
padding:2em;
margin-top:-140px;}

#email a{
color:#ffffff;}


#horaripublic{
width:90%;
float:left;
padding:1em;
font-size:18px;}

#horaripublic a{
color:#DF7401;
}

#formulari {
margin-top:15px;
width:91%;
border:1px solid #ffffff;
float:left;
padding:2em;}


form {
color:#ffffff;}


/**************fronter***************/

#fronter{
width:60%;}

#fronter h1{
margin-top:60px;}

#fronter p{
margin: 30px 0px 0px 12px;}

#accesfronter {
width:35%;
float:right;
margin-top:-300px;}


#galeria {
      width: 800px;
      height: 600px;
      margin: 20px auto;
margin-top:100px;
      padding: 40px;
      position: relative;
}   
#galeria div {
   position: absolute;
   overflow: hidden;
   opacity: 0.9;
   -webkit-transition: all 0.5s linear;
   -webkit-border-radius: 15px;
   border-radius: 15px;
   -webkit-box-shadow: -3px -3px 50px #666;
   box-shadow: -3px -3px 50px #666;
   -webkit-transform: scale(0.60); 
}   

#galeria div:hover {
   z-index: 999;
   -webkit-transform: rotate(0deg);
   opacity: 1;
   
} 

#imagen1 {
   top: 50px;
   left: 130px;
   z-index:1;
}
         
#imagen2 {
   top: 300px;
   left:100px;
   z-index:7;
}
         
#imagen3 {
   top: 420px;
   left:350px;
   z-index:3;
}
         


#imagen4 { 
   top: 135px;
   left: 450px;
   z-index:4;
}
         
#imagen5 {
   top: -100px;
   right: 200px;
   z-index:5;
}
         
#imagen6 {
   top: 220px;
   right: 120px;
   z-index:6;
}


/************** Matriculació ******************/
#matricula a{
 text-decoration: none;
color:#FFFF00;}

#matricula h1{
margin-left: -2px;
font-size:16px;}

/************** Viatges **********************/
#viatges {
float:left;
margin-top:55px;
color:#000000;
width: 45%;
text-align:justify;
padding:1.1em;
background-color:#ffffff;}

#viatges h3 {
color:#FF8000;
font-size:20px; }

#viatges span {
color:#AEB404;}

#fotweb{
width:35%
float:left;}

#fotweb img{
margin-top:55px;
margin-left:10px;}