/* MODUL DESIGN CSS */

BODY{ background-color:#f5f5f5;
margin:0px;} 

#MAIN{ background-image:url(images/background.jpg);
background-repeat:repeat-y;}
#MAIN-TOP{ background-image:url(images/header.jpg);
background-repeat:no-repeat;
width:955px;
height:170px;
}

#MAIN-TOPE{ background-image:url(images/header2.jpg);
background-repeat:no-repeat;
width:955px;
height:170px;
}

#LEFT-TD{ width:200px;}
#MIDLE-TD{ width:550px;}
#RIGHT-TD{ width:205px;}
#MAIN-BOTTOM{ background-image:url(images/footer.jpg);
background-repeat:no-repeat;
height:30px;}

/*TOP MENU */

#top-menu{
height:26px;
margin-bottom:16px;
margin-left:28px;
 font-family: Arial, Helvetica, sans-serif;
 font-size:12px;
 font-weight:bold;
 color:#d80001; 
 text-align:center;
 border-right:1px solid #999999;
 background-image:url(images/back-menu1.jpg);
 background-repeat:repeat-x;
 } 
#top-menu td{
 border-left:1px solid #d3d3d3;
border-top:1px solid #d3d3d3;
border-bottom:1px solid #999999;
padding-left:10px;
padding-right:10px;
} 
#top-menu a{color:#d80001; text-decoration:none;
}
#top-menu a:hover{color:red;}


/*LEFT MENU */

#left-menu{
width:180px; 
background-image:url(images/backmenu.jpg);
background-repeat:repeat-y; 
border:1px solid #999999;
font-family: Arial, Helvetica, sans-serif;
 font-size:11px;
 color:#474747;
 margin-left:20px;
 margin-bottom:6px;
}
#left-menu #title-red{
height:34px;
background-color:#d80001;
background-image:url(images/sigla-rosie.jpg);
background-repeat:no-repeat;
}

#left-menu #title-blue{
height:34px;
background-color:#0330c3;
background-image:url(images/sigla-albastra.jpg);
background-repeat:no-repeat; 
}

#left-menu #title-grey{
height:35px;
background-color:#636363;
background-image: url(images/sigla-gri.jpg);
background-repeat:no-repeat; 
}

.titlu-menu{font-family: Arial, Helvetica, sans-serif;
 font-size:12px;
 font-weight:bold;
 color:white;
 margin-top:10px;
 margin-left:40px;  
}
#left-menu-continut{
padding-left:20px;
padding-top:20px;
padding-bottom:10px;
}
#left-menu a{
color:#474747;
text-decoration:none;
 font-size:11px;
}

#left-menu a:hover{
color:#d80001;}

#left-menu-red td{
background-image: url(images/sageata.jpg); 
background-repeat:no-repeat;
padding-bottom:10px;
padding-left:10px;
width:150px;}

#left-menu-blue  td{
background-image: url(images/sageata-blue.jpg); 
background-repeat:no-repeat;
padding-bottom:10px;
padding-left:10px;
width:150px;}

#left-menu-grey td{
background-image: url(images/sageata-grey.jpg); 
background-repeat:no-repeat;
padding-bottom:10px;
padding-left:10px;
width:150px;}



/*Caseta dreapta */

#caseta-dreapta{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#787878;
background-color:#efefef;
width:184px;
background-image:url(images/caseta-dreapta-left.jpg);
background-repeat:no-repeat;
background-position:0px 100%;
} 

#caseta-dreapta a{
color:#d80001;
text-decoration:none;}
#caseta-dreapta a:hover{ color:red;}

#caseta-dreapta-top{
border-top:1px solid #787878;
border-left:1px solid #787878;
border-right:1px solid #787878;
padding-left:14px;
padding-right:14px;
padding-top:6px;
padding-bottom:10px;}

#caseta-dreapta-bottom{
border-bottom:1px solid #787878;
border-right:1px solid #787878;
width:160px;
text-align:right;
padding-right:4px;}


#caseta-dreapta-left{
width:24px;
height:20px;}

#caseta-dreapta select{
width:150px;
height:16px;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color: #666666; 
border:1px solid #787878;}

#caseta-dreapta input{
width:100px;
height:15px;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color: #666666;
border:1px solid #787878;
padding-right:4px;}

#caseta-dreapta .button-form{
width:40px;
height:18px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:white;
border:0px;
padding:0px;
background-image:url(images/go.jpg);
background-repeat:no-repeat;
background-position:100% 0%;
text-align:left;
padding-left:6px;
cursor:pointer;
background-color:#d80001;
}

#caseta-dreapta table td{
height:30px;}


/*POZE DREAPTA */

#poze-dreapta{
width:184px;
margin-top:6px;}

#poze-dreapta-txt{
width:24px;
background-image:url(images/poze-txt.jpg);
background-repeat:no-repeat;
height:200px; 
}
#poze-dreapta-continut{
width:160px;
}

#poze-dreapta-continut img{
margin-bottom:6px;
border:1px solid #787878;
}

/*Continut Pagina*/


#continut .button-form{
height:18px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:white;
border:0px;
padding:0px;
background-image:url(images/go.jpg);
background-repeat:no-repeat;
background-position:100% 0%;
text-align:left;
padding-left:6px;
cursor:pointer;
background-color:#d80001;
margin-right:4px;
float:right;
}

#continut .button-red{
height:18px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:white;
text-align:center;
border:0px;
cursor:pointer;
margin-right:4px;
background-color:#d80001;
float:right;
}

#continut .button-form a{
color:white;}
#continut .button-form a:hover{
color:white;}

#continut .button-red a{
color:white;}
#continut .button-red a:hover{
color:white;}

#continut{ width:538px;
margin-left:6px;
margin-right:6px;
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
color:#474747;
text-align:justify;
}
#continut img{
margin-left:6px;
margin-right:6px;}
#continut a{
color:#d80001;
text-decoration:none;}
#continut a:hover{
color:red;
}
h1 {
font-weight:bold; 
font-size:16px;
padding-bottom:0px;
}

h2 {
	margin-bottom:0px;
	margin-top:0px;
}

.titlu{
font-weight:bold; 
font-size:12px;
padding-bottom:6px;

}

#program{
font-size:11px;
font-family: Arial, Helvetica, sans-serif;
color:#474747;
}
#program img{
margin-left:0px;
}


#colors{
margin-top:10px;
}
#color{
width:30px;
margin-left:4px;
margin-bottom:4px;
border-top:6px solid black;
background-color:#000000;
float:left;} 

#color img{
margin:0px;
}
#color-bottom{
background-color:#000000;
color:#999999;
font-size:9px;
height:10px;}


/*CONFIGURATOR */

.configurator{
width:534px;
height:168px;
border-bottom:1px solid #787878;
border-left:1px solid #787878;
border-right:1px solid #787878;
padding-top:4px;
padding-bottom:4px;
text-align:left;

}

.configurator-menu{
width:534px;
height:14px;
cursor:pointer;
text-align:center;
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
color:#474747;
}
.configurator-menu td{
border-top:1px solid #787878;
border-left:1px solid #787878;
border-right:1px solid #787878;
}

.program{
width:124px;
height:160px;
border:1px solid #787878;
margin-left:4px;
float:left;
padding:4px;
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
color:#474747;
margin-bottom:3px;
}

.program td{padding:4px;}

.program-top{
vertical-align:top;
height:120px;}

.program-bottom{
color:#d80001;
height:60px;} 

.program-bottom input{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
border:1px solid #787878;
width:22px;
height:14px;
text-align:right;}

.radio{
width:14px;
border:none;}

.program-bottom .radio{
width:14px;
border:none;}

.pret{
font-size:12px;
color:#d80001;
font-weight:bold;}


/*PROGRAM*/

#programe{
width:160px;
height:210px;
margin:4px;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#787878;
/* background-image: url(images/colt.jpg); */
background-repeat:no-repeat;
background-position:0px 100%;}

#programe-top{ 
height:144px;
border-top:1px solid #999999;
border-left:1px solid #999999;
border-right:1px solid #999999;
vertical-align:top;
padding:2px;}

#programe-top img{
margin:2px;
border:1px solid #999999;} 

#programe-bottom{
border-bottom:1px solid #999999;
border-right:1px solid #999999;
border-left:1px solid #999999;
text-align:right;
padding-right:4px;
}


#programe-left{
width:51px;
height:26px;}


.input{
width:150px;
height:16px;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
border:1px solid #999999;
margin-bottom:3px;
}

.select{
width:150px;
height:14px;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
border:1px solid #999999;
margin-bottom:3px;}

.an{width:40px;
height:16px;font-size:11px;
font-family:Arial, Helvetica, sans-serif;
border:1px solid #999999;
margin-bottom:3px;}

.texterea{
width:150px;
height:60px;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
border:1px solid #999999;
margin-bottom:3px;
}

.input-contact{
width:70px;
height:18px;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
border:1px solid #999999;
background-color:#efefef;
cursor:pointer;
font-weight:bold;
color:#d80001;
}


#cos{ 
background-color:#EFEFEF;
border:1px solid #CCCCCC;
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
color:#474747;
}

#cos td{ height:34px;
border-bottom:1px solid #999999;
text-align:center;}



/*FOOTER*/
#footer{ width:500PX;}


.cautare {
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
color:#474747;
}

.form {
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
color:#474747;
}


.comp{
width:80px;
height:150px;
border:0px;
margin-left:4px;
float:left;
padding:4px;
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
color:#474747;
margin-bottom:3px;
}

.comp td{
padding:4px; 
text-align:center
}

.comp-top{
vertical-align:top;
height:90px;}

.comp-bottom{
height:60px;}

.comanda {
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
color:#474747;
} 

#cariere{ 

font-family: Arial, Helvetica, sans-serif;
font-size:11px;
color:#474747;
}

#cariere td{ height:34px;
background-color:#EFEFEF;
text-align:center;}

#cariere .input {
font:Arial, Helvetica, sans-serif;
font-size:12px;
border:1px solid #666666;
}

#cariere textarea {
font:Arial, Helvetica, sans-serif;
font-size:12px;
border:1px solid #666666; 
}

#cariere .radio {
border:0px;
}