/* General*/
html,body{margin:0;padding:0;height:100%}
body{font:76% tahoma,verdana,arial,sans-serif;background:#d3d3d3}
a,a:visited{display:inline;color:#006;text-decoration:none}
p {margin:0}
h1 {font:normal bold 120% arial,tahoma,verdana,sans-serif; color:#009;padding-left:10px}
#container{background:#e6f0f7;min-width:770px;max-width:1200px;margin:0 auto}
#outer1,#outer2{float:left;width:100%}
#outer1{background: url(/images/design/col_bg.png) repeat-y 0;border-bottom:silver 1px solid;
clear:both;margin-bottom:4px}
#outer2{background: url(/images/design/col_bg1.png) repeat-y 100%}
#wrapper{float:left;width:100%}

.headline {height:24px;background:#3d63a3;color:#fff;padding:0 5px;
font:normal bold 14px arial;line-height:1.5;margin:2px 2px 5px 2px}

/*Header*/
#header{height:145px;background-color:#fff;background: url(/images/design/head_02.jpg) repeat-x}
#flag{width:100%;height:145px;background: url(/images/design/head_01.jpg) no-repeat 0 0}
#logo{height:145px;width:100%;background: url(/images/design/head_04.jpg) no-repeat 100% 0}
#logo p{text-align:center;padding-top:20px;font:normal bold 20px verdana,tahoma,arial;color:#009;}
/*Bar*/
#searchbar{width:100%;height:35px;background:#ececff url(/images/design/head_06.gif) no-repeat 100% 0;
border-bottom:silver 1px solid;margin-bottom:2px;}
#bar{width:100%;height:21px;padding-top:5px}
html:first-child #bar {padding-top:1px}
#lang{width:200px;text-align:center;font-size:12px}
#lang a{padding:5px;font-size:12px}
#search{text-align:right}

#wind {float:right;width:200px;height:20px;border:0px solid #7d99c8;}
#search input{display:inline;margin:0;padding:0;text-align:left}
.srch {height:18px;width:145px;border:none;}
html:first-child .srch {height:18px;}
.buttsearch{width:20px;height:20px;cursor:pointer}
#icons{width:200px}
#pic{width:80px;background: url(/images/design/links_blue.gif) no-repeat 100%;}
#pic a {padding:0 5px}
/*Content*/
#content{margin:0 200px 0 200px;overflow:hidden}
#protlist ul, #protlist li, #protlist a {font-size:14px;line-height:1.5}
/*Left Column*/
#navigation{float:left;width:200px;margin-left:-100%;min-height:400px;
background: url(/images/design/office_blue.jpg) no-repeat 4px 2px; padding-top:155px}
/*Right Column*/
#extra{float:left;width:200px;margin-left:-200px}

#navigation, #content,#extra {padding-bottom: 10px}

/*Footer*/
#footer{clear:left;width:100%;height:35px;background:#3d63a3;padding:3px;
font-size:80%;color:#fff;text-align:left;vertical-align:top;line-height:1.0}
#footer a, #footer a:visited {color:#fff}
#rights {float:left;width:350px}
#stat {float:right;width:170px;height:35px;background: url(/phpc/counter.php) no-repeat 70px 1px}
#stat p{margin:0;padding:0;text-align:left}

.clr {clear:both;}

/* vertical menu styles */
#contour {width: 198px; height: 285px; border:none; background: transparent; margin:5px 0 5px 0;}
*html #contour {width: 200px;}
/* The menu styling */
/* Remove the padding, margins and bullets from the lists */
.menu, .menu ul {list-style-type:none; padding:0; margin:0; width:198px;}
.menu {margin:2px 0 5px 2px;}
/* for IE7 to position the tables correctly */
.menu {position:relative; float:left;}
.menu li a, .menu li a:hover {font-family: tahoma, verdana,arial, sans-serif; font-size: 11px;}
/* for IE5.5 and IE6 to position the tables corectly */
* html .menu {position:static; margin:2px 0px 5px 1px;}
/* Set up the size of the list items and float left to place inline */
.menu li {display:block; float:left; width:194px; background:#a5b5e2; margin:0; 
border:1px solid #000; border-color:#fff #898ebc #898ebc #fff;}
.menu li ul li{display:block; float:left; width:290px; background:#a5b5e2; margin:0; 
border:1px solid #000; border-color:#fff #898ebc #898ebc #fff;}
* html .menu li {display:block; float:left; width:194px; background:#a5b5e2; margin:0; 
border:1px solid #000; border-color:#fff #898ebc #898ebc #fff; text-indent:5px;}
/* Give the sub level list item a diffent background color to make it 'stand out'. */
.menu li.sub {background:#a5b5e2  url(/images/design/arrow_blue.gif) no-repeat 185px 7px;}
/* Style and position the table so it takes no part in the menu function. The font size is necessary for IE5.5 */
.menu table {border-collapse:collapse; width:0; height:24px; position:absolute; 
bottom: 0; top:auto; left:0; font-size:1em;}
/* Default link styling */
.menu li a {display:block; color:#003; 
line-height:24px; height:24px; text-decoration:none; text-indent:5px;}
/* Style the list OR link hover. Depends on which browser is used */
.menu a:hover {display:block; color:#fff; background:#339; text-indent:5px;}
/* For all browsers except IE5.5 and IE6 to keep the hover state through the menu cascade. */
.menu :hover > a {display:block; color:#fff; background:#339; text-indent:5px;}
/* Give the link OR list a relative position. Depends on which browser is used */
.menu li.sub:hover,
.menu li.sub a:hover {display:block; position:relative;}
/* keep the 'next' level invisible by placing it off screen. */
.menu ul, 
.menu :hover ul ul, 
.menu :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul :hover ul ul {position:absolute;left:-9999px; width:198px; top:0;}
/* drop down */
.menu :hover ul,
.menu :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul :hover ul {display:block; padding:20px 20px 20px 0; left:180px; 
top:-18px; bottom:auto;}
#main {font: normal normal 100% arial,verdana,tahoma,sans-serif; color:#272727;
margin-top:-10px;}
#main p {text-align:justify; padding:0 10px 5px 10px;}
/*Navpanel styles*/
#navigation p {padding: 2px 4px;font-size:90%}
/*News Styles*/
#lastnews {width:200px;}
#lastnews h1,#lastnews p {margin:0;padding:2px 4px 5px 6px;font-size:90%;font-weight:normal;color:#006;
line-height:1.0;}
#lastnews p {font-weight:normal;color:#000}

#news a, #news a:hover, #news a:visited, #docs a, #docs a:hover, #docs a:visited {text-decoration: none; color: #009;}
#news p, #docs p { font-size: 100%; color:#272727; padding: 0 5px 5px 5px; line-height:1.2em;
text-align: justify; margin:0 0 5px 5px;}
#news h1, #docs h1, #archive h1, #news h2, #docs h2 {margin:2px 0 5px 5px; padding-left: 10px; font: normal bold 120% arial;color: #009;}
#news h2, #docs h2 {font-size:100%;padding-left: 10px;margin:0 2px;}
.pictleft {float:left; margin: 0 10px 5px 0;}
.pictright {float:right; margin: 0 0 5px 10px;}
.stick {border: 1px dashed #009; border-width: 0 0 1px 0;}
#dateline {width: 110px; margin: 0 0 3px 15px; padding: 3px 5px;color: #fff; background: #3d63a3}
#archive {padding:5px 15px}
#archive h2 {color:#009}
#archive a, #archive a:hover, #archive a:visited {text-decoration: underline; color: #f00}
#logout {text-align:right;display:block;padding:0 10px}
#logout a {float:right; background:#7d99c8;border:1px solid #3d63a3;color:#fff;padding:3px 5px}

/*Useful Links Styles*/
#herb,#uza,#tvr,#meteo,#seism,#unicef{width:190px;margin:3px 0 0 4px ;padding:3px 0;background:#fff;
font:normal normal 10px arial;color:#009;border:1px solid #a5b5e2;text-align:center}
#herb a,#uza a,#tvr a,#meteo a,#seism a{display:block;margin:3px 3px 3px 50px}
#herb{background:#fff url(/images/design/herb.jpg) no-repeat 2px}
#uza{background:#fff url(/images/design/uza.jpg) no-repeat 2px}
#tvr{background:#fff url(/images/design/tvr.jpg) no-repeat 2px}
#meteo{background:#fff url(/images/design/meteo.png) no-repeat 2px}
#seism{background:#fff url(/images/design/seism.png) no-repeat 2px;text-align:right}
#unicef{height:37px;background:#fff url(/images/design/unicef.png) no-repeat 0;padding:0}
/*Cardfiles Styles*/
#card  {color: #5b5b5b;margin-left: 10px}
#card {margin-left: 10px;}
#post,#card h3 {font: normal normal 120% tahoma; color: #009;}
#post { vertical-align:top; padding:15px 5px 5px 5px;}
#photo {width:10%;}
#photo img {float:left; border:1px solid #009; width:200px;}
#contact {width:90%;padding:5px 10px; text-align: left; vertical-align:top;}
#contact  h3 {font-weight:bold;font-variant:small-caps; margin:0 0 5px 0;}
#links a {text-decoration: underline;}
#anypost, #links {padding: 10px 0;}
#phone {line-height: 18px;}
/*Feedback Styles*/
#form {width: 99%;}
#feedback {width:96%;border:none;text-align: right;font-size:12px}
#feedback textarea {width:99%;height:100px;border:1px solid #3d63a3}
.lable {padding:2px 10px;text-align:right;width:60%;}
.field {text-align:right; width:40%;}
.field input {width:90%;border:1px solid #3d63a3;vertical-align:absmiddle}
.field select {width:60%;border:1px solid #3d63a3;vertical-align:absmiddle}
.field img {border:1px solid #3d63a3;float:right;width:130px;height:40px}
.butt {background: url(/images/design/submit_blue.png) no-repeat;text-align:center;
border:none;width:82px;height:22px}
/*FAQ Styles*/
a.quest {color:#009; text-decoration:none;}
p.ans {color:#900;padding-bottom: 15px;}

#slider1 {width:196px;height:110px;text-align:center;margin:5px 2px;background: url(/images/slider/image1.jpg) no-repeat 0}


#structure table {width: 98%;border:1px solid #009;background: #ddf;border-collapse: collapse;font-size: 12px;}
#structure td {border:1px solid #009;text-align: center;}
#lab {background:#99cc66 url(/images/design/111.gif) no-repeat 50% 50%;}