/* fin de elementos para trabajos destacados */

/* CSS Document */
body{padding:0px; margin:0 auto; position:relative; background: #EFEFEF url('header-bg.jpg') repeat-x 0 0; color:#666; font-weight:normal; font-style:normal; font-variant:normal; line-height:20px; font-size:12px; font-family:tahoma}
ul{list-style-type:none;}

/* TOP PANEL */
#topPan{width:700px; height:252px; position:relative; margin:0 auto; padding:0;}
#topPan h1{width:311px; height:215px; background:#FEEBB0 url('images/header-img1.jpg') no-repeat 0 0; color:#fff; text-indent:-2000px}
#topPan ul{width:376px; height:32px; display:block; position:absolute; top:215px; right:0px; margin:0px; padding:0px; background:#FF8714 url('images/menu-bg.gif') repeat-x 0 0; color:#fff}
#topPan ul li{float:left; display:block; width:75px; height:32px; background:url('images/menu-devider.gif') no-repeat right top;}
#topPan ul li span{display:block; width:73px; height:32px; background:url('images/menu-hover.gif') no-repeat 50% 0; font-weight:bold; text-align:center; text-decoration:none; font-style:normal; font-variant:normal; line-height:32px; font-size:13px; font-family:Trebuchet MS, Verdana, Helvetica, sans-serif}
#topPan ul li a{display:block; width:73px; height:32px; background:#FF8714 url('images/menu-bg.gif') repeat-x 0 0; color:#fff; font-weight:bold; text-align:center; text-decoration:none; font-style:normal; font-variant:normal; line-height:32px; font-size:13px; font-family:Trebuchet MS, Verdana, Helvetica, sans-serif}
#topPan ul li a:hover{display:block; width:73px; background:url('images/menu-hover.gif') no-repeat 50% 0;text-decoration:none; /*position:fixed;*/ margin:0; padding:0px}
#topPan ul li.contact{display:block; width:75px; height:32px; background:#FF8714 url('images/menu-bg.gif') repeat-x 0 0; color:#fff; font-weight:bold; text-align:center; text-decoration:none; font-style:normal; font-variant:normal; line-height:32px; font-size:13px; font-family:Trebuchet MS, Verdana, Helvetica, sans-serif}
#topPan ul li:hover.contact{display:block; width:75px; background:url('images/menu-hover.gif') no-repeat 50% 0;text-decoration:none; /*position:fixed;*/ margin:0; padding:0px}

/* /TOP PANEL */

/* BODY PANEL */
#bodyPan{width:700px; margin:0 auto}
/* Left Panel */
#leftPan{width:247px; display:block; float:left; margin:0; padding:27px 45px 0 44px;}
#leftPan h2{width:177px; height:83px; float:left; display:block; background:#EFEFEF url('images/image1.jpg') no-repeat 0 0; font-weight:bold; color:#4D4D4D; margin:0; font-style:normal; font-variant:normal; line-height:34px; font-size:27px; font-family:Trebuchet MS, Verdana, Helvetica, sans-serif; padding-left:70px; padding-right:0; padding-top:0; padding-bottom:0}
#leftPan h2 span{background:#EFEFEF; color:#967001; font:14px/14px Verdana, Helvetica, sans-serif; font-weight:bold; padding:0; margin:10px 0 0;}
#leftPan h3{ width:247px; display:block; float:left; background:none; font-size:18px; font-weight:bold; padding:0; margin:0;}
#leftPan p{display:block; padding:0 0 24px 0;}
#leftPan p.more{height:20px; display:block; margin:0 0 13px 146px; padding:0;} 
#leftPan p.more a{display:block; width:100px; height:20px; background:#EFEFEF; font:14px/14px Georgia, "Times New Roman", Times, serif; color:#BF4D02; text-decoration:none; font-weight:bold; font-style:italic; margin:0; padding:0;}
#leftPan p.more a:hover{ background:#EFEFEF; color:#FF6500; text-decoration:none;}
#leftPan h4{ width:177px; height:70px; float:left; display:block; background:#EFEFEF url('images/image2.jpg') no-repeat 0 0; font-weight:bold; color:#4D4D4D; margin:0; font-style:normal; font-variant:normal; line-height:34px; font-size:27px; font-family:Trebuchet MS, Verdana, Helvetica, sans-serif; padding-left:70px; padding-right:0; padding-top:0; padding-bottom:0 }
#leftPan h4 span{background:#EFEFEF; color:#967001; font:14px/14px Verdana, Helvetica, sans-serif; font-weight:bold; padding:0; margin:10px 0 0;}
#leftPan ul{width:241px; height:271px; display:block; float:left; margin:0; padding:0;}
#leftPan ul li.middle{width:22px; height:152px; background:none; float:left; display:block; padding:0; margin:0;}
#leftPan ul li{width:109px; height:122px; display:block; float:left; background: url('images/dot-line.gif') repeat-x 0 100%; margin-left:0; margin-right:0; margin-top:20px; margin-bottom:0; padding-left:0; padding-right:0; padding-top:0; padding-bottom:10px}
#leftPan ul li img{width:109px; height:105px; display:block; padding:0; margin:0;}
#leftPan ul li a{ width:70px; height:20px; display:block; background:#EFEFEF url('images/arrow.gif') no-repeat 100% 50%; color:#BF4D02; text-decoration:none; text-align:center; padding:0; font-style:normal; font-variant:normal; font-weight:normal; line-height:20px; font-size:12px; font-family:Georgia, Times New Roman, Times, serif; margin-left:12px; margin-right:0; margin-top:0; margin-bottom:0}
#leftPan ul li a:hover{text-decoration:underline; display:block;}
#leftworkPan{width:241px; height:271px; display:block; float:left; margin:10px 0 0; padding:0;} 
/* /Left Panel */

/* Right Panel */
#rightPan{width:359px; float:left; display:block; background:#FFF; margin:0 auto; padding:0; color:#666;}

/* /Right Panel */

/* footer Panel */
#mainfooterbody{height:90px; background:#4D4D4D url('footer-bg.gif') repeat-x 0 0; color:#fff; position:relative; margin:0 auto; clear:both; padding-left:0; padding-right:0; padding-top:20px; padding-bottom:0}
#footerPan{width:650px; height:82px; position:relative; margin:0 auto; padding-left:10px; padding-right:0; padding-top:0; padding-bottom:0}
#footerPan ul{width:330px; display:block; position:absolute; right:0px; top:26px; padding:0; }
#footerPan li{float:left; font:12px/15px "Trebuchet MS",Verdana, Helvetica, sans-serif; font-weight:normal;}
#footerPan ul li a{padding:0; color:#FFFFFF; background:#424242; text-decoration:none}
#footerPan ul li a:hover{text-decoration:underline;}
#footerPan ul li a.padl{padding:0 0 0 14px;}

#footerPan ul.templateworld{width:158px; background:#4C4C4C; color:#fff; display:block; position:absolute; top:74px; right:80px;}
#footerPan ul.templateworld li a{background:#4C4C4C; display:block; color:#fff; text-decoration:none;}
#footerPan ul.templateworld li a:hover{text-decoration:underline;}

#footerPan p{ background:#484848; margin:54px 0px 0 0; display:block; position:absolute; top:0px; right:40px; color:#FF833B; font:11px/15px "Trebuchet MS",Verdana, Helvetica, sans-serif;}
#footerPanleft{width:285px; height:82px; float:left; margin:0 auto; background:url('images/vertical-dot.gif') repeat-y 100% 0;}
#footerPanleft img{width:260px; height:35px; margin:22px 0 0 0;}

#leftPan{width:239px; height:611px; position:absolute; top:0px; left:8px; margin:0; padding:0px;}
#left1memberPan{width:237px; height:196px; position:relative; margin:0 auto; padding:0; border:1px solid #DCDAC2; background:#fff; color:#000;}
#left1memberPan h2{height:48px; background:#FFFFFF url('images/symbol4.gif') no-repeat 0 0; display:block; position:relative; color:#5EA000; font-variant:normal; line-height:48px; font-size:10pt; font-family:Verdana; font-weight:bold; margin-left:13px; margin-right:0; margin-top:12px; margin-bottom:20px; padding-left:57px; padding-right:0; padding-top:0; padding-bottom:0}
#left1memberPan h2 span{background:#fff; color:#3D3C2C;}
#left1Pan form{width:220px; height:108px; background:#EBE9D7; padding:0; margin:0 0 0 8px; color:#333227;}
#left1Pan form label{width:72px; display:block; float:left; padding:14px 15px 0 16px; }
#left1Pan form label.emailpadding{padding:2px 15px 0 16px;}
#left1Pan form input{ float:left; display:block; width:101px; height:16px; margin:14px 0 9px 0}
#left1Pan form input.fieldpadding{margin:2px 0 9px 0}
#left1Pan h3{height:48px; background:#FCFAE6; display:block; float:right; padding:0 0 0 57px; margin:12px 0 22px 13px; font:28px/48px Georgia, "Times New Roman", Times, serif; color:#3D3C2C;}
#left1Pan ul{ display:block; float:right; width:150px; height:327px;}
#left1Pan ul li{background:url('images/arrow3.gif') no-repeat 140px 10px; text-align:right; padding-left:0; padding-right:20px; padding-top:0px; padding-bottom:0} 
#left1Pan ul li a{text-decoration:underline; color:#3D3C2C; background:#FCFAE6;}
#left1Pan ul li a:hover{text-decoration:none;}

#left1Pango{width:220px; height:25px; position:absolute; top:160px; left:8px; border-top:1px solid #fff; background:#B0AD93; display:block; padding:0; margin:0; font-size:12px; color:#FFFFFA; line-height:23px; font-weight:bold;}
#left1Pango p.textposition a{float:left; font:11px/21px "Verdana",Verdana, Helvetica, sans-serif; padding:0 0 0 0px; margin:0; text-decoration:none; color:#FFFFFA; background:#B0AD93;}
#left1Pango p.textposition a:hover{text-decoration:underline; background:none;}
#left1Pan form input.gobutton{float:right; background:#63614F url('images/arrow4.gif') no-repeat 50px 0; border:medium none; width:70px; height:21px; display:block; text-decoration:none; color:#fff; text-transform:uppercase; text-align:left; font-style:normal; font-variant:normal; font-weight:normal; line-height:21px; font-size:11px; font-family:Verdana, Verdana, Helvetica, sans-serif; margin-left:0; margin-right:0; margin-top:2px; margin-bottom:0; padding-left:5px; padding-right:0; padding-top:0; padding-bottom:0}
#left1Pango a:hover{background:#333229 url('images/arrow4.gif') no-repeat 30px 1px; text-decoration:none; color:#fff}


#left2memberPan{width:237px; height:196px; position:relative; margin:0 auto; padding:0; border:1px solid #DCDAC2; background:#fff; color:#000;}
#left2memberPan h2{height:48px; background:#FFFFFF url('images/anket.gif') no-repeat 0 0; display:block; position:relative; color:#5EA000; font-variant:normal; line-height:48px; font-size:10pt; font-family:Verdana; font-weight:bold; margin-left:13px; margin-right:0; margin-top:12px; margin-bottom:20px; padding-left:57px; padding-right:0; padding-top:0; padding-bottom:0}
#left2memberPan h2 span{background:#fff; color:#3D3C2C;}


#left2Pan h3{height:48px; background:#FCFAE6; display:block; float:right; padding:0 0 0 57px; margin:12px 0 22px 13px; font:28px/48px Georgia, "Times New Roman", Times, serif; color:#3D3C2C;}
#left2Pan ul{ display:block; float:right; width:150px; height:327px;}
#left2Pan ul li{background:url('images/arrow3.gif') no-repeat 140px 10px; text-align:right; padding-left:0; padding-right:20px; padding-top:0px; padding-bottom:0} 
#left2Pan ul li a{text-decoration:underline; color:#3D3C2C; background:#FCFAE6;}
#left2Pan ul li a:hover{text-decoration:none;}

#left2Pango{width:220px; height:25px; position:absolute; top:160px; left:8px; border-top:1px solid #fff; background:#B0AD93; display:block; padding:0; margin:0; font-size:12px; color:#FFFFFA; line-height:23px; font-weight:bold;}
#left2Pango p.textposition a{float:left; font:11px/21px "Verdana",Verdana, Helvetica, sans-serif; padding:0 0 0 0px; margin:0; text-decoration:none; color:#FFFFFA; background:#B0AD93;}
#left2Pango p.textposition a:hover{text-decoration:underline; background:none;}
#left2Pan form input.gobutton{float:right; background:#63614F url('images/arrow4.gif') no-repeat 50px 0; border:medium none; width:70px; height:21px; display:block; text-decoration:none; color:#fff; text-transform:uppercase; text-align:left; font-style:normal; font-variant:normal; font-weight:normal; line-height:21px; font-size:11px; font-family:Verdana, Verdana, Helvetica, sans-serif; margin-left:0; margin-right:0; margin-top:2px; margin-bottom:0; padding-left:5px; padding-right:0; padding-top:0; padding-bottom:0}
#left2Pango a:hover{background:#333229 url('images/arrow4.gif') no-repeat 30px 1px; text-decoration:none; color:#fff}