body {

font-family:"Arial", Sans-Serif;
background: url('../img/bg.gif') #bbb1bb; 
margin:0;
padding:0;

}

h1 {

float: left;
margin: 0 10px 10px 10px;
color: #4E92F8;
font-size: 20px;
text-indent:20px;
text-decoration: none;

}

p {

float: left;
margin: 0 10px 0px 10px;
color: #aaaaaa;
text-indent:20px;
text-align:justify;
font-size: 14px;
text-decoration: none;

}



div#warp {
	
position:relative;
width: 960px;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
text-align:left; 

}

#layout{

position:relative;
float:left;
width: 954px;
margin: 50px 0 0 0;
padding: 0;
background:#fff;
height:100%;
border: 3px solid #E9E9E9;
display:block;

}

#logo {
 
 position:relative;
 overflow:hidden;
 float: left;
 margin: 47px 0 0 37px;
 padding:0;
 border:0;
 width:278px;
 height:34px;
 background-image:url('../img/orizont_glass.gif');
 text-indent: -10000px;
 outline: none;
 
 }
 
 
 #layout #menu {
 
 position: absolute;
 right: 37px;
 top: 47px;
 
 }
 
 #menu ul {
 
 list-style: none;
 margin: 0;
 padding: 0;
 
 }
 
 #menu li {
 
 float: left;
 margin: 0;
 padding: 0;
 
 }
 
 #menu li a:link, #menu li a:visited {
 
 display: block;
 color: #4E92F8;
 font-family:"Arial", Sans-Serif;
 font-size: 20px;
 text-decoration: none;
 text-align: center;
 padding: 0 5px 0 5px;
 line-height: 34px;
 border: none;
 
 }
 
 #menu li a:hover, #menu li a:active {
 
 color: #fff;
 background: #319CFF;
 
 }
  
 #layout .headpic {
 
 position: relative;
 float: left;
 width:880px;
 height:280px;
 margin: 20px 37px 0 37px;
 padding: 0;
 display: block;
 
 }
 
 #layout #headpic1 {
 
 background-image:url('../img/1.jpg');
 
 }
 
 #layout #headpic2 {
 
 background-image:url('../img/2.jpg');
 
 }
 
 #layout #headpic3 {
 
 background-image:url('../img/3.jpg');
 
 }
 
 #layout #headpic4 {
 
 background-image:url('../img/4.jpg');
 
 }
 
 
 #separator {
 
 position: relative;
 float: left;
 margin: 20px 0 0 37px;
 width:2px;
 height:240px;
 background: #319CFF;
 
 }
 
 #despre {
 
 float: left;
 margin: 20px 0 0 10px;
 width: 300px;
 height: 240px;
 display: block;
 
 }
 
  #separator2 {
 
 position: relative;
 float: left;
 margin: 20px 0 0 10px;
 width:2px;
 height:240px;
 background: #319CFF;
 
 }
 
 #servicii {
 
 float: left;
 margin: 20px 0 0 10px;
 width: 268px;
 height: 30px;
 display: block;

 }
 
 #servicii1 {
 
 float: left;
 margin: 40px 0 0 20px;
 width: 268px;
 height: 190px;
 display: block;
 
 }
 
 #servicii2 {
 
 float: left;
 margin:40px 0 0 10px;
 width: 258px;
 height: 190px;
 display: block;
 
 }
 
 .link {
 
float: left;
margin: 0;
padding: 0;

 }
 
 .link a:link, .link a:visited {
 
 display: block;
 color: #4E92F8;
 font-size: 16px;
 text-decoration: none;
 text-align: left;
 padding: 0;
 line-height: 20px;
 border: none;
 
 }
 
 .link a:hover, .link a:active {
 
 color: #fff;
 background: #4E92F8;
 text-decoration: none;

}

#footer {

position:relative;
float:left;
width: 954px;
margin: 0 0 50px 0;
padding: 0;
background:#E9E9E9;
height:50px;
border: 3px solid #E9E9E9;
display:block;

}

.footer1 {

padding: 30px 0 0 6px;

}

.footer2 {

float:right;
padding: 30px 36px 0 0px;

}

 .footer2 a:link, .footer2 a:visited {
 
 display: inline;
 color: #4E92F8;
 font-size: 14px;
 text-decoration: none;
 text-align: left;
 padding: 0;
 line-height: 20px;
 border: none;
 
 }
 
 .footer2 a:hover, .footer2 a:active {
 
 color: #4E92F8;
 text-decoration: underline;

}

#textservicii {

position: relative;
float: left;
margin: 20px 0 10px 37px;
width: 578px;
display: block;

}

.area {

font-size: 16px;
font-weight: 600;
text-align: left;
color: #4E92F8;
padding: 0;
margin: 0;
text-indent:0;

}

#pozaserv {

position: relative;
float: left;
padding: 0;
margin: 6px 0 0 0;
border: 0;
width: 304px;
height: 316px;
background-image: url('../img/poza_servicii.jpg');

}

.thumbnail {
    
border: 2px solid #2A2A2A;
float: left;
margin: 20px 0 20px 4px;
padding: 4px 4px 0 4px;

}

#cafenea {

position: relative;
float: left;
margin: 20px 0 10px 37px;
width: 400px;
display: block;

}

h2 {

float: left;
color: #4E92F8;
font-size: 22px;
font-weight: 900;
text-align: left;
padding: 0;
margin: 0;

}

#unaltseparator {

position: relative;
 float: left;
 margin: 0px 37px 0 37px;
 width:880px;
 height:2px;
 background: #4E92F8;

 }
 
 #particulari {

position: relative;
float: left;
margin: 20px 0 10px 37px;
width: 400px;
height: 510px;
display: block;

}

#contact {

position: relative;
float: left;
margin: 20px 0 10px 37px;
width: 880px;
display: block;

}

h3 {

float: right;
color: #4E92F8;
font-size: 14px;
font-weight: 600;
text-align: right;
padding: 0;
margin: 0;

}