/* CSS Document */

/* --------------------------------------------
    GLOBAL RESET
----------------------------------------------- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
ul, ul li {list-style: none; list-style-position:outside; margin: 0; padding: 0;}
ol, ol li {list-style: decimal; list-style-position:outside; margin: 0; padding: 0;}
strong {font-weight:bold;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}
address {font-style:normal;}
a:active{ outline: none;}
* { outline:0; } /* get rid of annoying firefox link dotted outlines */

/* --------------------------------------------
   GENERAL SETTINGS
----------------------------------------------- */
a {color:#990000;text-decoration:none;}
a:hover {text-decoration:underline;}
h1 {font-size:20px; font-weight:bold; margin:10px 0px 10px 0px; text-align:center; color:#333;}
h2 {font-size:18px; font-weight:bold; margin:30px 0px 10px 0px; text-align:left; color:#333;}
h3 {font-size:16px; font-weight:bold; margin:0px 0px 20px 0px; text-align:left; color:#333;}

html, body, #container {height: 100%;}
body > #container {height: auto; min-height: 100%;}

body {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color:#333; font-size: 13px; margin: 0;}
/* --------------------------------------------
   LAYOUT SETTINGS
----------------------------------------------- */
.column {font-size:13px; font-style:italic; padding:3px 40px 3px 0px; color:#444;}
.text {font-size:12px; color:#666;}

#content {margin:0 auto; width:800px;}
#content_table td {vertical-align:top;}

#personal {padding:0px 0px 0px 20px;}
.photo {float:right; position:absolute; margin:0px 0px 0px 30px; border:3px outset #CCC;}

#qualifications {padding:0px 0px 0px 20px;}
#qualifications table .column {border: 1px outset #CCC; background-color:#F7F7F7;}
#qualifications table th.column {text-align:center; padding:0px 10px 0px 10px;}
#qualifications table td.column {text-align:right; padding-right:10px;}
#qualifications table .text {border: 1px solid #F7F7F7; text-align:center; font-weight:bold; color:#990000; vertical-align:middle;}


#job_titles_history {padding:7px 0px 0px 20px;}
#job_titles_history table .column {border: 1px outset #CCC; background-color:#F7F7F7; padding:0px 20px 0px 20px; text-align:center; }
#job_titles_history table .text {border: 0px solid #FFF; text-align:left; font-weight:normal; color:#666; vertical-align:middle; padding:0px 20px 0px 20px;}

#work .column, #professional_work .column, #personal_work .column, #freelancer_work .column {padding:10px 10px 0px 0px; width:200px;}
#work .text, #professional_work .text, #personal_work .text, #freelancer_work .text {padding:10px 0px 10px 0px; border-bottom:1px solid #CCC; text-align:justify;}
#work .location, #professional_work .location, #personal_work .location, #freelancer_work .location {font-size:10px; color:#999;}

#education .column {padding:10px 10px 0px 0px; width:200px;}
#education .text {padding:10px 0px 10px 0px; border-bottom:1px solid #CCC;}

#languages {padding:0px 0px 0px 0px;}
#languages table .column {border: 1px outset #CCC; background-color:#F7F7F7;}
#languages table th.column {text-align:center; padding:0px 10px 0px 10px;}
#languages table td.column {text-align:left; padding:0px 5px 0px 5px;}
#languages table .text {border: 1px solid #F7F7F7; text-align:center; font-weight:bold; color:#990000; vertical-align:middle;}

#social .column {padding:5px 10px 0px 0px; width:100px;}
#social .text {padding:5px 0px 5px 0px;}

#others .column {padding:5px 10px 0px 0px; width:100px;}
#others .text {padding:5px 0px 5px 0px;}

#comportamental .column {padding:5px 10px 0px 0px; width:100px;}
#comportamental .text {padding:5px 0px 5px 0px;}

#software .column {padding:5px 10px 0px 0px; width:100px;}
#software .text {padding:5px 0px 5px 0px;}