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

*{ margin:0; padding:0}
body, html { font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; background-color:#383838; margin:0; padding:0; color:#fff; font-size:12px;overflow: auto;}
h1{font-size:18px; margin:8px 0} 
h2{font-size:16px; margin:8px 0}
h3{font-size:15px;}
h4{font-size:15px;text-decoration:underline}
h5{font-size:13px;}
h6{font-size:13px;text-decoration:underline}

.floatLeft {float:left; margin:0 5px 5px 0}
.floatRight {float:right; margin:0 0 5px 5px}

input, textarea{ border:#faa635 solid 1px; width:445px;}
.boto{ border:#000 solid 1px; background:#faa635; color:#000; width:50px; margin:0; cursor:pointer; text-align:center }
label { display:inline-block; width: 200px;vertical-align:top}
.error{ color:#ff0000; text-align:center; font-weight:bold;}
.dashLinia{ border-bottom: dashed 1px #fff; margin:20px 0}

.reduir{ width:200px; height:150px}

a img { border:solid 2px #c8c8c8}
a:hover img { border:solid 2px #faa635}

a.noneBorder img{ border:none 0}

/*#web{ background:url(../img/background/bg-web.png) no-repeat top left; position:absolute; width:1024px; margin-left:-512px; left:50%; min-height:552px; height:552px; height:auto}*/

#web{ background:url(../img/background/bg-web.png) no-repeat top left; position:absolute;_position:relative; width:1024px; margin-left:-512px; left:50%; min-height:552px; height:552px; height:auto; _margin:0 auto}


#flashTop{ position:absolute; top:180px; left:10px;}

#ContinutHome{position:absolute; top:554px; left:9px; background:#131313 url(../img/background/bg-ContinutHome.png) bottom left repeat-x; width:678px; min-height:488px; height:488px; height:auto; padding:20px 17px}
#Continut{position:absolute; top:554px; left:9px; background:#131313 url(../img/background/bg-ContinutHome.png) bottom left repeat-x; width:969px; min-height:488px; height:488px; height:auto; padding:20px 17px}

#ContinutHome ul,#Continut ul{margin:15px 0 0 45px}
#ContinutHome ul li,#Continut ul li{padding:0 0 15px 0}
#ContinutHome a,#Continut a{color:#fff; text-decoration:none}
#ContinutHome a:hover,#Continut a:hover{color:#faa635; text-decoration:underline}


#agenda{ background:#5e4e3a; padding:10px;}
#agenda p { clear:both; margin:8px 0 0 0}
#agenda img{ float:right; border:#7d7d7f 4px solid; margin:0 0 8px 5px}
#agenda a{ font-size:12px; font-weight:bold; color:#faa635; text-decoration:none}
#agenda a:hover{ text-decoration:underline; clear:both}

#noticies{ background:url(../img/background/bg_noticies.png) #eec286 repeat-x bottom left; position:absolute; min-height:370px; height:370px; height:auto;left:731px;top:552px;width:251px; padding:20px 15px 15px 15px; color:#000000}
#noticies p{ padding:0 5px 0 30px; font-size:11px}
#noticies strong{ text-decoration:underline}
#noticies a{ float:right; color:#676767; font-size:11px}
#noticies a:hover{ text-decoration:none}

#footer{ position:absolute; top:0;width:1002px; margin-left:-501px; left:50%; background:#000; height:80px}
#footer h3{font-size:18px; color:#faa634; text-align:right; padding:0 8px 0 0}
#footer p{ color:#FFF; font-size:10px; margin:6px 6px 0 0;} 
#footer p a{ color:#FFF; text-decoration:none; font-size:10px;}
#footer p a:hover{ text-decoration:underline}
#footer img{ float:left}
#footer .floatRigth{ float:right; margin:20px 6px 0 0}

#areaRestringida{background:url(../img/area_restringida.png) no-repeat; position:absolute; width:266px; height:76px; top:36px; left:720px; padding:58px 0 0 15px}
#areaRestringida2{background:url(../img/area_restringida2.png) no-repeat; position:absolute; width:281px; height:76px; top:36px; left:720px; padding:58px 0 0 0; font-size:14px}


#areaRestringida input{ border:#faa635 solid 1px; margin:0 0 5px 0; width:100px;}
#areaRestringida2 input{ border:#faa635 solid 1px; margin:0 0 5px 80px; width:100px;}

#areaRestringida .boto, #areaRestringida2 .boto{ border:#000 solid 1px; background:#faa635; color:#000; width:auto; margin:0; cursor:pointer}
#areaRestringida a, #areaRestringida2 a{ color:#fff;}


.logoLink{height:150px; width:380px; position:absolute; top:0; left:0; text-decoration:none	}
.logoLink span{ visibility:hidden;}


#cercador{background:#5e4e3a; padding:15px}
#cercador h3{ margin-bottom:10px}
#cercador p{ margin:0 0 8px 0}
#cercador .boto{ float:right}


.llistatColegiats{ font-size:14px; margin:10px 0 0 20px}
.llistatColegiats strong{ font-size:18px}
.llistatColegiats span{ display:inline-block; width:100px}
.llistatColegiats a{ color:#fff; display:block; text-decoration:none}


.llistatColegiats a:hover, #areaRestringida a:hover{color:#faa635}

#fitxa{height:400px!important; width:450px!important; color:#000; padding:20px 10px 20px 20px}
#fitxainterior{color:#fff; padding:20px 10px 20px 20px;}

#fitxa span, #fitxainterior span { display:inline-block!important; width:150px!important; font-weight:bolder!important}
#fitxa p{ line-height:20px; color:#000!important}
#fitxainterior p{ line-height:20px; color:#fff!important; font-size:14px; line-height:26px;}
#fitxa h1, #fitxainterior h1{ font-size:20px!important; color:#faa635!important; margin:0 0 20px 0; line-height:40px}
#fitxa a { color:#000!important}
#fitxainterior a { color:#fff!important}
#fitxa a:hover, #fitxainterior a:hover{color:#faa635!important}

#fitxainterior a.editar{ display:inline-block; background:#faa635; color:#000; padding:0 6px; margin:2px 0; font-weight:bold; font-size:16px!important; height:22px; float:right}
#fitxainterior a.editar:hover{ background:#c0c0c0; text-decoration:none}

.ampliarNoticies{ float:right; padding:0 6px;background:#c0c0c0; color:#000!important; font-weight:bold;}
.ampliarNoticies:hover{background:#fff;color:#faa635!important;}

#paginacio{float:right; vertical-align:top;}
#paginacio input{width:auto; height:auto; vertical-align:middle}
#paginacio a{padding:2px 5px; background:#c0c0c0; color:#000; font-weight:bold; vertical-align: middle}
#paginacio a:hover{background:#333}
#paginacio .pagines{ padding:2px 5px; background:#faa635; color:#000; font-weight:bold; vertical-align: middle}
.float{ float: right}

.ImgAgenda{ float:left; border:#7d7d7f 4px solid; margin:0 20px 20px 0}
.linkAgenda{ font-size:16px; text-decoration:none; color:#faa635!important}
.linkAgenda strong{ color:#fff;font-size:14px;}

.MyCalendar .ajax__calendar_container
{
	border: 1px solid #001B35;
	background-color: #ECF5FF;
	color: #003366;
}
.MyCalendar .ajax__calendar_other .ajax__calendar_day,
.MyCalendar .ajax__calendar_other .ajax__calendar_year {
    color: black;
    padding: 1px;
}
.MyCalendar .ajax__calendar_hover .ajax__calendar_day,
.MyCalendar .ajax__calendar_hover .ajax__calendar_month,
.MyCalendar .ajax__calendar_hover .ajax__calendar_year {
    color: black;
}
.MyCalendar .ajax__calendar_active .ajax__calendar_day,
.MyCalendar .ajax__calendar_active .ajax__calendar_month,
.MyCalendar .ajax__calendar_active .ajax__calendar_year {
    color: black;
    font-weight:bold;
}

.MyCalendar table td
{
	padding: 0px;
	margin: 0px;
}


.detailstablePrivada{ border: dashed 1px #333;}
.detailstablePrivada td{padding: 2px; border:0}
td.bold{ width:200px; font-weight:bold; vertical-align:top}

#fitxainterior .detailstablePrivada span{ width:40px!important}

.Aboto{ border:#000 solid 1px; background:#faa635; color:#000!important; width:50px; margin:0; cursor:pointer; text-align:center}
.Aboto:hover{background:#faa635; color:#333!important;}