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



body { 
font-family: sans-serif, arial; 
line-height: 1.4;
font-size: 14px;

background: #e1e1e1;
margin: 0;
padding: 0;
 text-align: left; }




a:link { color: #0040FF; }

a:hover { color: #FF5733; }


a:visited { color: #C70039; }

h1, h2, h3 { font-size: 22px; font-family: sans-serif, arial; margin: 4px 0 10px 0; font-weight: 100; }

h1 { font-size: 22px; border-bottom: 1px solid black; }


h2 { font-size: 22px; border-bottom: 1px solid black; border-color: #FE2E2E; color: #1C1C1C;}

h3 { font-size: 20px; font-family: sans-serif, arial; margin: 4px 0 10px 0; font-weight: 100;}


ul { margin: 0 0 18px 2px; list-style-type: square;}


ol { margin: 0 0 18px 2px; list-style-type: decimal;}


blockquote { background: #fff; border-left: 2px solid #495D53; padding: 10px; margin: 0 0 20px 0; }


blockquote p { margin: 0; padding: 0; }


p { padding: 0 0 4px 0; }

table { margin: 0 0 20px 0; width: 100%; }


td, th { padding: 5px; border: 1px solid #000000; vertical-align: top; text-align: left; 
font-family: sans-serif, arial; font-size: 13px; }


th { color: #323232; text-align: center; 
font-family: sans-serif, arial; font-size: 16px;}



#wrap { 
width: 1000px;
margin: 0 auto;
}


#wrap { 
width: 1000px;
margin: 0 auto;
}




#header {
height: 120px;width: 1000px;background: url(images/portada-logopa.jpg) repeat-x;
text-align: right;
}


#header h1 {
font-family: sans-serif;
margin: 0;
padding: 40px 50px 0 0;
font-weight: bold;
font-size: 40px;
border: none;
line-height: 1;
background: none;
}


#header h1 a { text-decoration: none; color: #0000ff; }


#header h1 a:hover { text-decoration: none; }


#header h2 { background: none; font-family: sans-serif, arial; border: none; margin: 0; padding: 0 50px 0 0; color: #000; font-weight: bold; font-size: 21px; }

hr {
    display: block;
    height: 0px;
    border: 0;
    border-top: 1px solid #0B610B;
    margin: 0em 0;
    padding: 0; 
}


hr.style1{
	border-top: 2px solid #0040FF;
}

hr.style2{
	border-top: 2px solid #ff3300;
}


hr.style3{
	border-top: 2px solid #009900;
}

hr.style4{
	border-top: 2px solid #ffcc00;
}

hr.style5{
	border-top: 2px solid #ff0000;
}

#menu {
background: url(images/barramen.jpg) repeat-x;
height: 50px;
line-height: 50px;
font-size: 18px;
			}

			.nav > li {
				float:left;
				border-right: 1px solid #bbb;
  			}
			
			.nav li a {
				background-color:#0000ff;
				color:#fff;
				text-decoration:none;
			}

			.nav li ul {
				display:none;
				position:absolute;
				opacity:0.8;

			        }
			
			.nav li:hover > ul {
			display:block;
			}
		
#menu ul {
list-style-type: none;
margin: 0;padding-left: 0px;
}


#menu ul li {
display: block;
float: left;
}


#menu ul li a {
display: block;
padding: 0 15px 0 10px;
text-decoration: none;
color: #fff;
}


#menu ul li a:hover {
color: #fff;
background: url(images/sobremen.png) repeat-x;
}





#content {
background: url(images/contingut.jpg) repeat-y;
padding: 1px 20px 20px 20px;}



.left {
float: left;
width: 600px;
}



.right { 
float: right;
width: 300px;
color: #000; text-align: left
}


.right h3 { background: url(images/sidebar.jpg) no-repeat; height: 40px; line-height: 50px; margin: 0; 
padding: 0 0 0 2px; color: #fff; 
font-size: 19px; border: none; }
.right ul { margin: 0; padding: 0 0 0 2px; list-style-type: none;}
.right ul li 
{ background: url(images/list.png) no-repeat left top; padding: 0 0 2px 0; margin: 0; font-size: 13px;}
.right ul li a 
{ font-size: 14px;}

