html {
background:url(http://emotional.ro/images/layouts/paper-pattern.jpg);
color:#555;
}

body {
font-size:100%;
font-family:CabinRegular,Arial,sans-serif;
background:url(http://emotional.ro/images/layouts/paper-pattern.jpg);
color:#555;
}

p {
word-spacing:.1em;
font-size:1.125em;
line-height:1.5em;
}

a {
-webkit-transition:background .5s ease,color .5s linear;
-moz-transition:background .5s ease,color .5s linear;
-o-transition:background .5s ease,color .5s linear;
transition:background .5s ease,color .5s linear;
text-decoration:none;
font-size:.875em;
color:#66bb51;
padding-bottom:0;
}

.gototop {
margin-top:2em;
float:right;
font-size:130%;
}

ul {
margin:20px 0;
padding:0;
}

ol {
list-style-image:url(http://emotional.ro/images/layouts/bullet.png);
font-size:95%;
margin:0 8% 8%!important;
}

.category_list ol {
list-style-image:url(http://emotional.ro/images/layouts/bullet.png);
text-align:left;
width:180px!important;
margin:10px auto!important;
}

.pagination ul li {
font-size:130%;
float:left;
margin:5px;
}

.pagination a {
color:#C4AD7B;
padding:5px;
}

.pagination ul {
padding-left:0;
}

h1 {
display:block;
font-size:1.8em;
color:#a68f5e;
border-bottom:3px dotted #e9f2d9;
font-style:normal;
font-weight:400;
font-family:CabinBold;
width:97.9166668%;
text-shadow:0 2px 3px #fff;
text-transform:uppercase;
margin:1.0416666666667% 0;
}

.home h2 {
color:#a68f5e;
text-transform:uppercase;
font-weight:100;
border-bottom:2px solid #e9f2d9;
margin:1.0416666666667%;
}

.services h2 {
border:none;
width:100%;
color:#7FBF4D;
font-family:CabinBold,Arial, sans-serif;
text-align:center;
text-shadow:0 -1px 0 #fff;
margin:0 0 3%;
padding:8px 0;
}

.services p a {
text-decoration:underline;
font-size:100%;
}

.web-grafic h2 {
width:100%;
margin:1.0416666666667% 0;
}

h2 {
font-size:1.4em;
font-family:CabinRegular;
color:#80ca68;
font-weight:100;
}

h3,table caption {
font-size:1.3em;
font-weight:400;
text-transform:uppercase;
color:#66bb51;
font-family:CabinBold;
letter-spacing:.2em;
}

h3 a {
color:#66bb51;
}

h4 {
font-size:1.3em;
font-weight:400;
text-transform:uppercase;
color:#66bb51;
font-family:CabinBold;
letter-spacing:.2em;
margin:1% 0;
}

h3.oferta {
clear:both;
margin:0 1.0416666666667% 2%!important;
}

label {
display:block;
float:left;
font-family:CabinBold;
width:12em;
color:#448f2e;
min-width:140px;
min-height:30px;
}

label.error {
color:#e00a0a!important;
vertical-align:top;
font-size:90%;
width:100%;
}

#request-form p {
font-size:95%;
color:#2e5923;
}

#request-form input,#request-form textarea,#request-form select {
border:none;
-moz-box-shadow:0 1px 4px 0 #75C360;
-webkit-box-shadow:0 1px 4px 0 #75C360;
box-shadow:0 1px 4px 0 #75C360;
padding:.3em;
}

input.error,textarea.error {
border:none;
-moz-box-shadow:0 1px 8px 0 #e00a0a!important;
-webkit-box-shadow:0 1px 8px 0 #e00a0a;
box-shadow:0 1px 8px 0 #e00a0a;
padding:.3em;
}

#request-form div {
-moz-box-shadow:0 1px 8px 0 #75C360;
-webkit-box-shadow:0 1px 8px 0 #75C360;
box-shadow:0 1px 8px 0 #75C360;
background:#DEF5D8;
padding:2%;
}

.hiddenFields {
display:none;
}

#request-form ol {
list-style:none;
margin:0!important;
padding:0;
}

#request-form li {
clear:both;
border-top:1px solid #d9f3d3;
padding:1% 0;
}

p em {
background:#fff;
font-style:normal;
font-family:CabinBold;
}

img {
max-width:100%;
}

.ourportfolio img {
max-width:220px;
border:0;
-webkit-box-shadow:0 1px 8px 0 #75C360;
-moz-box-shadow:0 1px 4px 0 #75C360;
box-shadow:0 1px 8px 0 #75C360;
-moz-border-radius:3px;
}

.nav-bar,.navbar {
text-align:right;
height:73px;
}

.navbar .logo a {
height:73px;
}

.navbar ul {
display:block;
float:right;
line-height: 73px;
margin-right: 2.12766%;
}
.navbar ul.active {
line-height: 24px;
}
.nav-bar a,.navbar ul li a {
color:#c4ad7b;
font-size:1.1em;
font-style:normal;
font-weight:400;
line-height:1em;
font-family:CabinBold;
text-transform:uppercase;
text-decoration:none;
text-shadow:2px 2px #fff;
display:inline;
}

.nav-bar a:hover,.navbar ul li a:hover {
color:#66bb51;
background:none!important;
}

.navbar .logo a img {
display:block;
height:73px;
max-height:100%;
}

.nav-bar ul li,.navbar ul li {
display:inline!important;
margin:0 1%;
}

.nav-bar .current,ul#filter li a {
text-align:center;
color:#66bb51!important;
margin:0 1.0416666666667% 0 0;
}

.navbar a.toggle {
color:#FFF;
background:#c4ad7b;
-webkit-border-radius:2px;
-moz-border-radius:2px;
-ms-border-radius:2px;
-o-border-radius:2px;
border-radius:2px;
}

.navbar .active a {
background:#66bb51;
display:block;
color:#fff;
text-shadow:none;
height: 10px;
}

.navbar .active a:hover {
background:#66bb51;
display:block;
color:#000;
text-shadow:none;
}

.nav-bar ul.active li {
height:30px;
}

.nav-bar ul.active li a.current {
color:#fff!important;
}

.nav-bar ul.active li a.current:hover {
color:#000!important;
}

#side-content-box {
float:left;
padding:0;
}

#side-content-box p {
font-size:80%;
}

#side-content-box h3 {
color:#93d07e;
font-size:1em;
}

#main-content-box {
padding:0;
}

#side-content-box a {
border-bottom:2px dotted #66bb51;
}

#main-content-box ul,.services ul {
list-style:none;
}

.services ul {
margin:10px 1.0416666666667%;
}

#main-content-box ul li,.services ul li,.quorter ul li {
background:#E9F2D9;
list-style:none;
border-bottom:2px solid #E9F2D9;
margin-top:1px;
color:#33a027;
font-size:80%;
padding:1.0416666666667%;
}

.similar {
border-top:3px dotted #E9F2D9;
margin-top:2em;
}

.similar h3 {
margin:20px 0;
}

ul#filter,.center.main p {
margin:0 1.0416666666667% 10px;
}

ul#filter {
margin-top:-1.0416666666667%;
}

ul#filter li {
display:inline;
}

.footer {
min-height:100px;
border-top:3px dotted #e9f2d9;
}

.footer h4 {
color:#80ca68;
}

.footer a {
color:#C4AD7B;
}

.footer a:hover {
color:#4d993a;
}

.register {
border-top:3px dotted #e9f2d9;
color:#999;
}

.header {
min-height:100px;
background:none;
padding-top:20px;
border-bottom:3px dotted #e9f2d9;
margin-bottom:10px;
}

.home-motto p,span.hight {
color:#5bba44;
font-size:4em;
font-style:normal;
font-weight:400;
font-family:CabinBold;
line-height:.9em;
text-shadow:2px 2px #fff;
}

span.hight {
font-size:2em;
text-transform:uppercase;
}

span.call {
background:url(http://emotional.ro/images/layouts/phone.png) center left no-repeat;
text-transform:uppercase;
font-size:70%!important;
color:#C4AD7B;
font-family:CabinRegular;
margin-top:20px;
display:block;
-moz-box-shadow:0 1px 4px 0 #ECDCB8;
padding:1% 0 1% 45px;
}

a.email {
background:url(http://emotional.ro/images/layouts/email.png) center left no-repeat;
text-transform:uppercase;
-moz-box-shadow:0 1px 4px 0 #b8e0ae;
font-size:70%!important;
font-family:CabinRegular;
margin-top:-1em!important;
display:block;
line-height:normal!important;
padding:1% 0 1% 45px !important;
}

.home-motto p a {
display:block;
border-bottom:none;
}

.home-motto strong,span.light {
display:block;
font-style:normal;
line-height:1em;
margin-bottom:3%;
font-family:CabinRegular;
font-size:1.5em;
font-weight:100;
}

.people {
background:#E9F2D9;
margin-top:1px;
}

.people span {
text-align:center;
display:block;
}

.people div {
padding:10px 10px 10px 0;
}

.people span em {
display:block;
font-family:CabinBold;
font-size:130%;
color:#3c8233;
}

.people strong {
font-family:CabinRegular;
font-weight:400;
}

.people blockquote {
font-family:CabinRegular;
border:none;
}

.brands {
margin-top:-20px!important;
}

.brands img {
display:block;
width:220px;
margin:10px auto;
}

.brands h2,.software h2 {
margin-top:20px;
}

#brands {
height:500px;
}

#brands div {
-moz-box-shadow:0 1px 8px 0 #ECDCB8!important;
-webkit-box-shadow:0 1px 8px 0 #ECDCB8;
box-shadow:0 1px 8px 0 #ECDCB8;
width:220px;
height:220px;
float:left;
margin:10px;
padding:0!important;
}

#brands div img {
border:0;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
}

table thead {
background:#66BB51;
}

table caption {
text-transform:uppercase;
color:#66BB51;
}

table.striped tr:nth-of-type(2n),table table tr.stripe,table table tr.striped {
background-color:#DEF5D8;
}

table thead th,table tbody td,table tr td,table {
border-top:1px solid #DEF5D8;
}

.contact dl {
-moz-box-shadow:0 1px 4px 0 #ecdcb8;
-webkit-box-shadow:0 1px 4px 0 #ecdcb8;
box-shadow:0 1px 4px 0 #ecdcb8;
font-size:90%;
margin:1em 1.0416666666667% 10px;
}

.contact dt {
border-right:1px solid #fef9f1;
border-top:1px solid #fef9f1;
color:#cfbc90;
text-transform:uppercase;
float:left;
height:2em;
width:12em;
margin:0;
padding:.8em .1em .2em .9em;
}

.contact dd {
border-top:1px solid #fef9f1;
color:#4F412C;
height:2em;
text-indent:1em;
margin:0;
padding:.8em .1em .2em .9em;
}

.category_list img,.service_list img {
display:block;
max-width:140px;
margin:5% auto 0;
}

.category_list p,.service_list p {
font-size:95%;
margin:0 8%!important;
}

.category_list {
background:#fff;
background-image:linear-gradient(top,#FFFFFF22%,#DEF5D861%);
-moz-box-shadow:0 1px 8px 0 #75C360;
-webkit-box-shadow:0 1px 8px 0 #c4ae7c;
box-shadow:0 1px 8px 0 #c4ae7c;
min-height:44em;
}

.service_list .category_list {
-moz-box-shadow:0 1px 8px 0 #c4ae7c;
background-image:0;
min-height:58em!important;
padding-bottom:2em;
}

.service_list h2 {
color:#916e1f;
}

.category_list div,.service_list div {
text-align:center;
}

.request_now,#offerRequest,.send_request {
font-size:90%;
background:#E9F2D9;
-moz-box-shadow:0 1px 8px 0 #75C360;
-webkit-box-shadow:0 1px 8px 0 #75C360;
box-shadow:0 1px 8px 0 #75C360;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
background-color:#7FBF4D;
background-image:0;
border:1px solid #5B992B!important;
color:#fff;
text-decoration:none!important;
text-shadow:0 -1px 0 #4C9021;
width:90px;
font-family:CabinBold;
text-transform:uppercase;
margin:0 1.0416666666667% 0 0;
padding:6px 12px;
}

.request_now:hover,#offerRequest:hover,.send_request:hover {
text-shadow:none;
color:#0E5202;
}

.service_detail {
font-size:90%;
background:#be9d68;
-moz-box-shadow:0 1px 8px 0 #be9d68;
-webkit-box-shadow:0 1px 8px 0 #be9d68;
box-shadow:0 1px 8px 0 #be9d68;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
background-color:#be9d68;
background-image:0;
border:1px solid #ac894e!important;
color:#fff;
text-align:center;
text-shadow:0 -1px 0 #674c1f;
width:90px;
font-family:CabinBold;
text-transform:uppercase;
margin:1.0416666666667% 0;
padding:6px 12px;
}

.service_detail:hover {
color:#674C1F;
text-shadow:none;
}

.send_request {
width:11em;
font-size:110%;
}

a:hover,.home-motto p a:hover {
color:#000;
}

.pagination a.active,.pagination a:hover {
background:#66BB51;
color:#fff;
}

#contact_form,.clear {
clear:both;
}

.navbar .logo,#main-content-box p {
margin:0;
}

.navbar a.toggle:hover,.navbar a.toggle:active,.navbar a.toggle.active,.nav-bar ul.active {
background:#66bb51;
}

.people img,.software img {
display:block;
width:220px;
margin:0 auto;
}

.grafic-design,.web-marketing {
min-height:42em!important;
}

@media only screen and max-width 767px{
.brands.second {
display:none;
}
}