*  { 
margin : 0; 
padding : 0; 
 } 
 html, body  { 
width : 100%; 
height : 100%; 
 } 
 body, table, tr, td, th, input, textarea  { 
font-family : Arial, Helvetica, sans-serif; 
font-size : 14px; 
color : #666; 
line-height : 18px; 
 } 
 hr  { 
height : 0; 
line-height : 0; 
font-size : 0; 
border-top : 1px solid #ccc; 
display : block; 
clear : both; 
padding : 0; 
margin : 10px 0; 
 } 
 hr.ret  { 
height : 0; 
line-height : 0; 
font-size : 0; 
border-top : 0; 
display : block; 
clear : both; 
padding : 0; 
margin : 0 0; 
 } 
 img  { 
vertical-align : bottom; 
border : 0; 
 } 
 p  { 
display : block; 
clear : both; 
margin-bottom : 5px; 
 } 
 p.comentari  { 
border-style : none; 
margin : 15px; 
padding : 15px;
background-color : #eee; 
 } 
 p.error  { 
border-style : none; 
margin : 15px; 
padding : 15px;
background-color : #f00;
text-align : center; 
font-family : courier; 
font-weight : bold; 
font-size : 25px; 
color : #fff; 
 } 
 table.comentariestret  { 
width : 100%; 
 } 
 table.trucs  { 
table-layout : fixed; 
padding : 5px; 
border-spacing : 5px; 
border-width : 1px 1px 1px 1px; 
border-style : none none none none; 
border-color : gray gray gray gray; 
border-collapse : separate; 
background-color : #eee; 
 } 
 td.trucs  { 
padding : 1em; 
background-color : #fff3cd; 
vertical-align : top; 
 } 
 td.com  { 
width : 100%; 
padding : 1em; 
vertical-align : top; 
 } 
 td.res  { 
width : 100%; 
background-color : #fff; 
vertical-align : top; 
 } 
 tr.trucs  { 
width : 100%; 
vertical-align : top; 
 } 
 tr.comentariestret  { 
width : 100%; 
 } 
 td.comentariestret  { 
width : 66%;
margin : 15px; 
padding : 15px;
background-color : #eee; 
 } 
 p.resum  { 
border-width : 0em; 
border-style : none; 
margin : 15px; 
padding : 15px ;
background-color : #fff3cd; 
 } 
 p.codi  {
border-style : none; 
margin : 15px; 
padding : 15px;
background-color :#EAD591; 
font-family : courier; 
font-size : 22px; 
 } 
 p.data  { 
width : 90%; 
float : left; 
margin : 0; 
margin-top : 0; 
font-family : courier; 
font-size : 16px; 
 } 
 .left, .alignleft  {
float : left;
width: 45%; 
 } 
 .right, .alignright  { 
float : right; 
width: 45%;
 } 
 .aligncenter  { 
display : block; 
margin-left : auto; 
margin-right : auto; 
 } 
 .clear  { 
clear : both; 
 } 
 .center  { 
text-align : center; 
 } 
 blockquote  { 
font-size : 16px; 
color : #666; 
border-left : 1px solid #ccc; 
padding-left : 20px; 
 } 
 body  { 
text-align : center; 
background : #fff url("images/bg-main.jpg") no-repeat center top; 
 } 
 div#page  { 
width : 900px; 
height : 100%; 
margin : 0 auto; 
 } 
 div#header  { 
float : left; 
width : 900px; 
padding : 20px 0; 
 } 
 div#article  { 
width : 900px; 
float : right; 
text-indent : 25px; 
margin-bottom : 0; 
margin-top : 0; 
text-align : justify; 
 } 
 div#extenssos  { 
width : 600px; 
float : left; 
text-indent : 25px; 
margin-bottom : 0; 
margin-top : 0; 
text-align : justify; 
 } 
 ul#menu  { 
width : 900px; 
text-transform : uppercase; 
border-top : 1px solid #ccc; 
border-bottom : 1px solid #ccc; 
display : table; 
clear : both; 
padding : 5px 0; 
 } 
 div#content  { 
width : 900px; 
text-align : left; 
clear : both; 
padding : 40px 0; 
margin : 0 auto; 
 } 
 div#maincontent  { 
width : 600px; 
float : left; 
text-align : left; 
 } 
 div#sidebar  { 
width : 250px; 
float : right; 
text-align : left; 
position : relative; 
 } 
 div#artides  { 
display : inline-block; 
width : 100%; 
 } 
 div#footer  { 
width : 900px; 
border-top : 1px solid #ccc; 
display : block; 
clear : both; 
padding : 40px 0; 
margin : 40px auto; 
 } 
 .size-medium, .size-thumbnail  { 
width: 10px;
display : block; 
float : left; 
margin : 0 20px 20px 0; 
 } 
 .size-large, .size-full  { 
display : block; 
clear : both; 
margin-bottom : 20px; 
 } 
 .date  { 
font-size : 12px; 
font-weight : normal; 
color : #999; 
display : block; 
clear : both; 
margin-bottom : 10px; 
 } 
 .post, .comment  { 
width : 600px; 
overflow : hidden; 
border-bottom : 1px solid #ccc; 
display : table; 
clear : both; 
margin-bottom : 20px; 
 } 
 .singlepost  { 
width : 600px; 
overflow : hidden; 
display : table; 
clear : both; 
 } 
 .postmeta, .commentmeta  { 
display : block; 
clear : both; 
margin-bottom : 20px; 
 } 
 #pagination, #navigation  { 
display : block; 
clear : both; 
 } 
 #pagination  { 
width : 600px; 
overflow : hidden; 
border-top : 1px solid #ccc; 
display : table; 
clear : both; 
padding : 20px 0; 
 } 
 
 .commenttext  {
width: 80%; 
float : left; 
 } 
 .widget  { 
display : block; 
clear : both; 
margin-bottom : 20px; 
 } 
 h1  { 
width: 100%;
padding-top : 3px; 
padding-bottom : 20px; 
display : block; 
float : left; 
color : #448c3d; 
 } 
 h1.ret  { 
width : 100%; 
display : block; 
clear : both; 
margin-top : 20px; 
margin-bottom : 10px; 
float : left; 
color : #daa700; 
 } 
 h4.ret  {
width: 100%; 
margin-top : 0; 
margin-bottom : 15px; 
float : left; 
text-align : left; 
color : #daa700; 
font-family : courier; 
font-size : 20px; 
 } 
 h2  { 
font-size : 14px; 
font-weight : normal; 
color : #b08fb2; 
line-height : 14px; 
text-transform : uppercase; 
border-bottom : 1px solid #b08fb2; 
display : block; 
clear : both; 
margin-top : 20px; 
margin-bottom : 10px; 
 } 
 h3  { 
font-size : 14px; 
font-weight : normal; 
color : #999; 
 } 
 #article h1  { 
font-size : 38px; 
font-weight : bold; 
font-style : normal; 
color : #448c3d; 
margin-bottom : 5px; 
border-bottom : 0; 
 } 
 #article h2  { 
font-size : 20px; 
font-weight : bold; 
font-style : normal; 
margin-bottom : 10px; 
border-bottom : 5px; 
color : #daa700; 
 } 
 #article h3  { 
font-size : 16px; 
font-weight : bold; 
font-style : normal; 
color : #c900d3; 
margin-bottom : 5px; 
 } 
 #article h4  { 
font-size : 14px; 
font-weight : bold; 
font-style : normal; 
color : #555; 
margin-bottom : 5px; 
 } 
 #article p  { 
font-size : 12px; 
font-weight : normal; 
font-style : normal; 
color : #555; 
margin-bottom : 5px; 
 } 
 #article blockquote  { 
margin-left : 60px; 
margin-right : 80px; 
margin-top : 5px; 
margin-bottom : 10px; 
border-left : 5px solid #ccc; 
text-indent : 0; 
 } 
 #article li  { 
font-size : 14px; 
font-weight : bold; 
font-style : italic; 
color : #555; 
margin-left : 60px; 
margin-right : 60px; 
margin-top : 5px; 
margin-bottom : 10px; 
border-width : 0; 
text-indent : 0; 
 } 
 #maincontent h3  { 
font-size : 16px; 
font-weight : normal; 
color : #999; 
 } 
 h4  { 
font-size : 16px; 
font-weight : bold; 
color : #888; 
margin-top : 15px; 
margin-bottom : 5px; 
 } 
 a,a:link { 
outline : none; 
 } 

 a  { 
color : #558; 
text-decoration : none; 
 } 
 a:visited  { 
color : #336; 
text-decoration : none; 
 } 
 a:hover  { 
color : #000; 
text-decoration : none;
border-bottom : 0px solid #000;
 } 
 a.enllac  { 
font-size : 16px; 
font-weight : normal; 
color : #c900d3; 
background-color : #eee; 
margin : 5px; 
padding-left : 8px; 
padding-right : 8px; 
padding-top : 3px; 
padding-bottom : 3px; 
 } 
 a.dlfont  { 
width: auto;
display : block; 
float : right; 
font-size : 11px; 
font-weight : normal;
color : #c900d3; 
 } 
 ul#menu li a  { 
color : #999; 
text-decoration : none; 
 } 
 ul#menu li.current_page_item a, ul#menu li a:hover  { 
color : #000; 
text-decoration : none; 
 } 
 .rss  { 
background : url('images/rss-icon.png') no-repeat left 50%; 
padding-left : 26px; 
 } 
 ul#menu li  { 
width: auto;
display : block; 
float : left; 
margin-right : 30px;
 } 
 ul#menu li.right  { 
width: 10%;
float : right; 
margin : 0; 
 } 
 ul#arti  {
width: 100%; 
float : left; 
margin-left : 100px; 
margin-right : 100px; 
margin-bottom : 10px; 
text-indent : 0; 
list-style-type : square; 
 } 
 ul#arti li  { 
width: 100%;
float : left; 
margin-bottom : 10px; 
text-indent : 0; 
list-style-type : square; 
 } 
 #maincontent ul  { 
list-style : disc inside; 
display : block; 
clear : both; 
margin-bottom : 20px; 
 } 
 #sidebar ul  { 
text-transform : uppercase; 
display : block; 
clear : both; 
margin : 0; 
margin-bottom : 0; 
list-style-type : none; 
 } 
 #sidebar ul ul  { 
display : block;
clear : both; 
margin-left : 0; 
margin-bottom : 0; 
list-style-type : disc; 
 } 
 #sidebar ul ul ul  { 
display : block; 
clear : both; 
margin : 0; 
margin-left : 0; 
margin-bottom : 0; 
list-style-type : disc; 
 } 
 #sidebar ul ul ul ul  { 
text-transform : none;
list-style-type: square;
display : block; 
clear : both; 
margin : 0; 
margin-left : 50px; 
margin-bottom : 50px; 
 } 
 #sidebar li  { 
display : block; 
clear : both; 
margin : 0; 
margin-bottom : 0; 
list-style-type : none; 
 } 
 #sidebar li li  {
display : block; 
clear : both; 
margin : 0; 
margin-bottom : 0; 
list-style-type : disc; 
 } 
 #sidebar li li li  { 
display : block; 
clear : both; 
margin : 0; 
margin-bottom : 5px; 
list-style-type : none; 
 } 
 #sidebar li li li li  { 
background-color : #fff3cd;
padding : 10px;
display : block; 
clear : both; 
margin : 0; 
margin-bottom : 5px; 
list-style-type : none; 
 } 
 input  { 
width : 50%; 
color : #999; 
background : #fff; 
border : 1px solid #ccc; 
 } 
 select  { 
width : 50%; 
color : #999; 
background : #fff; 
border : 1px solid #ccc; 
font-family : courier; 
font-size : 11px; 
 } 
 #sidebar input  { 
width : 100%; 
margin-bottom : 20px; 
 } 
 textarea  { 
width : 95%; 
color : #999; 
background : #f7f7f7; 
border : 1px solid #eee; 
overflow : auto; 
 } 
 textarea.comentari  { 
margin-top : 0; 
width : 95%; 
color : #999; 
background : #f7f7f7; 
border : 1px solid #eee; 
overflow : auto; 
 } 
 textarea.codi  { 
border : 1px solid; 
margin-top : 0; 
margin-left : 0; 
margin-right : 0; 
background : #fff3cd; 
font-family : courier; 
font-size : 20px; 
color : #c900d3; 
overflow : auto; 
 } 
 #logo div  { 
clear : both; 
float : left; 
width : 300px; 
 }