/**
* CSS
* 
* @version 1.0
* @author , modified Pedro-Ribeiro
* @author Pedro Ribeiro
*/
* {margin: 0; padding: 0; }
body { font-size: 11px; font-family: Arial, sans-serif; color:#000; background-image:url(http://www.pedro-ribeiro.com/port/files/body.jpg); background-attachment:fixed; }

body.section-1 { }
body.section-2 { }
body.section-3 { }

a:link { text-decoration: none; color: #000; font-weight: bold; padding-left:3px; padding-right:3px; }
a:active { text-decoration: none; color: #000; font-weight: bold; background: #cbcccc; padding-left:3px; padding-right:3px; }
a:visited { text-decoration: none; color: #000; font-weight: bold; padding-left:3px; padding-right:3px; }
a:hover { text-decoration: none; color: #fff; font-weight: bold; background: #cbcccc; padding-left:3px; padding-right:3px; } 

a img { border: none; }

#menu { width: 215px; overflow: hidden; top: -10px; bottom: 0; left: 0; position: fixed; height: 100%; background-image:transparent; background-repeat:no-repeat; }
#menu ul { list-style: none; text-align: right; font-size: 10px; font-weight: normal; margin: 0 0 12px 0; line-height: 20px; }
#menu ul li.section-title { color:#3bb2c3 !important; font-weight: bold; font-size: 14px; }
#menu.section-title li a:hover { font-weight: bold;  background: #bcdce0; width:198px !important; }

#content { height: 100%; margin: 0 0 0 230px; top: 0; }
#content p { width: 400px; margin-bottom: 9px; }

.container { padding: 20px 5px 25px 12px; }

p { margin: 0 0 9px 0; }

h1 { font-size: 32px; }
h2 { font-size: 24px; }
h3 { font-size: 16px; }
h4 { font-size: 12px; }

#img-container	{ margin: 0; padding: 0; }
#img-container p	{ width: 400px; margin: 0; padding: 0 0 12px 0; }

#once { clear: left; }


#contact-content { width:250px; border: 1px dsolid #000;  }
#facebook-btn, #linked-btn,#twitter-btn { float:left; margin-right:5px;display:block !important; } 
#skype-btn{ clear:both; padding-top:15px; display:block !important;} 


#facebook-btn a { display:block !important; margin-left:110px !important;    width:16px; height:23px; background:url(misc.png) no-repeat; overflow:hidden; text-indent:-9999px;}
#twitter-btn a { display:block !important; margin-left:7px;  width:22px; height:22px; background:url(misc.png) no-repeat; overflow:hidden; text-indent:-9999px;}
#linked-btn a{ display:block !important;   width:17px; height:22px; background:url(misc.png) no-repeat; overflow:hidden; text-indent:-9999px;}
#facebook-btn a{background-position:0 -599px;}
#linked-btn a{background-position:-23px -599px; }
#twitter-btn a{background-position:-46px -599px; }
#facebook-btn a:hover{background-position:0 -622px; }
#linked-btn a:hover{background-position:-23px -622px; }
#twitter-btn a:hover{background-position:-46px -622px; }