/* CSS RESET */
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}legend{color:#000;}
body {font:13px/1.231 arial,helvetica,clean,sans-serif;}table{font-size:inherit;font-size:100%;}pre,code,kbd,samp,tt{font-family:monospace;line-height:100%;}
/* CSS RESET */
body {
text-align:center;
color:#000;
}
a {
text-decoration:none;
color:#9b3535;
}
a:hover {
text-decoration: underline;
color: #CC0000
}
#wrap {
width:900px;
text-align:left;
margin:0 auto;
background:url(images/bg.jpg);
}
.fl{ float:left}
.fr{ float:right}
.clearfix{ clear:both}
/* header */
#header { position:relative;height:111px; background:url(images/hd.jpg); }
#logo {position:absolute; top:30px; left:60px}
#logo h1 {
font-size:34px;
color: #9B3535
}
#logo div {
padding-left:100px
}
/* MENIU SITE */
ul#subnav {
font: normal 11px Arial;
margin: 0px;
padding-top: 40px;
padding-left: 605px;
width: 240px;
height: 31px;
color: inherit;
}
ul#subnav li {
float: right;
margin: 0;
padding: 0px 0 0 0;
list-style-type: none;
text-transform: none;
}
ul#subnav li a {
text-decoration: none;
padding: 7px 10px 7px 10px;
}
ul#subnav li a:link, ul#subnav li a:visited {
background-color: inherit;
color: #303030;
}
ul#subnav li a:hover, ul#subnav li a:active {
background-color: inherit;
color: #000;
}
ul#subnav li#subnavfirst a:link, ul#subnav li#subnavfirst a:visited {
color: #303030;
}
ul#subnav li#subnavfirst a:hover, ul#subnav li#subnavfirst a:active {
color: #000;
}
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.arrowlistmenu{
width: 215px; /*width of menu*/
}
.arrowlistmenu .headerbar{
font: bold 14px Arial;
color: white;
background: black url(images/menuhoverright.gif) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
}
.arrowlistmenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}
.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}
.arrowlistmenu ul li a{
color: #278BA5;
background: #B5E2EE; /*custom bullet list image*/
display: block;
padding: 6px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px dashed #fff;
font-size: 90%;
}
.arrowlistmenu ul li a:active{
color: #278BA5;
background: #B5E2EE url(images/meniu_02.gif) no-repeat top left;
}
.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #278BA5;
background: #B5E2EE url(images/meniu_02.gif) no-repeat top left;
}
/* SFARSIT MENIU SITE */
.list {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
color: #278BA5;
background-color: #EEF9FB;
margin-left: 25px;
}
input.contact {display: block;
width: 240px;
height: 16px;
background: #FFFFFF;
font-family: Tahoma, Arial;
font-weight: normal;
font-size: 12px;
border: 1px solid #278BA5;
padding: 2px;
margin-top: 2px;
margin-bottom: 2px;}
input.contact:focus{display: block;
background: #FFFFFF;
border: 1px solid #B5E2EE;
padding: 2px;
margin-top: 2px;
margin-bottom: 2px;
}
textarea {display: block;
width: 460px;
height: 80px;
background: #FFFFFF;
font-family: Tahoma, Arial;
font-weight: normal;
font-size: 12px;
border: 1px solid #278BA5;
margin-top: 2px;
margin-bottom: 2px;}
textarea:focus {display: block;
background: #FFFFFF;
border: 1px solid #B5E2EE;
}
.submit_button_contact {
width: 100px;
background: #FFFFFF;
font-family: Arial;
font-weight: normal;
font-size: 12px;
border-top: 1px solid #000000;
border-left: 1px solid #000000;
border-bottom: 1px solid #336699;
border-right: 1px solid #336699;
margin-top: 4px;
margin-bottom: 4px;
}
/* content */
.img { margin:0px 0 0 70px }
.main {width:500px; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; background:url(images/box.jpg); color:#000;}
#text {margin:0px 0 0px 62px }
#text p {margin-left:10px; width:480px; }
#text h2 {font-size:12px; font-weight: bold; padding:5px 0 5px 0; margin-left:10px;}
#text img {margin:10px 0px 0 0}
#col {margin:10px 0px 10px 72px ;width:300px; background:url(images/col.jpg); width: 419px; height:161px ; }
.side { width:316px;display: inline; margin-top:10px;}
.side h2 {font-size:12px; font-weight: bold; padding:5px 0 5px 0; margin-left:5px;}
#top {margin-top:0px}
.bl_a {background: url(images/jos_ad.gif) 0 100% no-repeat #EEF9FB; width: 500px; margin-left: 10px; margin-top: 10px;}
.br_a {background: url(images/jos_ad1.gif) 100% 100% no-repeat}
.tl_a {background: url(images/jos_ad2.gif) 0 0 no-repeat}
.tr_a {background: url(images/jos_ad3.gif) 100% 0 no-repeat; padding:10px 2px 15px 0px; }
.clear_a {font-size: 1px; height: 0px}
.bl_a2 {background: url(images/jos_a.gif) 0 100% no-repeat #B5E2EE; width: 230px; margin-left: 3px; margin-bottom: 20px;}
.br_a2 {background: url(images/jos_a1.gif) 100% 100% no-repeat}
.tl_a2 {background: url(images/jos_a2.gif) 0 0 no-repeat}
.tr_a2 {background: url(images/jos_a3.gif) 100% 0 no-repeat; padding:5px 5px 15px 0px; }
.clear_a2 {font-size: 1px; height: 0px}
.imag {
border: 0;
margin: 0;
padding: 0;
}
.text_servicii {
color:#278BA5;
}
.prima{
padding-left: 10px;
}
/* footer */
#footer { background:url(images/ft.jpg); height:100px; position:relative}
#ftinner{ position:absolute; bottom:20px; width:680px; margin-left:80px; color:#000}
#ftinner a {color:#FFFFFC}
.ftlink {width:500px;}