/* DOCUMENT INFORMATION
	- Project:	www.redvolution.ro
	- Client:   RedVolution Design SRL
	- Modified: 03.11.2009
	- Author:   RedVolution Design SRL
	- Contact:	desk@redvolution.ro
*/

/* Colors
   Light Blue:	#afd2f0
   Dark Blue:	#0f4574

   Link Color:		#3674bb
   Post Bg Color:	#fffbd8
*/

/* globals & reset*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, button, cite, code, del, dfn, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, textarea, input {
margin : 0;
padding : 0;
border : 0;
outline : 0;
font-weight : inherit;
font-style : inherit;
font-size : 100%;
font-family : inherit;
vertical-align : baseline;
}
blockquote:before, blockquote:after, q:before, q:after {
content : "";
}
table {
border-collapse : collapse;
border-spacing : 0;
}
ol, ul {
list-style : none;
}
.textcenter {
text-align : center;
}
.textright {
text-align : right;
}
.textleft {
text-align : left;
}
.left {
float : left !important ;
}
.right {
float : right !important ;
}
.clear {
clear : both;
}
.hide {
display : none;
}
.show {
display : block;
}
.invisible {
visibility : hidden;
}
body {
font-family : 'Trebuchet MS', 'Arial';
background : #ebebeb;
color : #858585;
font-size : 13px;
}
a {
color : #434343;
text-decoration : none;
}
a:hover {
color : #000;
}
b {
color : #666666;
}
h1 {
font-size : 13px;
font-weight : bold;
border-bottom : 5px solid #ccc;
color:#fff;
padding:5px;
background:#808080;
margin:0 10px 0 0;	
}
#wrapper {
margin : 0 auto;
width : 900px;
}
#header {
margin : 10px 0 0 10px;
height : 70px;
}
#logo {
width : 203px;
height : 57px;
}
#logo a {
width : 250px;
background : url(images/logo.gif) no-repeat left top;
display : block;
height : 57px;
width : 203px;
}
#logo a:hover {
background : url(images/logo.gif) no-repeat left top;
background-position : 0% -61px;
}
#logo span {
display : none;
}
#menu {
width : 190px;
margin-top : 20px;
}
#menu span {
display : none;
}
.portofoliu a {
background : url(images/menu.gif) no-repeat left top;
width : 100px;
height : 40px;
display : block;
}
.portofoliu a:hover {
background : url(images/menu.gif) no-repeat left top;
background-position : 0 -41px;
}
.portofoliu h2 {
width : 100px;
height : 40px;
display : block;
background : url(images/menu.gif) no-repeat left top;
background-position : 0 -41px;
}
.contact a {
background : url(images/menu.gif) no-repeat left top;
width : 80px;
height : 40px;
display : block;
background-position : -110px 0;
}
.contact a:hover {
background : url(images/menu.gif) no-repeat left top;
background-position : -110px -41px;
}
.contact h2 {
width : 80px;
height : 40px;
display : block;
background : url(images/menu.gif) no-repeat left top;
background-position : -110px -41px;
}
.top_featured {
background : url(images/top_featured.gif) no-repeat;
width : 900px;
height : 18px;
}
.bottom_featured {
background : url(images/bottom_featured.gif) no-repeat;
width : 900px;
height : 19px;
}
.featured_top {
width : 900px;
height : 150px;
background : url(images/middle_container.gif) repeat-y;
}
.featured_top a {
background : none;
background : url(images/middle_container.gif) repeat-y;
}
.featured_top img {
margin : 10px 20px 10px 20px;
}
.banner_box {
width : 900px;
background : url(images/middle_container.gif) repeat-y;
}
#banner {
margin : 8px 0 8px 20px;
}
#container {
background : white;
}
.top_container {
background : url(images/top_container.gif) no-repeat;
width : 900px;
height : 50px;
position : relative;
}
.middle_container {
background : url(images/middle_container.gif) repeat-y;
width : 900px;
padding-bottom : 30px;
}
.bottom_container {
background : url(images/bottom_container.gif) no-repeat;
width : 900px;
height : 69px;
position : relative;
}
.content {
width : 600px;
margin : 0 0 0 30px;
}
.content_portofoliu {
width : 870px;
margin : 0 0 0 20px;
}
.content_portofoliu h1 {font-size:20px;}
.sidebar {
text-align : justify;
margin : 0 20px 0 0;
width : 200px;
}
.servicii {
text-align : justify;
}
.servicii h1 {
display : none;
}
.servicii p {
margin-top : 10px;
}
.servicii h3 {
background : url(images/title_servicii.gif) no-repeat;
display : block;
width : 72px;
height : 18px;
cursor : auto;
margin-top : 50px;
}
.servicii span {
display : none;
}
.servicii li {
display : inline-block;
width : 200px;
border-bottom : 1px dotted #858585;
margin : 0 70px 0 0;
font-weight : bold;
padding : 10px 0 5px 20px;
background : url(images/bullet.gif) no-repeat left bottom;
}
.servicii ul {
text-align : left;
margin-top : 20px;
}
.featured h2 {
background : url(images/title_proiecte.gif) no-repeat;
display : block;
width : 60px;
height : 13px;
cursor : auto;
}
.featured span {
display : none;
}
.featured_right img {
margin : 5px;
width : 80px;
}
.featured_right {
width : 90px;
background : #ebebeb;
border : 1px solid #d9d9d9;
margin : 5px 5px 0 0;
}
.marr {
margin-right : 5px;
}
.cotatie {
margin-top : 30px;
}
.cotatie h2 {
background : url(images/title_cotatie.gif) no-repeat;
display : block;
width : 160px;
height : 17px;
cursor : auto;
}
.cotatie span {
display : none;
}
.clienti {
margin-top : 30px;
text-align : left;
}
.clienti h2 {
background : url(images/title_clienti.gif) no-repeat;
display : block;
width : 160px;
height : 17px;
cursor : auto;
}
.clienti span {
display : none;
}
.gotop {
position : absolute;
right : 20px;
bottom : 20px;
background : url(images/gotop.gif) no-repeat left top;
height : 33px;
width : 45px;
}
.gotop span {
display : none;
}
.link {
background : none !important ;
display : inline !important ;
height : auto !important ;
width : auto !important ;
cursor : pointer !important ;
text-decoration : none;
border-bottom : 1px dotted #434343;
}
.module_mrex {
background : #ebebeb;
margin-top : 90px;
padding : 10px;
}
.module_mrex h3 {
background : url(images/ultimele_mrex.gif) no-repeat left top;
display : block;
width : 271px;
height : 17px;
}
.module_mrex span {
display : none;
}
.pic_mrex {
width : 80px;
background : #fff;
border : 1px solid #d9d9d9;
float : left;
margin-top : 10px;
}
.pic_mrex img {
margin : 5px;
width : 70px;
}
.txt_mrex {
float : left;
margin : 0 0 0 20px;
width : 170px;
margin-top : 10px;
}
.txt_mrex a {
color : #ff2e00;
font-size : 12px;
text-decoration : none;
}
.txt_mrex a:hover {
text-decoration : underline;
}
.txt_mrex h2 {
font-weight : bold;
}
.small {
font-size : 12px !important ;
border-bottom : 1px dotted #aaaaaa;
}
#footer {
margin : 0 0 30px 10px;
color : #606060;
}
#footer span {
color : #999999;
}
.work_menu {
position : absolute;
right : 20px;
top : 12px;
width : 430px;
z-index : 2;
}
.webdesign {
background : url(images/webdesign.gif) no-repeat left top;
display : block;
width : 103px;
height : 20px;
}
.active_web {
background : url(images/webdesign_active.gif) no-repeat left top;
}
.logodesign {
background : url(images/logodesign.gif) no-repeat left top;
display : block;
width : 103px;
height : 20px;
}
.active_logo {
background : url(images/logodesign_active.gif) no-repeat left top;
}
.printdesign {
background : url(images/printdesign.gif) no-repeat left top;
display : block;
width : 103px;
height : 20px;
}
.active_print {
background : url(images/printdesign_active.gif) no-repeat left top;
}
.mrex {
background : url(images/mrex.gif) no-repeat left top;
display : block;
width : 103px;
height : 20px;
}
.active_mrex {
background : url(images/mrex_active.gif) no-repeat left top;
}
.webdesign span {
display : none;
}
.logodesign span {
display : none;
}
.printdesign span {
display : none;
}
.mrex span {
display : none;
}
.box {
width : 278px;
height : 350px;
background : #eeeeee;
border : 1px solid #dedede;
float : left;
margin-top : 20px;
}
.box a {
margin : 0 0 0 10px;
font-size : 12px;
text-decoration : none;
color : #ff2e00;
}
.box a:hover {
text-decoration : underline;
}
.title {
margin : 10px;
display : block;
color : #a4a2a2;
text-transform : uppercase;
}
.title h2 {
color : #969494;
font-weight : bold;
}
.picture {
width : 258px;
background : #fff;
margin-left : 10px;
border : 1px solid #dfdede;
text-align : center;
}
.picture img {
margin : 10px;
width : 238px;
}
.more {
margin : 10px 10px 0 10px;
display : block;
font-size : 11px;
}
.marri {
margin-right : 10px;
}
.twitter {
margin-top : 30px;
}
.twitter li {
list-style-type : none;
font-size : 11px;
margin-top : 5px;
text-align : left;
}
.tbContactform {
text-align : left;
float : left;
width : 500px;
}
.tbContactform p {
margin : 10px;
}
.tbContactform .antispam {
display : none;
visibility : hidden;
}
.tbContactform label {
width : 95px;
display : inline-block;
vertical-align : top;
font-size : 20px;
font-weight : normal;
}
.tbContactform input.text, .tbContactform textarea {
font-size : 20px;
font-weight : bold;
color : #5d5d5d;
width : 390px;
height : 30px;
padding : 2px;
background : #eeeeee;
border : 1px solid #dedede;
}
.tbContactform textarea {
height : 190px;
}
.tbContactform textarea:hover {
background : #fff;
border : 1px solid #dedede;
}
.tbContactform input.text:hover {
background : #fff;
border : 1px solid #dedede;
}
.tbContactform input.submit {
display : block;
width : 100px;
height : 30px;
background : #808080;
color : #fff;
font-weight : bold;
font-size : 20px;
}
.tbContactform .tbErrors p {
color : #ff0000;
}
.tbContactform input.submit:hover {
background : #ff2e00;
}
.tbErrors {
text-align : left;
margin-left : 10px;
}
.date_contact {
float : left;
width : 300px;
margin-top : 30px;
}
.big_pic {
width : 570px;
background : #eeeeee;
border : 1px solid #dedede;
height : 520px;
margin-top : 20px;
}
.big_pic img {
margin : 20px;
}
h2.descriere {
background : transparent url(images/descriere.gif) no-repeat scroll 0% 0%;
height : 13px;
width : 120px;
display : block;
margin : 30px 0 10px 0;
}
h2.tehnologii {
background : transparent url(images/tehnologii.gif) no-repeat scroll 0% 0%;
height : 17px;
width : 160px;
display : block;
margin : 40px 0 10px 0;
}
h2.demo {
background : transparent url(images/demo.gif) no-repeat scroll 0% 0%;
height : 13px;
width : 120px;
display : block;
margin : 40px 0 10px 0;
}
h2.adresa {
background : transparent url(images/adresa.gif) no-repeat scroll 0% 0%;
height : 17px;
width : 160px;
display : block;
margin : 40px 0 10px 0;
}
.titlu_modul {
display : block;
width : 300px;
height : 30px;
font-weight : bold;
padding : 10px;
font-size : 15px;
}
.pret_modul {
display : block;
width : 480px;
height : 30px;
font-size : 15px;
padding : 10px;
color : red;
text-align : right;
}
.info_mrex {
color : red;
}
ul.oferta_mrex {
margin-left : 0;
}
ul.oferta_mrex li {
border-bottom : 1px solid #cecece;
}
.preturi_mrex {
margin-left : 20px;
}
.preturi_mrex a {
color : #ff2e00;
font-size : 15px;
font-weight : bold;
}
.breadcrumb {
position : absolute;
left : 10px;
top : 16px;
background : #ebebeb;
height : 20px;
width : 871px;
z-index : 1;
padding : 5px 0 5px 10px;
}
.back {
position : absolute;
left : 10px;
bottom : 0;
height : 20px;
width : 871px;
z-index : 1;
padding : 5px 0 5px 10px;
}