/* ---------------------- TABLET.CSS ----------------  */

body {
	border: none;
    background: url(../images/bg_tablet.png) no-repeat  center 50px #051e58;
}
h2 {
	padding-bottom: 14px;
	font: normal normal 20px Quicksand, Arial, Helvetica, sans-serif;
	color: #083286; text-align: center;
	line-height: 115%; 	letter-spacing: 0px;
}

#cover { margin: 0 auto; width: 600px; padding-bottom: 20px; position: relative; }
#header { padding: 0;  height: 200px; }

.slogan { display: none; }
#nav, #menu, #banners, #banners_mobile, #footer { display: none; }

#logo {
	position: absolute; top: 63px; left: 70px; cursor: pointer;
	width: 199px;  height: 64px;
	background: url(../images/logo_tab.png) no-repeat top left;
}

#top_tablet {
	display: block; width: 100%; height: 50px;
	background: url(../images/bg_tablet_top.png) no-repeat center center #eec425;
}
#phone_tablet {
	position: absolute;	top: 12px; left: 70px; padding-left: 30px;
	width: 170px; height: 25px;
	font: normal normal 18px Quicksand, Arial, Helvetica, sans-serif;
	line-height: 24px; color: #fff;
	background: url(../images/icon_phone.png) no-repeat top left;
}
#phone_tablet a { text-decoration: none; color: #fff; }
#phone_tablet a:visited { text-decoration: none; color: #fff; }
#phone_tablet a:hover { text-decoration: none; color: #fff; }

#email_tablet {
	position: absolute;	top: 12px; left: 384px; padding-left: 38px;
	width: 120px; height: 25px;
	font: normal normal 18px Quicksand, Arial, Helvetica, sans-serif;
	line-height: 24px; color: #fff;
	background: url(../images/icon_email.png) no-repeat top left;
}
#email_tablet a { text-decoration: none; color: #fff; }
#email_tablet a:visited { text-decoration: none; color: #fff; }
#email_tablet a:hover { text-decoration: none; color: #fff; }

#but_menu_mobile {
	position: absolute;	display: block;
	top: 80px; right: 70px;
	width: 160px; height: 44px; cursor: pointer;
	background: url(../images/icon_menu.png) no-repeat top left;
}

#slogan_tablet {
	display: block; position: absolute;
	left: 10px; width: 580px; top: 132px; overflow: hidden;
}
#slogan_tablet h1 {
	text-align: center;
	font: normal normal 20px Quicksand, Arial, Helvetica, sans-serif;
	color: #fff; line-height: 20px;
}

#main {
	float: left; width: 600px; background: none;
}

#banners_tablet {
	display: block; overflow: hidden; float: left; margin-left: 70px; margin-bottom: 38px;
}
#banners_tablet img {
	margin: 0; padding: 0;
}
#banners_tablet .banner {
	overflow: hidden; float: left; width: 230px; height: 225px;
}

#content {
	clear: both;
	padding: 12px 15px 10px 15px;
	min-height: 100px; 	overflow: hidden;
	font-size: 13px; line-height: 130%;
    background: url(../images/bg_content.jpg) no-repeat 0px 0px #fff;
}

#content img {
	float: left;
	margin: 0 20px 20px 0;
}

#content p {
	margin-bottom: 20px;
}

#content p.index {
	font-size: 14px;
}

#footer_tablet {
	display: block; position: relative;
	width: 100%; overflow: hidden;
}
#share_tablet { display: block; margin: 26px 0 0 190px; height: 50px; }
#clients_tablet {
	width: 580px; margin-left: 10px;
	overflow: hidden;
	font: 12px Arial, Helvetica, sans-serif;
	color: #fff; line-height: 14px;
}
#copyright_tablet {
	float: left; width: 580px; overflow: hidden;
	margin: 30px 0 0px 10px;
	font: 10px Arial, Helvetica, sans-serif;
    line-height: 130%; color: #90c3f5;
}

#copyright_tablet a {  color: #90c3f5;	text-decoration: none; }
#copyright_tablet a:visited {  color: #90c3f5;	text-decoration: none; }
#copyright_tablet a:hover {  color: #90c3f5;	text-decoration: none; }

#menu_mobile {
	position: absolute;
	top: 150px; left: 0px; z-index: 1000;
	width: 600px; overflow: hidden;
	background: #041d57;
}

#menu_mobile ul {
	margin: 15px 0; padding: 0; list-style: none;
    /*font-family: 'Open Sans Condensed'; font-weight: 700; */
    font-size: 15px;  font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
}

#menu_mobile li {
	width: 560px; height: 15px; padding: 9px 0 9px 20px;
}

#menu_mobile a { color: #ffcc00; text-decoration: none; }
#menu_mobile a:visited { color: #ffcc00; text-decoration: none; }
#menu_mobile a:hover { color: #69BBFE; text-decoration: none; }

#menu_mobile li.active a { color: #fff; }
/*--------------------------------------- COOKIES*/
#cookie_block {
	width: 100%; height: 60px !important; overflow: hidden;
	position: relative; border-bottom: 1px solid #EF371B;
	display: none; background: #fff;
}
#cookie_text {
    width: 600px; height: 57px;
    margin: 0 auto; padding-top: 3px;
	font: 12px Arial, Verdana, Tahoma, sans-serif; color: #333;
    line-height: 16px;
}
#cookie_left {
	float: left; padding: 0 0px; width: 380px; text-align: center;
}
#cookie_right {
	float: right; padding: 0 10px; width: 180px; height: 20px; margin-top: 10px;
	text-align: center; color: #EF371B;
	font: 12px Arial, Verdana, Tahoma, sans-serif;
}
#blackform {
    position: absolute; display: none;
    width: 100%; height: 100%;
    left: 0px;  top: 0px;  background: #000;
    z-index: 1000;
}
#lbox  {
    display: none; position: absolute; overflow: hidden;
    padding: 15px 30px 25px 10px; background: #f2f2f2; margin: 0 0 0 -135px !important;
    z-index: 1010;
}
#lbox_text {
	clear: both;
	width: 500px; overflow: hidden; padding: 0px 0 10px 0;
    font: 12px Arial, Tahoma, sans-serif;
    line-height: 16px; color: #000;
}
#lbox_text p {
	padding-bottom: 10px;
}
.lbox_x {
    float: right; width: 100px; height:36px;
    cursor: pointer;
    background: url(../images/but_lbox_close.png) no-repeat right top;
}