/* Common stylesheet for La Salle Gracia new site - standards compliance 







   Version: 1.0 - 2006/03/21 */















body {







    font-family: Arial, Verdana, Sans-Serif;







    margin: 0;







    padding: 0;



	



}







#main {







    width: 800px;       /*NOTA: si posem auto la imatge no ocupa prou espai i es duplica*/







    margin: 0 auto 0 auto;







}







#menu_tit



{



clear:both;



height:20px;



}



#titol 







{



clear:both;



    margin: 0;







    padding:0;







    width:100%;







    height: 150px;



}











#titol h1 {







    display: none







}







#nuevo_tit 







{



   margin:0px;







    padding:0px;



}







#menu_estudis 







{







    float:right;







    width: 30%;







    border:0;







    margin:0;







    padding:0;







    overflow: hidden;







    background-color: #5374A6;







}







#main_menu h2, #menu_estudis h2 







{







    display: none







}







#main_menu ul







{







    margin: 0;







    text-align:center;







    padding: 0







}







#menu_estudis ul 







{







    margin:0;







    padding:0;







    text-align:center







}







#main_menu ul li, #menu_estudis ul li 







{







    padding: 1px 3px 0px 3px;







    display:inline







}







#peu ul 







{







    text-align: right;







    margin:0;







    padding:0







}







#peu ul li







{







    padding: 3px;







    vertical-align:25%;







    display: inline







}







#main_menu ul li a:link, #main_menu ul li a:visited 







{







    font-size: 10px;







    font-weight: bold;







    color: #fff;







    background-color: inherit;







    text-decoration: none







}







#main_menu ul li a:hover 







{







    color: Yellow







}







#menu_estudis ul li a:link, #menu_estudis ul li a:visited 







{







    font-size: 10px;







    font-weight: bold;







    color: yellow;







    background-color: inherit;







    text-decoration: none







}







#menu_estudis ul li a:hover 







{







    color: #fff







}







#principal 



{







	margin-left:0px;



    margin-top:20px;







    width: 100%;







    font-size: 11px;







    color: #000;



	



	



}











#principal p



{



/*line-height:20px;*/



}







#central 







{



margin-left:0px;



	float:left;



    width: 68%;



}







#dreta 







{



padding-top:5px;



    width: 240px;



    float: right;



}







#principal h1 







{







    margin: 15px auto 5px auto;







    font-size: 16px;







    font-weight: bold;







    background-color: #fff;







}







#linia 







{







    position:relative;







    clear:both;







    width:800px;







    height:20px;







    background-color: #5374A6







  }







#principal h1 span 







{







    padding-left: 5px;







    font: bold 14px/2em Arial, Verdana, Sans-serif;







    letter-spacing: 1px;







    color: #696969;







}







#central_cos  







{







    margin: 0;







    border: 0px solid #ffefd5;







    padding: 0;







    background-color: #ffefd5;



	float:left;



}











#dreta div 



{







    border-top:0;







    margin: 0;







    padding: 0px;







    background-color: #ffefd5;







    border-bottom: 10px solid #fdcb11







}





.leftimg{

 float:left;



}

img 







{



    margin: 4px;







    float:right;



}







{







    margin: 4px;







    float:center



	



	







}







img#diagrama 







{











    width:230px;







    height:100px;







	cursor:pointer;



	



}







img#planol 







{







    width:200px;







	border:0;







	cursor:pointer;







}











#peu 







{







    border-top: 20px solid #fff;







    width: 800px;







    clear: both;







    height: 20px;







    text-align: right;







    padding-top: 5px;







    background-color: #fdcb11;











}







#peu ul li a:link, #peu ul li a:visited 







{ 







    font-size: 11px;







    font-weight: bold;







    color: #000010;







    padding-right: 5px;







    text-decoration: none;







    text-transform: uppercase







}







#peu ul li img







{







    float:none;







}







#peu ul li a:hover 







{







    color: Gray;







    padding-right: 5px







}







#central_cos h2, #dreta h2 







{







    margin:2px 4px 0 0;







    letter-spacing: 1px;







    font-weight: bold;







    font-size: 12px;







    font-family:inherit;







    text-transform: uppercase;







    color: #fff;







    background-color:#1357A8;







    padding: 2px 2px 2px 4px;







}







#central_cos h2 span, #dreta h2 span 







{







    color: Yellow







}







h3 







{







    padding: 2px;







    font-size: 11px;







    font-weight: bold;







    text-transform: uppercase







}







ol 







{







    list-style-type: lower-alpha 







 }







#central_cos ul li 







{







    list-style-type: none







}







.amagar 







{







    visibility: hidden







}







.ocultar 







{







    display:none







 }







#cc_dreta 







{







    background-color:#ffefd5;







    float:left;







    width:52%;







	height:300px;







}







#cc_dreta2 







{







    background-color:#ffefd5;







    float:left;







    width:52%;







	







}







#cc_esquerra 







{







    background-color:#ffefd5;







    float:right;







    width:48%;







	height:300px;







}







#cc_esquerra2 







{







    background-color:#ffefd5;







    float:right;







    width:48%;















}







div#menu_cicles
{
    margin:0 4px 8px 0;
    border:0;
    padding:0;
    background-color: #5374A6;
    font: bold 10px/1em Arial, Verdana, Sans-serif;
    text-transform: uppercase;







}







div#menu_eso







{







    margin:0 4px 8px 0;







    border:0;







    padding:0;







    background-color: #fdeb11;







    font: bold 10px/1em Arial, Verdana, Sans-serif;







    text-transform: uppercase







}







#menu_cicles ul, #menu_cicles li, #menu_eso ul, #menu_eso li







{







    margin: 0;







    padding:0;







    text-align: left;







    list-style-type: none







}







div#menu_cicles li a







{







    display:block;







    padding:8px;







    text-decoration: none







}







#menu_eso li 







{







    display:block;







    padding:5px;







    text-decoration: none







}







div#menu_cicles ul li a:link, div#menu_cicles ul li a:visited







{







    color: #fff







}







div#menu_cicles ul li a:hover 







{



 background-color:#89A0C7;



    color: Yellow;



	



 }



 







div#descarga_eso_bat







{



margin-top:30px;







padding-top:5px;



 }







#menu_eso ul {







	background-color: #fdeb11







}







.detall 







{







    margin:4px;



	padding:5px;







    background-color: #C6DEEA;







    width: inherit;







    overflow:scroll;







    clear:both;







    height: 150px







 }







 .detall h3, .detall ul 







 {







    margin:0;







    border: 0;







    padding:3px







 }







 .detall ul li







 {







    padding-left: 10px







 }







 .detall span, .negre







 {







    font-weight: bold







 }







 #pdf 







 {







   text-decoration:none;







   text-align:center;







   display:block 







 }







.trams



{



	padding-left:10px;



}











 p.text-contacte







 {







	padding-left:10px







 }











#container_form



{



float:left;



margin-top:20px;







}



#form_izq

{

float:left;

}



#form_1

{

float:left;

}



.text_form

{

text-align:left;

width:80px;

height:22px; 

margin-top:15px;

}



#text_comentari

{

text-align:left;

width:80px;

height:100px; 

margin-top:15px;

}



#form_2 

{

float:left;

}



#form_2 input



{



height:20px; 

float:left;



}



.input_form

{

padding-left:15px;

text-align:left;

width:300px;

height:20px; 

margin-top:15px;

}

.input_nom

{

padding-left:15px;

text-align:left;

width:150px;

height:20px; 

margin-top:15px;

}



#div_comentari

{

padding-left:15px;

text-align:left;

width:300px;

height:100px; 

margin-top:15px;

}







#form_der



{

color:#ff0000;

float:left;



}

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

.reg_capa2

{

float:left;

padding-left:20px;

text-align:left;

width:170px;

margin-top:15px;

}

.reg_capa1

{

float:left;

text-align:left;

width:80px;

height:22px; 

margin-top:15px;

padding-left:90px;

}



/* ---- Inici Formulari Portes -----  */

#form_p

{

float:left;

width:520px;

}

#errores

{

float:left;

width:520px;

text-align:center;

margin-top:15px;

}

.capa2

{

float:left;

padding-left:20px;

text-align:left;

width:300px;

margin-top:15px;

}

.clear4

{

clear:both;

}

.capa1

{

float:left;

text-align:left;

width:80px;

height:22px; 

margin-top:15px;

}

#t_input

{

float:left;

padding-left:20px;

text-align:left;

width:280px;

margin-top:15px;

margin-bottom:20px;

}



.capa3

{

float:left;

text-align:left;

height:22px; 

margin-top:15px;

width:80px;

color:#FF0000;

}



#email2

{

width:280px;

}



#telefon2

{

width:280px;

}

#comentari2

{

width:280px;

height:100px; 

}

/* ---- FI formulari portes -----  */

.form_3,



{



text-align:right;



width:100px;



height:22px; 



margin-top:15px;



color:#FF0000;



}







#camp_obligatori



{



text-align:right;



width:100px;



height:100px; 



padding-top:8px;



margin-top:15px;



color:#FF0000;



}









#email



{



width:280px;



height:20px; 



}











#telefon



{



width:280px;



height:20px; 



}







#comentari



{



width:280px;



height:100px; 



}







#penseu



{



font-style:italic;



text-align:right;



width:280px;



height:20px; 



margin-top:10px;



}



#div_boton



{



text-align:center;



width:530px;



height:20px; 



padding-top:15px;



}











#tit_iconos



{







width:800px;



height:45px; 



float:left;



padding-bottom:5px;



}



#tit_izq



{



float:left;



width:530px;



height:45px; 







}







#tit_der



{



padding-top:5px;



float:right;



width:240px;



height:45px; 











}



.text_azul



{



font-size:16px;



color:#103CA3;



font-weight:bold;



}







.text_titu



{



font-size:14px;



font-weight:bold;



}



#foto_nois



{



width:400px;



height:109px;



text-align:left;



margin-left:70px;



}



#act_presentacio



{



margin-top:25px;



width:400px;



height:120px;



text-align:left;



margin-left:70px;



background-color:#FDCB11;







}



#tit_act



{



width:392px;



height:18px;



text-align:left;



background-color:#103CA3;



font-size:14px;



color:#FFFFFF;



padding-left:8px;



font-weight:bold



}







#act_pre_der



{



width:199px;



text-align:left;



float:right;



margin-top:8px;



}



#act_pre_izq



{



width:199px;



text-align:left;



float:left;



margin-top:8px;



}







.ul_act_pre



{



list-style:none;



padding-left:5px;



padding-top:0px;



margin:0px;



}







.sub_tit



{



font-size:11px;



color:#333333;



font-weight:bold;



padding-left:10px;



}



.sub_titulo



{



font-size:14px;



font-weight:bold;







}



.sub_ense



{



font-size:12px;



font-weight:bold;



color:#1357A8;



}



#sub_ense2



{



padding-left:10px;



font-size:12px;



font-weight:bold;



color:#000000;



}



.sub_ense_p



{



padding-left:10px;



padding-right:10px;



}







#onsom_1



{



width:542px;



text-align:left;



float:left;



margin-top:8px;







}



#onsom_2



{



width:261px;



text-align:left;



float:left;



padding-left:10px;



}



#onsom_3



{



width:272px;



text-align:left;



float:left;



}



#onsom_4



{



padding-top:30px;



width:500px;



text-align:left;



}



#onsom_5



{



padding-left:10px;



padding-top:40px;



width:215px;



text-align:left;



float:left;



}



#onsom_6



{



padding-top:30px;



width:232px;



text-align:center;



float:left;







}



.onsom_tit 



{



font-size:12px;



font-weight:bold;



}



.foto_onsom



{



   width:130px;



margin-left:30px;



margin-top:30px;



}







#dreta_onsom







{



    width: 240%;



    float: right;



	margin-top:10px;



	height:400px;







}







#foto_onsom2



{



padding-left:45px;



padding-top:45px;



}







#explicacio



{







font-size:12px;



font-weight:bold;



margin-top:15px;



}



#ense_nom 



{



width:538px;



float:left;



margin-top:15px;



}



.ense_nom1



{



float:left;



width:169px;



font-size:14px;



font-weight:bold;







text-align:center;



}



.ense_foto1



{



float:left;



width:169px;



font-size:14px;



font-weight:bold;







text-align:center;



}



#ense_nom3



{



width:538px;



float:left;



margin-top:15px;



}



.ense_nom2



{



float:left;



width:169px;



font-size:12px;















}



#contener



{



width:800px;



float:left;



}







#dreta_ense 







{







    width: 230px;



    float: left;



	margin-top:10px;







}











#ense 



{







float:left;



margin-left:10px;



}







.tit_ense



{



float:left;



}



#central_eso



{



clear:both;



width:500px;



padding:20px;
padding-bottom:0px; 







}



#llistat



{



clear:both;



width:760px;



padding:20px;







}



.tit_foto2



{



float:left;



}



#cuadro_ense



{



width: 480px;



height:166px;



clear:both;



padding-left:30px;



padding-top:25px;



}



#frame_gic



{



margin-top:5px;



width: 200px;



height:150px;



border:0px;







}



#aaa



{



width:225px;



height:100px;



border:0px;



text-align:center;



}



#baptista



{



width:240px;



height:328px;



border:0px;



text-align:right;



}

#cormar



{



width:240px;



height:100px;



border:0px;



text-align:right;



}



#qualitat



{



width:240px;



height:151px;



border:0px;



text-align:right;



}



#contactar_cont



{



padding-left:10px;



height:380px;



}



#gic_iframe



{











width: 250px;



height:230px;



border:0px;



float:left;



}



#gic_demo



{







width: 250px;



height:200px;



border:0px;



float:left;



text-align:center;



}



#gic_demo img



{



margin-left:45px;



float:left;



}



#p_gic



{



float:left;



padding-top:15px;



width: 250px;



}



#central_gic



{



 background-color: #ffefd5;



width: 500px;



height:200px;



border:0px;



float:left;



}



#galeria



{



background-color: #ffefd5;



width: 500px;



height:auto;



border:0px;



float:left;



text-align:center;



}







.trucans



{



font-size:14px;



font-weight:bold;



color:#1357A8;



}







.p_trucans



{



font-size:14px;



font-weight:bold;



color:#000000;



}







#div_trucans



{



width:200px;



padding-top:60px;



text-align:center;



float:right;



margin-right:5px;



}



#div_trucans2



{



background-color:#FFCC00;



padding-top:10px;



padding-bottom:10px;



border:1px #333333 solid;



}



#tabla_llistat

{

border:1px #333333 solid;

}



#organigrama{

margin-top:100px;

}



 /*------- GALERIA ------- */

 

 

 

 

 #trobada{

		width:530px;



 		height:300px;

 }

  #pastoral{

 		width:530px;



 }

  #central_gal{

  width:530px;

  margin:0px;

  padding:0px;

  }

 

 #central_gal div{

  margin-bottom:40px;

  }

 .text_tornar, .text_azul{

padding-left:30px;

 padding-bottom:10px

 }

 .tit_foto3{

 margin-left:60px;

 }

 

 .text_tornar a{

  font-weight:bold;

 text-decoration:none;

 }

  .text_tornar a:hover{

  color:#333;

 }

 .text_tornar a:visited{

 color:#0000ff;

 }

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 /* NIFTY CODE */







.rtop,.artop{display:block}







.rtop *,.artop *{display:block;height:1px;overflow:hidden;font-size:1px}







.artop *{border-style: solid;border-width:0 1px}







.r1,.rl1,.re1,.rel1{margin-left:5px}







.r1,.rr1,.re1,.rer1{margin-right:5px}







.r2,.rl2,.re2,.rel2,.ra1,.ral1{margin-left:3px}







.r2,.rr2,.re2,.rer2,.ra1,.rar1{margin-right:3px}







.r3,.rl3,.re3,.rel3,.ra2,.ral2,.rs1,.rsl1,.res1,.resl1{margin-left:2px}







.r3,.rr3,.re3,.rer3,.ra2,.rar2,.rs1,.rsr1,.res1,.resr1{margin-right:2px}







.r4,.rl4,.rs2,.rsl2,.re4,.rel4,.ra3,.ral3,.ras1,.rasl1,.res2,.resl2{margin-left:1px}







.r4,.rr4,.rs2,.rsr2,.re4,.rer4,.ra3,.rar3,.ras1,.rasr1,.res2,.resr2{margin-right:1px}







.rx1,.rxl1{border-left-width:5px}







.rx1,.rxr1{border-right-width:5px}







.rx2,.rxl2{border-left-width:3px}







.rx2,.rxr2{border-right-width:3px}







.re2,.rel2,.ra1,.ral1,.rx3,.rxl3,.rxs1,.rxsl1{border-left-width:2px}







.re2,.rer2,.ra1,.rar1,.rx3,.rxr3,.rxs1,.rxsr1{border-right-width:2px}







.rxl1,.rxl2,.rxl3,.rxl4,.rxsl1,.rxsl2,.ral1,.ral2,.ral3,.ral4,.rasl1,.rasl2{border-right-width:0}







.rxr1,.rxr2,.rxr3,.rxr4,.rxsr1,.rxsr2,.rar1,.rar2,.rar3,.rar4,.rasr1,.rasr2{border-left-width:0}







.r4,.rl4,.rr4,.re4,.rel4,.rer4,.ra4,.rar4,.ral4,.rx4,.rxl4,.rxr4{height:2px}







.rer1,.rel1,.re1,.res1,.resl1,.resr1{border-width:1px 0 0;height:0px !important;height /**/:1px}







.boto



{



     border-color:#000000;



     border-width:1px;  



    background-color: #fdcb11;



    font-size: 11px;



    font-weight: bold;



    color: #000010;



    padding-right: 5px;



    text-transform: uppercase;    



    }