html,body {
margin:0;
padding:0;
height:100%; /* needed for container min-height */
background: #0044a9 url(img/bgbody.gif) repeat-y center top;
font: normal 0.9em Tahoma,Verdana,sans-serif;
color:#ff0000;
}
/* clearfix */
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block;}
html[xmlns] .clearfix { display: block;}
* html .clearfix { height: 1%;}
*{
margin:0;
padding:0;
}
* img{
vertical-align:middle;
border:none;
}
div#container {
position:relative; /* needed for footer positioning*/
margin:0 auto; /* center, not in IE5 */
width:960px;
height:auto !important; /* real browsers */
height:100%; /* IE6: treaded as min-height*/
min-height:100%; /* real browsers */
background:#0044a9;
color:#FFFFFF;
}
div#header {
}
#dolphincontainer{position:relative; color:#E0E0E0;background:#0044a9;width:100%;font-family:Helvetica,Arial,Verdana,sans-serif;}
#dolphinnav{position:relative;height:33px;font-size:11px;text-transform:uppercase;font-weight:bold;background:#0044a9 url(img/dolphin_bg.gif) repeat-x bottom left;padding:0 0 0 3px;}
#dolphinnav h3{ float:left; margin:12px 10px 0px 14px; color:#EAFF00; font-size:13px;}
#dolphinnav ul{margin:0;padding:0;list-style-type:none;width:auto;float:left;}
#dolphinnav ul li{display:block;float:left;margin:0px 0px 1px 0px;}
#dolphinnav ul li a{display:block;float:left;color:#EAF3F8;text-decoration:none;padding:0 0 0 15px;height:33px;}
#dolphinnav ul li a span{padding:12px 10px 0 0;height:21px;float:left;}
#dolphinnav ul li a:hover{color:#fff;background:transparent url(img/dolphin_bg-over.gif) repeat-x bottom left;}
#dolphinnav ul li a:hover span{display:block;width:auto;cursor:pointer;}
#dolphinnav ul li a.current,#dolphinnav ul li a.current:hover{color:#fff;background:#0044a9 url(img/dolphin_left-on.gif) no-repeat top left;line-height:275%;}
#dolphinnav ul li a.current span{display:block;padding:0 10px 0 0;width:auto;background:#0044a9 url(img/dolphin_right-on.gif) no-repeat top right;height:33px;}
.dolphinnav2 ul{margin:0;padding:0;list-style-type:none;width:100px;}
.dolphinnav2 h3{margin:12px 0px 10px 5px; color:#EAF3F8; font-size:16px; text-transform:uppercase;}
.dolphinnav2 ul li{ display:block; width:150px;}
.dolphinnav2 ul li a{display:block; color:#EAFF00;text-decoration:none;padding:0px 0px 0px 5px; height:33px; line-height:33px; font-size:11px;text-transform:uppercase;font-weight:bold;}
.dolphinnav2 ul li a:hover, .dolphinnav2 ul li a.current{ text-decoration: underline; color:#fff;}
#crumb{
font-family: Verdana, Arial, Helvetica, sans-serif;
text-transform:capitalize;
font-size:12px;
font-weight:bold;
margin: 10px 5px 10px 5px;
}
#crumb a, #crumb span{
/*background: url(img/stea.gif) left no-repeat;*/
color:#FFFFFF;
}
#crumb a{
text-decoration:none;
color:#EAFF00;
}
#crumb a:hover{
text-decoration: underline;
color:#fff;
}
div#content {
clear:both;
color:#9BDDFF;
}
/*
div#content p {
text-align:justify;
padding:0 1em;
}
*/
div#footer {
background: url(img/footer.jpg) no-repeat center top;
height:130px;
padding: 6px 0px 0px 0px;
/*position:absolute;*/
position:relative;
width:100%;
bottom:0; /* stick to bottom */
}
div#footer div{
text-align:center;
}
div#footer a{
color: #FFFFFF;
text-decoration:none;
}
div#footer a:hover{
text-decoration: underline;
}
.left {
float: left;
padding-left:10px;
}
.right {
float: right;
padding-right: 10px;
}
.td_side_l, .td_side_r{
width:200px;
display:block;
}
.td_mijloc{
padding: 10px 10px 0px 10px;
width:542px;
}
.mbox_top {
background:transparent url(img/box_mic_center.jpg) repeat-y scroll left top;
}
.mbox_bottom {
background:transparent url(img/box_mic_bottom.jpg) no-repeat scroll center bottom;
padding-bottom:24px;
margin-bottom:10px;
}
.mbox{
background: url(img/box_mic_center.jpg) repeat-y scroll center top;
clear:both;
color:#9BDDFF;
font-size:11px;
/*text-align:justify;*/
line-height: 1.4em;
padding:0pt 9px;
}
fieldset{
border:#9BDDFF 1px solid;
padding:0px 6px;
}
legend{
padding:0px 2px;
}
.mbox a{
text-align:left;
color:#EAFF00;
text-decoration:none;
}
.mbox a:hover{
text-decoration:underline;
}
.td_side_l .mbox_top h3{
background:transparent url(img/box_mic_top_l.jpg) no-repeat scroll center top;
color: #fff;
font-size:15px;
padding:8px 10px 4px 20px;
}
.td_side_r .mbox_top h3{
background:transparent url(img/box_mic_top_r.jpg) no-repeat scroll center top;
color: #fff;
font-size:15px;
padding:8px 10px 4px 20px;
}
.mbox ol, .mbox ul{
margin-left: 28px;
}
.mbox p span{
text-align:center;
width: 180px;
display:block;
}
.div_impar{
border-bottom:#00CCCC 1px solid;
margin-bottom: 20px;
padding: 0px 0px 10px 0px;
clear:both;
}
.div_impar img{
border: 0px;
}
.div_impar a {
margin-bottom:4pt;
}/*
.div_impar a:hover{
border-bottom:#EAFF00 1px solid;
}*/
.div_impar span{
border: #0066FF 2px solid; overflow: hidden; width: 150px; display: block; height: 80px; line-height: 100px; position: relative; z-index: 1; float:left; margin-right: 10px;
}
.poza{
border:#0066FF 3px solid;
float:left;
margin: 0px 8px 2px 0px;
}
.poza_box{
text-align:center;
display:block;
}
.poza_box img{
border:#0066FF 3px solid;
margin: 0px 0px 2px 0px;
}
.td_mijloc h1 {
border-bottom:1px solid #0066FF;
font-weight: normal;
line-height: 1em;
margin:0px 0px 10px 0px;
padding-bottom:3px;
text-align:center;
}
.td_mijloc h1 span{
font-size:0.7em;
font-style:italic;
}
.td_mijloc, .td_mijloc p{
margin-bottom: 10px;
text-align:justify;
}
.td_mijloc ol, .td_mijloc ul{
margin-left: 0;
padding-left: 2em;
display:block;
clear:both;
}
.td_mijloc ol li, .td_mijloc ul li{
margin: 0;
padding: 0;
}
.td_mijloc a{
border-bottom:#006699 1px dashed;
color: #EAFF00;
text-decoration:none;
font-weight:bold;
}
.td_mijloc a:hover{
border-bottom:#EAFF00 1px solid;
}
#poza_index{
text-align:center;
}
#poza_index a{
text-decoration:none;
border:0;
font-weight:normal;
}
#poza_index a:hover{
text-decoration:underline;
}
#poza_index img{
border: 0px;
}
#poza_index span{
border: #0066FF 2px solid; overflow: hidden; width: 150px; display: block; height: 80px; line-height: 100px; position: relative; z-index: 1; float:left; margin: 10px 13px 10px 12px;
}
#portofoliu{
text-align:center;
}
#portofoliu a{
text-decoration:none;
border: 0px;
}
#portofoliu a:hover{
text-decoration:none;
}
#portofoliu img.poza{
clear:both;
margin:0px 0px 10px 0px;
float:none;
}
.err{
background: #FFFF99 url(img/err.png) no-repeat left;
padding: 5px 5px 5px 20px;
border:#FF3300 1px solid;
color:#000033;
}
.inf{
background: #CBFF99;
padding: 5px 5px 5px 20px;
border:#ffcc00 1px solid;
color:#000033;
}
.error_message { margin: 0 30px; list-style-type: none;padding: 3px 15px; background: #ffffcc; color: #ff0000; margin-bottom: 5px; border: 1px solid #ffcc00;}
.info_message { margin: 0 30px; list-style-type: none;padding: 3px 15px; background: #CBFF99; color: #000; margin-bottom: 5px; border: 1px solid #ffcc00;}
span.info_message { margin: 0; padding: 3px;}
.site_messages {width: 360px; margin: 0 auto;}
span .site_messages {float: left; clear: right;width: auto;}
.item_option{
text-align:center;
padding: 4px 0px 10px 0px;
}
.table_coloane td{
vertical-align:top;
text-align:center;
padding: 0px 0px 15px 5px;
}
.table_coloane td img.poza{
margin:0;
}
.pagini {
padding-bottom: 10px;
text-align:center;
}
.pagini a, .pagini span{
padding:2px;
border:1px solid #C1DAD7;
margin-right:2px;
font-weight:bold;
text-decoration:none;
color:#fff;
}
.pagini a:hover{
background: #0066FF;
}
.pagini span{
background: #EAFF00;
color:#0044A9;
}
.edit_item{
clear:both;
}
.td_mijloc ul.rating{
margin:0;
padding:0px 10px 0px 0px;
}
/* start rating code */
.rating{
width:160px;
height:16px;
margin:0 0 20px 0;
padding:0;
list-style:none;
float:left;
clear:both;
position:relative;
background: url(images/star-matrix.gif) no-repeat 0 0;
}
/* add these classes to the ul to effect the change to the correct number of stars */
.nostar {background-position:0 0}
.onestar {background-position:0 -16px}
.twostar {background-position:0 -32px}
.threestar {background-position:0 -48px}
.fourstar {background-position:0 -64px}
.fivestar {background-position:0 -80px}
.sixstar {background-position:0 -96px}
.sevenstar {background-position:0 -112px}
.eightstar {background-position:0 -128px}
.ninestar {background-position:0 -144px}
.tenstar {background-position:0 -160px}
ul.rating li {
cursor: pointer;
/*ie5 mac doesn't like it if the list is floated\*/
float:left;
/* end hide*/
text-indent:-999em;
}
ul.rating li a {
position:absolute;
left:0;
top:0;
width:16px;
height:16px;
text-decoration:none;
z-index: 200;
border-bottom:0;
}
ul.rating li.one a {left:0}
ul.rating li.two a {left:16px;}
ul.rating li.three a {left:32px;}
ul.rating li.four a {left:48px;}
ul.rating li.five a {left:64px;}
ul.rating li.six a {left:80px;}
ul.rating li.seven a {left:96px;}
ul.rating li.eight a {left:112px;}
ul.rating li.nine a {left:128px;}
ul.rating li.ten a {left:144px;}
ul.rating li a:hover {
z-index:2;
width:160px;
height:16px;
overflow:hidden;
left:0;
background: url(images/star-matrix.gif) no-repeat 0 0;
border-bottom:0;
}
ul.rating li.one a:hover {background-position:0 -176px;}
ul.rating li.two a:hover {background-position:0 -192px;}
ul.rating li.three a:hover {background-position:0 -208px}
ul.rating li.four a:hover {background-position:0 -224px}
ul.rating li.five a:hover {background-position:0 -240px}
ul.rating li.six a:hover {background-position:0 -256px}
ul.rating li.seven a:hover {background-position:0 -272px}
ul.rating li.eight a:hover {background-position:0 -288px}
ul.rating li.nine a:hover {background-position:0 -304px}
ul.rating li.ten a:hover {background-position:0 -320px}
/* end rating code */