@charset "utf-8";

/*
 * RESET CSS
 * 
 * http://meyerweb.com/eric/tools/css/reset/ 
 * v1.0 | 20080212
 */

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,b,u,i,center,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;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

/*
 * STRUCTURE
 */

body{font-size:10px;font-family:Arial,Helvetica,Tahoma,sans-serif;text-align:center;/*-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease*/}

@media screen and (min-width:1367px){
	body{font-size:11px}
}

h1,h2{font-weight:normal;float:left}
a{text-decoration:none;-moz-transition:all .5s ease;-webkit-transition:all .5s ease;transition:all .5s ease}
abbr,acronym{cursor:help;border-bottom-width:1px;border-bottom-style:dotted}
abbr:hover{border:none}

#topbar{float:left;width:100%;height:.5em}
#main{max-width:98em;/* 980px */ margin:0 auto;text-align:left}

#top,#summary,#styleswitcher{float:left}
#top{position:relative;width:100%}
#top h1{font-size:3em;letter-spacing:0.033em;margin:50px 0 10px 0;width:99%}
#top h2{font-size:1.8em;letter-spacing:0.055em;margin:0;width:99%}

#styleswitcher{position:absolute;right:0;top:2em;visibility:hidden}
#styleswitcher ul{float:right}
#styleswitcher li{width:1.5em;height:1.5em;float:left;display:inline;margin:0 0 0 1.5em}
#styleswitcher li a{display:block;width:100%;height:100%;color:#000;font-size:16px;font-weight:bold;text-align:center}

#styleswitcher li a.yellow { background: #CC0; }
#styleswitcher li a.yellow:hover { background: #FF0 }
#styleswitcher li a.green { background: #0C0 }
#styleswitcher li a.green:hover { background: #0F0 }
#styleswitcher li a.cyan { background: #0CC }
#styleswitcher li a.cyan:hover { background: #0FF }
#styleswitcher li a.white, #styleswitcher li a.wb { background: #CCC }
#styleswitcher li a.white:hover, #styleswitcher li a.wb:hover { background: #FFF }

#nav{position:absolute;right:0;top:5.5em;width:30%}
#nav li{display:inline;float:right;margin:0 0 0 20px}
#nav li a{display:block;font-size:1.6em;font-weight:bold;letter-spacing:0.0625em;padding:.1875em .375em}

#summary,#specialties,#studying{float:left;margin:5em 0 0 0}
#summary{width:42%}
#summary p{font-size:1.4em;letter-spacing:.071em;line-height:180%;margin:0 0 20px}

#specialties h3,#studying h3{font-size:1.6em;letter-spacing:0.0625em}
#specialties{margin-left:6.2%;margin-right:4.6%;width:25%}
#specialties ul li{list-style:disc}
#studying{width:22%}
#studying ul li{list-style:circle}

form{margin:0;width:40em}
form,form div,form label,form input,form textarea,#alert,#alert ul,#follow,#follow ul,.section,.gotToTop{float:left}
form label,form input,form textarea{background:none;font-weight:bold}
form div{width:100%;margin:0 0 5px 0}
form label{font-size:1.4em;margin:0 0 5px 0}
input,textarea{padding:3px;font-family:inherit;border-width:1px;border-style:solid;width:97%;font-size:1.6em;clear:both;margin:0 0 20px 0;-moz-transition:all .5s ease;-webkit-transition:all .5s ease;transition:all .5s ease}

input[type="submit"]{float:right;font-size:2em;font-weight:bold;letter-spacing:0.05em;margin:0 4px 0 0;width:25%}
input[type="submit"]:hover{cursor:pointer}
/*input[type="submit"].active{}*/

#alert{border-style:solid;border-width:1px;margin:19px 0 0 35px;padding:15px 15px 0;width:23%;display:none}
#alert ul{margin:0}
#alert ul li{font-size:1.4em;margin:0 0 1.071em 0;letter-spacing:.071em}

#social{float:right;margin:19px 0 0;width:15%}
#social li{float:left;margin:0 0 20px}
#social li a{float:left;font-size:1.6em;font-weight:bold;letter-spacing:0.0625em;padding:3px 5px}

#validation{padding:10px 0}
#validation ul{float:right}
#validation ul li{float:left;margin:0 0 0 10px;display:inline}
#validation ul li a{display:block;font-size:1.1em;text-decoration:none;padding:5px 10px;border-style:solid;border-width:1px}
#validation ul li a:hover{background:none}

#site-version {float: left;font-size: 1.1em;}

.skills-list{margin:1.5em 0 0 0;float:left}
.skills-list li{color:#00FFFF;font-size:1.2em;letter-spacing:.0833em;margin:0 0 1.071em 1.333em}

.section{width:100%;margin-top:6em;padding-top:6em;border-top-width:1px;border-top-style:solid}
.section h2{width:11%;font-size:2em;letter-spacing:.05em;line-height:120%}
.section .boxes{float:right;width:88%}
.section .box{width:46%;height:auto;float:left;margin:0 0 5em 4%;display:inline}

.section .noMargin{margin-bottom:0}

.section .box a.layout{display:block;width:auto;padding:5px;background:none;border-width:1px;border-style:solid;-webkit-transition:all .5s ease;transition:all .5s ease}
.section .box a.layout span{display:block;text-align:center;width:100%;overflow:hidden}
.section .box a.layout span img{width:100%;-ms-interpolation-mode:bicubic}
.section .box .desc{float:left;margin:10px 0 0 5px}
.section .box h3{font-size:1.4em;font-weight:normal;margin:0 0 10px}
.section .box p.org{font-size:1.2em;margin:0 0 10px 0}
.section .box p.org a{text-decoration:none}
.section .box p.tecnologias{font-size:1.1em;letter-spacing:1px;margin:0}

.gotToTop{float:right;font-size:1.4em;padding:.7142em 0 0 0;text-align:right}
.gotToTop a{display:block;padding:.357em .7142em;font-weight:bold;text-decoration:none}

.noMarginTop{margin-top:0}
.success{text-align:center}
br,hr,.hidden{display:none}
.clear{width:100%;height:1px;clear:both}