@charset "UTF-8";
/* CSS Document */

body {
	background:url(../img/fons.jpg) #000000 center top no-repeat;
	margin:0px;
	font-family:Helvetica, Arial, sans-serif;
	text-align:center;
	color:#7D7D7D;
}

#wrapper {
	width:850px;
	margin:0px auto;
	text-align:left;
	}
	
/* ////// HEADER ////// */
	
#header{
height:184px;
border-bottom:1px solid #222;
}

#header .logo{
margin-top: 33px;
}

#header #menu{
margin-top: 42px;
display:inline;
float:left;
}

.home, .sobremi, .web, .foto, .contacte, .blog{
margin-right: 15px;
display:inline;
}

#search{
margin-top: 38px;
vertical-align:middle;
display:inline;
float:right;
height:20px;
}

#search .search {
display:inline;
background:url(../img/search.jpg) #3E3E3E repeat;
height:20px;
border:none;
color:#666666;
padding:5px 0 0 5px;
}

.rss_feed{
color:#666666;
font-size:11px;
}

.lupa{
margin-right:15px;
}

/* ////// CONTENT //////// */

#content{}

#content_sup_left{
display:inline;
float:left;
width:400px;
margin-right:50px;
}

#content_sup_left .titular{
margin-top: 27px;
}

#content_sup_left p{ margin-bottom:30px;}

p{
color:#7D7D7D;
font-size:13px;
line-height:150%;
font-weight:lighter;
}

a{
	color:#7D7D7D;
	font-size:12px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration:none;
}


a:hover{
	text-transform: uppercase;
	text-decoration:underline;
}


#content_sup_right{
display:inline;
float:right;
width:400px;
}

#content_sup_right .portfolio{
margin-top: 27px;
}


#menu_content{
margin-top:20px;
border-top:1px solid #222;
border-bottom:1px solid #222;
height:43px;
padding:5px 0px;
}

#menu_blog{
display:inline;
float:left;
text-align:center;
}

#menu_flickr{
display:inline;
float:left;
text-align:center;
margin-left:116px;
}

#menu_flickr .flickr{
margin-right:5px;
}

#menu_port{
display:inline;
float:right;
text-align:center;
}

#menu_blog h1, #menu_flickr h1, #menu_port h1, #menu_flickr h1 a{
	color:#7D7D7D;
	font-size:14px;
	font-weight: bold;
	text-transform: uppercase;
	margin:5px 0px;
}

#content_inf_left{
display:inline;
float:left;
width:300px;
margin-right:25px;
}

#content_inf_left p{
margin: 0 0 30px 0;
}

#content_inf_left h2{
	color:#fff;
	font-size:13px;
	font-weight: bold;
	text-transform: uppercase;
	margin: 15px 0 0 0;
}

#content_inf_right{
display:inline;
float:right;
width:525px;
padding: 10px 0;
}

/* ////// CONTENT SOBRE MI//////// */

#column_left{
display:inline;
float:left;
width:170px;
margin-right:30px;
margin-top:30px;
}

#column_left_foto{
display:inline;
float:left;
width:124px;
margin-top:30px;
margin-right:15px;
}

#column_left_contacta{
display:inline;
float:left;
width:242px;
margin-right:60px;
margin-top:30px;
}

#content_central_contacta{
display:inline;
float:left;
margin-top:30px;
}

#content_central_contacta .form{
width:340px;
height:15px;
background:#333333;
border:none;
margin:0;
color:#CCCCCC;
padding: 5px;
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
}

#content_central_contacta .form2{
width:340px;
height:150px;
background:#333333;
border:none;
margin:0 0 20px 0;
color:#CCCCCC;
padding: 5px;
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
}

#content_central_contacta p{
margin:0;
width:65%;
line-height:110%;
}


#content_central{
display:inline;
float:left;
width:450px;
margin-top:30px;
}

#content_central_foto{
display:inline;
float:right;
margin-top:30px;
}

#column_left_contacta h2, #content_central_contacta h2{
margin: 20px 20px 0px 0;
font-size:12px;
color:#FFFFFF;
font-weight:bold;
}

#column_left_contacta p{
margin: 0;
font-size:12px;
color:#7D7D7D;
}

#column_left_contacta a{
margin: 0;
font-size:12px;
color:#7D7D7D;
text-transform:none;
font-weight:normal;
}

#column_left_contacta a:hover{
margin: 0;
font-size:12px;
color:#7D7D7D;
text-transform:none;
text-decoration:underline;
font-weight:normal;
}

#content_central h2, #column_right h2{
margin-bottom:20px;
font-size:12px;
color:#FFFFFF;
}

.h2privat{margintop:5px!important;}

#content_central ul{ padding:0; margin:0;}
#content_central li{ font-size:12px; margin:5px;}

#column_right{
display:inline;
float:right;
width:170px;
margin-top:30px;
}

#column_right ul{
list-style:none;
margin:0px;
padding:0px;
}

#column_right li{
margin-left:0px;
margin-bottom:10px;
font-size:12px;
line-height:120%;
font-weight:lighter;
}


/* ////// CONTENT WEB//////// */

#content_gran{
display:inline;
float:left;
width:650px;
margin-top:30px;
}

#content_gran h1{
margin: 0 0 20px 0;
font-size:16px;
color:#FFFFFF;
font-weight:bolder;
}

#content_gran .projecte{
margin:15px 0;
width:650px;
}

#column_left ul{
list-style:none;
margin:20px 0;
padding:0px;
border-bottom:1px solid #222;
}

#column_left li, #column_left a{
margin-left:0px;
margin-bottom:10px;
font-size:12px;
line-height:120%;
font-weight:lighter;
text-transform:none;
}

#column_left a:hover{
text-decoration:underline;
}

#up{
text-align:right;
margin-top:30px;
}

#column_left .form{
width:130px;
background:#222;
border:none;
margin:10px 0;
color:#CCCCCC;
padding: 5px;
height:15px;
}

#column_left .dades{
color:#7D7D7D;
font-size:10px;
font-weight:lighter;
margin:0;
}

.social{padding-top:10px;!important}

.social img{margin-right:5px;}

/* ////// FOOTER //////// */

#footer{
border-top:1px solid #222;
margin-top:15px;
}

.peu{
font-size:10px;
color:#7D7D7D;
font-weight:lighter;
}

#copy{
float:left;
display:inline;
}

#menu_footer{
float:right;
display:inline;
margin:0;
}

#follow{ display:block; clear:both;}

/* ////// OTROS //////// */

.clearfloat {
    	clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
    }

.flickr a img{
          float:left;
          background: #F0F0F0;
          border: 1px solid #dedbd1;
          margin: 5px 13px 5px 0px;
          padding: 7px;
          list-style:none;
      }
      .flickr img:hover{
          background: #ebe9e1;
          border: 1px dotted #dedbd1;
      }