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

* {
	margin: 0px;
	padding: 0px;
}

body {
	background-color: #ededed;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
/*	background-image: url(../img/fons.jpg);*/
	background-repeat: no-repeat;
}

a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	text-decoration: none;
        outline: none;
}

a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #e1007a;
	text-decoration: underline;
}



/* format de textos */

.head {
	font-weight: bold;
	color: #000;
	margin-bottom: 2px;
}

.mes_info {
	font-weight: bold;
	color: #000;
	margin-bottom: 2px;
}

.text_petit {
	font-size: 9px;
}

.text_petit_head {
	font-weight: bold;
	color: #000;
}

.veure {
	font-size: 9px;
	color: #FFFFFF;
}

.veure a {
	font-size: 9px;
	color: #FFFFFF;
	text-decoration: none;	
}

.veure a:hover {
	font-size: 9px;
	color: #FFFFFF;
	text-decoration: underline;
}

/* estructura */

#f1 {
	width: 920px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFFF;
	margin-top: 8px;
	padding-top: 8px;
	padding-bottom: 8px;
}

#f1 #flash {
	background-color: #00FF00;
	width: 904px;
	height: 216px;
	background-color: #CCCCCC;
	margin-left: 8px;
}

#f2 {
	width: 920px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-top: 8px;
}

#f2 #col1 {
	width: 181px;
	height: auto;
	float: left;
}

#f2 #col1 #logo {
	width: 181px;
	height: 81px;
	background-color: #FFFFFF;
	border-bottom: 2px;
	border-bottom-color: #ededed;
	border-bottom-style: solid;	
}

#f2 #col1 #logo img {
	margin-top: 8px;
	margin-left: 15px;
}

#f2 #col1 #menu {
	width: 181px;
	min-height: 280px;
	list-style-type: none;
	background-color: #FFFFFF;
}

#f2 #col1 #menu li a {
	display:block;
	background-position:left top;
	height:24px;
	background-repeat:no-repeat;
	border-bottom: 2px;
	border-bottom-color: #ededed;
	border-bottom-style: solid;
        line-height: 24px;
        padding-left: 6px;
        text-transform: uppercase;
        letter-spacing: 0px;
        font-size: 12px;
        font-family: arial;
        
}

#f2 #col1 #menu li ul{list-style:none; display: none;}
#f2 #col1 #menu li.actiu ul{display: block;}

#f2 #col1 #menu li ul li a,
#f2 #col1 #menu li.actiu ul li a{background-color: #fff; color:#666; padding-left:24px;}

#f2 #col1 #menu li ul li.actiu a, #f2 #col1 #menu li ul li.actiu a:hover{background-color: #999; color:#fff;}

#f2 #col1 #menu li.actiu a,
#f2 #col1 #menu li.actiu > a:hover{background-color: #E1007A; color:#fff; text-decoration: none;}

#f2 #col1 #menu li a:hover,
#f2 #col1 #menu li ul li a:hover{background-color: #ddd; color:#fff; text-decoration: none;}


#f2 #col1 #menu li span {
	display: none;
}

#f2 #col1 #avis {
	padding-top: 10px;
	width: 181px;
	height: 36px;
	background-color: #FFFFFF;
	margin-top: 8px;
	list-style-type: none;
}

#f2 #col1 #avis li a {
	padding-left: 12px;
	display: block;
	height: 12px;
}

#f2 #col1 #adreca {
	width: 169px;
	height: 121px;
	background-color: #FFFFFF;
	margin-top: 8px;
	padding-left: 12px;
	padding-top: 10px;
}

#f2 #col1 #facebook {
	width: 180px;
	margin-top: 8px;
}


#f2 #col1 #idiomes {
	width: 181px;
	height: 17px;
	background-color: #FFFFFF;
	margin-top: 8px;
}

#f2 #col2 {
	width: 731px;
	height: 800px;
	float: left;
	margin-left: 8px;
}	

#f2 #col2 #menu_2 {
	width: 731px;
	height: 32px;
	background-color:#FFFFFF;
	margin-bottom: 8px;
	list-style-type: none;	
}

#f2 #col2 #menu_2 li {
	float: left;
}

#f2 #col2 #menu_2 li a {
	display:block;
	background-position:left top;
	height:32px;
	line-height: 32px;
	padding: 0 6px;
	background-repeat:no-repeat;
	border-right: 2px;
	border-right-color: #ededed;
	border-right-style: solid;
	text-transform: uppercase;
        letter-spacing: 0px;
        font-size: 12px;
        font-family: arial;

}

#f2 #col2 #menu_2 li a:hover, #f2 #col2 #menu_2 li a.actiu {
	background-color: #E1007A; color:#fff; text-decoration: none;
}
/*
#f2 #col2 #menu_2 li a#comunicacio {
	background-image:url(../img/mnu_agencia.gif);
	width:66px;
}

#f2 #col2 #menu_2 li a#publicitat {
	background-image:url(../img/mnu_filosofia.gif);
	width:70px;
}

#f2 #col2 #menu_2 li a#disseny {
	background-image:url(../img/mnu_clients.gif);
	width:59px;
}

#f2 #col2 #menu_2 li a#multimedia {
	background-image:url(../img/mnu_contacte.gif);
	width:68px;
}

#f2 #col2 #menu_2 li span {
	display: none;
}*/

#f2 #col2 .file {
	height: 292px;
}

#f2 #col2 .file .unit {
	height: 292px;
	width: 238px;
	background-color: #FFFFFF;
	float: left;
}

#f2 #col2 .file .unitb {
	height: 292px;
	width: 238px;
	background-color: #FFFFFF;
	float: left;
	margin-left: 8px;
}

#f2 #col2 .file .unit .titol, #f2 #col2 .file .unitb .titol {
	height: 33px;
        text-transform: uppercase;
        padding-left:12px;
        font: 12px Arial, Verdana, sans-serif;
	border-bottom: 2px;
	border-bottom-color: #ededed;
	border-bottom-style: solid;
        line-height: 33px;
}
a.titol{display:block;}
a.titol:hover{background-color: #999; color:#fff; text-decoration: none;}



#f2 #col2 .file .unit .cont, #f2 #col2 .file .unitb .cont {
	height: 243px;
}

#f2 #col2 .file .unit .cont .treball, #f2 #col2 .file .unitb .cont .treball {
	height: 120px;
}
#destacats div.actiu .img{
    border-color: #E1007A;
}


#f2 #col2 .file .unit .cont .treball .img, #f2 #col2 .file .unitb .cont .treball .img {
	width: 88px;
	height: 88px;
	border: 2px solid #9c9c9c;
	padding: 2px;
	margin-left: 10px;
	margin-top: 8px;
	float: left;
}

#f2 #col2 .file .unit .cont .treball .desc, #f2 #col2 .file .unitb .cont .treball .desc {
	height: 97px;
	margin-left: 5px;
	margin-top: 8px;
	float: left;
	width: 120px;
}

#f2 #col2 .file .unit .cont .treball .desc .info, #f2 #col2 .file .unitb .cont .treball .desc .info{
	height: 85px;
	width: 120px;
}

#f2 #col2 .file .unit .cont .treball .desc .mes, #f2 #col2 .file .unitb .cont .treball .desc .mes{
	height: 10px;
	width: 120px;
}

#f2 #col2 .file .unit .peu, #f2 #col2 .file .unitb .peu {
	height: 16px;
	background-color: #e1007a;
	padding-left: 10px;
}


/*-- Mario --*/

#cont, #destacats, .colA, .colB{ float:left;}
#cont2, #cont, #destacats{background-color: #FFFFFF; position: relative;}

 #cont{margin-right:10px;}
    #cont{width:480px;}
    #cont2 #fitxa,#cont #fitxa, #cont .fitxa, #cont2 .fitxa{padding:12px;}
        #cont2 .colA, #cont .colA{margin-right:10px;}
            #cont2  .colA #foto-principal, #cont .colA #foto-principal{width:240px; padding-bottom:6px;}
        #cont  .colB{width:200px;}
		#cont2 .colB{width:400px; }
		#cont2 .colA #foto-principal{width:291px;}

h1,.titol{font-size: 14px; color:#000; font-weight:bold; font-family: Arial, Verdana, sans-serif; text-transform:uppercase;}

#fitxa h2{font-size:10px; color:#000; text-transform:uppercase; font-weight: bold;}

#destacats{width:240px; min-height:303px; }
    #destacats .cont{padding:10px;}
        #destacats .cont .treball{width:220px;}
            #destacats .cont .treball .desc{width:100px; float:left; margin-left:8px;}
            #destacats .cont .treball .img{float:left; }
            #destacats .cont .treball .head{color:#E1007A;}


/*Llistat de fotos relacionades*/
#estudi_filosofia ul#fotos{width:291px;}
ul#fotos{width:240px;}
    ul#fotos li{float:left; margin-left:6px; margin-bottom:4px;}
    ul#fotos li:first-child, ul#fotos li.nml{margin:0;}


/*Llistat de projectes / treballs */
#main.sup .titol{color:#999; font-weight:normal;}
#main{padding:12px;}
	#main h1{font-size:14px;}
		ul{list-style:none;}
		li.treball{float:left; width:215px; margin-right:10px; margin-bottom:20px;}
		    li.treball .img, .treball .img{float:left; padding:2px; border:2px solid #999; margin-right:4px;}
		    li.treball .desc .info{height:85px;}
		    div.treball .desc .info{height:74px;}

   

    /*Formulari*/
    .text, .textarea{border:1px solid #AFAFAF; width:218px; font-size:11px;}
    .textarea{height:120px;}
    .btn{border:1px solid #AFAFAF; background-color:#888888; color:#fff; margin-top:12px; width:220px;}
    .error{color:red;}

    /*Video*/
    #video, .video{position:relative; width: 440px; padding-bottom:6px;}


	ul#equip{padding-left:12px;}
	ul#equip li{margin:4px 0;}
		    
		    

    .desc_cat{padding:4px 0;}
	
#cont2 p,#cont p{padding-bottom:8px;}
#cont2 .treball .desc p,#cont .treball .desc p{padding:0;}		
#cont p.text_petit, #cont p.text_petit_head, #cont2 p.text_petit, #cont2 p.text_petit_head{padding:0;}
	
.btn_tornar{
	position:absolute; right:12px; bottom:12px; display:block; padding:2px 8px; background-color: #000; color:#fff;
}
.btn_tornar:hover{
	text-decoration: none; color:#fff; background-color: #E1007A;
}



/*Menú del mapa web*/
ul#menu-mapa{
	list-style: none;
}
ul#menu-mapa li{margin:4px 0;}
ul#menu-mapa li ul{padding-left:12px;}
	
.head a{color:#000;}
a{border-style: none;}
a img{border:0;}
strong{color:#000;}
.cb {clear: both;height: 8px;}
.inv{display:none;}
.actiu{display:block;}