/* CSS Document */
* { margin:0; padding:0;}
html, body { height:100%; }
body { background:#c4c4c4 url(../images/bg_top.jpg) top no-repeat; font-size: 12px;}
html, input, textarea	{	font-family: Arial, Helvetica, sans-serif; color:#fff; font-size:14px; line-height:18px	}
a{ color:#fff; text-decoration:underline; outline:none!important}
a:hover{  text-decoration:none;}

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




.grid_1{ width:590px; padding: 20px 0 0 0;}
.grid_2{ width:287px; padding: 20px 0 0 0;}
.grid_3{ width:187px; padding: 20px 0 0 0;}
.grid_4{ width:135px; padding: 20px 0 0 0;}
.grid_5{ width:272px; padding: 20px 0 0 0;}
.grid_6{ width:286px; padding: 20px 0 0 0;}
.grid_7 { width: 898px; padding: 20px 0 0 0; }

.height_5{ height:5px}
.height_40{ height:40px}
.height_20{ height:20px}
.right_20{ margin-right:20px}
.left_15{ margin-left:15px}
.left_13{ margin-left:13px}
.left_70{ margin-left:70px}
.right_15{ margin-right:15px}

.pad{ padding:0 40px }
.color{ color:#ff005a}
.pink{ color:#ffd1e1}

h1{  font-family: 'Swis721BdRndBTBold'; color:#fff; font-size:25px; line-height:25px; padding-bottom:15px; text-transform:uppercase;font-weight:normal}
h2{ font-family: 'Swis721BdRndBTBold'; color:#fff; font-size:28px; line-height:26px; font-weight:normal}
h3{font-family: 'Swis721BdRndBTBold'; color:#fff; font-size:20px; line-height:22px; text-transform:uppercase;font-weight:normal }
h4{ font-family: 'Swis721BdRndBTBold'; color:#ff005a; font-size:17px; line-height:18px; text-transform:uppercase;padding-bottom:7px;font-weight:normal }

@font-face {
    font-family: 'Swis721BdRndBTBold';
    src: url('swz721br-webfont.eot');
    src: url('swz721br-webfont.eot?#iefix') format('embedded-opentype'),
         url('swz721br-webfont.woff') format('woff'),
         url('swz721br-webfont.ttf') format('truetype'),
         url('swz721br-webfont.svg#Swis721BdRndBTBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Swis721CnBTDTypeBold';
    src: url('swisscb-dtype-webfont.eot');
    src: url('swisscb-dtype-webfont.eot?#iefix') format('embedded-opentype'),
         url('swisscb-dtype-webfont.woff') format('woff'),
         url('swisscb-dtype-webfont.ttf') format('truetype'),
         url('swisscb-dtype-webfont.svg#Swis721CnBTDTypeBold') format('svg');
    font-weight: bold;
    font-style: normal;

}


.center{ position:relative; margin:0 auto; width:980px; text-align: justify;}
.upp{ text-transform:uppercase} 
#ads { width: 840px; margin: auto; }
#social { width: 800px; margin: 15px auto 0 auto; }
#social span { color: #FFFFFF; }

.top{ height:127px}
a.logo{ display:block; padding:11px 0 0 9px; float:left; height:100px}
.main{ background-color:#7c7a80}
.header{ background: url(../images/bg_header.gif) left top no-repeat; }
div.nav{ margin-left:96px}
div.nav ul{ padding-top:10px}
.nav ul li{ float:left}
.nav ul li a{ color:#c4c4c4; font-size:16px; text-decoration:none; text-transform:none; text-transform:none!important; line-height:60px; padding:0px 20px 0;-moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; border-top-left-radius: 10px; -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; border-top-right-radius: 10px; display:block; height:60px; margin-right:5px}
.nav ul li a:hover, a.act{ background-color:#454348; color:#fff!important}

div.info{ background-color:#ff005a; padding:16px 15px; margin:10px 0; color:#ffffff;font-family: 'Swis721CnBTDTypeBold'; font-size:21px; width:670px; letter-spacing:-0.050em; float:left}
a.banner_1{ background:#fff url(../images/banner_1.jpg) 7px 7px no-repeat; padding:7px; width: 275px; height:275px; text-decoration:none}
a.banner_2{ background:#fff url(../images/banner_2.jpg) 7px 7px no-repeat; padding:7px; width: 275px; height:275px; margin-left:17px;text-decoration:none}
a.banner_3{ background:#fff url(../images/banner_3.jpg) 7px 7px no-repeat; padding:7px; width: 275px; height:275px;text-decoration:none}

a.banner_1:hover{ background-color:#ff005a}
a.banner_2:hover{ background-color:#ff005a}
a.banner_3:hover{ background-color:#ff005a}

.banner_1:hover span.img_arrow{ background:url(../images/img_arrow.png) bottom no-repeat}
.banner_2:hover span.img_arrow{ background:url(../images/img_arrow.png) bottom no-repeat}
.banner_3:hover span.img_arrow{ background:url(../images/img_arrow.png) bottom no-repeat}

.min_cont{ background:url(../images/min_cont.png) top; width:274px; height:130px; margin-top:144px}
.text{ width:178px; height:90px; padding:20px 12px 0 14px; line-height:16px; letter-spacing:-0.050em }
.text h2{ padding-bottom:7px; letter-spacing:-0.050em}
span.img_arrow{ background:url(../images/img_arrow.png) top no-repeat; width:52px; height:52px; display:block; float:left; margin-top:40px}

.content{padding:0 0 40px}
.photo{ border:3px solid #fff}
ul.list li a{ background:#6d6a71 url(../images/arrow_list.png) 15px  no-repeat;-moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; display:block; height:40px; padding-left:32px; text-transform:uppercase; font-weight:bold; margin-bottom:3px; text-decoration:none; line-height:40px }
ul.list li a:hover{ background-color:#ff005a}

div.bottom_content{ background-color:#5e5c61;  padding:20px 0 0 0; color:#c4c4c4; border-top:1px solid #88858c }
ul.bottom_list li{ border-bottom:1px dotted #87868b}
ul.bottom_list li a{ background:url(../images/square.gif) left no-repeat; padding-left:15px; text-decoration:none; line-height:30px; color:#c4c4c4}
ul.bottom_list li a:hover{ color:#fff}

a.pins{ line-height:32px; text-decoration:none; color:#c4c4c4; padding-left:10px}
a.pins:hover{ color:#fff}
div.border{ background:url(../images/border.gif) left repeat-x; height:2px; margin:0px 0 30px}
div.bottom_content p{ padding-bottom:20px }

.content b{ display:block; margin-bottom:10px}

a.read{ background:url(../images/read.png) left top no-repeat; display:block; width:115px; height:34px; font-weight:bold; text-transform:uppercase; text-decoration:none; text-align:center; line-height:33px; font-size:12px; margin-top:20px}
a.read:hover{ background:url(../images/read.png) left bottom no-repeat;}

div.block{ width:180px; height:148px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius:10px; background-color:#ededed; padding:17px; color:#414141}
/*================= Contacts =========================*/
.notification_error{ height: auto;width:452px;padding: 2px;background: #6d6a71; text-align: left; color:#f00; border: 1px solid #817f85; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius:8px; margin-bottom:5px}
.notification_ok{ border: 0px ; height: auto; width: 100%; padding: 8px; background: #6d6a71; text-align: center;-moz-border-radius:8px; -webkit-border-radius: 8px; border-radius:8px  } 
 .info_fieldset legend { border: 1px #817f85 solid;  color: #fff;   font: 13px  Arial;  padding: 2px 5px 2px 5px; }

/* Label */
label  { width: 107px;  margin: 0px; color:#fff; float:left; font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:22px}

/* Input, Textarea */
input{ margin: 0px; padding: 0px;   border: 1px solid #817f85;  color: #fff; background:#6d6a71; font: 14px Arial, Helvetica, Arial, sans-serif; height:30px; margin-bottom:5px; width:267px; line-height:22px;-moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius:8px}

textarea{margin: 0px; padding: 0px;   background:#6d6a71; border: 1px solid #817f85;  color: #fff;   font: 14px Arial, Helvetica, Arial, sans-serif; height:130px; margin-bottom:5px; width:479px; line-height:22px;-moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius:8px}

.pin{ background:url(../images/read.png) left top no-repeat;  text-align:center; padding:0px 0 1px 23px; text-decoration:none; font-size:12px; color:#fff; width:115px; height:34px; margin:10px 0 0 110px; cursor:pointer; border:none;text-transform:uppercase; font-weight:bold; text-align:left}
.pin:hover{ background:url(../images/read.png) left bottom no-repeat;}
#ajax-contact-form{ width:588px}

#toTop {
	width:44px;
	height: 44px;
	background: url(../images/top.png) no-repeat;
	position:fixed; /* this is the magic */
	bottom:40px; /* together with this to put the div at the bottom*/
	right:40px;
	cursor:pointer;
	display:none;
}