/*************************************************** Reset ***************************************************/ html, body, div, span, h1, h2, p{ margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } a img {border:none} /*************************************************** Global styles ***************************************************/ html { width:100%; height:100%; } body{ font-family: 'Share Tech', sans-serif; font-size: 13px; color:#3F3E3C; margin:0 0 1px; height:100%; background:#4a9ece; } p { margin-top:3px; padding-bottom:5px; padding-left:40px; } a, p a { text-decoration:none; color:white; } a:hover {color:white;} h1, h2 { font-family: 'Share Tech', sans-serif; } h1{ font-size: 20px; color:#000; text-align:left; margin-bottom:10px; padding-left:40px; padding-top:20px; } h2{ font-size: 22px; line-height:1.3; color:#FFF; text-transform:none; font-style:italic; text-align:left; margin-top:7px; padding-bottom:6px; } /*************************************************** Main content ***************************************************/ #main{ width:1024px; margin:auto; box-shadow: 10px 10px 5px #dedede; } #content{ width:1024px; background:#FFF; min-height:100%; margin-left: auto; margin-right: auto; } #header{ background-image:url(/images/img-1.jpg); position:relative; width: 1024px; height:390px; margin-left: auto; margin-right: auto; } #header img{ position:relative; margin-top:50px; margin-right:40px; } #box1{ margin-bottom:30px; } /*************************************************** BOX2 ***************************************************/ #box2{ width:882px; margin:auto; padding-bottom:100px; } #box2_header{ width:882px; border-bottom-style:solid; border-width:2px; border-color:#CCCCCC; background:#CCCCCC; color:#000000; color:#489ecd; font-size:14px; padding-top:5px; padding-left:6px; list-style:none; text-transform:uppercase; } #box2_header2{ position:relative; background-color:transparent; width:884px; background: #FFFFFF; border-style:solid; border-width:2px; border-color:#CCCCCC; height:140px; } #box2_header2 ul li{ float:none; text-align:center; color:#000000; font-size:14px; line-height:normal; list-style:none; padding-bottom:5px; } #box2_logo{ position:relative; margin-top:20px; margin-left:80px; float:left; } #box2_logo2{ position:relative; float:right; margin-top:20px; margin-right:80px; } #box2_content{ width:888px; } #box2_content1_header1{ float:left; width:439px; background:#CCCCCC; text-transform:uppercase; text-align:center; padding-top:1px; padding-bottom:1px; } #box2_content2_header1{ float:right; width:439px; background:#CCCCCC; text-transform:uppercase; text-align:center; padding-top:1px; padding-bottom:1px; } #box2_content1{ float:left; width:439px; background:#FFFFFF; border-style:solid; border-width:2px; border-color:#CCCCCC; height:79px; } #box2_content1_text{ margin-top:23px; padding-top:2px; padding-left:4px; margin-bottom:5px; } #box2_content2{ float:right; width:439px; background:#FFFFFF; border-style:solid; border-width:2px; border-color:#CCCCCC; height:79px; } #box2_content2_text{ text-align:center; margin-top:37px; padding-top:2px; padding-left:4px; margin-bottom:5px; text-transform:uppercase; } /*************************************************** BOX_SEPARADOR ***************************************************/ .box_separador { width:964px; top:47px; padding-bottom:10px; padding-top:10px; } .box_separador ul li{ color:#000000; font-size:14px; line-height:normal; border-radius:15px; list-style:none; margin-bottom:10px; margin-top:10px; box-shadow: 5px 5px 5px #d2d2d2; -webkit-box-shadow: 5px 5px 5px #d2d2d2; -moz-box-shadow: 5px 5px 5px #d2d2d2; padding-left:20px; padding-top:5px; padding-bottom:3px; text-transform:uppercase; /* Safari 4-5, Chrome 1-9 */ background: -webkit-gradient(linear, left top, right top, from(#479dcc), to(#ffffff)); /* Safari 5.1, Chrome 10+ */ background: -webkit-linear-gradient(left, #479dcc 40%, #ffffff); /* Firefox 3.6+ */ background: -moz-linear-gradient(left, #479dcc 40%, #ffffff); /* IE 10 */ background: -ms-linear-gradient(left, #479dcc 40%, #ffffff); /* Opera 11.10+ */ background: -o-linear-gradient(left, #479dcc 40%, #ffffff); } .link { color:#FF0000; text-decoration:none; } /*************************************************** MENU ***************************************************/ .menu{ position:absolute; width:200px; height:40px; top:47px; text-align:center; } .menu ul li{ float:none; line-height:normal; margin-left:15px; background:#489ecd; border-radius:15px; list-style:none; margin-bottom:10px; box-shadow: 5px 5px 0 #000000; -webkit-box-shadow: 5px 5px 0 #000000; -moz-box-shadow: 5px 5px 0 #000000; } .menu ul li a{ font-size: 15px; font-family: 'Share Tech', sans-serif; color:white; display:block; /* IE6, IE7 line height fix */ background-color:transparent; margin-top:3px; padding:5px; text-transform:uppercase; } .menu ul li a:hover{ border-radius:15px; background:#489ecd; color:#FFF; } .menu ul li a.active { border-radius:15px; background:#FFF; color:#489ecd; } /*************************************************** FOOTER ***************************************************/ #footer{ width:1024px; background:#FFFFFF; margin:auto; color:#000000; padding-top:10px; padding-bottom:20px; } #footer_text{ padding-right:10px; text-align:right; text-shadow: 5px 5px 5px #000; }