/* Fisier CSS */
/* Fixes */
/* Hides from IE-mac \*/
* html .fixit {height: 1%;}
/* End hide from IE-mac */
.fixit:after {
text-align: center;
    content: "";
    display: block;
    height: 0;
    clear: both;
}
/* Fixes */

p{
font-family: verdana;
color:#000;
font-size: 11px;
margin:0;
padding-left: 2px;
padding-right: 2px;
}
a{
text-decoration: none;
color: #005E93;
font-family: verdana, tahoma, arial;
font-size: 11px;
outline: none;
}

a:hover{
color: #005E93;
text-decoration: underline;
}
a.u{
text-decoration: underline;
color: #005E93;
font-family: verdana, tahoma, arial;
font-size: 11px;
}

a.u:hover{
color: #005E93;
text-decoration: underline;
}

a{
border:0;
}

body{
margin-top:0;
padding:0;
background:#FFF URL('images/stripebg.png') repeat;
font-family: verdana;
font-size: 12px;
margin:0px;
text-align:left;
}

#header{
height: 68px;
width: 100%;
background: transparent url('images/new_head_bg.png') repeat-x;
padding:0;
margin:0;
text-align:left;
margin-bottom:0px;
}
#topbody{
height: 45px;
width: 980;
background: #272727;
padding:0;
margin:0;

}
#body_top{
height:12px;
width: 980px;
background: transparent url('images/body_top.png') no-repeat;	
padding:0;
margin:0;

}	
#bodybody{
height: auto;
width: 980;
background: transparent url('images/body_body.png') repeat-y;
padding:0;
margin:0;
text-align:left;
}

#body{
text-align: left;
width: 978px;
background: #fff;
padding:0;
margin:0;
border-left:solid #ccc 1px;
border-right:solid #ccc 1px;
}
#footer{
height: 45px;
text-align: left;
width: 980px;
background: transparent url('images/body_bot.png') no-repeat;
padding:0;
margin:0;

}
#stanga{
float:left;
width:200px;
margin-left:8px;
margin-top:-4px;
margin-right:4px;
display:inline;
}
#stanga a{
color:#fff;	
text-shadow: 1px 1px 1px #000;
font-size:14px;
}	

#colst{
border-right:solid #9a021e 0px;
margin-left:5px;
width:194px;
}

#continut{
float:left;
width:766px;
background: transparent url('images/wrapbg.gif') repeat-x;

}
#con_pad{
width:750px;
margin-left:8px;
margin-right:8px;
}


#menu{
height:35px;
text-align: left;
width: 200px;
background: transparent url('images/menu_top.png') no-repeat;
padding:0;
margin:0;
color:#fff;
}
#menu2{
height:7px;
text-align: left;
width: 200px;
padding:0;
margin:0;
color:#fff;

}



h1{
font-family: verdana;
color:#383838;
text-decoration:underline;
font-size: 20px;
margin:0;
padding-left: 2px;
padding-right: 2px;
text-decoration: none;
}

/* MENIUUUUU */



#coolmenu{
height:30px;
border-bottom-width: 0;
width: 110px;
background-color: #2d7491;

}
* html #coolmenu{ /*IE only rule, to negate the padding below IE includes in menu width.*/
width: 110px;height:30px;
}
#coolmenu a{
font: bold 11px Verdana;
display: block;
width: 100%;
color: #fff;
text-decoration: none;
background: transparent url('images/hover11.gif') repeat-x;
height:30px;
}

html>body #coolmenu a{ /*Non IE rule*/
width: auto;
}
#coolmenu a:hover{
height:30px;
background-color: #2d7491;
color: #fff;
background: transparent url('images/hover22.gif') repeat-x;
}
#fence{
padding:5px;
width:748px;


}

#coolmenu2{
height:30px;
border-bottom-width: 0;
width: 110px;
background-color: #2d7491;

}
* html #coolmenu2{ /*IE only rule, to negate the padding below IE includes in menu width.*/
width: 110px;height:30px;
}
#coolmenu2 a{
font: bold 11px Verdana;
display: block;
width: 100%;
color: #fff;
text-decoration: none;
background: transparent url('images/hover22.gif') repeat-x;
height:30px;

}


/* image manipulating */

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


.thumbnail{
position: relative;
z-index: 0;

}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 105px; /*position where enlarged image should offset horizontally */

}


#pic {
	background-color: #FFFFFF;
	position: relative;
	width:100px;
	margin-bottom:2px;
	
  }

#pic a .large {
	border: 0px;
	display: block;
	height: 1px;
	left: -1px;
	position: absolute;
	top: -1px;
	width: 1px;
}

#pic a img {
	border: 0;
}

#pic a.p1, #pic a.p1:visited {
padding:2px;
	background: #FFFFFF;
	border: 1px solid #000000;
	display: block;
	height: auto;
	left: 0;
	text-decoration: none;
	top: 0;
	width: 100px;
}

#pic a.p1:hover {
	background-color: #fff;
	color: #000000;
	text-decoration: none;
}

#pic a.p1:hover .large {
padding:2px;
background:#fff;
	border: 1px solid #000000;
	display: block;
	height: auto;
	left: 108px;
	position: absolute;
	top: -0px;
	width: auto;
}

a.pag_no{
color:#000;
text-decoration: none;
font-size:100%;
background-color: #fff;
border: solid #2D7491 1px;
margin-left: 2px;
margin-right: 2px;
padding-left: 4px;
padding-right: 4px;
}

a.pag_no:hover{
color:#fff;
text-decoration: none;
font-size:100%;
background-color: #2D7491;
border: solid #2D7491 1px;
margin-left: 2px;
margin-right: 2px;
padding-left: 4px;
padding-right: 4px;
}

a.pag_no_checked{
color:#fff;
text-decoration: none;
font-size:100%;
background:#2D7491;
border: solid #2D7491 1px;
margin-left: 2px;
margin-right: 2px;
padding-left: 4px;
padding-right: 4px;
}


a.gray{
color:gray;
text-decoration: none;
font-size:11;
}

.more {
	display: none;
}
a.showLink, a.hideLink {
border-top:solid transparent 22px;
	text-decoration: none;
	color: #005E93;
	background: transparent url('images/expand.png') no-repeat left; padding:3px;padding-left: 14px; }
a.hideLink {
	background: transparent url('images/compact.png') no-repeat left; }
a.showLink:hover, a.hideLink:hover {
	border-bottom: 1px dotted #005E93; }
	

ul {
padding: 5px;
padding-bottom:0;
margin: 5px 0;
list-style: none;
float: left;
}

ul li {
	float: left;
	display: inline; /*For ignore double margin in IE6*/
	margin: 0 10px;
}

ul li a {
	text-decoration: none;
	float:left;
	color: #fff;
	text-shadow: 1px 1px 1px #292929;
	cursor: pointer;
	font: 900 14px/22px "Arial", Helvetica, sans-serif;
}

ul li a span {
	margin: 0 10px 0 -10px;
	padding: 6px 1px 15px 11px;
	position: relative; /*To fix IE6 problem (not displaying)*/
	text-shadow: 1px 1px 1px #292929;
	float:left;
}
ul.blue li a.current, ul.blue li a:hover {
	background: url('images/bluemenu.png') no-repeat top right;
 	color: #fff;
 	text-decoration:none;
 	text-shadow: 1px 1px 1px #292929;
}

ul.blue li a.current span, ul.blue li a:hover span {
	background: url('images/bluemenu.png') no-repeat top left;
	text-shadow: 1px 1px 1px #292929;
}