@import "mail_form.css";

* {margin:0;padding:0;border:0 solid #000;list-style:none;text-decoration:none}
body {background:url(images/a.jpg);font: 1em Trebuchet MS,Tahoma,Arial,Verdana,sans-serif;color:#11344A}
#header,#content, #footer {width:53em;min-width:600px;max-width:95%;margin:0 auto;border:1px solid #818F84;border-top:0;border-bottom:0}
#header {background:url(images/b.jpg);height:128px}
#footer {background:url(images/f.jpg) no-repeat left;border:0;height:50px;margin-top:-52px}
#content {background:#FFF url(images/e.jpg) repeat-x bottom;border-bottom:2px solid #818F84;padding:0 0 65px;}

h1 {display:inline;background:url(images/logo.jpg);text-indent:-9898px;width:123px;height:128px;margin:0 20px;float:left}
#intro {background:url(images/c.jpg);height:201px}
#intro h2 {background:url(images/d.jpg) no-repeat top right;width:42em;height:201px;min-width:500px;max-width:100%;margin:0 auto;font-size:1.2em;padding-top:70px}
#intro h2 em {display:block}
#content .service {width:33%;padding-top:112px;float:left; text-align: center;}

#content p, #content ul, #content h2, #content h3, #content h4 {padding: 0 10px;}
#content p {text-indent: 1.5em;}

body#zetainternet-com #content .teach {background:url(images/k.jpg) no-repeat 50% top}
body#zetainternet-com #content .make {background:url(images/l.jpg) no-repeat 50% top}
body#zetainternet-com #content .host {background:url(images/m.jpg) no-repeat 50% top}

body#zetainternet-com-servicos #content h2 {border: 1px solid #819F84; border-left: 6px solid #819F84; border-right: 6px solid #819F84; text-align: center; padding: 0.4em; background:url(images/c.jpg);}
body#zetainternet-com-servicos #content h3 {background:url(images/e.jpg) repeat-x 50% 50%; margin: 1em 0 0.2em 0; padding: 0.3em;}
body#zetainternet-com-servicos #content h4 {border-bottom: 1px solid #A3BFA6; padding: 1em 0 0.2em 10px;}


#content .service h2 {font-size:0.8em;text-align:center;margin-bottom:2em}
#content .service h2 em {display:block;font-size:1.4em}
#content #learnmore {clear: both; text-align: center;}
#content dl {padding:0 13px 20px;font-size:0.9em}
#content dl dt {font-weight:bold;background:#E6F1EA}
#content dl dd {text-align:justify;border-left:15px solid #E6F1EA;padding:5px 5px 20px}
#nav {position:absolute;top:30px;left:48%;width:500px}
#nav li {float:left;display:block;width:auto;height:52px;overflow:hidden;padding-top:1em}
#nav a {border:0;color:#FFF;font-size:1.3em;padding:0.2em;position:relative;top:1em}
#nav a img {position: relative;top:-1em}
#content p {clear:both}
a {color:#004E1C;border-bottom:1px solid #51B072}
a:hover {border:none}
#navigation h2 {position:absolute;top:34px;left:48%;font-size:1.2em;color:#FFF}
.navlabel {visibility:hidden;position:absolute;top:0}
#label_one {left:0}
#label_two {left:52px}
#label_three {left:95px}
#label_four {left:156px}
#options {position:absolute;top:5px;left:3px;}
#options ul li a {display:block}
#options a {background: #565;color:#FFF;padding:2px;border:2px outset #575;font-weight:bold;width:15px;height:15px;margin:2px;font-size:10pt}
#content li{list-style:inside disc; left: 20px; text-align:left; margin-left: 1em;}

dl#portfolio dt {
    padding-left: 25px;
    font-size: 1.2em;
    font-weight: normal;
    line-height: 1.6em;
		display: block;
}

dl#portfolio dd {
	display: list-item;
    font-size: 1.1em;
    text-align: justify;
    line-height: 1.5em;
}

dl#portfolio a img { 
	margin: 0.5em;
	float: left;
}