html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; margin: 0; padding: 0; }

body { margin: 0; padding: 0; font-size: 13px; line-height: 1.231; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; background: url(../images/bark.jpg) #3e3225; }

#wrapper { width: 100%; background: url(../images/grad.png) repeat-x; }

#head { width: 1050px; margin: 0 auto; background: #f05e25 url(../images/orange_fade.png) repeat-x; min-height: 177px; }

h1, h2, h3 { font-family: 'Philosopher', sans-serif; }

ul#nav { list-style-type: none; margin: 0; padding: 0; }
ul#nav li { list-style: none; margin: 0; padding: 0; float: left; }

a#navhome:link, a#navhome:visited { background: url(../images/nav.png); width: 92px; height: 50px; display: block; text-indent: -9999px;}
a#navhomeon:link, a#navhomeon:visited { background: url(../images/nav.png) left -100px; width: 92px; height: 50px; display: block; text-indent: -9999px;}
a#navhome:hover, a#navhome:active, a#navhomeon:hover, a#navhomeon:active { background: url(../images/nav.png) left -50px;}
a#navabout:link, a#navabout:visited { background: url(../images/nav.png) -92px 0px; width: 130px; height: 50px; display: block; text-indent: -9999px;}
a#navabouton:link, a#navabouton:visited { background: url(../images/nav.png) -92px -100px; width: 130px; height: 50px; display: block; text-indent: -9999px;}
a#navabout:hover, a#navabout:active, a#navabouton:hover, a#navabouton:active { background: url(../images/nav.png) -92px -50px;}
a#navservices:link, a#navservices:visited { background: url(../images/nav.png) -222px top; width: 121px; height: 50px; display: block; text-indent: -9999px;}
a#navserviceson:link, a#navserviceson:visited { background: url(../images/nav.png) -222px -100px; width: 121px; height: 50px; display: block; text-indent: -9999px;}
a#navservices:hover, a#navservices:active, a#navserviceson:hover, a#navserviceson:active { background: url(../images/nav.png) -222px -50px;}
a#navcontact:link, a#navcontact:visited { background: url(../images/nav.png) -343px top; width: 151px; height: 50px; display: block; text-indent: -9999px;}
a#navcontacton:link, a#navcontacton:visited { background: url(../images/nav.png) -343px -100px; width: 151px; height: 50px; display: block; text-indent: -9999px;}
a#navcontact:hover, a#navcontact:active, a#navcontacton:hover, a#navcontacton:active { background: url(../images/nav.png) -343px -50px;}

#head h3 { float: right; width: 209px; margin-right: 40px; background: url(../images/grey_arrow.png) no-repeat; text-align: center; margin-top: 0; color:#FFFFFF; font-size: 18px; line-height: 30px; height: 177px; padding-top: 20px; }
#head h3 span { display: block; font-size: 24px; line-height: 40px; text-shadow: 1px 1px 2px #525252; /*filter: dropshadow(color=#d85421, offx=1, offy=1); */}
#head h3 span.nombres { margin-top: 30px; font-size: 30px; }
#head h3 em { display: block; line-height: 0px; }
#head h2 { float: left; color: #FFFFFF; font-size: 24px; text-shadow: 1px 1px 2px #525252; /*filter: dropshadow(color=#d85421, offx=1, offy=1); */margin-top: 48px; }

a#logo:link, a#logo:visited { background: url(../images/tw_logo.png) left top; height: 87px; width: 187px; display: block; float: left; margin: 20px 34px 20px 20px; clear: left; }
a#logo:hover, a#logo:active { background: url(../images/tw_logo.png) left -87px; height: 87px; width: 187px; display: block; }

#centro { width: 1050px; margin: 0 auto; clear: left; }
#hero { margin-top: 20px; background: url(../images/hero_bg.jpg); height: 318px; }
#hero img, #hero iframe { margin: 20px 50px 20px 20px; float: left; }
#hero .content { float: left; width: 590px; color: #3f3f3e; }
#hero .content h1 { margin-top: 0; }
#hero .content p { font-size: 16px; }
.contacthero { background: #fff !important; height: 418px !important; }
.contacthero iframe.gmap { border-right: 1px solid #ef5d21; padding: 20px; margin: 0 30px 0 0 !important; box-shadow: inset 0px 0px 20px 0px rgba(0,0,0,0.5); }
.contacthero .content { float: left; width: 590px; color: #3f3f3e; }

a:link, a:visited { color: #f05e25; text-decoration: none; }
a:hover, a:active { text-decoration: underline; }

#panel1, #panel2, #panelg, #panelg2 { background: url(../images/panelbg.png) no-repeat; margin: 20px 30px 20px 0; height: 210px; width: 330px; float: left; display: block; }
#panelg2 { margin-right: 0; }
#panel3 { background: url(../images/panelbg.png) no-repeat; margin: 20px 0 0 0; height: 210px; width: 330px; float: left; }
#panel1 h3, #panel2 h3, #panel3 h3, #panelg h3, #panelg2 h3 { color: #FFFFFF; font-size: 18px; text-shadow: 1px 1px 2px #525252; /*filter: dropshadow(color=#d85421, offx=1, offy=1); */padding: 22px 0 16px 20px; margin: 0; }
#panel1 img, #panel2 img, #panel3 img { float: left; margin: 0 20px 0 20px; }
#panelg img, #panelg2 img { float: left; margin: 10px 0 10px 20px; }
#panelg a, #panelg2 a { border: none; }
#panel1 p, #panel2 p { float: left; margin: 0; width: 180px; }
#panel3 p { float: left; margin: 0; width: 140px; }

a.readmore:link, a.readmore:visited { display: block; width: 96px; background: url(../images/readmore.png) left top; height: 33px; float: right; margin-right: 16px; margin-top: 40px; }
a.readmore:hover, a.readmore:active { background: url(../images/readmore.png) left -33px; }

#footer { width: 1050px; margin: 20px auto; background: #000000; color: #c2c2c2; clear: both; }
#footer div { float: right; margin-right: 20px; line-height: 50px; }
#footer p { margin-left: 20px; line-height: 50px; }

dt { font-weight: bold; clear: both; float: left; }
dt a { color: #f05e25; text-decoration: none; }
dd { margin-left: 0; float: right; width: 490px; margin-bottom: 5px; }

fieldset { width: 40%; float: left; border: none; padding: 10px; }
fieldset.ffirst { margin-right: 30px; }
label { display: block; margin-bottom: 20px; }
fieldset.ffirst input { width: 180px; }
textarea { width: 250px; height: 70px; }
legend { color: #f05e25; font-weight: bold; }
input#submit { background: url(../images/submit.png) no-repeat; width: 78px; height: 33px; float: right; text-indent: -9999px; border: none; }
input#submit:hover { background: url(../images/submit.png) left -33px; }


label.error { color: #c51707; }
input.error { border: 1px solid #c51707; }