body{
font-family:Arial, Helvetica, sans-serif;
background-color:#6699CC;
margin:Opx
}
#contenidor{
width: 994px;
height: 593px;
border: 5px solid #FFFFFF;
background-color:#333333;
margin: 0px;
text-align:left;
}
.pag{
width:auto;
/*bordes que feran de les columnes esquerra i dreta*/
border-left: 349px solid #333333;
}
.seccio{
margin:0;
width:100%;
}
/*fem flotar les 2,3..., columnes i les posicionem relativament*/
.col_a, .col_b, .col_b_2{
position:relative;
float:left;
height:593px;
}
/*columna de l'esquerra*/
.col_a{
/*la situem tants pixels a l'esquerra com marge esquerra li hem posat al .pag*/
margin-left:-349px;
z-index:10;
background-image:url(images/fons_home_left.jpg);
background-repeat:no-repeat;
width:349px;
}
.col_b{
z-index:20;
width:100%;
background-image:url(images/fons_home_right.gif);
background-repeat:no-repeat;
}
/** només el fem servir en la template comandes.html **/
.col_b_2{
z-index:20;
width:100%;
background-image:url(images/fons_home_right_2.gif);
background-repeat:no-repeat;
}
.clear{
clear:both;
}
/*obligatri per tal que funcioni amb firefox*/
.pag >.seccio{
border-bottom: 1px solid transparent;
}
/** IDIOMES **/
.idiomes{
margin: 11px 0px 0px 14px;
}
.idiomes a{
color:#CCCCCC;
text-decoration:none;
}
.idiomes a:hover{
color:#FFCC33;
text-decoration:none;
}
/** ESTIL QUE NOMÉS S'APLICA QUAN ESTÀ ACTIU ELS IDIOMES**/
.idiomes_actiu a{
color:#FFCC33;
text-decoration:none;
} 
.idiomes_actiu_no a{
color:#CCCCCC;
text-decoration:none;
} 
/** MENÚ **/
.menu{
margin:100px 22px 0px 0px;
text-transform:uppercase;
}
.menu a{
color:#FFFFFF;
text-decoration:none;
}
.menu a:hover{
color:#CCCC99;
}
/** ESTIL QUE NOMÉS S'APLICA QUAN ESTÀ ACTIU EL MENÚ**/
.menu_actiu a{
width: 165px;
display:block;
padding-bottom:4px;
margin-bottom:4px;
color:#CCCC99;
text-decoration:none;
font-weight:bold;
border-bottom: 1px solid #CCCC99;
} 
.menu_actiu_no a{
width: 165px;
display:block;
padding-bottom:4px;
margin-bottom:4px;
color:#CCCCCC;
text-decoration:none;
}
.box_seccio{
margin-bottom:4px;
padding-right:6px;
width:280px;
line-height:25px;
background-image:url(images/fons_seccio.gif);
background-repeat:no-repeat;
background-position:right;
}
/*** PEU AVIS LEGAL ***/
.peu{
margin:10px 0px 0px 11px;
}
.peu a{
text-decoration:none;
color:#CCCCCC;
}
.peu a:hover{
text-decoration:underline;
} 

/*** PRESENTACIÓ***/
.content_present{
margin-top:50px;
margin-left:30px;
height:543px;
background-image:url(images/logo_big.gif);
background-repeat:no-repeat;
background-position:105px bottom;
}
.content_contact{
margin-top:50px;
margin-left:30px;
height:543px;
}
.content_mapa{
margin-top:30px;
margin-left:30px;
height:563px;
background-image:url(images/logo_big.gif);
background-repeat:no-repeat;
background-position:105px bottom;
}
.text_present{
margin-top:15px;
text-align:justify;
width:366px;
}
.text_present a{
color:#333333;
text-decoration:none;
}
.text_present a:hover{
text-decoration:underline;
}
.logo_mini{
margin:21px 54px 0px 238px;
}
/*** CATALEG ***/
.content_cataleg{
margin-top:20px;
margin-left:20px;
}
.fons_list{
padding-top:5px;
padding-bottom:5px;
padding-left:5px;
background-color:#D6D6AD;
margin-top:3px;
width:380px;
}
.list_actiu a{
font-size:11px;
color:#990066;
font-weight:bold;
text-decoration:underline;
}
.list_actiu_no {
font-size:11px;
color:#757575;
}
.list_actiu_no a{
font-size:11px;
color:#333333;
text-decoration:none;
}
.list_actiu_no a:hover{
font-size:11px;
color:#990066;
text-decoration:none;
}
.list_llibres{
width:400px;
margin-top:6px;
}
.list_edu_1{
font-size:11px;
color:#C5680C;
font-weight:bold;
}
.list_edu_2{
font-size:11px;
color:#3162AA;
font-weight:bold;
}
.llibre{
display:block;
padding-top:1px;
width:90px;
height:90px;
background-image:url(images/shadow.jpg);
background-repeat:no-repeat;
}
.llibre_no{
display:block;
width:80px;
height:78px;
background-color:#D2D2A5;
border: 1px solid #C6C68A;
}
.llibre_edu{
display:block;
padding-top:1px;
width:90px;
height:120px;
background-image:url(images/shadow_edu.jpg);
background-repeat:no-repeat;
}
.llibre_edu_no{
display:block;
width:80px;
height:108px;
background-color:#D2D2A5;
border: 1px solid #C6C68A;
}
.llibre a{
display:block;
width:80px;
height:78px;
border:1px solid #333333;
}
.llibre_edu a{
display:block;
width:80px;
height:108px;
border:1px solid #333333;
}
.llibre a:hover, .llibre_edu a:hover{
border:3px solid #FF6633;
}

.llibre_titol{
margin-top:-3px;
}
.llibre_titol a{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#333333;
text-decoration:none;
}
.llibre_titol a:hover{
color:#FF6633;
text-decoration:none;
}

/*** DETALL ***/
.list_detall{
width:380px;
margin-top:22px;
}
.llibre_dades{
width:166px;
margin-top:10px;
}
.comprar{
width:94px;
height:61px;
margin-top:5px;
padding-top:27px;
background-image:url(images/comprar.gif);
background-repeat:no-repeat;
background-position:right top;
border:0px;
}
.comanda{
width:94px;
height:61px;
margin-top:0px;
padding-top:27px;
background-image:url(images/comprar.gif);
background-repeat:no-repeat;
background-position:right top;
border:0px;
}
.detall_scroll{
height:280px;
width:190px;
padding-right:6px;
margin-top:4px;
overflow:auto;
scrollbar-arrow-color: #FFFFFF;
scrollbar-track-color: #CCCC99;
scrollbar-shadow-color: #B2B26B;
scrollbar-face-color: #B2B26B;
scrollbar-highlight-color: #B2B26B;
scrollbar-darkshadow-color: #CCCC99;
scrollbar-3dlight-color: #CCCC99;
}
.detall_edu_scroll{
height:215px;
width:190px;
padding-right:6px;
margin-top:4px;
overflow:auto;
scrollbar-arrow-color: #FFFFFF;
scrollbar-track-color: #CCCC99;
scrollbar-shadow-color: #B2B26B;
scrollbar-face-color: #B2B26B;
scrollbar-highlight-color: #B2B26B;
scrollbar-darkshadow-color: #CCCC99;
scrollbar-3dlight-color: #CCCC99;
}
.destaca_scroll{
height:180px;
width:195px;
padding-right:6px;
overflow:auto;
scrollbar-arrow-color: #FFFFFF;
scrollbar-track-color: #CCCC99;
scrollbar-shadow-color: #B2B26B;
scrollbar-face-color: #B2B26B;
scrollbar-highlight-color: #B2B26B;
scrollbar-darkshadow-color: #CCCC99;
scrollbar-3dlight-color: #CCCC99;
}
/*** REVISTA DOCENT ***/
.fons_docent{
background-color:#FFFFFF;
margin:5px;
padding:0px;
}
.fons_revista_frame{
background-color:#FFFFFF;
margin:0px;
padding:0px;
}
.fons_revista_frame2{
background-color:#6699CC;
margin:0px;
padding:0px;
}
.fons_text_frame{
background-color:#FFFFFF;
margin:0px;
padding:0px;
}
.docent{
visibility:hidden;
position:absolute;
z-index:50;
top:18px;
left:-267px;
width:730px;
height:545px;
background-color:#FFFFFF;
padding:6px;
}
.docent_subs{
height:70px;
background-color:#336699;
}
.docent_subs_in{
/*padding:3px 0px 0px 5px;*/
height:20px;
line-height:20px;
background-color:#6699CC;
}

.content_docent{
margin:0px;
padding:0px;
width:310px;
height:454px;
background-image:url(./images/docent/fons_dret.gif);
background-position:top;
background-repeat:no-repeat;
background-color:#99CCFF;
}
.content_docent_text{
margin:0px;
padding:0px;
width:335px;
height:454px;
background-image:url(./images/docent/fons_dret.gif);
background-position:top;
background-repeat:no-repeat;
background-color:#99CCFF;
}

.docent_titol{
padding-top:10px;
margin:0px 10px 0px 10px;
}
.docent_text{
margin:10px 10px 0px 10px;
}
.subs{
width:112px;
height:55px;
margin-left:22px;
padding-bottom:16px;
border:0px;
}
.subs_links{
display:block;
margin-left:177px;
height:25px;
}
.subs_links a{
color:#FFFFFF;
text-decoration:none;
height:25px;
}
.subs_links a:hover{
background-image:url(images/docent/marcador.gif);
background-repeat:no-repeat;
background-position:center 10px;
height:25px;
}
.subs_links_actiu{
background-image:url(images/docent/marcador.gif);
background-repeat:no-repeat;
background-position:center 10px;
height:25px;
}
.subs_links_actiu_no{
color:#FFFFFF;
height:25px;
}
.docent_subs_in a{
color:#FFFFFF;
text-decoration:none;
}
.docent_subs_in a:hover{
/*background-image:url(images/docent/marcador.gif);
background-repeat:no-repeat;
background-position:center 10px;*/
text-decoration:underline;
}
.docent_subs_in_actiu{
background-image:url(images/docent/marcador.gif);
background-repeat:no-repeat;
background-position:center 10px;
}
.docent_subs_in_actiu_no{
color:#FFFFFF;
}
.anteriors{
background-color:#6699CC;
height:565px;
width:386px;
overflow:auto;
scrollbar-arrow-color: #FFFFFF;
scrollbar-track-color: #99CCFF;
scrollbar-shadow-color: #336699;
scrollbar-face-color: #336699;
scrollbar-highlight-color: #336699;
scrollbar-darkshadow-color: #99CCFF;
scrollbar-3dlight-color: #99CCFF;
}
.anterior_borde{
border:1ps solid #336699;
}
.anteriors a{
color:#336699;
text-decoration:none;
}

.anteriors a:hover{
color:#336699;
text-decoration:underline;
}
/*** INDEX NUMERO DOCENT***/
.index_list{
height:454px;
width:320px;
}
.index_bloc{
border-bottom:1px solid #FFFFFF;
height:70px;
}
.index_text{
position:relative;
float:left;
padding:8px;
width:225px;
}
.index_pag{
float:right;
margin-top:10px;
margin-right:5px;
padding-right:7px;
width:35px;
}
/*** FORMULARI DE SUBSCRIPCIÓ ***/
.form_subs{
margin-left:10px;
margin-right:10px;
padding-top:5px;
}
.dades_banc{
visibility:hidden;
z-index:55;
margin:2px 0px 0px 15px;
}
/** COMANDES **/
.input_com_dades{
height:18px;
border:1px solid #B2B26B;
}
/*** NOMÉS S'APLICA A LA PREVISUALITZACIÓ DE LA COMANDA***/
.input_com_dades_dis{
height:17px;
border:1px solid #CCCC99;
background-color:#CCCC99;
}
.input_com_dades_dis2{
height:17px;
border:1px solid #CCCC99;
background-color:#CCCC99;
text-align:right;
}

.display_no{
display:none;
}
.input_com{
height:18px;
border:1px solid #B2B26B;
text-align:center;
}
.input_disabled{
height:18px;
background-color:#FFFFFF;
border:1px solid #B2B26B;
text-align:center;
}
.com_scroll{
height:335px;
width:540px;
overflow:auto;
scrollbar-arrow-color: #FFFFFF;
scrollbar-track-color: #CCCC99;
scrollbar-shadow-color: #B2B26B;
scrollbar-face-color: #B2B26B;
scrollbar-highlight-color: #B2B26B;
scrollbar-darkshadow-color: #CCCC99;
scrollbar-3dlight-color: #CCCC99;
}
.com_scroll2{
height:305px;
width:540px;
overflow:auto;
scrollbar-arrow-color: #FFFFFF;
scrollbar-track-color: #CCCC99;
scrollbar-shadow-color: #B2B26B;
scrollbar-face-color: #B2B26B;
scrollbar-highlight-color: #B2B26B;
scrollbar-darkshadow-color: #CCCC99;
scrollbar-3dlight-color: #CCCC99;
}
.verify{
visibility:hidden;
position:absolute;
z-index:52;
top:180px;
left:120px;
width:350px;
height:150px;
background-color:#FFFFFF;
padding:6px;
}

/*** CONDICIONS ***/
.content_cond{
margin-top:25px;
margin-left:15px;
height:300px;
}
.text_cond{
margin-top:15px;
text-align:justify;
text-indent:20px;
width:300px;
}
.cond_link a{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;
font-weight:bold;
text-decoration:underline;
}
.cond_link a:hover{
text-decoration:underline;
}
/*** CONTACTE ***/
.input_contact_dades{
height:18px;
border:1px solid #B2B26B;
}
.textarea_contact{
border:1px solid #B2B26B;
}
/*** MAPA WEB ***/
.mapa a{
font-family:Arial, Helvetica, sans-serif;
color:#333333;
text-decoration:none;
}
.mapa a:hover{
text-decoration:underline;
}
/*** ALTRES ***/
.margin_bottom{
margin-bottom:10px;
}
.margin_top{
margin-top:10px;
}
.margin_top_20{
margin-top:20px;
}
.link_mail a{
color:#CCCC99;
text-decoration:none;
}
.link_mail a:hover{
color:#CCCC99;
text-decoration:underline;
}
.link_mail2 a{
color:#333333;
text-decoration:underline;
}
.link_mail2 a:hover{
text-decoration:none;
}
.bold {
font-weight:bold;
}
.upper {
text-transform:uppercase;
}
.justify {
text-align:justify;
}
.borde_punts{
height:16px;
width:380px;
border-bottom:1px dotted #333333;
margin-bottom:2px;
}
.borde_sota{
border-bottom:1px dotted #333333;
}
.borde_img{
border:1px solid #333333;
}
form{
margin:0px;
padding:0px;
}
.input{
background-color:#FFFFFF;
border:0px;
}
.right{
text-align:right;
}
/*** ***/
.margin1{
margin-left:20px;
}
.margin2{
margin-left:40px;
}
.margin3{
margin-left:60px;
}
/** TEXTES **/
.normal{
font-weight:normal;
}
.low{
text-transform:none;
}
.text_9_369{
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
color:#336699;
}
.text_9_333{
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
color:#333333;
}
.text_10_333{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#333333;
}
.text_10_333_v{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#333333;
}
.text_10_FFF{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
text-transform:none;
color:#FFFFFF;
}
.text_10_CCC{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
text-transform:none;
color:#CCCCCC;
}
.text_10_663{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
text-transform:none;
color:#666633;
}
.text_10_369{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#336699;
}
.text_12_FFF{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
}
.text_11_FFF{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-transform:none;
color:#FFFFFF;
}
.text_11_900{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-transform:none;
color:#990000;
}
.text_11_333{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;
}
.text_11_369{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#336699;
}
.text_11_906{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#990066;
}
.text_11_C03{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#CC0033;
}
.text_11_000{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
}
.text_12_333{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
}
.text_14_333_geo{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;
color:#333333;
}
.text_14_000_geo{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;
color:#000000;
}
.text_12_333_geo{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
color:#333333;
}
.text_12_C03_geo{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
color:#CC0033;
}
.text_12_FC3_geo{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
color:#FFCC33;
}

.text_11_FFF_geo{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:11px;
color:#FFFFFF;
}
.text_11_69C_geo{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:11px;
color:#6699CC;
}
.text_14_FFF_geo{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;
color:#FFFFFF;
}
.text_14_369_geo{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;
color:#336699;
}
.text_16_C03_geo{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:16px;
color:#CC0033;
}
.text_29_69C_geo{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:29px;
color:#6699CC;
}