/* CSS Document */

body { background:url(images/backgroundmain.gif) #333333; margin:20px; color:#333333; font-family:Arial, Helvetica, sans-serif; font-size:12px}
#wrapperhome { background:url(images/foto_main.jpg) no-repeat; width:883px; height:413px; background-color:#B87777; border:#000000 5px solid; margin:auto; padding:10px;  margin-top:60px}
a { color:#ffffff; text-decoration:none}
a:hover { color:#ffffff;text-decoration:underline}
a:visited { color:#006699}

a.vinculos { color:#6CC; text-decoration:none}




#wrapperbio { background:url(images/backgroundbio.jpg) no-repeat; width:883px; height:413px; background-color:#F1DEBA; border:#000000 5px solid; margin:auto; padding:10px;  margin-top:60px}
#wrapperfolio { background:url(images/back_folio.jpg) no-repeat; width:883px; height:413px; background-color:#88A429; border:#000000 5px solid; margin:auto; padding:10px;  margin-top:60px}
#wrappercontact { background:url(images/back_contact.jpg) no-repeat; width:883px; height:413px; background-color:#F4E8F2; border:#000000 5px solid; margin:auto; padding:10px;  margin-top:60px}
#wrapperlinks { background:url(images/back_links.jpg) no-repeat; width:883px; height:413px; background-color:#D1BEAC; border:#000000 5px solid; margin:auto; padding:10px;  margin-top:60px}

.right { float:right}
a#navbio {display:block;width:43px; height:50px;text-indent:-9999px;background:url(images/bio.png) top left no-repeat;}
a#navbio:hover {background-position:0 -50px;}
a#navfolio {display:block;width:70px; height:50px;text-indent:-9999px;background:url(images/folio.png) top left no-repeat;}
a#navfolio:hover {background-position:0 -50px;}
a#navcontact {display:block;width:83px; height:50px;text-indent:-9999px;background:url(images/contact.png) top left no-repeat;}
a#navcontact:hover {background-position:0 -50px;}
a#navlinks {display:block;width:64px; height:50px;text-indent:-9999px;background:url(images/links.png) top left no-repeat;}
a#navlinks:hover {background-position:0 -50px;}
a#linkhome { width:120px; height:50px;text-indent:-9999px; display:block;margin-right:150px }
.clear { clear:both}
.bio {display:block;width:43px; height:50px;text-indent:-9999px;background:url(images/bio.png) top left no-repeat; background-position:0 -50px; float:right}
.folio {display:block;width:70px; height:50px;text-indent:-9999px;background:url(images/folio.png) top left no-repeat;background-position:0 -50px; float:right}
.contact {display:block;width:83px; height:50px;text-indent:-9999px;background:url(images/contact.png) top left no-repeat;background-position:0 -50px; float:right}
.links {display:block;width:64px; height:50px;text-indent:-9999px;background:url(images/links.png) top left no-repeat;background-position:0 -50px;; float:right}

.contentbio { width:505px; float:right; margin-right:20px; margin-top:10px; height:350px;}
div#wn	{ position:relative;width:400px; height:270px;overflow:hidden;  margin-right:20px; margin-top:20px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333; margin-left:400px; border-bottom: #FFFFFF 1px solid; border-top:#FFFFFF 1px solid; padding:10px }
div#wn h2 { font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:20px; color:#666666; margin:10px 0 10px 0 ; padding:10px 0 0 0; text-decoration:underline  }
div#wn p { margin: 0 0 5px 15px; padding:  0 0 0 15px; background:url(images/arrow.png) no-repeat center left }
div#scrollLinks { float:right; width:25px; padding-top:50px; padding-left:10px}´
div.left30 { float:left; margin-right:30px; width:40px; height:60px; margin-bottom:30px}
#fotos{ width:540px; height:340px; margin-left:320px; float:left; margin-top:10px; padding:10px; text-align:left}
#fotos p { padding: 0 10px 0 10px}
div.box {width:500px; height:300px; margin:40px 0 0 360px}
div.box h2 { font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:20px; color:#666666; margin:10px 0 10px 0 ; padding:10px 0 0 0; text-decoration:underline  }
div.box p { margin: 0 0 5px 15px; padding:  0 0 0 15px; background:url(images/arrow.png) no-repeat center left }