/* CSS Document */
td,th,input,textarea,select{
	font-family: tahoma;
	font-size: 12px;
}
body {
	font-family: tahoma;
	font-size: 12px;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	background-image: url(img/bg.jpg);
	background-repeat:repeat;
	background-color:#71828A;
	margin-bottom: 0px;
	color:#395159;
}

a:link {
	color: #BE292D;
	text-decoration: none;
}
a:visited {
	color: #BE292D;
	text-decoration: none;
}
a:hover {
	color:#990000;
	text-decoration: none;
}
a:active {
	color: #BE292D;
	text-decoration: none;
}

ul,li {
	margin-left: 2px;
	padding-left: 2px;
	list-style-position:inside;
	text-indent:5px;
	}
p
{
padding:3px;
margin:0px;
}
.red
{
color:#BE292D;
}
.td_l_100
{
text-align:left;
padding-left:3px;
width:170px;
}
.td_r_200
{
text-align:left;
padding-left:10px;
width:200px;
}
.secinp
{
	font-size:11px;
	font-family: tahoma;
	background-color:#395159;
	color:white;
	width:174px;
}

input,select,textarea
{
	font-size:11px;
	font-family: tahoma;
	background-color:#395159;
	color:white;
	width:95px;
}
input:focus, input.sffocus { background: #BE292D;color:#fff }
form
{
	font-family: tahoma;
	padding:0px;
	margin:0px;
}
.buton_l
{
	float:right;
	width:5px;
	height:20px;
	background-image: url(img/buton_left.gif);
	background-repeat:repeat-x;
}
.buton_r
{
	float:right;
	width:5px;
	height:20px;
	background-image: url(img/buton_right.gif);
	background-repeat:repeat-x;
}
.buton
{
	font-family: tahoma;
	float:right;
	font-size: 12px;
	background-image: url(img/buton_center.gif);
	background-repeat:repeat-x;
	height:20px;
	background-color:none;
	border:none;
	padding:2px 10px 0px 10px;
	text-decoration:none;
	color:#FFFFFF;
	cursor:pointer;
	font-variant:small-caps;
	font-weight:bold;
}
.sub
{

width:120px;
padding:2px;
border-bottom:dashed #ccc 1px;
cursor:pointer;
}
.sub:hover
{
border-bottom:dashed #666 1px;
}

.meniu
{
	float:left;
	padding-top:5px;
	height:30px;
	font-weight:bold;
	cursor:pointer;
	border-bottom:solid 5px #E7E8EA;
	border-left:dashed 1px #E7E8EA;
}
.meniu:hover
{
	height:30px;
	color:#BE292D;
	border-bottom:solid 5px #BE292D;
}
.meniu_on
{
	float:left;
	padding-top:5px;
	height:30px;
	font-weight:bold;
	cursor:pointer;
	color:#BE292D;
	border-left:dashed 1px #E7E8EA;
	border-bottom:solid 5px #999999;
}

/* default setup that everything sees */
.shadow {
  /* needed for Internet explorer */
  height: 1em;
  filter: Shadow(Color=#666666, 
                 Direction=135, 
                 Strength=5);

  /* Needed for Gecko */
  line-height: 2em;
  white-space: nowrap;
}

/* 
 * used by browsers which know about
 * :before to create the shadow 
 */
.shadow:before {
  display: block;
  margin: 0 0 -2.12em 0.15em;
  padding: 0;
  color: #666666; 
}

#shadow_1:before { 
  content: 'In shadow'; 
}
#second_2:before { 
  content: 'Happy Shadowing!'; 
}

/*\*/
html*.shadow {

  [color:red;/* required by Safari 
              * so that [] is correctly
              * begun. associated with
              * the property, yet hiding
              * it. Seen by IE6 */

    /* 
     * seen by IE6 and Safari, but hidden
     * from Gecko 
     */
    text-shadow: #666666 5px 5px 5px; 

  ]color:auto; /* resets color for IE6 */
}/**/

/* 
 * end hack using dummy attribute selector
 * for IE5 mac
 */
.dummyend[id]{clear: both;}

/*\*/
html*.shadow:before {

  [color:red;/* required by Safari. 
                seen by IE6 */

    /* 
     * seen by IE6 and Safari, but hidden
     * from Gecko 
     */
    display: none;

  ]color:auto; /* resets color for IE6 */
}/**/

/* 
 * end hack using dummy attribute selector
 * for IE5 mac
 */
.dummyend[id]{clear: both;}


.btn
{
background: #aaa;
color: #fff;
text-decoration: none;
cursor: pointer;
font-size:12px;
font-family:Tahoma;
border:none;
padding:3px;
border:solid 1px #999999;
text-align:center;
}

.btn.blue { background: #2ae; }
.btn.green { background: #9d4; }
.btn.yellow{ background: #ff7; color:#3C2815; font-weight:bold;}
.btn.pink { background: #e1a; }
.btn:hover { background-color: #a00; color:#FFFFFF }
.btn:active { background-color: #444; }
.btn[class] {  background-image: url(shade.png); background-position: bottom; }

* html .btn { border: 3px double #aaa; }
* html .btn.blue { border-color: #2ae; }
* html .btn.green { border-color: #9d4; }
* html .btn.yellow { border-color: #ff7; }
* html .btn.pink { border-color: #e1a; }
* html .btn:hover { border-color: #a00; }



/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.commentbox{
background-color: #ececec;
width: 350px;
padding: 10px;
z-index:1000;
}

.commentfooter{
background: url(img/arrow.gif) 20px 0 no-repeat; /*20px 0 equals horizontal and vertical position of arrow. Adjust as desired (ie: 20px -5px).*/
padding-left: 58px;
padding-top: 1px;
margin-bottom: 2em;
font-size: 90%;
color: #4A4A4A;
height:30px;
}

h1.data, span.data {
font-size:12px;
font-weight:bold;
line-height:11px;
text-align:center;
color:#395159;
background-color:#E7E8EA;
}
h1.data {
position: relative; /* container H1 is positionned to place the SPAN in it */
background-color:#FFFFFF;
}
h1.data span.data {
position: absolute; /* SPAN is overlaping on the title */
top: -5px; /* SPAN is offcentered */
left: -1px;
color:darkred;
font-size:36px;
text-align:center;
}