/* Global Styles */
* {
font-family:verdana, Arial, Sans-serif;
font-size:13px;
}

body {
border:0;			

margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
padding: 0;

color: #666666;
}
img{
	border:none;}
	#album_rand{
		float:left;
		width:99%;
		text-align:center;}

/* Common Styles */
h1 {
font-size:24px;
font-weight:normal;
margin:15px 0 5px 0;
color:#369198;
clear:left;
font-family:Palatino, Georgia, Serif;
}


h2 {
font-size:13px;
clear:left;
margin:20px 0 5px 0;
color:#369198;
letter-spacing:1px;
}
.pageheader {
font-size:24px;
font-weight:normal;
margin:15px 0 5px 0;
color:#369198;
clear:left;
font-family:Palatino, Georgia, Serif;
}

.pageheader1 {
font-size:20px;
font-weight:normal;
margin:15px 0 5px 0;
color:#369198;
clear:left;
font-family:Palatino, Georgia, Serif;
}

h1 + h2 {
margin:-5px 0 15px 0;
}

.box {
background:#eee;
border:1px solid #ccc;
padding:0 10px 10px 10px;
margin:10px 0;
}

	
#menu{
	background-image: url(/images/fondoMenu.gif);
	background-repeat:repeat-y;
	margin-top:5px;
	
	}

p {
line-height:1.5em;
margin-top:10px;
}

h2 + p {
margin-top:5px;
}

a:link, a:visited {
color:#6b80b0;
}

a:hover {
text-decoration:none;
}



/* Structure */
#header {
clear:both;
float:left;
width:100%;
height:186px;
background:#bbc5c3;
}

#container {
width:990px;
margin:50px auto 0 auto;
border:1px solid #aaa;
}
#iwithvideo-BoxSnipet{
	margin-bottom:20px;
	margin-top:20px;
	text-align:center;}
.smallbox{
	float:left;
	width:495px;}
	
.smallbox1 h2{
	font-size:13px;
clear:left;
margin:0px 0 5px 0;
color:#369198;
letter-spacing:1px;
	
	}
.smallbox1{
float:right;
width:165px;
padding:0px 10px 10px 10px ;
background:#eee;
margin-right:-15px
}
	

.colmask {
position:relative;	
clear:both;
float:left;
width:100%;			
	
}

.colright,
.colmid,
.colleft {
float:left;
width:100%;			
position:relative;
}
.espai {
float:left;
padding:5px;
width:98%;
margin-bottom:20px;

}
.idiomes {
float:left;
padding:5px;
width:98%;
color:#369198;
font-size:10px;
}
.idiomes a:link, .idiomes a:visited {
color:#369198;
text-decoration:none;
font-size:10px;
}
.idiomes a:hover {
text-decoration: underline;
}

.boxborder{
	float:left;
	width:98%;
	padding:5px;
	border: 1px solid #268B99;}

.col1,
.col2,
.col3,
.colinterior{
float:left;
position:relative;
padding:10px 0 20px 5px;	

}


#containersup{
width:720px;
float:right;
position:relative;
padding: 0;	
margin-bottom:20px;
margin-top:20px;


}
.twocol{
width: 980px;
border: 5px solid #F7F7F7;
background:#fff;
}

.twocol .colmid {
right:0;			
background:#fff;	
}

.twocol .colleft {
right:95%;				
}


.twocol .colmid{
background:#F7F7F7;}

.twocol .col1 {
width:73%;			
left:119%;			
}


.twocol .col2 {
width:18%;			
left:22%;		
}

.twocol .col3 {
width:21%;			
left:82%;			
}


.interiorcol{
width: 980px;
border: 5px solid #ffffff;
background:#fff;
}

.interiorcol .colmid {
right:0;			
background:#fff;	
}

.interiorcol .colleft {
right:95%;				
}

.interiorcol .col1 {
width:73%;			
left:119%;			
}
.interiorcol .colinterior {
width:52%;			
left:117%;			
}

.interiorcol .col2 {
width:18%;			
left:43%;		
}

.interiorcol .col3 {
width:21%;
padding:10px;
background:#eee;
left:102%;			
}

	

.threecol {
background:#eee;
width: 980px;
border: 5px solid #ffffff;		
}

.threecol .colmid {
right:25%;			
background:#fff;	
}

.threecol .colleft {
right:50%;				
}

.threecol .col1 {
width:52%;			
left:96%;			
}

.threecol .col2 {
width:18%;			
left:24%;		
}

.threecol .col3 {
width:21%;			
left:82%;			
}

#footer {
clear:both;
float:left;
width:100%;
background:#fff;
border-top:1px solid #ccc;
}

/* Specific Styles */

#header h1 a {
text-decoration:none;
color:#444;
font-size:30px;
float:left;
margin:100px 0 0 80px;
font-family:georgia, times, serif;
}

#header h2 {
color:#666;
font-family:georgia, times, serif;
font-size:14px;
text-transform:none;
letter-spacing:1px;
font-weight:normal;
padding-left:80px;
clear:left;
}

#footer p {
padding:10px;
margin:0;
text-align:center;
}

.events-summary-abstract{
margin-bottom:15px;}


#news_headlines, #events_headlines{
	margin-top:20px;}

.news-summary-title,.news-summary-title a:link, .news-summary-title a:visited {
margin-top:15px;
font-size:15px;}
.news-headlines-date{
font-size:11px;}