/** authors: raduga http://mambasana.ru, modification t2 http://tele2life.ru **/

/*    Классы HTML5    */

footer, header, article {display: block}

footer, header {width:900px}

footer {
height:190px;
margin:35px auto 0 auto
}

header {
background:url(http://tele2life.ru/pic/logo/logo.png) no-repeat 7% 50%;
height:107px;
position:relative;
text-align:center;
margin:0 auto;
padding:4px 0 6px
}


/*   Закругленные уголки, универсальные свойства    */ 

table.table1, table.tablesalon, ul.abonentu, ul.gprsfaq {
border-radius: 10px;
-khtml-border-radius:10px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border:2px solid #369
}

/*                Подвал                */

.footerheading {
padding-bottom: 4px; 
font-weight: bold; 
color: #fff
}

.smalllinksfooter {
padding-left: 65px; 
float: left; 
width: 154px; 
text-align: left
}

.smalllinksfooter a:link,.smalllinksfooter a:visited {
display: block;
color:#000;
font-size:10px;
}

.smalllinksfooter a:hover {color: #fff}



/*             Таблицы           */

.table1, table.tablesalon, table.numbertable{
opacity: 0.9;
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90)
}

.numbertable td:hover, .sectiontableentry1 td:hover,.sectiontableentry2 td:hover{
opacity: 0.8;
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90)
}

table.table1, table.tablesalon {
width:615px;
margin:22px auto;
padding: 3px 0 4px 0
}

table.table1 td, table.table1 tr {
padding:9px;
height:50px
}

td.blue {
background-color:#369;
padding:9px
}

table.table2 {
width:620px;
margin:10px;
font-weight: 9px
}

table.table2, table.table2 tr, table.table2 td{
border-collapse: collapse;
padding:9px;
border: 1px dashed #369
}

table.numbertable {
border-collapse: collapse;
width:635px;
margin:10px auto;
border-bottom: 3px solid #17A1DE
}

.numbertable tr, .numbertable tr.blue2 {height:70px;}

.numbertable tr.blue2 {background-color:#369;}

.numbertable td, .numbertitle td {
padding: 10px 10px;
border:1px solid #79a0c1;
text-align:center;
font-size:18px
}

.numbertitle td {
font-weight:400;
font-size:14px
}

tr.numbertitle {height:40px; background: #17A1DE url("http://tele2life.ru/pic/logo/fon.png") repeat-x top left }

td.numberdate {text-align:left}


/*                      Блоки контента                    */


#contenttb, .leftcol {
border-top:1px solid #395884;
border-bottom:1px solid #395884
}

#contenttb {
border-radius: 0 10px 10px 0;
-khtml-border-radius:0 10px 10px 0;
-webkit-border-radius:0 10px 10px 0;
-moz-border-radius:0 10px 10px 0;
background:url(../images/shadow.gif) #1D324E repeat-y top left;
border-right:1px solid #395884;
padding:0
}

#contenttb td.contentmod {padding:10px}

.leftcol {
border-radius: 10px 0 0 10px;
-khtml-border-radius:10px 0 0 10px;
-webkit-border-radius:10px 0 0 10px;
-moz-border-radius:10px 0 0 10px;
border-left:1px solid #395884;
background:url(../images/mod_left.jpg) #283F61 repeat-y top left
}

.leftcol #leftmod {
width:240px;
vertical-align:top;
text-align:left;
padding:15px 10px 150px
}


/*                      Салоны связи TELE2                    */


table.tablesalon {padding: 0 0 0 30px}

table.tablesalon p {padding: 4px 0 0 0}

table.tablesalon .image-left {padding:7px 35px 7px 5px;}

table.tablesalon .tssp1, .tssp2 {font-size:11px }

table.tablesalon .tssp1 {color:gray}

table.tablesalon .tssp2 {color:#1DC8FF}

table.tablesalon .tssp3 {
display:block; 
margin: 8px 0 0 0
}

article.salontele2 {margin: 30px 30px}

article.salontele2 li {margin-top: 12px}

article.salontele2 ul {margin-bottom: 40px}

/*       Реклама      */


div.yandex-direct {padding:18px 0 15px 15px}

.table-ads {
margin-right:4px;
background: #283F61;
height:290px;
width:631px;
padding:5px 0 1px 12px
}

.left-ads {
float: left;
padding: 0 10px 10px 0
}
.right-ads {
float: right;
padding: 0 0 10px 10px
}

/**       Для заголовков      **/


.heading, #heading {
letter-spacing:.5px;
color:#ссс;
font-size:18px;
font-weight:500;
line-height:22px;
padding:15px 0
}

.heading a:link, .heading a:visited {
color:#E6E6E6;
font-size:18px;
font-weight:500;
text-decoration:underline
}

.heading a:hover {color:#1DC8FF}

#heading_center, .heading_center {
color:#E6E6E6;
font-size:16px;
font-weight:600;
text-align:center;
padding: 10px 0 10px 0
}

a.heading-img:link,a.heading-img:visited {
color:#1DC8FF;
font-size:17px;
font-weight:500;
margin-bottom:15px;
text-decoration: underline;
display:block;
}

a.heading-img:hover {color:#fff}

.boldheading, a.boldheading {
font-size:17px;
color:#FFF;
font-weight:600;
padding:15px 0;
}

.clear {clear:both;}


/*        Сноски, ссылки       */

a:link,a:visited {
color:#60B5FF;
font-size:15px;
font-weight:400;
line-height:22px;
text-decoration:underline;
font-family: "Trebuchet MS", Arial, Verdana
}

a:hover {color:#F0FFF0}

a.white:link,a.white:visited {color:#fff}

a.white:hover {color:#60B5FF}

.footnotes, p.footnotes a, ul.footnotes a, p.source, p.source a {
font-size:11px
}

p.source, .footnotes {color: #ccc}

.footnotes {
padding:14px 0 0 0;
margin: 0
}

p.source {
margin: 0 0 10px 0;
padding: 0;
}

p.quotes {
border-left:2px solid #5AB2FF;
padding-left:16px;
color:#FFF;
overflow:hidden;
margin:19px 0 19px 20px
}

#smallinks,a.smallinks:link,a.smallinks:visited,a.smallinks:hover {
color:#5AB2FF;
font-size:10px;
}

a.smallinks:hover {color:#F0FFF0}


/*       Изображения      */

.image-left {
float:left;
margin:0;
padding:2px 10px 7px 5px;
}

.image-center {
display:block;
margin:5px auto
}

.image-right {
float:right;
padding:5px 5px 10px 10px
}

.image {padding:15px 0;}

a img, a img:hover {border: none}

a img:hover {
opacity: 0.9;
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
}

p.img {padding:11px 0;}


/*      Списки       */


ul {
padding-left:10px;
list-style:none;
margin:2px;
}

li {
margin:0 0 5px 0;
line-height:18px;
padding: 2px 0 0 14px;
background:url(../images/arrow.png) no-repeat 0 6px;
overflow:hidden
}

ul.abonentu {
padding:10px 5px 14px 9px;
margin: 8px 0 0 0;
font-size: 10px;
background:url(http://tele2life.ru/pic/logo/fon.png) repeat-x #17A1DE; 
width: 183px
}

.abonentu li {
margin-top:6px
}

ul.headul {
list-style: none;
display: block; 
text-align: center; 
padding: 5px 0 8px 0;
margin-left: 0; 
font-size: 12px;
font-weight: 600
}

.ads {
background:url(http://tele2life.ru/pic/logo/fon.png) repeat-x #17A1DE; 
}

ul.gprsfaq {
padding:10px
}

.gprsfaq li {
margin-top:14px
}

.latestnews li{background:url(../images/arrow.png) no-repeat 0 8px;}


/*  Карта сайта  */

div.mapsurlstyle a.mapsone {
font-weight:400;
font-size:18px;
color: white
}

div.mapsurlstyle a.mapsone:hover {color: #60B5FF}

/**#### DEFAULT and FORMS CSS ####**/

body,html {
margin:0 0 15px;
padding:0;
}

td,tr,p,div {
font-family: Arial, Verdana;
color:#f5f5f5;
font-size:15px;
line-height:22px;
}

p {padding-bottom:6px}

hr {
height:1px;
width:100%;
}

form {
margin:0;
padding:0;
}

.inputbox {
color:#f1f1f1;
background:#2B4A74;
border:1px solid #395884;
margin:3px 0;
}

input:hover,input:focus,textarea:hover,textarea:focus {
color:#f1f1f1;
background:#243E61
}

form select.button {
color:#fff;
background:#2B4A74
}

option {background:#2B4A74}

/**#### Joomla CSS #####*

* Buttons **/
.back_button {
font-size:12px;
font-weight:400;
padding-bottom:3px;
margin-right:4px;
float:right;
line-height:20px;
}

.button {
font-size:11px;
color:#EDF1F3;
border:1px solid #395884;
cursor:pointer;
background:#2B4A74;
margin:3px 0;
padding:2px;
}

/** Module table  **/
table.moduletable {
width:100%;
margin:0 0 8px;
}

table.moduletable th {
font-family:Verdana, Helvetica, sans-serif;
font-size:14px;
font-weight:700;
text-align:center;
width:100%;
color:#fff;
line-height:25px;
border-bottom:1px solid #395884;
height:29px;
padding:2px;
}

table.moduletable td {
padding-top:2px;
}

div.module {
text-align:left;
margin:0 0 20px;
}

div.module h3 {
font-family:Verdana, Helvetica, sans-serif;
font-size:14px;
font-weight:700;
text-align:center;
width:100%;
color:#fff;
line-height:27px;
border-bottom:1px solid #395884;
height:29px;
margin:0 0 15px;
}

.contentmod {
text-align:left;
padding:8px 0;
}

.contentmod td {
padding:5px;
}

.contentmod table.moduletable {
width:100%;
background:#283F61;
margin:0 0 8px;
}

.contentmod table.moduletable th {
font-size:14px;
font-weight:700;
text-align:right;
width:100%;
color:#fff;
line-height:25px;
background:url(../images/corner_content2.gif) #314C72 no-repeat top right;
border-bottom:1px solid #395884;
padding:2px 10px;
}

/** Read more **/
a.readon:link,a.readon:visited {
color:#60B5FF;
font-size:12px;
white-space:normal;
font-weight:400;
float:right;
line-height:15px;
text-decoration:none;
border-left:2px solid #60B5FF;
padding:1px 0 1px 10px;
}

a.readon:hover {
color:#314C72;
font-size:12px;
white-space:normal;
font-weight:400;
line-height:15px;
text-decoration:none;
border-left:2px solid #314C72;
padding:1px 0 1px 10px;
}

/** Pagenavigation **/
.pagenavcounter {
font-size:11px;
color:#60B5FF;
}

.pagenavbar {
border-top:1px solid #395884;
padding-top:5px;
margin:10px 0;
}

.pagenav,.pagenav_prev,.pagenav_next {
font-weight:400;
}

table.contenttoc {
border:1px solid #314C72;
background:#416496;
margin-left:2px;
margin-bottom:2px;
padding:0;
}

table.contenttoc th {
background:#314C72;
color:#fff;
margin:0;
padding:2px;
}

table.contenttoc td {
border-bottom:1px solid #314C72;
background-image:url(../images/arrow.png);
background-repeat:no-repeat;
background-position:4px 7px;
margin:0;
padding:3px 4px;
}

table.contenttoc td a:link,table.contenttoc td a:visited {
padding-left:12px !important;
text-indent:12px;
text-decoration:none;
}

table.contenttoc td a:hover {
color:#314C72;
}

/** Content **/
.sectiontableheader {
font-weight:700;
letter-spacing:1px;
color:#fff;
background:#152136;
border:1px solid #243E61;
padding:8px 5px;
}

.sectiontableentry1 {
vertical-align:top;
background:#243E61;
border-bottom:1px solid #395884;
line-height:20px;

}

.sectiontableentry1 td,.sectiontableentry2 td {
border-bottom:1px solid #395884;
line-height:20px;
padding: 10px 5px
}

.sectiontableentry2 {
vertical-align:top;
border-bottom:1px solid #395884;
background:#2B4A74;
line-height:20px;
}

a.category:link,a.category:visited {
font-size:14px;
font-weight:400;
padding:5px;
}

.createdate,.modifydate {
font-size:11px;
color:#39629A;
font-weight:400;
text-align:left;
width:100%;
}

.content_vote {
font-size:11px;
height:22px;
padding:2px 0;
}

table.content {
width:100%;
border-collapse:collapse;
border-spacing:0;
margin-bottom:10px;
padding:0;
}

.contentheading {
width:100%;
font-size:22px;
line-height:21px;
text-align:left;
text-indent:0;
color:#1DC8FF;
background:url(../images/corner_content2.gif) #314c72 no-repeat top right;
margin:3px 0;
padding:7px 5px;
}

.componentheading {
font-family:Verdana, Helvetica, sans-serif;
width:auto;
font-size:17px;
font-weight:700;
line-height:21px;
text-transform:uppercase;
text-align:left;
color:#fff;
background:url(../images/corner_content.gif) #314C72 no-repeat top right;
margin:5px !important;
padding:3px;
}

.contentdescription {
width:auto !important;
text-align:left;
margin:0;
padding:5px 0 0;
}

.blog_more {
margin:10px 0 7px 7px;
}

.buttonheading {
padding:0 2px;
}

.article_seperator {
display:block;
width:100%;
height:20px;
background:url(../images/separator.gif) no-repeat 50% 30%;
}

.moduletable .article_seperator {
background:none;
height:3px;
}

/** Polls **/
.poll {
line-height:13px;
font-weight:400;
text-align:left;
}

table.poll td {
font-weight:400;
text-align:left;
}

.pollstableborder {border-color:#395884}

/** CSS for Mainmenu **/

a.mainlevel:link,a.mainlevel:visited,a.mainlevel:hover,#active_menu,a.sublevel:link,a.sublevel:visited,a.sublevel:hover {
text-decoration:none;
}

a.mainlevel {
display:block;
width:auto !important;
font-size:12px;
background:none;
text-indent:10px;
margin:1px 0;
padding:0;
}

a.mainlevel:link,a.mainlevel:visited {
display:block;
font-size:14px;
border-bottom:1px solid #314C72;
font-weight:400;
color:#5AB2FF;
padding:2px 0 2px 10px;
}

a.mainlevel:hover {
border-bottom:1px solid #314C72;
font-size:14px;
font-weight:400;
color:#fff;
padding-left:10px;
background:#283F61;
}

#active_menu {
color:#fff;
border-bottom:1px solid #314C72;
background:url(../images/menu.gif) #283F61 96% 50% no-repeat;
}

a#active_menu:hover {
color:#4970A8;
border-bottom:1px solid #314C72;
}

ul#mainlevel {
display:block;
width:auto;
background:none;
list-style:none;
text-align:left;
margin:0;
padding:0;
}

ul#mainlevel li {
display:block;
width:auto;
background:none;
background-image:none;
line-height:16px;
text-align:left;
margin:0;
padding:0;
}

a.h3link {
display:block;
width:auto !important;
font-size:18px;
background:none;
text-indent:1px;
margin:5px 0;
padding:0;
}

/** Sublevel for Mainmenu **/
.sublevel {
font-family:Verdana;
color:#60B5FF;
margin:3px;
padding:3px 1px 3px 5px;
}

a.sublevel:link,a.sublevel:visited {
color:#60B5FF;
line-height:20px
}

a.sublevel:hover {color:#f1f1f1}

a.sublevel#active_menu {
background:transparent;
color:#f1f1f1;
border:0;
}

/** Topmenu styles for BOTTOM navigation (Position User3)**/
ul#mainlevel-nav {
list-style:none;
padding-right:20px;
margin:0;
}

#mainlevel-nav li {
float:right;
display:block;
list-style:none;
background-image:none;
width:auto !important;
font-size:13px;
line-height:28px;
white-space:nowrap;
margin:0;
padding:0;
}

#mainlevel-nav li a {
display:block;
padding-left:10px;
padding-right:0;
font-size:13px;
color:#60B5FF;
text-decoration:underline;
}

#mainlevel-nav li a:hover {
display:block;
font-size:13px;
color:#ccc;
}

/** images **/
.mosimage {
border:1px solid #314C72;
padding-top:3px;
margin:5px;
}

.mosimage_caption {
margin-top:3px;
color:#f1f1f1;
font-size:10px;
background:#314C72;
padding:2px;
}

h3 {
padding:12px 0 12px 5px;
}

/** ####### index.php ###### **/
#body {
background:url(http://tele2life.ru/pic/logo/background.png) repeat-x #1696CF
}

.main {
text-align:left;
width:100%;
}

div.mod {
background:none;
width:6px;
}



#outconteiner {
position:relative;
text-align:center;
width:940px;
margin:0 auto;
}

table.adminform,#images-page,#publish-page,#meta-page {
background:#314C72;
}



div.back_button a,.contentheading a {
text-decoration:none;
}

.contact_email,.blog {
width:100%;
}

a.pagenav:link,a.pagenav:visited,a.pagenav:hover {
font-size:12px;
text-decoration:none;
font-weight:400;
}

.sectiontableentry1 img,.sectiontableentry2 img {
margin:2px;
}

.small,.smalldark,.content_rating {
font-size:11px;
color:#39629A;
}

table.contentpane,table.contentpaneopen {
width:100%;
border-spacing:0;
padding-left:5px;
padding-right:5px;
margin-bottom:5px;
}