* {margin:0;padding:0}
body {font-family:Tahoma, Geneva, sans-serif;color:#fff;position:relative;background:url(/images/body-bg.gif) center top repeat-y; background-color:#000000;}
input, textarea, select {font-family:Tahoma, Geneva, sans-serif}
.fleft {float:left}
.fright {float:right}
.clear {clear:both}
.col-1, .col-2, .col-3 {float:left}
.alignright {text-align:right}
.aligncenter {text-align:center}
.wrapper {width:100%;overflow:hidden}
.container {width:100%}
.table {border:1px solid #acacac; padding:3px;}

p {margin-bottom:15px; }
/* GLOBAL */
#box {border:1px dotted #6f6c6c; padding:20px 10px 10px 20px; background:url(/images/sf-box.png);}
#box2 {border:1px dotted #6f6c6c; padding:20px 0 0 10px ; background:url(/images/sf-box.png); width:220px; height:180px; color:#CCCCCC;}
#box3 {border:1px dotted #acacac; padding:10px 10px 10px 10px; background: #9c1616; width:450px;}

#main {width:910px;margin:0 auto;height:auto !important;height:100%;min-height:100%;position:relative}
#header, #content {font-size:12px;}
.top-bg {background:url(/images/bg-top.jpg) no-repeat center top;position:relative;min-height:100%;height:auto !important;height:100%}
/*.bot-bg {background:url(/images/bg-bottom.jpg) no-repeat center bottom;position:relative;min-height:100%;height:auto !important;height:100%}*/
.tail-bottom {background:url(/images/tail-bottom.gif) left bottom repeat-x;position:relative;min-height:100%;height:auto !important;height:100%}
.tail-bg {background:url(/images/bg-tail.jpg) center top repeat-y;position:relative;min-height:100%;height:auto !important;height:100%}
.tail-right {background:#0ab7e0;height:100%;position:absolute;right:0;top:0;width:50%}
/* txt, links, lines, titles */
a {color:#abe3fd;outline:none}
a:hover{text-decoration:none}
h1 {padding:40px 0 0 10px; float:left; font:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:18px; color:#e81917; font-style:italic;}
h2 {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:2.08em;line-height:1.1em;text-transform:uppercase;font-weight:normal;margin-bottom:23px}
h3 {font-size:1em;padding:2px 0 0 0;margin-bottom:10px; font-style:italic}
/* header */
#header {height:100px}
#header .top-links {float:right;padding-top:30px}
#header .top-links li {float:left}
/* nav */
.extra-img {position:absolute;top:316px;left:-11px}
.slogan{position:absolute;top:70px;left:100px;}

#logo {float:left; padding:5px 0 0 40px; }
#logomath {float:right; padding:32px 0px 0 0px; }
#logodesmo {float:right; padding:32px 20px 0 0px; }

#nav {float:left;width:209px;margin-right:20px;padding:40px 0 0 0;position:relative}

/* content */
#content {float:left;width:661px;min-height:685px;height:auto !important;height:680px}
#content {padding:40px 0}
#content .section {padding:0 0 34px 0}
/* list */
ul {list-style:none}
#content ul {padding-bottom:15px}
#content ul li {font-weight:bold;padding-bottom:8px}
#content ul li a {color:#fff}
#content ul li ul {padding:10px 0 0 12px}
#content ul li ul li {font-weight:normal}
#content .items-list {padding:0}
#content .items-list li {width:100%;overflow:hidden;padding-bottom:20px;font-weight:normal; font-size:11px;}
#content .items-list li img {float:left;margin-right:20px}
#content .articles {padding:0}
#content .articles li {width:100%;overflow:hidden;padding-bottom:30px; font-weight:normal}
#content .articles li img {float:left;margin-right:20px}
#content .articles li a {color:#abe3fd}
/* forms */
input, select {vertical-align:middle;font-weight:normal}
img {border:0;vertical-align:top;text-align:left}
#contacts-form {clear:right;width:100%;overflow:hidden;padding:15px 0 0 0}
#contacts-form fieldset {border:none;float:left}
#contacts-form .field {clear:both}
#contacts-form label {float:left;width:97px;line-height:20px;padding-bottom:5px;font-weight:bold}
#contacts-form input {width:246px;padding:2px 0 2px 3px;background:#6d6d67;border:1px solid #acacac;color:#fff}
#contacts-form textarea {width:475px;height:293px;padding:2px 0 2px 3px;background:#6d6d67;border:1px solid #acacac;color:#fff;margin-bottom:15px;overflow:auto}
/* boxes */

/* footer */
#footer {height:80px;position:relative;margin:-25px auto 0 auto;width:910px; color:#fff; font:12px/14px "Trebuchet MS", Arial, Helvetica, sans-serif;}
#footer .indent {padding:10px 0 0 10px}
#footer a {color:#fd2002}

.button {float:right;font-size:1.5em;line-height:1.1em;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;width:234px;text-align:center}
.button span {display:block;/*background:url(images/button-left.png) no-repeat left top;*/padding-left:11px}
.button span span {/*background:url(images/button-right.png) no-repeat right top;*/padding-right:12px;padding-left:0}
.button span span a {display:block;background:url(images/button-bg.png) left top repeat-x;padding:6px;color:#fff;text-decoration:none;text-transform:uppercase}
.button span span a:hover {color:#000}