@charset "utf-8";

@media only screen and (min-width:768px) and (max-width:998px){
.home-content{
width:98%;
}
.img{
  width:98%; 
  padding:0;
  margin:0 auto;
  margin-left: 3px;
  overflow:hidden;
}
.portofoliu-i{
    width:30%;
}
#begin .home-content, #contact .home-content{
width:97.5%;
margin:0.6%;
}
.content.bottom{
width:100%;
}
.contact input.button {
text-align:center;
margin:0.5% auto 2% 10%;
float:none;
}
}

@media only screen and (min-width:768px) and (max-width:974px) {	
#header{
background:#222 url(../img/bg978.png) no-repeat;
}	
#begin .home-content, #contact .home-content{
width:97.9%;
}
.content.bottom{
width:99.7%;
}
#home{
height:auto;
}
.portofoliu-i{
    width:30%;
}
.home-title {
font-size:55px;	
}
#navigation{
/*float:right;*/
}

#logo{
width:150px;
}	
#home .img-right{
background: url(../img/service.png) no-repeat;
width:128px;
height: 128px;
margin-right:130px;
}
#home .img-contact {
background: url(../img/contact-r.png) right top no-repeat;
width:273px;
height: 108px;
}	  
#home div.subtitle {
font-size:16px;
font-weight:normal;
width: 98%;
}
.portofoliu-i{
    width:30%;
}
ul.nav a{
 font-family:Arial;
 font-size:16px;	
 font-weight:bold;
} 
.nav a .normal{
padding: 9px 4px 5px 5px;
margin:3px;
}
#footer .inner {
	width:102%;
}
#footer-nav a{
font-size:21px;	
}
}

@media only screen and (min-width:400px) and (max-width:784px) {			
#begin .home-content, #contact .home-content{
width:98%;
margin:0.6%;
}
.img{
  width:97.5%; 
  padding:0;
  margin:0 auto;
  margin-left:2px;
  overflow:hidden;
}
.portofoliu-i{
    width:46.5%;
}
#header {
background:#111 url(../img/bg-headerh.png) top center repeat;
}	
#navigation{
display:none;
}
.meniu {
background: url(../img/menu.png) left no-repeat;
width:60px;
height:60px;
margin-top:30px;
margin-right:10px;
cursor:pointer;
float:right;
}
div.meniu:hover{
 background: url(../img/menuh.png) left no-repeat;
}

.m-click{
background: url(../img/menuh.png) left no-repeat;
width:60px;
height:60px;
margin-top:30px;
margin-right:10px;
cursor:pointer;
float:right;
}

#logo{
display:inline;
}
.content{
 float:none;
 width:99%;
}
.content.left{
margin: 1.5% 0 1.5% 0;	
}
.content.right{
margin: -0.5% 0 1.5% 0;	
}
.content.bottom{
width:98.7%;
}
#navigation{	
width:100%;	
height:260px;
margin-top:1px;
padding-right:0.2%;
clear:right;
background:#171717;
position:relative;
z-index:900;
float:right;
}

ul.nav li {
float:none;
}

.nav a .normal {
background:#FDC615;
border:1px solid #FFFF99;
width:98%;
font-family: 'Rationale', sans-serif;
font-size:20px;
margin:3px 0 0 0;
text-align:right;
float:none;
}
.nav a .normal:hover {
height: 40px;
}
.nav a .select {
font-family: 'Rationale', sans-serif;
font-size:20px;
width:98%;
margin:2px 0 0 0;
text-align:right;
height: 40px;
float:none;
}
ul.nav .current a .tab_arrow {
background:url(../img/arh.gif) 0 0 repeat-x;
display:block;
width:20px;
height:20px;
margin:10px;
float:left;
}
#home div.subtitle {
font-size:16px;
font-weight:normal;
width: 100%;
}
#home{
	height:auto;
}
.portofoliu{
 width:90%;
}	
}

@media only screen and (min-width : 650px) and (max-width : 768px){
#header {
background:#111 url(../img/bg-headerh.png) top center repeat;
}	
.home-content{
width:97%;	
}
#begin .home-content, #contact .home-content{
width:98.5%;
margin:0.6%;
}
.content{
 float:none;
 width:98.5%;
}

.portofoliu{
 width:90%;
}

.content.bottom{
margin: 2.5% 1% 1.5% 0;
}	
#home{
height:auto;
}

#home .img-right {
background: url(../img/service.png) no-repeat;
width:128px;
height: 128px;
margin-right:130px;
}
#home .img-contact {
background: url(../img/contact-r.png) right top no-repeat;
width:273px;
height: 108px;
}	  
#home div.subtitle {
font-size:16px;
font-weight:normal;
width: 98%;
}
.home-title {
font-size:55px;	
}
#home div.subtitle {
font-size:16px;
font-weight:normal;
width: 100%;
}
#footer-nav a{
font-size:25px;
}
.contact{
width:70%;
margin-top:10px;
}
.contact input, .contact textarea{
width:95%;	
}
.contact input.button {
margin:0 auto 2% auto;
text-align:center;
float:none;
}
label{
padding: 0px;
line-height:25px;
}
}

@media only screen and (min-width:560px) and (max-width:649px) {	
.home-content{
width:96%;	
}
#begin .home-content, #contact .home-content{
width:97.1%;
margin:0.9%;
}	
#navigation{
display:none;
}	
#home .img-right {
background: url(../img/service.png) no-repeat;
width:128px;
height: 128px;
margin-right:130px;
}
#home .img-contact {
background: url(../img/contact-r.png) right top no-repeat;
width:273px;
height: 108px;
}
.home-title {
font-size:53px;	
}
span.title{
  font-size:25px;
}
#home div.subtitle {
font-size:16px;
font-weight:normal;
width: 100%;
}
.portofoliu{
width:95%;
}
.content.left{
 margin: 2.5% 0 1.5% 0;	
}
.content.right{
 margin: 2% 0 3% 0;		
}
.content.bottom{
margin: 3% 1% 2% 0;
}
#footer-nav a{
font-size:20px;
}
.contact{
width:80%;
margin-top:10px;
}
.contact input, .contact textarea{
width:95%;	
}
.contact input.button {
margin:0 auto 2% auto;
text-align:center;
float:none;
}
label{
margin:0px;
padding: 0px;
line-height:25px;
}	
}

@media only screen and (min-width : 100px) and (max-width : 560px){	
.home-content{
width:96%;	
}
.img{
  width:97%; 
  padding:0;
  margin:0 auto;
  margin-left:-0.8px;
  overflow:hidden;
}
.portofoliu{
 width:95%;
}
#begin .home-content, #contact .home-content{
width:97%;
margin:1%;
}
#home{
height:auto;
}	
#home .img-right {
	display:none;
}
#home .img-contact {
background: url(../img/icon-contact.png) right top no-repeat;
width:273px;
height: 108px;
}
.home-title {
font-size:40px;	
}
span.title{
  font-size:25px;
}
.content.left{
 margin: 2.5% 0 1.5% -0.3%;	
}
.content.right{
 margin: 2% 0 3% -0.3%;		
}	
.content.bottom{
margin: 3% 1% 2.5% -0.3%;
}
.inner {
width:103%;	
height:auto;
}
.portofoliu-i{
    width:96%;
}
#footer-nav a{
font-size:20px;
width:45%;
}
.contact{
width:80%;
margin-top:10px;
}
.contact input, .contact textarea{
width:95%;	
}
.contact input.button {
margin:0 auto 2% auto;
text-align:center;
float:none;
}
label{
margin:0px;
padding: 0px;
line-height:25px;
}
}
@media screen and (min-width: 320px) and (max-width: 400px){
#logo{
display:none;
}
#navigation{
display:none;
width:70%;	
height:260px;
margin:-1% 0 0 -2.2%;
padding-right:2.5%;
background:#202020;
position:absolute;
z-index:9000;
}
#home .img-contact {
	display:none;
}
#header {
background:#272727 url(../img/bg-390.png) no-repeat;
border-bottom:8px solid #111;
height:70px;
}
.home-content{
width:96%;	
}
#begin .home-content, #contact .home-content{
width:97%;
margin-top:3.5%;
}
.meniu {
background: url(../img/menu.png) left no-repeat;
width:60px;
height:60px;
margin-top:7px;
cursor:pointer;
float:right;
}
.portofoliu-i{
  width:95%;
}
div.meniu:hover{
 background: url(../img/menuh.png) left no-repeat;
}
.m-click{
background: url(../img/menuh.png) left no-repeat;
width:60px;
height:60px;
margin-top:7px;
cursor:pointer;
float:right;
}
ul.nav li {
float:none;
margin:auto;
}
.nav a .normal {	
width:99%;	
background:#FDC615;
border:1px solid #FFFF99;
font-family:Lucida Console;
font-weight:normal;
font-size:15px;
margin:2px 0 0 0;
text-align:right;
float:none;
}
.nav a .normal:hover {
height: 40px;
}
.nav a .select {
font-family:Lucida;	
width:99%;	
margin:2px 0 0 0;
text-align:right;
height: 40px;
float:none;
}
ul.nav .current a .tab_arrow {
background:url(../img/arh.gif) 0 0 repeat-x;
display:block;
width:20px;
height:20px;
margin:10px;
float:left;
}
.home-title {
padding-top:10px;	
font-family:Helvatica;
font-size:20px;	
letter-spacing:0px;
}
#home div.subtitle {
font-family:Courier New;
font-size:100%;
font-weight:normal;
width: 98%;
padding:5px 0 5px 0;
}
span.title{
font-family:Tahoma;
font-size:18px;
font-weight:normal;
}
#begin .content.right h3 {
	display:none;
}
.content{
	width:98%;
	font-family:Courier New;
    font-size:100%;
}
.content.left{
 margin: 0% 0 1.5% -0.3%;	
}
.content.right{
 margin: 2% 0 3% -0.3%;	
}
.content.bottom{
width:98%;
margin: 2.5% 1% 3% -0.3%;
}
.inner{
	background:transparent;
}
.back {
background:#333;
position:absolute;
left:85%;
}
#footer a.back{
	margin-top:5px; 
	margin-right:10px;
}
.light-divider, .copyright{
display:none;
}
.contact, .contact input, .contact textarea{
width:92%;
}
.contact input.button {
margin:0 auto 2% auto;
}
.portofoliu{
 width:100%;
}
.image{
    padding:0;
}
img.style{
width:120px;
height:120px;
}
}

@media screen and (max-width: 320px){
#header {
background:#272727 url(../img/bg-320.png) no-repeat;
border-bottom:8px solid #111;
height:70px;
}
.img{
  width:97%; 
  margin:0 auto;
  margin-left:-0.3%;
  overflow:hidden;
}
.coloana{
    width:100%;
    float:none;
}
#navigation{
display:none;
width:70%;	
height:260px;
margin:-1% 0 0 -2.2%;
padding-right:2.5%;
background:#202020;
position:absolute;
z-index:9000;
}
#logo{
	display:none;
}
#begin {
background:#FABB03;
}
ul.nav li {
float:none;
margin:auto;
}
.nav a .normal {	
width:97%;	
background:#FDC615;
border:1px solid #FFFF99;
font-family:Lucida Console;
font-weight:normal;
font-size:15px;
margin:2px 0 0 0;
text-align:right;
float:none;
}
.nav a .normal:hover {
height: 40px;
}
.nav a .select {
font-family:Lucida;	
width:97%;	
margin:2px 0 0 0;
text-align:right;
height: 40px;
float:none;
}
ul.nav .current a .tab_arrow {
background:url(../img/arh.gif) 0 0 repeat-x;
display:block;
width:20px;
height:20px;
margin:10px;
float:left;
}
.meniu {
background: url(../img/menu.png) left no-repeat;
width:60px;
height:60px;
margin-top:7px;
cursor:pointer;
float:right;
}
div.meniu:hover{
 background: url(../img/menuh.png) left no-repeat;
}
.m-click{
background: url(../img/menuh.png) left no-repeat;
width:60px;
height:60px;
margin-top:7px;
cursor:pointer;
float:right;
}
.home-content{
width:96%;	
}
#begin .home-content, #contact .home-content{
width:96.5%;
margin-top:6%;
}
.portofoliu-i{
  width:95%;
}
#home{
height:auto;
}	
#home .img-right, #home .img-contact {
	display:none;
}
#home a.button {
width:160px;
height:30px;
background:#222;
border:1px solid #111;	
}
#home a.button:hover {
background:#F2AA02;	
border:1px solid #CA830D;
color:#000;
}
.home-title {
padding-top:10px;	
font-family:Helvatica;
font-size:17px;
letter-spacing:0px;
}
#home div.subtitle {
font-family:Courier New;
font-size:100%;
font-weight:normal;
width: 98%;
padding:5px 0 5px 0;
}
span.title{
display:none;
}
.content{
 width:97%;
 font-family:Courier New;
 font-size:100%;
}
.content.left{
 margin: 0% 0 1.5% 0;	
}
.content.right{
 margin: 2% 0 5% 0;	
}
.content.bottom{
width:98%;
margin: 0 1% 4.5% 0;
}
#begin h3{
font-family:Tahoma;
font-size:18px;
font-weight:normal;
padding:0;
}
#begin .content.right h3 {
	display:none;
}
.inner {
background:none;
} 
.back {
background:#333;
position:absolute;
left:80%;
}
#footer a.back{
	margin-top:5px;
	margin-right:10px;
}
#footer{
background:#2D2D2D	
}
.light-divider, .copyright{
display:none;
}
#footer-nav a{
font-family:Lucida;
display:block;
width:100%;	
font-size:100%;
float:left;
text-transform:capitalize;
}
#footer-nav a:hover{
	background:#333;
}
.contact, .contact input, .contact textarea{
width:90%;
}
.contact input.button {
margin:0 auto 2.5% auto;
}	
}
.back{
float:right;
margin:auto;
margin:15px 5px 0 0;
width:120px;
color:#FF0000;
}
#footer a.back{
background: url("../img/sus.png") no-repeat transparent;
display: block;
height: 30px;
text-indent: -9999px;
}