/* Reset CSS */
html,body,div,span,applet,object,iframe,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,b,u,i,center,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-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}


* { margin: 0; padding: 0; }
#pagina{display:table;overflow:hidden;margin:0px auto;}
*:first-child+html #pagina {position:relative;}/*ie7*/
* html #pagina{position:relative;}/*ie6*/

#container{display:table-cell;vertical-align: middle;}
*:first-child+html #container{position:absolute;top:50%;}/*ie7*/
* html #container{position:absolute;top:50%;}/*ie6*/

*:first-child+html #continut{position:relative;top:-50%;}/*ie7*/
* html #continut{position:relative;top:-50%;}/*ie6*/

*:first-child+html #contor{position:relative;top:-50%;}/*ie7*/
* html #contor{position:relative;top:-50%;}/*ie6*/

html,body{height:100%;}
#pagina{height:100%;width:465px;}

html,body{height:100%;}
body{background:#fff;color:#7f7f7f;font-size:12px;font-family:Helvetica Neue, Helvetica, Arial, "Trebuchet MS", sans-serif;line-height:18px;}

h1{font-size:14px;}
h2{padding-top:10px;}
p{padding-top:5px;}
a{color:#7f7f7f;text-decoration:none;}
a:hover{color:#000;}

a.more{display:block; padding-top:10px;padding-bottom:10px; border-bottom:1px #ccc solid;}

#pagina{height:100%;width:465px;}
#container{padding:10px;}
#continut{ border:1px solid #666; padding:10px;}
#contor{ border:0px solid #666; padding:10px; text-align:center;}

.meniu {
    color: white;
    font-family: Tahoma;
    font-size: 8pt;
    font-weight: bold;
    border-right: 1px solid white;
    text-decoration: none;
    background-color: #313031;
    padding: 5px;
}

.meniu ul li a, .meniu ul li a:visited {display:block; text-decoration:none; color:#000;width:104px; height:20px; text-align:center; color:#fff; border:1px solid #fff; background:#710069; line-height:20px; font-size:11px; overflow:hidden;}
.meniu ul {padding:0; margin:0; list-style: none;}
.meniu ul li {float:left; position:relative;}
.meniu ul li ul {display: none;}

.meniu:hover {
    background-color: #5A8EC6;
}

.meniu ul li:hover a {color:#fff; background:#36f;}
.meniu ul li:hover ul {display:block; position:absolute; top:21px; left:0; width:105px;}
.meniu ul li:hover ul li a.hide {background:#6a3; color:#fff;}
.meniu ul li:hover ul li:hover a.hide {background:#6fc; color:#000;}
.meniu ul li:hover ul li ul {display: none;}
.meniu ul li:hover ul li a {display:block; background:#ddd; color:#000;}
.meniu ul li:hover ul li a:hover {background:#6fc; color:#000;}
.meniu ul li:hover ul li:hover ul {display:block; position:absolute; left:105px; top:0;}
.meniu ul li:hover ul li:hover ul.left {left:-105px;}

.bara {
    background-color: #313031;
    padding: 5px 0px 5px 0px;
}