/* Start of CMSMS style sheet 'masale' */
/********************************************

   AUTHORS: Erwin Aligam / doTemplate

  *******************************************/



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



.body {

	background-color:#EFF3FF;

	margin:0;

	padding:0;

	text-align:center;

	color:#333333;

	font-family:Trebuchet MS, Arial, Tahoma, sans-serif;

    font-size:9pt;

}



#wrapper {

    width:960px;

    background:#EFF3FF url(images/bg.jpg?z=1811) repeat-y center top;

    margin:0 auto;

    text-align:left;

}


#wrapper2 {

    width:960px;

    background:#EFF3FF url(images/bg2.jpg?z=1811) repeat-y center top;

    margin:0 auto;

    text-align:left;

}



.submenu{
         text-align: center;
}

.submenu .linkS{
         border-bottom: 1px solid #FFFFFF;
}



#content-wrapper {

	width: 920px;

	margin: 0px auto auto;

	padding-left: 20px;
	padding-right: 20px;

}





#header, #headerPet, #headerAca, #headerOri, #headerGos, #headerKip {

	position: relative;

        height:200px;

	padding: 0;	

	color: #fff;

	margin-left:auto;

       margin-right:auto;

	width:940px;

}

#header{
	background: #caced1 url(images/header.jpg) no-repeat center top;
}

#headerPet{
	background: #caced1 url(images/headerPet.jpg) no-repeat center top;
}

#headerAca{
	background: #caced1 url(images/headerAca.jpg) no-repeat center top;
}

#headerOri{
	background: #caced1 url(images/headerOri.jpg) no-repeat center top;
}

#headerGos{
	background: #caced1 url(images/headerGos.jpg) no-repeat center top;
}

#headerKip{
	background: #caced1 url(images/headerKip.jpg) no-repeat center top;
}




 #nav1 {

	clear: both;	

	margin: 0 auto; 

	padding: 0;

	background: #FF6600 url(images/menu.jpg?z=1811) repeat-x;

	font: bold 16px/40px "Trebuchet MS", Arial, Tahoma, Sans-serif;

	height: 40px;

	width: 920px;

	border-top :1px solid #FFAB75 ;

	border-bottom : 1px solid #FFFFFF ;	

}



#nav1 ul {

	float: left;

	list-style: none;

	margin:0; 

	padding: 0 ;

}



#nav1 ul li {

	display: inline;

}



#nav1 ul li a {

	display: block;

	float: left;

	padding: 0 14px;

	color: #FFFFFF;

	text-decoration: none;

	text-align:center;

	border-right: 1px solid #ff841e ;

}



#nav1 ul li a:hover {

	background: #FF6600 url( images/selectedMenu.jpg?z=1811 ) repeat-x;

	color: #202020;	

}





li.current a{

	background: #FF6600 url( images/selectedMenu.jpg?z=1811 ) repeat-x;

	color: #FFFFFF;

}

#nav1 ul li.current a {

	color: #000000;	

} 






 





#main {

	float: left;

	width: 685px;

       height: 437px;

	margin: 0px 0px 0px 0px ; 

	display: inline;

	background: url(images/box.jpg) no-repeat;

        padding: 15px;

}

#td_main, #td_main2 {

       height: 437px;

       vertical-align: top;

}

#td_main2 {
	width: 917px;
}

#td_main {
       width: 690px;
}

.contingut{
       padding: 15px;
}


#content {
        padding: 10px;
        width: 95%;
}


#content h1{
        padding-bottom: 10px;
}


#transparencia {

       background-repeat:repeat-y;

       width: 690px;

       height: 437px;

       opacity: 0.25; 

       filter: alpha(opacity=25); 

}

#centre{
      position: absolute;
      width: 500px;
      margin-top: -425px;
      margin-left: 30px;
}







#main p, #main h1, #main h2, #main h3, #main ol, #main ul, #main form {

	margin:10px 0pt 0pt 0pt ;

}

#main h1, #main h2, #main h3{
	color: #ef8812;
}



#main p, #sidebar p {

	text-align:justify;

}





h1 {

	font-family:Trebuchet MS, Arial, Tahoma, sans-serif;

	font-size:20pt;	

	color:#ef8812;

	letter-spacing:3px;

}





h2 {

	font-family:Trebuchet MS;

	font-size:16pt;	

	color:#ef8812;

	letter-spacing:2px;

}



h3 {

	font-family:Trebuchet MS;

	font-size:14pt;	

	color:#ef8812;

}



#main img {

	border:1px solid #CCC;

	padding:5px ;

}



a, a:visited {

	color:#FD7719;

	text-decoration:none;

}



a:hover {

	color:#909090;

	text-decoration:underline;

}





#sidebar {

	float: right;

	width: 210px;

	padding: 0px;

	margin: 0px 0px 0 0;	

	font-family:Trebuchet MS, sans-serif;

       font-size:9pt;

	color: #707070;

       vertical-align: top;

}


#sidebar *  {

	margin: 5px;

}


#sidebar h3{

	font-family:Trebuchet MS, sans-serif;

       font-size:14pt;

	color: #000000;

}






#sidebar ul.sidemenu{

	list-style: none;

	text-align: left;

       width: 99%;

	padding: 0;

	text-decoration: none;	

	/*border-top: 1px solid #d1d5e1;	*/

       margin-bottom: -10px;

       background-color: #EF9C3B;

       border: 1px solid #000000;

}

.caixa{
       background-color: #EF9C3B;
       width: 209px;
       border: 1px solid #000000;
       border-right: 1px solid #000000;
}
.caixa a, .caixa a:visited{
        color: #FFFFFF;
        font-weight: bold;
        font-size: 10pt;
}
.caixa a:hover{
        color: #000000;
	text-decoration: none; 
}


#sidebar ul.sidemenu li{

	list-style: none;

	padding: 0px 0 0px 0px;

	margin: -10px 0px -10px;	

	color: #777;	
}

#sidebar ul.sidemenu li a:hover{
          color: red;
}





* html body #sidebar ul.sidemenu li{

	height: 1%;

}





#sidebar ul.sidemenu li a{

	text-decoration: none;	

	color: #000000;		

        font-weight: bold;		

       font-style:italic;

}

#sidebar ul.sidemenu li a:hover{	

	color: #FD7719;
      
        border-top: 1px solid #FD7719;

        border-bottom: 1px solid #FD7719;

}


#sidebar ul.sidemenu ul{ margin: 0 0 0px 5px; padding: 0; }

#sidebar ul.sidemenu ul li{ border: none; }



#footer {

	color: #FFFFFF;

	background: #EFF3FF url(images/footer.jpg?z=1811) no-repeat center top;

	clear: both;

	width:960px;

	height: 120px;

	text-align: center;	

	font-size: 9pt;	

       font-weight: bold;

}



#footer p { 

	padding: 10px 0;

	margin: 0;

}



#footer a {

	color: #FFFFFF;

	text-decoration: none; 

}





.clear { clear: both; }





a, a:visited {

	text-decoration: none;

	background: inherit;

	color: #FD7719; 

}



a:hover {

	text-decoration: underline;

	background: inherit;

	color: #909090;

}



img {

	padding:0;

	margin:0px 10px 10px 10px;

	border:0px solid #DFDFDF;

}





/* extended styles */



.layout {

	margin:0;

}



		

.bloc-txt, .bloc-txt-txt, .bloc-img-txt, .bloc-txt-img, .bloc-img {

	margin:0;

	padding:0 5px 0 5px;

	clear:both;

}





.bloc-txt-txt .richtext, .bloc-img-txt .richtext, .bloc-img-txt .image,

.bloc-txt-img .richtext, .bloc-txt-img .image  {

	margin:0 ;

	width:48%;

	float:left;

}





.bloc-sep {

	width:20px;

	margin:0;

	padding:0;

	float:left;

}

#pathway{
        margin: 10px auto auto 10px;
        padding-bottom: 5px;
        border-bottom: 1px solid #EF8812;
        width: 670px;
}

#content table{
width: 100%;
border: 1px solid #EF8812;
border-collapse: collapse ;
}

#content table tbody tr td{
padding: 15px;
vertical-align: top;
}

#content table tbody tr{
border: 1px solid #EF8812;
border-collapse: collapse ;
}

#content table tbody tr td{
border: 1px solid #EF8812;
border-collapse: collapse ;
}


/*IMATGES MENÚ PRINCIPAL*/
table.caixes_menu{
        width: 600px;
}

table.caixes_menu tbody tr td{
	padding:15px;
        text-align:center;
}
a.Acana { display:block; width:154px; height:148px; background:url('images/Acana.gif') no-repeat center; text-decoration:none; }
table#main_orijen { position:relative; top:-35px; left:535px; width:154px; height:148px; }
a.Orijen { display:block; width:154px; height:148px; background:url('images/Orijen.gif') no-repeat center; text-decoration:none; }
a.Petmunchies { display:block; width:154px; height:148px; background:url('images/Petmunchies.gif') no-repeat center; text-decoration:none; }

#sacs{
      width: 652px; 
      height: 75px;
      background: no-repeat center;
}

#taula_contingut{
       margin-top: -2px;
       margin-left: -1px;
}

#taula_contingut tr{
       certical-align: top
}

#taula_contingut tr td #sidebar div .NewsSummary div .NewsSummaryPostdate{
       width: 200px;
}

.caixa h3 img{
    vertical-align: middle;
}

.errMsg{
    color: red;
}

.sombra{
color: #FFFFFF;
font-style: italic;
font-weight: bold;
font-size: 10pt;
position: relative;
}
.texto{
color: #FFFFFF;
top: -14px;
left: -31px;
position: absolute;
margin: 0px;
}

.sombra a{
color:#FFFFFF;
}

#menus{
font-size: 75%;
}

#content ul{
margin-left: 15px;
}

#content ul li{
margin-left: 15px;
}

#sidebar #menus{
font-size: 90%;
font-weight: bold;
}

#sitemap{
position:absolute;
margin-left: 25px;
margin-top: 25px;
}

/* End of 'masale' */

