body { background: #fff url(images/bg-tvd.png) no-repeat 50% 0 fixed; color: #777; padding: 20px 0 40px; font-family: Helvetica, Arial, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; text-transform: normal; line-height: 1.6em; }

a { font-weight: bold; color: #8ca43c; text-decoration: none; }
a:hover { color: #333300; text-decoration: underline; }

h1 { font-family: Georgia, serif; font-weight: normal; }
h1 a { margin: 30px 0 0 0; background: url(../images/tvd-logo-green.png) no-repeat top left; display: block; text-indent: -9999px; width: 450px; height: 90px; }
h2 { padding: 1px 0 6px 0; /*border-bottom: 1px solid #aaa;*/ letter-spacing: 1px; color: #555; }
h2.head2{ margin: 15px 0 0 20px; color: #777; text-transform: none; }
h2.head2 span { color: #8ca43c; }
h2.section { margin: -40px 0 0 0; }
h3 { color: #555; }
h3.head3 { margin: 5px 0 30px 20px; line-height: 1.5; }
h3.head3 span { color: #8ca43c; }
h3.hskills { margin: 10px 0; line-height: 1.5; }
h3.hskills span { color: #8ca43c; }
h3.about { margin: 20px 0 0 180px; }
h3.about span { color: #8ca43c; }
h3.colophon { margin: 20px 0 0 180px; }
h3.contact { margin: 10px 0 0 0; }
h3.contact span { color: #8ca43c; }
h4 { margin: 0 0 5px 0; color: #555; }

p { overflow: hidden; padding: 5px 0; }

hr { border-bottom: 0; border-left: 0; border-right: 0; border-top: 1px dotted #ccc; height: 1px; }

.container_12 { background: url(../../img/12_col.gif) repeat-y; margin-bottom: 20px; }
.container_16 { background: #fff url(../../img/16_col.gif) repeat-y; }
.container_24 { background: #fff url(../../img/24_col.gif) repeat-y; }

#home:empty { border-top: 0px solid #aaa; }

#menu { margin: 0; text-align: right; height: 44px; }
#menu ul { float: right; padding-right: 100px; margin-top: 0; }
#menu li { float: right; padding: 0 13px; list-style: none; line-height: 44px; color: #E4E4E4; }
#menu .marcado { background: url(images/home_fondo.gif) 0 6px no-repeat; }
#menu li a { color: #E4E4E4; text-decoration: none; display: block; }
#menu li a:hover { color: #F15596; }

p.about { margin:10px 0 10px 180px; padding: 0; width:430px; zoom:1; }

.menus { margin: 0; /*background: url(images/menu.gif);*/ overflow: hidden; border-top: 5px solid #aaa; }
.menus { margin: 0; text-align: right; height: 49px; }
.menus ul { float: right; padding: 0; margin: 0; font-family: Verdana; text-transform: uppercase; border-right:1px solid #aaa; border-bottom:1px solid #aaa; }
.menus li { float: right; width:110px; margin: 0; padding: 0; list-style: none; color: #E4E4E4; text-align:center; font-size: 11px; }
.menus li a {display:block;padding: 10px 0;height:100%;color:#777;text-decoration:none;border-left:1px solid #aaa; font-weight: normal; }
.menus li.active { background: #ccc; background-image: none;}

#nav1 a {margin: 1px 0 0 0; background:url(images/bg-fade.jpg) repeat 0 0; }
#nav2 a {background:url(images/bg-fade.jpg) repeat 0 0;}
#nav3 a {background:url(images/bg-fade.jpg) repeat 0 0;}
#nav4 a {background:url(images/bg-fade.jpg) repeat 0 0;}

ul.navbot { float: right; padding: 0; margin: 0; font-family: Verdana; text-transform: uppercase; }
ul.navbot li { float: right; margin: 0 0 0 16px; padding: 0; list-style: none; color: #E4E4E4; text-align:center; font-size: 11px; }
ul.navbot li a {color:#777;text-decoration:none; font-weight: normal; }
ul.navbot li a:hover {color:#555;text-decoration:underline; }

ul.lately {margin: 12px 0 0 0; padding:0; }
ul.lately li {list-style:none; margin: 0; padding: 10px 0 8px 0; border-bottom:1px dotted #ccc;}
ul.lately li a {  }
ul.lately strong { color:#555; }

.skillswrap { margin: 0 0 20px 0; border-top: 1px dotted #ccc; }
/*ul.skills {margin: 0 0 20px 0; padding:0; }*/
ul.skills ul {list-style:none; margin: 0 0 40px 0; padding: 0; width: 550px; }
ul.skills li {list-style:none; display: block; margin: 0 10px 0 0; padding: 10px 0 9px 50px; width: 250px; float: left;}
ul.skills li.bi {background: url(images/bi-lg.png) 0 50% no-repeat;}
ul.skills li.cms {background: url(images/cms-lg.png) 0 50% no-repeat;}
ul.skills li.ia {background: url(images/ia-lg.png) 0 50% no-repeat;}
ul.skills li.ui {background: url(images/ui-lg.png) 0 50% no-repeat;}
/*ul.skills li.col2 { margin: -80px 0 0 50%; padding: 12px 0 9px 50px;; }*/
ul.skills strong { color:#555; }

ul.siteinfo {margin: 0; padding:0; }
ul.siteinfo li {list-style:none; margin: 0; padding: 8px 0; border-top:1px dotted #ccc;}
ul.siteinfo li a {  }
ul.siteinfo strong { color:#555; }

.desc { margin:10px 0 10px 180px; padding: 0; width:430px; zoom:1; }
.desc p { margin: 0; padding: 0; }
.desc strong { font-family: Helvetica, Arial, sans-serif; font-weight: bold;line-height: 1.4em; color:#555; }
.drophey { float:left; font-size: 450%; /*line-height:60px;*/ padding: 2px 5px 0 0; color:#cc6600; }
.dropcap { float:left; font-size: 450%; /*line-height:60px;*/ padding: 2px 5px 0 0; color:#ccc; }

blockquote.quote { margin: 10px auto; padding: 0 5px; background: url(images/open-quote.gif) top left no-repeat; }
blockquote.quote p { margin: 0; background-position: bottom right; }
blockquote.quote p.quote { padding: 1em 0 1em 2.5em; margin: 0; background: transparent url(images/close-quote.gif) 97% 100% no-repeat; border-top: none; font-style: italic; }
blockquote.quote cite { display: block; padding: 0 50px 0 0; text-align: right; }

.skills-app { /*width: 30%; float: right;*/ padding: 0; margin: 0; text-align: left; }
.skills-app strong { margin: 0 15px 0 0; font-family: Helvetica, Arial, sans-serif; font-weight: bold;line-height: 1.4em; color:#555; }
.skills-app ul { float: left; padding: 10px 0 0 0; margin: 0; font-family: Verdana; font-size: 15px; color:#555; }
.skills-app li { float: left; width: 38px; margin: 0 5px 0 0; padding: 3px 0 3px 30px; list-style: none; border:1px solid #ccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; font-weight: bold; text-align: left; }
.skills-app li.bi {background: url(images/bi-sm.png) 4px 50% no-repeat;}
.skills-app li.cms {background: url(images/cms-sm.png) 4px 50% no-repeat;}
.skills-app li.ia {background: url(images/ia-sm.png) 4px 50% no-repeat;}
.skills-app li.ui {background: url(images/ui-sm.png) 4px 50% no-repeat;}

ul.social { margin: 0; padding:0; float: left; }
ul.social li { float: left; list-style:none; margin: 0 8px 0 0; padding: 0; }
ul.social li a { color: #F15596; }

ul.social li.firstitem {padding: 8px 0; }
ul.social li.fb {background: url(images/facebook_16.png) 0 50% no-repeat;}
ul.social li.in {background: url(images/linkedin_16.png) 0 50% no-repeat;}
ul.social li.tw {background: url(images/twitter_16.png) 0 50% no-repeat;}
ul.social li.dy {background: url(images/daytum_16.png) 0 50% no-repeat;}
ul.social li.de {background: url(images/delicious_16.png) 0 50% no-repeat;}
ul.social li.sk {background: url(images/skype_16.png) 0 50% no-repeat;}

div.preview a.thumb { width: 610px; height: 194px; padding: 0; cursor: pointer; }
div.preview a span { /*--Used to crop image--*/ width: 610px; height: 194px; overflow: hidden; display: block; }
div.preview a.thumb:hover { background: #333; }

form#contactForm { float: right; background: #f2f2f2; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 20px; width: 400px;}
form#contactForm fieldset { border: none; margin-bottom: 10px; }
form#contactForm fieldset:last-of-type { margin-bottom: 0; }
form#contactForm legend { color: #384313; font-size: 16px; font-weight: bold; padding-bottom: 10px; text-shadow: 0 1px 1px #c0d576; }
form#contactForm ul li { background: #b9cf6a; background: rgba(255,255,255,.2); border-color: #cccccc; border-color: rgba(0,0,0,.1); border-style: solid; border-width: 1px; -moz-border-radius: 5px; -webkit-border-radius: 5px;  border-radius: 5px; line-height: 30px; list-style: none; padding: 5px 10px; margin-bottom: 5px; }
form#contactForm ul ul li { background: none; border: none; float: left; }
form#contactForm ul li.special {display:none;}
form#contactForm label { float: left; font-size: 13px; width: 110px; }

form#contactForm input:not([type=radio]),
form#contactForm textarea { background: #ffffff; border: none; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; font: italic 13px Georgia, "Times New Roman", Times, serif; outline: none; padding: 5px; width: 200px; }
form#contactForm input:not([type=submit]):focus,
form#contactForm textarea:focus { background: #eaeaea; }
form#contactForm input[type=radio] { float: left; margin-right: 5px; }
form#contactForm button { background: #666666; border: none; -moz-border-radius: 20px; -webkit-border-radius: 20px; -khtml-border-radius: 20px; border-radius: 20px; color: #ffffff; display: block; font: 18px Georgia, "Times New Roman", Times, serif; letter-spacing: 1px; margin: auto; padding: 7px 25px;
 text-shadow: 0 1px 1px #000000; text-transform: uppercase; }
form#contactForm button:hover { background: #74ab00; cursor: pointer; }

.message { margin: 20px auto; display:none; width:400px; text-align: center; }

.copyright { margin:10px 0; padding: 0 0 257px 0; }
.menubot { margin:10px 0; padding: 0 0 257px 0; }