/* ----- Глобальный сброс стилей -----*/
html, body, div, span, applet, object,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
body {min-width:1200px; width:100%; background-color:#cccccc;
font-family: Helvetica, Arial, Sans-serif;
font-size: 15px; line-height: 145%;
color:#333333; text-align:justify
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
/* ----- end Глобальный сброс стилей -----*/
/*----рисуем для всех элементов красные границы !прописать звездочку* в начале
* {
border: 1px solid red !important;
}----*/
/* ----- end красные границы -----*/
* {
margin: 0;
padding: 0;
}
/* ---------Main structure style ------------*/
#clear{clear:both}
h1{color: #336699;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 120%;
font-weight: bold;
text-shadow: white 2px 0px, white 2px 2px,
white 0px 2px, white -2px 2px, white -2px 0px,
white -2px -2px, white 0px -2px, white 2px -2px,
white 0 0 6px, white 0 0 6px, white 0 0 6px,
white 0 0 6px, white 0 0 6px, white 0 0 6px,
white 0 0 6px, white 0 0 6px;
}
h2{color: #336633;
font-size: 18px;
text-decoration: none;
}
h3{color: #336633;
font-size: 16px;
text-decoration: none;
margin-top:27px;
}
a{color: #000;}
a:hover{color: #999}
#background{margin: 0 auto; background: #ccff99 url('/images/body_BGimg_1280.jpg') no-repeat; width: 1260px }
#content-wrapper{margin: 30px auto 50px auto;
width: 1170px;
}
#header{margin: 0 auto;
min-height: 350px;
padding-top: 20px;
width: 90%;
}
.logo {width:310px; margin: 5px 0 20px 28px}
#TEMPUS_Netwater{float: right;
width: 450px;
text-align:center;
padding-top:10px;
}
#mainBG{margin: -240px auto 0 auto;
width: 1150px;
background: url('/images/mainBG.png') no-repeat;}
#main{
background: #ffffff;
margin-top: -38px
}
#sidebar {float: left;
width: 350px;
margin: 10px 0 0 40px;
text-align:left
}
#languages{list-style-type:none;}
#languages li {display:inline;}
#navigation {margin-top:20px; list-style-type:none;}
#navigation li {padding-bottom:15px; display:block;}
#navigation .current a {color: #336600; font-size: 16px; text-decoration: none; font-weight: bold}
#navigation li a {color: #336600; font-size: 16px; text-decoration: none}
#navigation li a:hover {color: #669933; font-size: 17px; text-decoration: none}
#pr{display:block;
width:275px;
height:294px;
background: url('/images/PRNETWATER_logo.png'); background-repeat:no-repeat;
margin-top:40px;}
#pr:hover{
background: url('/images/PRNETWATER_logo_hover.png'); background-repeat:no-repeat;
}
#contentright { margin:40px 40px 10px 400px; padding-bottom:60px; padding-top:20px;}
#logoDrops{float:right; margin: 0 30px 30px 15px}
.underline{margin-bottom: 14px}
#no_disk{margin-bottom:15px; list-style-type: none;}
.ul{ list-style-type: Disc; padding-left:20px}
#footer{margin: -35px auto 0 auto;
padding-bottom:30px;
width: 1150px;
background: #ccff99 url('/images/bg_footer_1280x800.png'); background-repeat:no-repeat;
}
#support{width: 30%; margin-left: 65%; padding-top: 100px}
.tempus {width:260px; margin-top:10px; margin-bottom:0;}
.textsupport{ margin-top: 0; color: #336633; font-size: 11px; line-height: 130%;}
#footer .footer_nav {text-align:center;
margin: 150px auto 50px auto ;
width: 1080px;
}
#footer .footer_nav li {
display:inline;
color:#669900;
}
#footer .footer_nav li a {
color:#336600;
padding:0 3px 0 3px;
font-size:11px;
text-decoration:none;
}
#footer .footer_nav li a:hover, #footer .nav li a.current {
color:#669900;
}
.copyright{color: #336600; font-weight: bold}
/* ---------Main structure style------------*/
/* ---------index------------*/
.ul li{margin-bottom:10px}
/* ---------index------------*/
/* ---------phases_netwater style ------------*/
.yearsandphases {margin: 0 auto; width: 90%; height: 170px; padding: 0px; position: relative;
background: url('/images/yearsANDphases.jpg') no-repeat; background-position: 75px 22px}
.yearsandphases_rus {margin: 0 auto; width: 90%; height: 170px; padding: 0px; position: relative;
background: url('/images/phases_rus.jpg') no-repeat; background-position: 75px 22px}
.phase_container{margin: 0 auto; width: 90%; border: solid 2px #ccc; border-radius:16px;
padding: 15px}
/* ---------phases_netwater style ------------*/
/* ---------net_of_universities style------------*/
.map_container{margin: 0 auto; width: 499px; height: 281px; padding: 0px; position: relative;
background: url('/images/map.gif') no-repeat;}
.headline {color: #336633; font-size: 16px; text-decoration: none; float:none}
.headline:hover{color: #cccccc}
a.dot{background: url('/images/invisibleBG.png') no-repeat; display:block; background-position: left center;
position: absolute;}
#Genoa{ width:280px; height:40px;}
#Genoa:hover{background: url('/images/Genoa.png') no-repeat}
#London{ width:180px; height:40px;}
#London:hover{background: url('/images/London.png') no-repeat}
#Bratislava{ width:320px; height:40px;}
#Bratislava:hover{background: url('/images/Bratislava.png') no-repeat;}
#Stavropol{width:280px; height:40px;}
#Stavropol:hover{background: url('/images/Stavropol.png') no-repeat}
#Tambov{ width:280px; height:40px;}
#Tambov:hover{background: url('/images/Tambov.png') no-repeat}
#Vladimir{ width:280px; height:40px;}
#Vladimir:hover{background: url('/images/Vladimir.png') no-repeat}
#Yekaterinburg{ width:459px; height:40px;}
#Yekaterinburg:hover{background: url('/images/Yekaterinburg.png') no-repeat}
#Moscow_GUZ{ width:261px; height:40px;}
#Moscow_GUZ:hover{background: url('/images/Moscow_GUZ.png') no-repeat}
#Moscow_Bauman{ width:303px; height:40px;}
#Moscow_Bauman:hover{background: url('/images/Moscow_Bauman.png') no-repeat}
/* ---------net_of_universities style RUS------------*/
#Genoa_rus{ width:280px; height:40px;}
#Genoa_rus:hover{background: url('/images/Genoa_rus.png') no-repeat}
#London_rus{ width:180px; height:40px;}
#London_rus:hover{background: url('/images/London_rus.png') no-repeat}
#Bratislava_rus{ width:325px; height:40px;}
#Bratislava_rus:hover{background: url('/images/Bratislava_rus.png') no-repeat;}
#Stavropol_rus{width:280px; height:40px;}
#Stavropol_rus:hover{background: url('/images/Stavropol_rus.png') no-repeat}
#Tambov_rus{ width:280px; height:40px;}
#Tambov_rus:hover{background: url('/images/Tambov_rus.png') no-repeat}
#Vladimir_rus{ width:294px; height:40px;}
#Vladimir_rus:hover{background: url('/images/Vladimir_rus.png') no-repeat}
#Yekaterinburg_rus{ width:459px; height:40px;}
#Yekaterinburg_rus:hover{background: url('/images/Yekaterinburg_rus.png') no-repeat}
#Moscow_GUZ_rus{ width:331px; height:40px;}
#Moscow_GUZ_rus:hover{background: url('/images/Moscow_GUZ_rus.png') no-repeat}
#Moscow_Bauman_rus{ width:303px; height:40px;}
#Moscow_Bauman_rus:hover{background: url('/images/Moscow_Bauman_rus.png') no-repeat}
/* ---------net_of_universities style------------*/
/*------------contacts-----------*/
a.uni{color: #336600;}
a.uni:hover{color: #669966}
/*-------publications--------*/
#publications
{
table-layout:fixed;
border-spacing: 15px;
border-collapse: separate;
}
#publications td {
width:170px;
padding: 5px;
}
#publications td {
padding: 15px;
}
a.pub{ width:115px;
height:224px;
display:block;
}
a.pub1{ width:390px;
height:170px;
display:block;
margin:2em;
}
.sidebar{font-size: 13px; width:328px; background: url('/images/pub_about_BG1.png') no-repeat;
color:#336600; margin-top:10px
}
.p_sidebar{
padding:24px
}
.img_pub_about{margin-top:10px}
.sidebar a {color: #336600; text-decoration: none;}
.sidebar a:hover {color:#669933}
#about_water{background: url('/images/0-Cover.jpg') no-repeat}
#about_water:hover{background: url('/images/0-CoverHover.jpg') no-repeat}
#Ecomonitoring{background-image: url('/images/1-Cover.jpg')}
#Ecomonitoring:hover{background-image: url('/images/1-CoverHover.jpg')}
#Water_ecology_and_human_impact{background-image: url('/images/2-Cover.jpg')}
#Water_ecology_and_human_impact:hover{background-image: url('/images/2-CoverHover.jpg')}
#Water_engineering{background-image: url('/images/3-Cover.jpg')}
#Water_engineering:hover{background-image: url('/images/3-CoverHover.jpg')}
#Water_management_and_treatment{background-image: url('/images/4-Cover.jpg')}
#Water_management_and_treatment:hover{background-image: url('/images/4-CoverHover.jpg')}
#Membranes_and_membrane_processes{background-image: url('/images/5-Cover.jpg')}
#Membranes_and_membrane_processes:hover{background-image: url('/images/5-CoverHover.jpg')}
#Water_and_waste_water_treatment1{background-image: url('/images/6.1-Cover.jpg')}
#Water_and_waste_water_treatment1:hover{background-image: url('/images/6.1-CoverHover.jpg')}
#Water_and_waste_water_treatment2{background-image: url('/images/6.2-Cover.jpg')}
#Water_and_waste_water_treatment2:hover{background-image: url('/images/6.2-CoverHover.jpg')}
#Research_methods{background-image: url('/images/7-Cover.jpg')}
#Research_methods:hover{background-image: url('/images/7-CoverHover.jpg')}
#Ecomonitoring_rus{background-image: url('/images/1-Cover.jpg')}
#Ecomonitoring_rus:hover{background-image: url('/images/1-CoverHover_rus.jpg')}
#Water_ecology_and_human_impact_rus{background-image: url('/images/2-Cover.jpg')}
#Water_ecology_and_human_impact_rus:hover{background-image: url('/images/2-CoverHover_rus.jpg')}
#Water_engineering_rus{background-image: url('/images/3-Cover.jpg')}
#Water_engineering_rus:hover{background-image: url('/images/3-CoverHover_rus.jpg')}
#Water_management_and_treatment_rus{background-image: url('/images/4-Cover.jpg')}
#Water_management_and_treatment_rus:hover{background-image: url('/images/4-CoverHover_rus.jpg')}
#Membranes_and_membrane_processes_rus{background-image: url('/images/5-Cover.jpg')}
#Membranes_and_membrane_processes_rus:hover{background-image: url('/images/5-CoverHover_rus.jpg')}
#Water_and_waste_water_treatment1_rus{background-image: url('/images/6.1-Cover.jpg')}
#Water_and_waste_water_treatment1_rus:hover{background-image: url('/images/6.1-CoverHover_rus.jpg')}
#Water_and_waste_water_treatment2_rus{background-image: url('/images/6.2-Cover.jpg')}
#Water_and_waste_water_treatment2_rus:hover{background-image: url('/images/6.2-CoverHover_rus.jpg')}
#Research_methods_rus{background-image: url('/images/7-Cover.jpg')}
#Research_methods_rus:hover{background-image: url('/images/7-CoverHover_rus.jpg')}
/*-------publications--------*/
/*------news------------*/
.contentNews{ margin-bottom:45px;
}
.photoNews{float: left;
margin-right:15px;
border-width: 1px;
border-style: solid;
border-color: #ccc;
padding: 7px
}
ul.news{ margin-left:15px; }
.a_h3{color: #336633;
font-size: 16px;
text-decoration: italic;
}
/*------news------------*/
/*---------------photo gallery--------*/
#content {
width: 80%;
margin: 20px auto 0 auto;
padding: 0 40px 30px 40px;
border: solid 1px #cbcbcb;
background: #fafafa;
box-shadow: 0px 0px 10px #cbcbcb;
box-shadow: 0px 0px 10px #cbcbcb;
-webkit-border-radius:16px;
-moz-border-radius:15px;
-khtml-border-radius:20px;
}
}
.gallery {
margin: 0;
padding: 7px 0;
}
.gallery_a{
outline: none;
}
.big {
border: 1px solid #BBB;
padding: 2px;
margin: 10px 20px 10px 0;
vertical-align: top;
}
.last {
border: 1px solid #BBB;
padding: 2px;
margin: 10px 20px 10px 0;
vertical-align: top;
margin-right: 0;
}