BODY { margin:0; background-color:#000000; FONT-FAMILY: Arial,Verdana;
background-image: url(http://peterlife.ru/menu2015/fon/travel_peterlife_ru_fon.jpg);
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-repeat:no-repeat;
background-position:center;
background-attachment:fixed;}

A:link { font-size: 14px; line-height:175%; COLOR: #0000CC; TEXT-DECORATION: none;}
A:active {font-size: 14px; line-height:175%; color: #000000; text-decoration:none;}
A:visited { font-size: 14px; line-height:175%; COLOR: #0057AE; TEXT-DECORATION: none}
A:hover { font-size: 14px; line-height:175%; COLOR: #990000; TEXT-DECORATION: none;}

a.white:link { font-size: 14px; line-height:175%; COLOR: #FFFFFF; TEXT-DECORATION: none;}
a.white:active {font-size: 14px; line-height:175%; color: #FFFFFF;text-decoration:none;}
a.white:visited { font-size: 14px; line-height:175%; COLOR: #FFFFFF; TEXT-DECORATION: none}
a.white:hover { font-size: 14px; line-height:175%; COLOR: #CCCCCC; TEXT-DECORATION: none;}

a.black:link { font-size: 14px; line-height:175%; COLOR: #606060; TEXT-DECORATION: none;}
a.black:active {font-size: 14px; line-height:175%; color: #606060;text-decoration:none;}
a.black:visited { font-size: 14px; line-height:175%; COLOR: #606060; TEXT-DECORATION: none}
a.black:hover { font-size: 14px; line-height:175%; COLOR: #000000; TEXT-DECORATION: none;}

TD { FONT-SIZE: 11px; FONT-FAMILY: Arial;
}
TH { FONT-SIZE: 11px; FONT-FAMILY: Arial;
}


.hr-horizontal-gradient {
margin: 5px 0;
padding: 0;
height: 6px;
	border: none;
background: linear-gradient(to right, #094545, #ddd);
}
.hr-multiline {
margin: 20px 0;
	padding: 0;
 height: 20px;
 border: none;
color: #ddd; 
background-image: linear-gradient(currentColor, currentColor 33.33%, transparent 33.33%, transparent 100%);
background-size: 100% 3px;
}
.hr-vertical-lines {
 margin: 20px 0;
 padding: 0;
 height: 10px;
 border: none;
 color: #ddd;
 background-image: linear-gradient(90deg, orange, orange 33.33%, transparent 33.33%, transparent 100%);
 background-size: 3px 100%;
}
.hr-line {
 margin: 20px 0;
 padding: 0;
	height: 0;
 border: none;
 border-top: 1px solid #ddd;
}


p  {text-align:justify;}
p.feed_description {text-align:justify;}

i { COLOR: #165959;} 
b { COLOR: #0A4872; font-weight:500;}
strong { COLOR: #002C86; font-weight:500;}

h1 { font-size: 17px; margin: 0 0 2px 0; padding: 0; line-height: 1; COLOR: #015977; font-weight:500;} 
h2 { font-size: 17px; margin: 0 0 2px 0; padding: 0; line-height: 1; COLOR: #006600; font-weight:500;} 
h3 { font-size: 17px; margin: 0 0 2px 0; padding: 0; line-height: 1; COLOR: #0066CC; font-weight:500;} 
h4 { font-size: 17px; margin: 0 0 2px 0; padding: 0; line-height: 1; COLOR: #2E6161; font-weight:500;} 
h5 { font-size: 17px; margin: 0 0 2px 0; padding: 0; line-height: 1; COLOR: #003366; font-weight:500;} 
h6 { font-size: 17px; margin: 0 0 2px 0; padding: 0; line-height: 1; COLOR: #193772; font-weight:500;}


div.amazon {background: #FFFFFF;}
a img {border: none;} 

img.floatl28 {
  float: left;
  margin: 0px 3px 3px 0px;
  padding:0px 0px 0px 0px;

}

img.floatrss {
  float: left;
  margin: 0px 3px 3px 0px;
  padding:0px 0px 0px 0px;

}

img.infograf {width: 100%; padding:3px 3px 3px 3px;background:#EFEFEF;}
img.big {max-width: 600px; width: 100%; padding:3px 3px 3px 3px;background:#EFEFEF;}
img.big700 {max-width: 700px; width: 100%;}
img.big728 {max-width: 728px; width: 100%;}
img.big550 {max-width: 550px; width: 100%;}
img.big450 {max-width: 450px; width: 100%;}
img.big370 {max-width: 370px; width: 100%;}
img.big300 {max-width: 300px; width: 100%;}
img.big300 {max-width: 330px; width: 100%;}
img.big240 {max-width: 240px; width: 100%;}

img.bigimg {
display: block;
position: inherit;
margin-left: auto;
margin-right: auto;
margin: 0 0;
cursor: pointer;
width: 100%; 
max-width: 2600px;
padding:3px 3px 3px 3px;
background:#EFEFEF;}

img.bigimg:hover{
-webkit-transition: all 1.8s ease-out; -moz-transition: all 1.8s ease-out;
 -o-transition: all 1.8s ease-out; -ms-transition: all 1.8s ease-out;
 transition: all 1.8s ease-in;
position: absolute; left: 0px; right: 0px; margin: 0px auto;
max-width: 2500px;
width: 100%;
border-top:1px solid black;
border-right:1px solid black;
border-bottom:1px solid black;
border-left:1px solid black;
z-index:999;
}

img.bigart {
position: inherit;
margin-left: auto;
margin-right: auto;
margin: 0 0;
cursor: pointer;
width: 100%; 
max-width: 1600px;
padding:3px 3px 3px 3px;
background:#EFEFEF;}

img.bigart:hover{
-webkit-transition: all 1.8s ease-out; -moz-transition: all 1.8s ease-out;
 -o-transition: all 1.8s ease-out; -ms-transition: all 1.8s ease-out;
 transition: all 1.8s ease-in;
position: absolute; left: 0px; right: 0px; margin: 0px auto;
max-width: 2500px;
width: 100%;
border-top:1px solid black;
border-right:1px solid black;
border-bottom:1px solid black;
border-left:1px solid black;
z-index:999;
}

.video-container {
	height: 0px; overflow: hidden; padding-top: 30px; padding-bottom: 56.25%; position: relative;
}
.no-controls.video-container {
	padding-top: 0px;
}
.video-container iframe {
	left: 0px; top: 0px; width: 100%; height: 100%; position: absolute;
}
.video-container object {
	left: 0px; top: 0px; width: 100%; height: 100%; position: absolute;
}
.video-container embed {
	left: 0px; top: 0px; width: 100%; height: 100%; position: absolute;
}


.video-container2 {
	height: 1800px; overflow: hidden; padding-top: 30px; padding-bottom: 56.25%; position: relative;
}

.video-container2 iframe {
	left: 0px; top: 0px; width: 100%; height: 100%; position: absolute;
}

navmenu04 ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
navmenu04 li {
        display: inline-block;
    margin: 5px; 5px;
    transition: all 0.3s;
}

navmenu04 li.menu04 {
    display: block;
    color: #F3F3F3;
    transition: all 0.3s;
}

navmenu04 a {
    display: block;
    TEXT-DECORATION: none;
    color: #F3F3F3;
    transition: all 0.3s;
}
navmenu04 a:hover {
    TEXT-DECORATION: none;
    color: #CFD9DE;
}
 
@media all and (min-width: 200px) {
    navmenu04 li {
        margin: 1px; 1px;
    }
        navmenu04 a {
        TEXT-DECORATION: none;
        padding: 5px 5px;
        color: #660000;
        background-color: #F3F3F3;
    }
    navmenu04 a:hover {
        color: #660000;
        TEXT-DECORATION: none;
        background-color: #CFD9DE;
    }
}

navmenu01 ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
navmenu01 li {
    display: inline-block;
    margin: 5px; 5px;;
    transition: all 0.3s;
}

navmenu01 li.menu01 {
    display: block;
    color: #285064;
    transition: all 0.3s;
}

navmenu01 a {
    display: block;
    color: #285064;
    transition: all 0.3s;
}
navmenu01 a:hover {
    color: #12242d;
}
 
@media all and (min-width: 200px) {
    navmenu01 li {
                margin: 1px; 1px;
    }
    navmenu01 a {
        padding: 5px 5px;
        color: #fff;
        background-color: #285064;
    }
    navmenu01 a:hover {
        color: #fff;
        background-color: #12242d;
    }
}

navmenu02 ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
navmenu02 li {
    display: inline-block;
    margin: 5px; 5px;;
    transition: all 0.3s;
}

navmenu02 li.menu01 {
    display: block;
    color: #0577A7;
    transition: all 0.3s;
}

navmenu02 a {
    display: block;
    color: #0577A7;
    transition: all 0.3s;
}
navmenu02 a:hover {
    color: #12242d;
}
 
@media all and (min-width: 200px) {
    navmenu02 li {
                margin: 1px; 1px;
    }
    navmenu02 a {
        padding: 5px 5px;
        color: #fff;
        background-color: #0577A7;
    }
    navmenu02 a:hover {
        color: #fff;
        background-color: #12242d;
    }
}

navmenu03 ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
navmenu03 li {
    display: inline-block;
    margin: 5px; 5px;;
    transition: all 0.3s;
}

navmenu03 li.menu01 {
    display: block;
    color: #333333;
    transition: all 0.3s;
}

navmenu03 a {
    display: block;
    color: #333333;
    transition: all 0.3s;
}
navmenu03 a:hover {
    color: #666666;
}
 
@media all and (min-width: 200px) {
    navmenu03 li {
                margin: 1px; 1px;
    }
    navmenu03 a {
        padding: 5px 5px;
        color: #fff;
        background-color: #333333;
    }
    navmenu03 a:hover {
        color: #fff;
        background-color: #666666;
    }
}