/* CSS Document */

body{
background-color:#c3d6dc;
background-image:url(img/pixel.png);
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
color:#fff;
text-align:left;
line-height:1.5em;
}

p a:link, p a:hover, p a:visited{
color:#99b0bf;
text-decoration:none;
font-weight:600;
font-size:16px;
}

span{
display:none;
}
.logo{
line-height:1em;
font-size:12px;
color:#99b0bf;
background-image:url(img/myotragus-logo-dalt.png);
background-repeat:no-repeat;
background-position:center;
height:80px;
margin-top:-8px
}

.menu{
margin:auto;
width:400px;
clear:both;
}

#menu_prin{
margin:0px;
padding:0px;
}
#menu_prin li{
list-style-type:none;
float:left; /*per a que quedin un al costat de l'altre*/
}
#menu_prin li a{
display:block;/*per així poder-lis donar una amplada*/
width:80px; /*768px de l'ample del contenidor dividit pel nombre d'enllaços*/
height:80px;
margin:0px; /*per a que no modifiquin l'amplada*/
text-decoration:none;
}

/* ara venen els botons del #menu_prin */
#menu_prin a:link#boto_1, #menu_prin a:visited#boto_1{
background-image:url(img/myotragus-boto-qui.png);
background-position:0px 0px;
background-repeat:no-repeat;
}
#menu_prin a:hover#boto_1{
background-image:url(img/myotragus-boto-qui.png);
background-position:0px -80px;
background-repeat:no-repeat;
}
#menu_prin a:link#boto_1.actiu1, #menu_prin a:visited#boto_1.actiu1, #menu_prin a:hover#boto_1.actiu1{
background-image:url(img/myotragus-boto-qui.png);
background-position:0px -160px;
background-repeat:no-repeat;
}
#menu_prin a:link#boto_2, #menu_prin a:visited#boto_2{
background-image:url(img/myotragus-boto-que.png);
background-position:0px 0px;
background-repeat:no-repeat;
}
#menu_prin a:hover#boto_2{
background-image:url(img/myotragus-boto-que.png);
background-position:0px -80px;
background-repeat:no-repeat;
}
#menu_prin a:link#boto_2.actiu2, #menu_prin a:visited#boto_2.actiu2, #menu_prin a:hover#boto_2.actiu2{
background-image:url(img/myotragus-boto-que.png);
background-position:0px -160px;
background-repeat:no-repeat;
}
#menu_prin a:link#boto_3, #menu_prin a:visited#boto_3{
background-image:url(img/myotragus-boto-com.png);
background-position:0px 0px;
background-repeat:no-repeat;
}
#menu_prin a:hover#boto_3{
background-image:url(img/myotragus-boto-com.png);
background-position:0px -80px;
background-repeat:no-repeat;
}
#menu_prin a:link#boto_3.actiu3, #menu_prin a:visited#boto_3.actiu3, #menu_prin a:hover#boto_3.actiu3{
background-image:url(img/myotragus-boto-com.png);
background-position:0px -160px;
background-repeat:no-repeat;
}
#menu_prin a:link#boto_4, #menu_prin a:visited#boto_4{
background-image:url(img/myotragus-boto-quan.png);
background-position:0px 0px;
background-repeat:no-repeat;
}
#menu_prin a:hover#boto_4{
background-image:url(img/myotragus-boto-quan.png);
background-position:0px -80px;
background-repeat:no-repeat;
}
#menu_prin a:link#boto_4.actiu4, #menu_prin a:visited#boto_4.actiu4, #menu_prin a:hover#boto_4.actiu4{
background-image:url(img/myotragus-boto-quan.png);
background-position:0px -160px;
background-repeat:no-repeat;
}
#menu_prin a:link#boto_5, #menu_prin a:visited#boto_5{
background-image:url(img/myotragus-boto-mes.png);
background-position:0px 0px;
background-repeat:no-repeat;
}
#menu_prin a:hover#boto_5{
background-image:url(img/myotragus-boto-mes.png);
background-position:0px -80px;
background-repeat:no-repeat;
}
#menu_prin a:link#boto_5.actiu5, #menu_prin a:visited#boto_5.actiu5, #menu_prin a:hover#boto_5.actiu5{
background-image:url(img/myotragus-boto-mes.png);
background-position:0px -160px;
background-repeat:no-repeat;
}

.buit{
height:400px;
}

/* PEU */

.peu {
background-image:url(img/myotragus-logo-baix.png);
background-repeat:repeat-x;
background-position:center;
height:50px;
clear:both;
}

.peu {
text-align:center;

}

.peu a:link, .peu p a:hover, .peu p a:visited{
font-size:13px;
color:#fff;
}

/* QUI */

.text {
clear:both;
margin-top:125px;
}

.text p {
text-align:center;
line-height:0.5em;
}

/* QUI TEXT HISTÒRIA */

.text_historia {
clear:both;
margin-top:15%;
margin-left:25%;
margin-right:25%;
}

.text_historia p:first-letter { /* AQUEST ESPAI FA QUE FUNIONI EN ie */
font-size:600%; 
float:left;
line-height:75%;
}

/* QUI TEXT HISTÒRIA 2 */

.text_historia2 {
clear:both;
margin-left:25%;
margin-right:25%;
}

/* QUI COMPONENTS */

.components{
clear:both;
width:600px;
margin:auto;
}

#menu_components{
margin:0px;
padding:0px;
}
#menu_components li{
list-style-type:none;
float:left; /*per a que quedin un al costat de l'altre*/

}
#menu_components li a{
display:block;/*per així poder-los donar una amplada*/
width:100px; /*768px de l'ample del contenidor dividit pel nombre d'enllaços*/
height:91px;
margin:0px; /*per a que no modifiquin l'amplada*/
text-decoration:none;
}

/* QUI COMPONENTS CARNETS */

.carnet{
clear:both;
width:400px;
margin:auto;
margin-top:110px;
}

/*.carnet table h1{
height:58px;
width:190px;
background-repeat:no-repeat;
}
.carnet table h1#comp_r.activat{
background-image:url(img/myotragus-nom-r.png);
}
.carnet table h1#comp_v.activat{
background-image:url(img/myotragus-nom-v.png);
}
.carnet table h1#comp_c.activat{
background-image:url(img/myotragus-nom-c.png);
}
.carnet table h1#comp_d.activat{
background-image:url(img/myotragus-nom-d.png);
}
.carnet table h1#comp_j.activat{
background-image:url(img/myotragus-nom-j.png);
}
.carnet table h1#comp_p.activat{
background-image:url(img/myotragus-nom-p.png);
}*/
.carnet table p{
margin-top:-20px;
font-weight:600;
}

/* QUÈ */

.menu_que{
clear:both;
width:530px;
margin:auto;
margin-top:110px;
padding-bottom:100px;
}
.menu_que_promo{
clear:both;
width:405px;
margin:auto;
margin-top:110px;
padding-bottom:100px;
}
.menu_que td{
line-height:1em;
font-weight:600;
text-align:center;
}

.menu_que td a{
color:#fff;
text-decoration:none;
}

/* QUÈ DISCOGRAFIA */

.menu_que_disc{
clear:both;
width:700px;
margin:auto;
margin-top:110px;
padding-bottom:100px;
line-height:1em;
text-align:center;
}


.menu_que_disc h3{
text-align:left;
margin-top:50px;
}

/* QUAN TAULA AMB COLORS*/
.distabla{
width:500px;
margin:auto;
background-color:#fff;
color:#5a696f;
text-align:left;
font-size:12px;
}
.distabla tr:hover {
	background-color: #99b0bf;
	color: #fff;
}
.distabla tr.resaltar {
	background-
	color: #fff;
}
.distabla td {
	border: 1px solid #CCCCCC;
}

.distabla td a{
	color:#fff;
	text-decoration:none;
	font-weight:600;
}

/* QUÈ ALBUM FOTOS*/

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	color: #5A696f;
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }

#lightbox img{ border: none; } 
#overlay img{ border: none; }
#overlay{ background-image: url(img/overlay.png); }
* html #overlay{
	background-color: #000;
	back\ground-color: transparent;
	background-image: url(img/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/overlay.png", sizingMethod="scale");
	}

/* MÉS FOTOS DESCARTADES */

.menu_imatges{
clear:both;
overflow:auto;
width:650px;
height:150px;
margin:auto;
margin-top:150px;
}

.menu_imatges img{
border:2px solid #fff;
}