/* 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; padding-top:10px;}

.menu {float:right; padding:35px 0 0px 0;}
.menu li {display:inline; background:none; font-size: .8em; 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:underline;}
/* ============================= 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:80px;}

.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;}

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

.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:220px;
	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;}

div#demo {
	margin: 15px auto 15px auto;
	text-align: center;
}
 
div#demo ul#menu {
    margin: 5px 0px;
    list-style: none;
	list-style-image:none;
    display: inline-block;
}
    
div#demo ul#menu li {
    padding: 0px;
    float: left;
    position: relative;
    margin-left: 5px;
    margin-right: 5px;
    width: 58px;
    height: 58px;
	list-style-image:none;
	background:none
}
 
div#demo ul#menu li a {
    position: absolute;
}
 
div#demo ul#menu li img {
    position: absolute;
    width: 58px;
    top: 0px;
    left: 0px;
    padding: 0px;
    margin: 0 8px 0 0;
    border: none;
    overflow: hidden;
}
 
/*begin slide-panel CSS */


.panel {
position: fixed;
top: 50px;
right: 0;
display: none;
background: #000;
border:1px solid #111111;
-moz-border-radius-topleft: 20px;
-webkit-border-top-left-radius: 20px;
-moz-border-radius-bottomleft: 20px;
-webkit-border-bottom-left-radius: 20px;
width: 160px;
height: auto;
padding: 30px 130px 30px 30px;
filter: alpha(opacity=85);
opacity: .85;
}

.panel p{
margin: 0 0 15px 0;
padding: 0;
color: #cccccc;
}

.panel h2, .panel h3{
color: #ffffff
}

/*.panel a, .panel a:visited{
margin: 0;
padding: 0;
color: #9FC54E;
text-decoration: none;
border-bottom: 1px solid #9FC54E;
}

.panel a:hover, .panel a:visited:hover{
margin: 0;
padding: 0;
color: #ffffff;
text-decoration: none;
border-bottom: 1px solid #ffffff;
}*/

a.trigger{
position: fixed;
text-decoration: none;
top: 80px; right: 0;
font-size: 16px;
letter-spacing:-1px;
font-family: verdana, helvetica, arial, sans-serif;
color:#fff;
padding: 20px 15px 20px 40px;
font-weight: 700;
background:#3399c7 url(images/plus.png) 15% 55% no-repeat; 
border:0px solid #444444;
-moz-border-radius-topleft: 20px;
-webkit-border-top-left-radius: 20px;
-moz-border-radius-bottomleft: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-bottomright: 0px;
-webkit-border-bottom-right-radius: 0px;
display: block;
filter:alpha(opacity=60);
opacity:0.6;
}

a.trigger:hover{
position: fixed;
text-decoration: none;
top: 80px; right: 0;
font-size: 16px;
letter-spacing:-1px;
font-family: verdana, helvetica, arial, sans-serif;
color:#fff;
padding: 20px 20px 20px 40px;
font-weight: 700;
background:#3399c7 url(images/plus.png) 15% 55% no-repeat;
border:0px solid #444444;
-moz-border-radius-topleft: 20px;
-webkit-border-top-left-radius: 20px;
-moz-border-radius-bottomleft: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-bottomright: 0px;
-webkit-border-bottom-right-radius: 0px;
display: block;
filter:alpha(opacity=100);
opacity:1.0;
}

a.active.trigger {
background:#3399c7 url(images/minus.png) 15% 55% no-repeat;
}