/* BASIC RESET */

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{margin:0; padding:0;}



/* HTML ELEMENTS */



/* COMMON CLASSES */

.break { clear:both; }

h4{text-align:center;}

/* HEADER */

#header { height:600px; }

.headerimg { background-position:center top; background-repeat: no-repeat; width:100%; height:600px; position:absolute;

-moz-box-shadow: 30px 10px 50px #111111;

-webkit-box-shadow: 20px 10px 30px #111111; }



/* NAVIGATION */

#nav-outer { height:75px; padding-top:11px; position:relative;  top:24px; background-image:url("../images/headerbg1.png"); }

#navigation { height:100px; width:960px; margin:0 auto; background-image:url("../images/"); background-position:top right; background-repeat:no-repeat; }



/* MENU */

#menu { position:relative; top:1px; text-align:right; }

#menu ul { list-style:none; }

#menu ul li { display:inline; font-variant:small-caps;}

#menu ul li a { text-decoration:none; font-weight:bold;
padding-right:3px; 
 }





/* CONTROLS */

.btn { height:32px; width:32px; float:left; cursor:pointer; }

#back { background-image:url("../images/btn_back.png"); }

#next { background-image:url("../images/btn_next.png"); }

#control { background-image:url("../images/btn_pause.png"); }



/* HEADER HAVIGATION */

#headernav-outer { position:relative; top:400px; margin:0 auto; width:960px; }

#headernav { padding-left:864px; }

/* CONTENT */

#content { color:#575757; background-color:#eee; }
#content p { padding:10px 20px; font-size:16px; width:960px; margin:0 auto; }
#content p a { text-decoration:none; color:#CD2B3A; }
#content p a:hover { text-decoration:underline; color:#7F000C; }

#main {
width:950px;
margin:0 auto;}
#nav {
width:950px;
-webkit-box-shadow: 0px 4px 7px 2px rgba(0, 0, 0, 0.5);
-moz-box-shadow:    0px 4px 7px 2px rgba(0, 0, 0, 0.5);
box-shadow:         0px 4px 7px 2px rgba(0, 0, 0, 0.5);
border-radius:5px;}

#content{
margin-top:20px;
width:950px;
height: auto;
}

#left {
float:left;
width:225px;
height:695px;
background-image: url(../images/midle.jpg);
padding-left:10px;
-webkit-box-shadow: 3px -2px 7px 2px rgba(0, 0, 0, 0.5);
-moz-box-shadow:    3px -2px 7px 2px rgba(0, 0, 0, 0.5);
box-shadow:         3px -2px 7px 2px rgba(0, 0, 0, 0.5);
border-radius:8px;
}

#amragrum {
float:left;
width:201px;
height:50px;
background-image:url(../images/2.png);
}

#center {
float:left;
margin-left:7px;
width:680px;
text-align:center;
color:#FFFFFF;
font-size:16px;
padding:10px;
background-image:url(../images/midle.jpg);
-webkit-box-shadow: 3px -2px 7px 2px rgba(0, 0, 0, 0.5);
-moz-box-shadow:    3px -2px 7px 2px rgba(0, 0, 0, 0.5);
box-shadow:         3px -2px 7px 2px rgba(0, 0, 0, 0.5);
border-radius:8px;
}
#text{
position:relative;
float:left;
width:500px;
}

#right {
padding-left:5px;
float:left;
width:170px;
height:100%;
}
#marq {
position:relative;
margin-top:50px;
padding-top:20px;
float:right;
right:-5px;
height:230px;
width:170px;
background-image:url(../images/marq.png);
border-radius:30px;
}
#contacts {
position:relative;
padding-top:20px;
float:right;
right:-5px;
height:230px;
width:170px;
text-align:left;
}

#meteo {
position:relative;
height:125px;
width:150px;
margin-left:20px;
background-image:url(../images/meteo.jpg);
}
#meteo:hover {
cursor:pointer;
-webkit-box-shadow: 0px 4px 7px 2px rgba(0, 0, 0, 0.5);
-moz-box-shadow:    0px 4px 7px 2px rgba(0, 0, 0, 0.5);
box-shadow:         0px 4px 7px 2px rgba(0, 0, 0, 0.5);
}
#footer {
padding-left:150px;
padding-top:20px;
position:relative;
margin:0 auto;
margin-top:5px;
float:left;
width:792px;
height:50px;
background-image:url(../images/foot.jpg);
border-radius:8px;
-webkit-box-shadow: 0px 4px 7px 2px rgba(0, 0, 0, 0.5);
-moz-box-shadow:    0px 4px 7px 2px rgba(0, 0, 0, 0.5);
box-shadow:         0px 4px 7px 2px rgba(0, 0, 0, 0.5);}
a.yel{
color:#FFFF00;
}
a.yel:hover{
text-decoration:underline;
}

.lang{
width:200px;
height:70px;
margin:0 auto;
padding-right:115px;
}
#map {
position:relative;
margin-top:20px;
float:left;
width:500px;
height:550px;
}
#title {
position:relative;
margin: 0 auto;
margin-top:10px;
height:80px;
width:600px;
text-align:center;}
.clear{
height:100px;
width:200px;
position:relative;
margin-top:105px;}
#lang{
position:relative;
float:right;
height:10px;
}

#search {
position: relative;
float:right;
right:-60px;
top:20px;
width:200px;
height:60px;
}
table.tab{border:solid; font-size:20px; font-weight:bold; text-align:center; height:500px;}