@charset "UTF-8";
/* CSS Document */

* {margin:0px; padding:0px; outline:none}
img {border:0px}
body {text-align:center;  font-family:tahoma, verdana, arial; color:#52555b}
#wrapp {width: 974px; margin: 10px auto; padding-top: 20px;text-align:left;}
a {color:#3399CC; text-decoration:underline}
a:hover {color:#3399CC; text-decoration:none;}

p {font-size: 12px; line-height: 16px}
h2 {font-size: 16px; margin: 10px 0 5px 0}
h1 {width:252px; float: left;}
div.content {padding: 10px 0; float: left; }
div.meniu {width: 722px; float: right; height: 40px; padding-top: 18px; background:url(../files/meniu.jpg) no-repeat center bottom}
div.meniu ul {list-style:none;  padding: 0 10px; margin-top: 13px; width: 692px}
div.meniu ul li {list-style:none; display:inline; float:left;}
div.meniu ul li.last {float: right} 
div.meniu ul li a {float: left;  background:url(../files/m_l.gif) no-repeat left -29px; height: 26px; line-height: 26px; text-align:center; padding:0px 0px 0px 18px; text-decoration:none; font-size:12px; font-weight: bold; color: #54656c; overflow:hidden;}
div.meniu ul li a span {float: left; background:url(../files/m_r.gif) no-repeat right -29px; height: 26px; line-height: 26px; text-align:center; padding:0px 18px 0px 0px; line-height: 26px;  overflow:hidden;}
div.meniu ul li a:hover{ color:#33464d; background:url(../files/m_l.gif) no-repeat left -2px; text-decoration:none; }
div.meniu ul li a:hover span { background:url(../files/m_r.gif) no-repeat right -2px;}
div.meniu ul li a.selected{ color:#33464d; background:url(../files/m_l.gif) no-repeat left -2px; text-decoration:none; }
div.meniu ul li a.selected span { background:url(../files/m_r.gif) no-repeat right -2px;}

div.meniu ul li a.vreau { background:url(../files/v_l.gif) no-repeat left -29px; color:#ffffff;}
div.meniu ul li a.vreau span { background:url(../files/v_r.gif) no-repeat right -29px; height: 26px; line-height: 26px; text-align:center;  }
div.meniu ul li a.vreau:hover{ color:#ffffff; background:url(../files/v_l.gif) no-repeat left -2px; text-decoration:none; }
div.meniu ul li a.vreau:hover span { background:url(../files/v_r.gif) no-repeat right -2px;}


div.grup {background:url(../files/box_top.gif) no-repeat left top; width: 974px; overflow:hidden; float: left; padding-top:10px} 
div.grup .inside {background:url(../files/box_bottom.gif) no-repeat left bottom; width: 934px; overflow:hidden; float: left; float: left; padding: 10px 20px 20px 20px}
div.grupOn {background:url(../files/box_top.gif) no-repeat -972px top; width: 974px; overflow:hidden; float: left; padding-top:10px}
div.grupOn .inside {background:url(../files/box_bottom.gif) no-repeat -972px  bottom; width: 934px; overflow:hidden; float: left; padding: 10px 20px 20px 20px}
div.thumb {background:url(../files/th_bg.gif) no-repeat left top; width: 216px; height:151px; text-align:center; vertical-align:middle; float: left; margin-right: 20px }
div.thumb a {display:table-cell ; vertical-align:middle; height: 151px; width: 216px; text-align:center;}
div.thumb img {vertical-align:middle;}
.inside a.detalii {font-size: 11px;font-weight: bold; display:block; float: right; margin:40px 20px 0 0; background:url(../files/detalii.gif) no-repeat left top; width: 180px; height: 30px; text-align:center; color:#ffffff; text-decoration:none; line-height: 30px}
.inside a.detalii:hover {background:url(../files/detalii.gif) no-repeat left -30px; text-align:center; color:#ffffff; text-decoration:none}

div.footer { clear: both; float:left; background:url(../files/footer.gif) no-repeat left top; width: 934px; padding: 10px 20px 10px 20px; color: #ffffff; font-size: 11px}
div.footer a {color: #ffffff; text-decoration:none; font-size:11px; font-weight: normal}
div.footer a:hover {color: #ffffff; text-decoration:underline}
div.footer p.left {float: left; display:inline; font-size: 11px;}
div.footer p.right {float: right; display:inline; font-size: 11px;}

div.leftContact {width: 220px; float: left; padding: 20px 30px 0 20px}
div.leftContact p {margin: 10px 0}
div.rightContact {width: 642px; float: left; padding:02px 0 20px 30px; background:url(../files/point.gif) repeat-y left top}
div.leftContact {text-align:right;}

div.rightContact label {float: left; clear: left; padding-left: 10px; font-size: 12px; margin: 12px 0 4px 0; font-weight: bold;}
div.rightContact input, textarea {border:0px; background-color: transparent ; float: left; clear: left; font-family:tahoma, verdana, arial; font-size: 11px;}
input.inputOut {background:url(../files/input.gif) no-repeat left top; overflow:hidden; width: 460px; height: 20px; line-height: 24px; padding: 2px 10px }
input.inputOver {background:url(../files/input.gif) no-repeat -481px top; overflow:hidden; width: 460px; height: 20px; line-height: 24px;  padding:2px  10px}
textarea.textOut {background:url(../files/textarea.gif) no-repeat left top; overflow:hidden; width: 460px; height: 204px; line-height: 24px; padding:2px  10px }
textarea.textOver {background:url(../files/textarea.gif) no-repeat -481px top; overflow:hidden; width: 460px; height: 204px; line-height: 24px;  padding: 2px 10px}

input.submitOut { margin-left: -10px; font-size: 11px;font-weight: bold; display:block; background:url(../files/submit.gif) no-repeat left top; width: 153px; height: 25px; text-align:center; color:#ffffff; line-height: 25px; cursor: pointer; outline:none}
input.submitOver {margin-left: -10px;  font-size: 11px;font-weight: bold; display:block; width: 153px; height: 25px; background:url(../files/submit.gif) no-repeat left -25px; text-align:center; color:#ffffff; text-decoration:none; cursor: pointer; outline:none}