/* 
 _______     _______        _____   _____         
|  __ \ \   / /  __ \ /\   |  __ \ / ____|  /\    
| |  | \ \_/ /| |__) /  \  | |__) | (___   /  \   
| |  | |\   / |  ___/ /\ \ |  _  / \___ \ / /\ \  
| |__| | | |  | |  / ____ \| | \ \ ____) / ____ \ 
|_____/  |_|  |_| /_/    \_\_|  \_\_____/_/    \_\

*/




/* RESET */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
	
}







/*  

		GENERAL 
  
*/

* {
	margin: 0;
}


html, body {
	height: 100%;
}


body { 
	margin: 0 auto;
	padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
	color: #999;
}


.right {
	float: right;
}
.left {
	float: left;
}
.clear {
	clear: both;
}


#wrapper 	{ width: 960px; margin: 0 auto; position: relative;}

#header 	{ width: 960px; margin: 0 auto;}

#right 		{ padding: 0 0 0 204px;}

#left 		{ position: absolute; left: 0; top: 0; width: 185px; bottom: 0; padding: 0 10px; }

#footer 	{ margin: 0 auto; position: relative; min-height: 100px; margin-top: 60px; width: 960px; }






/*  

		BASIC ELEMENTS 
  
*/

img {
	text-decoration:none;
	border: 0;
}


a {
	color: #0099FF;
	text-decoration: none;
}

a:hover {
	color: #0099FF;
	text-decoration: underline;
}

a.active {
	color: #0099FF;
}

a.visited {
	color: #0099FF;
}


blockquote { 	
				padding: 0 0 0 15px; 
				margin: 0 0 15px 15px; 
				border-left: 2px solid #ccc; 
				}

blockquote, blockquote p { 
				font: italic 12px/22px Arial, Helvetica, Sans-Serif; 
				}

.quote { 
				font: italic 22px/25px Georgia, Helvetica, Sans-Serif; 
				color: black;
				padding: 0 0 0 15px; 
				margin: 0 15px 15px 15px;
				}

p {
	font: 13px/21px Verdana, "Lucida Grande", Arial, Helvetica, Sans-Serif; 
	color: #5e5d5d;
	margin: 0 0 14px 0;
}



h1 { /*MAIN TITLE black with shadow*/
	font-size:23px;
    font-family: Helvetica, Verdana, arial, sans-serif;
	color: #000;
	padding-bottom: 3px;
	font-weight: normal;
	text-shadow: 0px 1px 1px #ffffff;
}



h2 { /* - ( abans del titol post ) */
	font-size:20px;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", arial, sans-serif;
	color: #666;
	padding-bottom: 1px;
	font-weight: normal;
}



h3 { /*SUBTITLTE*/
	font-size:18px;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", arial, sans-serif;
	color: #a9a9a9;
	padding-bottom: 0;
	font-weight: normal;
	
}


h4 { /* - */
	font-size:18px;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", arial, sans-serif;
	color: #fff;
	padding-bottom: 3px;
	font-weight: normal;
    padding: 2px 6px;
    background: #ddd;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    letter-spacing:2px
  }



.mini { /*MINI*/
	font: 10px/15px Verdana, "Lucida Grande", Arial, Helvetica, Sans-Serif; 


}















/*  

		RIGHT > 
  
*/

.lema {
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", arial, sans-serif;
	font-weight: normal;
	
	font-size:17px;
	position: absolute;
	top: 70px;
	right: 29px;
	
	}

#top_image {
	text-align: center;
	padding-top: 5px;
	}
	
#whereiam p {
	color: #999;
    text-transform: uppercase;
    font-size: 10px;
}

#whereiam p a {
	color: #999;
    text-transform: uppercase;
    font-size: 10px;
}


#content {
	padding-top: 20px;
	padding-left: 50px;
	padding-right: 70px;
	padding-bottom: 20px;
	overflow: auto;
	min-height: 300px;
	}



#contentpost {
	padding-top: 20px;
	padding-left: 50px;
	padding-right: 28px;
	padding-bottom: 20px;
	overflow: auto;
	min-height: 300px;
	}

#content li {
	
	font: 13px/21px Verdana, "Lucida Grande", Arial, Helvetica, Sans-Serif; 
	color: #5e5d5d;
	margin-left: 20px;
	padding-left: 10px;
	}	
		


/*
#main-title { 
text-align: left;
}
*/


#title { /*  titol article    */
text-align: left;
}

#image-title { /*  image top title  over image   */
position: absolute;
padding-top: 145px;
padding-left: 400px;
text-align: right;
width: 300px;
}

#image { /*  image top title    */
position: static;
top: 0px;
}

				/*  page elements decoration   */
					.none img {
					background-color: white;
					border-color: white;
					
					border-width: 0px;
					

					margin-bottom: 19px;
					margin-top: 19px;
					padding: 5px;

					}
					 
					.content img {
					background-color: rgb(238, 238, 238);
					border-bottom-color: rgb(221, 221, 221);
					border-bottom-style: solid;
					border-bottom-width: 1px;
					border-left-color: rgb(221, 221, 221);
					border-left-style: solid;
					border-left-width: 1px;
					border-right-color: rgb(221, 221, 221);
					border-right-style: solid;
					border-right-width: 1px;
					border-top-color: rgb(221, 221, 221);
					border-top-style: solid;
					border-top-width: 1px;
					margin-bottom: 19px;
					margin-top: 19px;
					padding-bottom: 5px;
					padding-left: 5px;
					padding-right: 5px;
					padding-top: 5px;
				    -moz-border-radius: 8px;
				    -webkit-border-radius: 8px;

					}
					
					.content object { /*  videos    */
					background-color: rgb(238, 238, 238);
					border-bottom-color: rgb(221, 221, 221);
					border-bottom-style: solid;
					border-bottom-width: 1px;
					border-left-color: rgb(221, 221, 221);
					border-left-style: solid;
					border-left-width: 1px;
					border-right-color: rgb(221, 221, 221);
					border-right-style: solid;
					border-right-width: 1px;
					border-top-color: rgb(221, 221, 221);
					border-top-style: solid;
					border-top-width: 1px;
					clear: both;
					display: block;
					margin-bottom: 19px;
					margin-top: 19px;
					padding-bottom: 5px;
					padding-left: 5px;
					padding-right: 5px;
					padding-top: 5px;
					-moz-border-radius: 5px;
				    -webkit-border-radius: 5px;
					}			
					
					
					/*  post elements    */
					#post {
					width: 465px;
					padding-bottom: 100px;
					padding-top: 30px;
					}

					/* right bar next to the post*/
					#rightbar {
					width: 155px;
					padding: 10px;
					padding-top: 20px;
					margin-top: 30px;
					background: url(images/bg_box.png) repeat-x;
					}

					/* image galery */



.rounded {
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px; /* future proofing */
-khtml-border-radius: 6px; /* for old Konqueror browsers */
}
    

#bottom		{ 	
	padding-left: 28px;
	padding-right: 28px;
	text-align: center;
	overflow: hidden; 
	}					


.box {
width: 290px;
padding-left: 20px;
padding-right: 20px;

margin-top: 35px;
min-height: 210px;
text-align: left;


}

/* left bottom */
#left_b {
padding-top: 0;
background: url(images/bg_box.png) repeat-x;

}


/* right bottom*/
#right_b {
padding-top: 20px;
background: url(images/bg_box.png) repeat-x;

}	


.size-thumbnail {
float: left;
}


#subcategories { /* extre menus sota contingut */

 list-style: square;
 text-align: left;
 margin-top: 50px;

 
 }







					
					

/*  

		< LEFT  
  
*/


#logo {
	text-align: right;
	height: 110px;
	text-decoration: none;
	margin: auto;
	}

#logo a {
	text-decoration: none;
	}



		/*  
				
						menu left
				  
				*/
				
				#menu {
					text-align: right;
				
					list-style-type: none;
					border-top: solid 2px transparent;
					margin: 0;
					padding: 0;
					font-family: Helvetica, Arial, sans-serif;
					font-size: 19px;
					line-height: 23px;
					
				}
				
				
				
				#menu ol {
					display: none;
					text-align: right;
					list-style-type: none;
					margin: 0;
					padding: 5px;
					font-family: Arial, Helvetica, sans-serif;
					font-size: 12px;
					line-height: 18px;
				}
				
				
				#menu li {
					border-bottom: solid 2px transparent;
				}
				
				#menu ol li {
					border-bottom: none;
				}
				
				
				
									/*  links menu    */
									
									#menu a {
										text-decoration: none;
										border-left: 2px solid transparent;
										outline: none;
										color: #999999;
									}
									
									#menu a:hover {
										color: #0099ff;
										border-left: 2px solid transparent;
									}
									
									#menu a.active {
										color: #0099ff;
									}
									
									#menu a.visited {
										color: #6DCFF6;
									}
									

				
				
		/* 
				
						sub-menu 
				
				*/
				
				#submenu {
					list-style-type: none;
					padding-top: 25px;
					font-family: Arial, Helvetica, sans-serif;
					font-size: 12px;
					text-align: right;
					line-height: 18px;
				}
	
				
				
								#submenu a {
								
									text-decoration: none;
									border-left: 2px solid transparent;
									outline: none;
									color: #999999;
								}
								
								#submenu a:hover {
									color: #0099ff;
									border-left: 2px solid transparent;
								}
								
								#submenu a.active {
									color: #0099ff;
								}
								
								#submenu a.visited {
									color: #6DCFF6;
								}


									

/*

FOOTER

*/


#footer_text {
width: 756px;
text-align: center;
	}