@charset "utf-8";
div,body,html,p,h1,h2,h3,h4,h5,h6,span,ul,li,img,form,input{
border:0;
margin:0;
padding:0;
}
#galerie ul li a:hover img,#galerie ul li a:hover span{
top:25px;
left:80px;
}
#galerie ul li a:hover span{
display:block;
position:fixed;
margin-top:-40px;
background-color:#FFFFFF;
color:#000000;
}
#galerie ul li a span{
display:none;
}
body{
background:#040404 url(fundal.png) top left repeat-x;
font-family:"Trebuchet MS", Verdana, Tahoma, Arial;
font-size:14px;
color:#FFF;
text-align:right;
}
#stanga{
float:left;
width:600px;
}
#dreapta{
float:right;
width:390px;
}
#meniu ul{
float:right;
}

#meniu li{
width:95px;
/*height:105px;*/
background:url(rosu.gif) right repeat-y;
display:inline-block;
float:left;
}
#meniu a{
width:94px;
/*height:105px;*/
display:block;
color:white;
text-decoration:none;
float:left;
font-size:16px;
word-spacing:20px;
padding-bottom:10px;
font-weight:bold;
}
#meniu a span{
font-family:"Courier New", Courier, monospace;
color:#000;
display:block;
font-size:45px;
margin-bottom:30px;
font-weight:normal;
}
#meniu a:hover{
background-color:#000;
}
#meniu a:hover span{
color:#770000;
}
#meniu #desc span{
margin-bottom:20px;
}
#meniu #desc {
padding-bottom:0px;
}
#continut {
background:url(rosu.gif) repeat-y right;
padding-right:2px;
margin-top:90px;
float:right;
}
#continut p{
margin-top:20px;
margin-bottom:20px;
line-height:30px;
}
h1{
margin-top:-10px;
margin-bottom:26px;
}
.mic{
width:210px;
float:right;
margin-right:45px;
}
.rosu{
background:url(rosu.gif) repeat-y right;
padding-right:3px;
}
#continut img{
border:1px #ff0000 solid;
}
.clear{
clear:right;
margin-top:20px;
}
#logo{
background:url(diaconu.gif) center no-repeat;
width:330px;
height:105px;
margin-right:20px;
float:right;
}
#stiatica{
width:360px;
margin-right:20px;
float:right;
margin-top:90px;
background:url(rosu.gif) repeat-y right;
padding-right:3px;
}
#stiatica h4{
background:url(stiati_ca.gif) no-repeat center;
height:33px;
width:126px;
float:right;
margin-top:0px;
clear:both;
}
#stiatica h4 span{
display:none;
}
#stiatica p{
clear:right;
margin-top:15px;
text-align:justify;
margin-left:20%;
line-height:24px;
}
p#rssstiati{
margin-top:40px;
margin-left:0px;
line-height:normal;
}
p#rssstiati,#stiatica h2{
text-align:right;
background:url(rosu.gif) right repeat-y;
display:block;
width:100px;
margin-right:10px;
padding-right:5px;
font-weight:bold;
float:left;
clear:left;
}
#rssstiati a{
font-family:"Courier New", Courier, monospace;
font-size:45px;
color:#000;
font-weight:normal;
text-decoration:none;
}
#rssstiati a:hover{
color:#fff;
}
#media{
background:url(rosu.gif) repeat-y right;
padding-right:4px;
margin-right:20px;
float:right;
margin-top:100px;
}
#copyright{
float:right;
width:80%;
margin-right:20px;
background:url(rosu.gif) repeat-y right;
padding-right:3px;
margin-bottom:5px;
font-size:10px;
}
#media a{
color:#aa0000;
text-decoration:none;
}
#galerie {width:600px; }
#galerie ul {list-style:none; padding:0; margin:0;width:500px; display:block;margin:30px;}
#galerie ul li {display:inline; width:70px; height:50px; float:left; margin:0 0 0px 0px;}
#galerie ul li a {display:block; width:70px; height:50px; text-decoration:none; border:1px solid #000;}
#galerie ul li a img {display:block; width:70px; height:50px; border:0;}
#galerie ul li a:hover {white-space:normal; border-color:#ddd;}
#elemente li a:hover img {position:fixed; width:auto; height:auto; border:22px solid #fff;}
#tweet ul ,#tweet li {list-style:none;}
#tweet span {display:block; color:#555;}
h4 a{
color:white;
}