* {margin:0px; padding:0px; border:0px;}
body { background-color:#ffcc00; text-align:center; font-family:Tahoma; font-size:10px; }
#page {width:770px; background-image: url(img/bgbody.gif); margin:auto; background-repeat:repeat-y; padding: 0px 4px; }
a { text-decoration:none; color:#000;}
#header { width:770px; height:200px; background-image:url(img/bgheader.jpg); background-repeat:no-repeat;  text-align:left; border-top: 1px solid;}
#footer { width:770px; background-color: #ededed; height:50px; text-align:center; margin-top:10px; color: #8b8b8b; }
#izq { float: left; width:183px; padding-left:17px; text-align:left; }
#der_index { margin-bottom:-20px; float: right; width: 546px; margin-right: 10px; text-align:left; }
#der { float: right; width: 550px; margin-right: 5px; margin-top:10px; text-align:left; font-size:12px; line-height:17px;}

#buscador { background-color:#474747; padding-top: 14px; padding-left:13px; }
input, select { border:1px solid #010101; font-family:Tahoma; font-size:10px; color:#666; padding:2px; margin-bottom:5px;  }
input {  width: 150px; }
select {  width: 155px; }

#liniafooter { background-color:#edcc4a; width:740px; height:2px; margin:auto; }
#footleft {float:left; text-align:left; margin-left: 15px; margin-top: 5px; line-height:18px;}
#footright {float:right; text-align:right; margin-right: 15px; margin-top: 5px; line-height:18px;}

h1{ margin:10px 0px;}
.foto{width:100px; background-color:#CCCCCC; border:#666666 solid 1px; margin-left:20px; float:left; margin-bottom:10px;}
.foto2{width:100px; height:80px; background-color:#CCCCCC; border:#666666 solid 1px; margin-top:5px; }

/* Paginacion */
ul.tablePaginater
        {
        display:block;
        list-style:none;
        padding:0;
        margin:1px 0 1em 0;
        margin-top:20px;
		margin-left:30px;
		text-align:center;
        }
ul.tablePaginater li
        {
        display:inline;
        width:2.1em;
        height:2.1em;
        line-height:2em;
        vertical-align:middle;
        margin-right:5px;
        color:#666;
        list-style:none;
        cursor:pointer;
        }
ul.tablePaginater li.currentPage a
        {
        border:2px solid #000 !important;
        color:#000;
        }
ul.tablePaginater li a
        {
        display:table-cell !important;
        display:inline-block;
        text-align:center;
        width:2em;
        height:2em;
        color:#666;
        padding:0.2em;
        min-width:2em;
        min-height:2em;
        text-decoration:none;
        outline:none;
        border:1px solid #ccc;
        cursor:pointer;
		margin-bottom:4px;
        }
ul.tablePaginater li a:focus
        {
        color:#333;
        text-decoration:none;
        outline:none;
        border-color:#aaa;
        }
		
	
.m_inici { width: 166px; height: 25px; background: url(img/m_inici.gif) no-repeat; text-indent: -9999px; float:left;}		
a.m_inici:link, a.m_inici:visited, a.m_inici:active {background: url(img/m_inici.gif) no-repeat;}		
a.m_inici:hover { background-position: -166px;}

.m_asociacio { width: 166px; height: 25px; background: url(img/m_asociacio.gif) no-repeat; text-indent: -9999px; float:left; margin-top:8px;}		
a.m_asociacio:link, a.m_asociacio:visited, a.m_asociacio:active {background: url(img/m_asociacio.gif) no-repeat;}		
a.m_asociacio:hover { background-position: -166px;}

.m_galeria { width: 166px; height: 25px; background: url(img/m_galeria.gif) no-repeat; text-indent: -9999px; float:left; margin-top:8px;}		
a.m_galeria:link, a.m_galeria:visited, a.m_galeria:active {background: url(img/m_galeria.gif) no-repeat;}		
a.m_galeria:hover { background-position: -166px;}

.m_on { width: 166px; height: 25px; background: url(img/m_on.gif) no-repeat; text-indent: -9999px; float:left; margin-top:8px;}		
a.m_on:link, a.m_on:visited, a.m_on:active {background: url(img/m_on.gif) no-repeat;}		
a.m_on:hover { background-position: -166px;}

.m_contacte { width: 166px; height: 25px; background: url(img/m_contacte.gif) no-repeat; text-indent: -9999px; float:left; margin-top:8px;}		
a.m_contacte:link, a.m_contacte:visited, a.m_contacte:active {background: url(img/m_contacte.gif) no-repeat;}		
a.m_contacte:hover { background-position: -166px;}