


/* Start:/bitrix/templates/tetramobile/styles.css*/
.inline-virtual-link {
display: inline-block;
border-bottom: 1px dotted;
-webkit-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;
cursor: pointer;
}
a[href^="tel:"]{
color:#9F0F0F;
}
/* End */



/* Start:/bitrix/templates/tetramobile/template_styles.css*/
body{
	background-color:#FF;
	color:#222;
	font-family:Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	font-size:10pt;}

#header>a>h1{
	margin: 0;
	padding:0 0 0 57px;
	/*background:white;
	width:100%;*/
	height:54px;
	overflow:hidden;
	background-image:url('/bitrix/templates/tetramobile/tetra_logo1.png');
	background-repeat:no-repeat;
	font-size: 200%;
	line-height: 200%;
	font-weight:bold;
	color: #A90329;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	word-wrap:break-word;
}
#header>a{
	text-decoration:none;
	text-transform:uppercase;
	text-shadow: 1px 1px 1px #79777D;
	width: 100%;
	display: block;
	border-bottom: 1px solid #666;
}
@media only screen and (max-device-width: 240px){
	#header>a>h1{
		/*width:170px;*/
		text-align:left;
		font-size:130%;
		line-height: 300%;	
	}
	#header>ul>li>a{
		font-size:100% !important;}
	a.big-telefon{	
		padding:5px 10px;}
	a.big-telefon>span{
		font-size:100% !important;}
}
/*Portrait, width 320px */
@media only screen and /*(min-device-width: 319px) and (max-device-width: 421px)*/(max-device-width: 320px){
	#header>a>h1{
		/*text-align:left;
		font-size:100%;
		line-height: 80%;*/
	}
	#header>ul>li>a{
		font-size:120%;}
	a.big-telefon{	
		padding:5px 16px;}
	a.big-telefon>span{
		font-size:140%;}
}
/*Landscape, width: 480px */
@media only screen and (min-device-width: 479px) and (max-device-width: 480px){
	#header>a>h1{
		/*text-align:center;*/
		/*font-size:100%;
		line-height: 80%;*/
	}
	#header>ul>li>a{
		font-size:120%;}
	a.big-telefon>span{
		font-size:100%;}
	a.big-telefon{	
		padding:5px 16px;}
}
/* more then 640px */
@media only screen and (min-device-width:640px){
	#header>a>h1{
		text-align:center;
		padding:0;
	}
	#header>ul>li>a{
		font-size:120%;}
	a.big-telefon>span{
		font-size:100%;}
	a.big-telefon{	
		padding:5px 16px;}
}

#header>ul{
	list-style:none;
	margin:5px;
	padding:0;}
#header>ul>li>a{
	background-color:#FFFFFF;
	border: 1px solid #999999;
	color:#222222;
	display: block;
	font-weight:bold;
	margin-bottom:-1px;
	padding: 12px 10px;
	text-decoration:none;}
#header>ul>li>a:hover{
	background-image:-webkit-gradient(linear,left top, left bottom, from(#678bc6), to(#91addb));
	/*background-image:-moz-linear-gradient(top,bottom,#678bc6,#91addb);*/
	background-image:-moz-linear-gradient(#678bc6,#91addb);
	background-image:-o-linear-gradient(#678bc6,#91addb);
	background-image:-ms-linear-gradient(#678bc6,#91addb);
	background-image:linear-gradient(#678bc6,#91addb);
}
#header ul li:first-child a{
	-webkit-border-top-left-radius:8px;
	-webkit-border-top-right-radius:8px;
	-o-border-top-left-radius:8px;
	-o-border-top-right-radius:8px;
	border-top-left-radius:8px;
	border-top-right-radius:8px;
}
#header ul li:last-child a{
	-webkit-border-bottom-left-radius:8px;
	-webkit-border-bottom-right-radius:8px;
	-o-border-bottom-left-radius:8px;
	-o-border-bottom-right-radius:8px;
	border-bottom-left-radius:8px;
	border-bottom-right-radius:8px;
}
.content-box{
	margin: 10px 0 0 5px;
	/*width:100%;*/
}
.content-box>p{
	padding:0;
	font-weight:bold;
	font-style:italic;
}
.content-box>p/*:first-child*/{
	margin:13px 0 5px 0;
}
table#currencyInformer{
	border:none;
	border-collapse:collapse;
	border-spacing: 0px 0px;
	-webkit-border-horizontal-spacing: 0px;
	-webkit-border-vertical-spacing: 0px;
	min-width:210px;
}
table#currencyInformer td{
	padding:0 5px;}
table#currencyInformer  p{
	font-size:100%;
	padding:0;
	margin:0;}
table#currencyInformer>thead p{
	text-align:center;}	
table#currencyInformer  p.currency-rate{
	padding:0;
	margin: 5px 0;
	text-decoration:none;
	color:black !important;
	text-align:center;
}
table#currencyInformer  p.currency-title{
	color:#9F0F0F;
	font-weight:bold;
	font-size:110%;
}
table#currencyInformer>thead td:nth-child(2),table#currencyInformer>thead td:nth-child(3){
	border-bottom: 1px solid black;
}
p.bank_news_title{
	margin-top:10px 0 0 0;
}
a.tetraLinks{
	color:#9F0F0F;
	text-decoration:underline;}
a.tetraLinks:visited{
	color:#700202;}
ul.arrow_icon{
	list-style-image:url(/images/icon16/arrow_icon2.png);
	margin:0 0 0 25px;
	padding:0;}
p{
	margin: 5px 0;}
h3,h2{
	margin:8px 0;
	height:110%;}
ul:not(.arrow_icon){
	margin:0 0 0 20px;
	padding:0;}
.footer>a.left{
	float:left;
	padding: 0 0 0 5px;}
.footer>a.right{
	float:right;
	padding: 0 5px 0 0;}
.footer>a{
	font-size:150%;}
/*a{
	color:#476ba6;}
a:visited{
	color:#91addb;}*/

form{
padding:5px 0;
/*background-color:#D2DAE7;*/
}

/* Link banner style: */
p.link-banner{
	text-align:center;
	margin: 13px 0;
	padding:0;}
p.link-banner>.faik-layer{ /* Opera Mobile <11.5x don't support gradient color */
	border-radius: 12px;
	display:inline-block;}
p.link-banner a{
	display:inline-block;
	width:200px;
	padding: 4px 8px 3px 8px;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
	box-shadow:  0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2),  0px 0px 0px 4px rgba(188,188,188,0.5);
	border-radius: 12px;
	text-decoration:none;
	overflow: hidden;}
p.link-banner a>*{
	display:inline-block;
	vertical-align:middle;}
p.link-banner a>span.logo{
	width:20px;
	height:20px;
	background:url('http://www.tetrapolis.ru/images/icons/hb20_logo1.jpg') no-repeat;}
p.link-banner a:hover{
	box-shadow: 0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2);}

/* Blue style: */
p.blue-style{}
p.blue-style a{
	color:white;
	border: 1px solid #5d81ab;
	background: -webkit-gradient(linear,left top, left bottom, from(#80a9da), to(#6f97c5)); /* chrome > 4, Android Browser 2.x*/
	background: -webkit-gradient(#80a9da,#6f97c5); /* chrome > 10 */
	background: -o-linear-gradient(#80a9da,#6f97c5);
	background: -moz-linear-gradient(#80a9da,#6f97c5);
	background: -ms-linear-gradient(#80a9da,#6f97c5);
	background: linear-gradient(#80a9da,#6f97c5);}
p.blue-style a:active {
	background: #5d81ab;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.4) inset;
	border-color: #80a9da;}
/* Специальный фикс для градиентного фона, и только для быдло браузеров (Opera Mobile < 11.50)
Помни в FF, Opera и IE выступает на 3px, в Chrome - Ok! */
p.blue-style>.faik-layer{
	background:#7e9fd4;
	vertical-align:top;}

/* Handy style: */
p.handy-style{}
p.handy-style a{
	color:white;
	background: #fcbd00;}
p.handy-style a>span.title{
	font-weight:bold;
	font-size:15px;
	padding:0 20px;
	text-shadow: 0px 1px 1px #5d81ab;}

/* End */
/* /bitrix/templates/tetramobile/styles.css */
/* /bitrix/templates/tetramobile/template_styles.css */
