/* Normalizes CSS */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td { margin : 0; padding : 0; }
h1,h2,h3,h4,h5,h6 { font-size : 100%; }
ol,ul { list-style : none; }
address, caption, cite, code, dfn, em, strong,l th, var { font-style : normal; font-weight : normal; }
table { border-collapse : collapse; border-spacing : 0; }
fieldset,img { border : 0; }
caption,th { text-align : left; }
q:before, q:after { content :''; }

/* layout.css */

html 	{ text-align : center;  }

body { 
position : relative; 
margin : 0 auto; width:100%;
text-align : left; 
background-color:#fff;
color:#666666; font-size: 9pt; font-family: Verdana; font-style:normal; font-weight:normal;
}

strong { font-weight:bold; color:#663300;}

.home div#content { 
position : absolute; top : 20px; left : 680px; width : 324px;  }


.home div#content_main {
position : absolute; top : 0px; left : 0; width : 100%; height: 256px;
background-color: transparent;
background-image:url(ca/images/content_sub2.jpg);
background-repeat: no-repeat;
background-position: 0% 0%; 
padding : 0 0; }

.home div#content_main h2 {
/*display: none;*/
}
.home div#content_sub .org,
.home div#content_main .org {
position: relative; text-align:center; padding : 5px; margin-bottom: 7px;
/*color:#e0c373; */
color:#663300;
font-size: 18pt; font-family: Verdana; font-style:normal; font-weight:bold; text-decoration:none; 
}
.home div#content_main .adr,
.home div#content_main .adr .street-address,
.home div#content_main .adr .postal-code,
.home div#content_main .adr .locality,
.home div#content_main .tel,
.home div#content_main .rsi,
.home div#content_main .pevent .summary,
.home div#content_main .pevent .tags
 {
position: relative; text-align: center;  padding : 1px;
color:white; font-size: 11pt; font-family: Verdana; font-style:normal; font-weight:bold; text-decoration:none; 
}

.home div#content_main .pevent {margin: 7px; position: relative; text-align: center;}
.home div#content_main .pevent span {
position: relative; text-align: center;  padding : 1px;
color:#663300; font-size: 12pt; font-family: Verdana; font-style:normal; font-weight:bold; text-decoration:none; 
}
.home div#content_main .pevent .summary,
.home div#content_main .pevent .tags {
margin-top: 7px; }

.home div#content_sub { 
position : absolute; top : 450px; left : 290px; width : 280px; height:50px;
text-align:center;
}
.home div#content_sub h3 {
text-indent:-9000px;
}


.home div#branding {
position: absolute; top : 20px; left : 0; 
width : 670px; 
height : 400px; 
background-image: url(ca/images/branding_3.jpg);
background-repeat: no-repeat;
background-position: 45px 0px;
}

.home div#branding  h1 { 
position: relative; text-align:right; 
top:-20px;
height:150px; width:100%
margin-right: 0; padding-right : 2%;  
margin-top: 0; padding-top : 20px;  
background-image: url(ca/images/logo150.jpg);
/*background-image: url(ca/images/logo150v1.jpg);*/
background-repeat:  no-repeat;
background-position:  20px 0px;
}

.home div#branding  h1 a {
position: relative; color:#fff;
top:340px;
font-style:normal;font-weight:bold; text-decoration:none; text-align:right;
font-size: 14pt;
font-family: Verdana;
}

.home div#branding blockquote {
position: relative;
top:300px;
text-align:right;color: #663300;
margin-top:-125px; margin-right : 0; padding-right : 2%;  padding-top:0px;
font-size: 11pt;font-family: Verdana;
font-style:normal;font-weight:bold;
}
.home div#branding h2 {
position: relative;
top:175px;
text-align:right;
margin-right: 0; padding-right : 2%; 
margin-top: 0; padding-top:20px;
font-size: 20pt;font-family: Verdana;
font-style:italic;font-weight:bold;color:#663300;
}


.home div#site_info {
position : absolute; top : 500px; width : 80%; left : 10%;
}

.home div#site_info a {
color:#666666;
text-decoration:none;
}



.home div#site_info > h5 {
 text-indent: -9000px;
}
.home .author {
float: right; padding:3px;margin:0px;
}
.home  .copyright {
float: left; padding:3px;margin:0px;
}

.home #reloj {
position: absolute; width:500;
left:100px;top: 420px;
  height: 100px; z-index: 1000;
}
.home #reloj  table{
position:relative;float:right;
 }
.home #reloj h2
{
position: absolute; left:0;top:60px;
font-size:160%;
color:#663300;
}


.home #nav_languages {position : absolute; left:730px; top:320px; width : 200px; }


.home #nav_catala	{ 
position : absolute; top : 0px; width : 80px; left : 0;   height:125px;
background: transparent url(ca/images/pastilla.jpg) no-repeat 0px 25px; 
padding-top:42px;
padding-left:18px;
}
.home #nav_catala a
{
font-family:"Times New Roman", Times, serif;
font-size:11pt;
letter-spacing:1px;
color:white;
text-decoration:none;
font-weight:bold;
}

.home #nav_espanol	{ 
position : absolute; top : 0px; width : 80px; left : 80px;   height:125px;
background: transparent url(ca/images/pastilla.jpg) no-repeat 0px 25px; 
padding-top:42px;
padding-left:12px;
}
.home #nav_espanol a
{
font-family:"Times New Roman", Times, serif;
font-size:11pt;
letter-spacing:1px;
color:white;
text-decoration:none;
font-weight:bold;
}


.home #nav_english	{ 
	position : absolute; top : 0px; width : 80px; left :160px; height:125px;
	background: transparent url(ca/images/pastilla.jpg) no-repeat 0px 25px; 
	padding-top:42px;
	padding-left:12px;
}
.home #nav_english a {
	font-family:"Times New Roman", Times, serif;
	font-size:11pt;
	letter-spacing:1px;
	color:white;
	text-decoration:none;
	font-weight:bold;
}



.home #nav_tools {
display:none;
}

.home #nav_who,
.home #nav_what,
.home #nav_where,
.home #nav_hhrr,
.home #nav_contact
{
display:none;
}

.home #nav_sub {
display:none;
}

#pdf{
position:absolute;
width:400px;
left:70px;
top:20px;
z-index:999;
}

#pdf a{
font-family:Arial, Helvetica, sans-serif;
font-size:24px;
font-weight:bold;
color:#666666;
text-decoration:none;
}

#pdf a:hover{
color:#663300;
text-decoration:underline;
font-weight:bold;
}
.home div#nav_main  h2 {
position:absolute;top:300px;left:730px;
color:#663300;
font-size: 14pt; font-family: Verdana; font-style:normal; font-weight:bold; text-decoration:none; 
}