/* CSS Document */

* {
	margin:0; padding:0;
	font-size:100%;
}

body{
	background:#1c1c1c;
	text-align:center;
}

img {vertical-align:top;}
a img { border:0;}

ul { list-style:none;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}


html, input, textarea
	{
		font-family:Arial, Helvetica, sans-serif;
		font-size:0.875em;
		line-height:1.5714em;
		color:#676767;
	}

input, select { vertical-align:middle; font-weight:normal;}

a {color:#676767; outline:none;}
a:hover{text-decoration:none;}
p {padding-top:22px;}

/* ============================= main layout ====================== */

li { background:url(images/marker.gif) no-repeat 0 10px; padding-left:25px; line-height:2em;}
li a {color:#717171; text-decoration:none;}
li a:hover {text-decoration:underline;}

.imgindent {margin:0 20px 0 0; float:left;}

h2 {font-size:2.14em;  color:#fff; text-transform:uppercase; letter-spacing:-3px; height:41px; line-height:1.2em;}
h3 {font-size:2.142em; line-height:1.2em; color:#000; text-transform:uppercase; letter-spacing:-2px; padding-bottom:30px;}
/* ============================= header ====================== */

#header .extra {background:#000;}

.logo {float:left;}

.menu {float:right; padding:12px 0 0px 0;}
.menu li {display:inline; background:none; font-size:0.78em; padding:0 17px 0 7px;}
.menu li a {text-decoration:none; color:#b6b6b6; text-transform:uppercase;}
.menu li a:hover, .menu .active {color:#fff; text-decoration:none;}
/* ============================= content ====================== */
#content .inner {background:url(images/content-bg.jpg) top center no-repeat #fff;}
#content .inner1 {background:url(images/content-bg1.jpg) top center no-repeat #fff;}

.top-bg {background:url(images/menu-bottom-b.png) top center repeat-x; }

.slogan {padding-top:110px;}

.images {margin:55px -16px 0 -42px;}
.images img {position:relative;}

#page1 .box1 {background:url(images/box1-right-bg.jpg) right top no-repeat #8eca97;}
#page1 .box2 {background:url(images/box2-right-bg.jpg) right top no-repeat #5db1ae;}

#page1 .box3 {background:#3399c7;}

.box1 {background:#9ecaa5;}
.box2 {background:#75b8b6;}
.box3 {background:#3399c7;}

.box3 li {background:url(images/row-marker.gif) left 10px no-repeat; padding-left:25px; line-height:2em;}
.box3 li a {text-decoration:none; color:#fff;}
.box3 li a:hover {text-decoration:underline;}

.box-indent {padding:24px 30px 43px 25px;}

.box1, .box2, .box3 {color:#fff; line-height:1.857em; position:relative;}
#page1 .box1, #page1 .box2, #page1 .box3 {min-height:186px; height:auto !important; height:186px; float:left;}
.box3 ul {position:relative;}

.box-link {position:absolute; right:25px; bottom:-11px; display:block; width:87px; height:24px; background:url(images/box-link.png) left top no-repeat;}
.box-link:hover {background:url(images/box-link-hover.png) left top no-repeat;}

.box-right {right:45px}

.margin {margin-right:7px;}
.margin1 {margin-top:22px;}
.margin2 {margin-top:27px;}

.h-pad {padding-top:16px;}

.pad {padding-top:33px;}
.pad2 {padding-top:44px;}
.pad1 {padding-top:63px;}
.pad3 {padding-top:15px;}

.box-margin {margin-top:-64px; position:relative;}

.indent {padding:62px 0 45px 0;}
.indent1 {padding:74px 0 45px 0;}

.padding {padding-bottom:55px;}

strong {color:#3399c7;}

.col-pad {padding-right:46px;}
.col-pad2 {padding-right:50px;}
.col-pad1 {padding-right:70px;}
.col-pad3 {padding-right:37px;}

.link {color:#3399c7; display:inline-block; margin-top:16px;}
.link-margin {margin-top:30px;}

.row {background:url(images/row-bg.gif) top center repeat-x #383838;}
.row .indent {padding:42px 0 54px 0;}

.row .col-pad {padding-right:39px;}

.row h3 {font-size:1.714em; line-height:1.2em; color:#fff; text-transform:uppercase; letter-spacing:-2px; padding-bottom:34px;}

.row li {background:url(images/row-marker.gif) left 10px no-repeat; padding-left:25px; line-height:2em;}
.row li a {text-decoration:none; color:#717171;}
.row li a:hover {text-decoration:underline;}

.row .padding {padding-bottom:58px;}
.row .padding1 {padding-bottom:74px;}

.row strong {color:#fff;}
.row .link {color:#fff;}

.title {font-weight:bold; color:#fff;}
.date {color:#b1b1b1; font-size:0.785em;}
.autor {color:#b1b1b1; font-size:0.71em; text-transform:uppercase;}

.alignright {text-align:right;}

.phone {display:inline-block; width:95px;}
.mail {color:#fff;}
/* ============================= footer ====================== */
#footer {background:url(images/footer-bg.gif) top center repeat-x; font-size:0.9285em; color:#b1b1b1;padding-top:42px;}
#page7 #footer {background:url(images/footer-policy-bg.gif) top center repeat-x;}
#footer a {color:#fff; text-decoration:none;}
#footer a:hover {text-decoration:underline; }
#footer .foot { position:relative; left:-10px;}


/* ============================= forms ============================= */
#SignUpForm { padding:0px 1px 0 0;}
#SignUpForm label {background:url(images/input-bg.gif) right top no-repeat; height:30px; display:inline-block; vertical-align:top; margin-right:-4px}
#SignUpForm .input {width:208px; border:none; padding:7px 3px 3px 5px; font-size:0.857em;  vertical-align:top; color:#a8a8a8; font-style:italic; margin-right:3px; line-height:1.2em;}

#ContactForm label {height:26px; display:block;}
#ContactForm .link {margin:15px 30px 0 0;}
.input {width:260px;  border:1px solid #aebebe; background:none; padding:2px 0 1px 5px; font-size:0.85714em; line-height:1.2em;}
textarea {width:260px; height:222px; border:1px solid #aebebe; background:none; padding:0 0 0 5px; overflow:auto; font-size:0.85714em;}
