﻿/* ############## index ############## */
div#wraper img
{
    border-style: none;
}

div#anim_content
{
    background-image:url('../resources/img/MainContainer/maincontainerpic.png');
    height: 200px;
    width: 900px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
}

div#main_content
{
    height: 200px;
    width: 900px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
}

div#anim_content_flash
{    
    height: 230px;
    width: 900px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
}

div.contentwraper
{
    margin-top: 5px;        
    overflow:hidden;    
}

div.contentwraper a
{
    text-decoration: none;
}

div.contentwraper h4
{
    font-size: 12px;
    margin: 5px 0px 5px 0px;
}

div.contentwraper h3
{
    font-size: 14px;
}

/* 1 */

div.contentwraper div#one
{
    color: #666666;
    background-color: #F5F5F5;
    width: 220px;
    height: 110px;
    margin-left: 3px;
    margin-right: 5px;
    float: left;
}

div.contentwraper div#one div
{
    width: 210px;
    margin:auto;
}

div.contentwraper div#one h4
{
    margin: 0px;   
    padding: 5px 0px 5px 10px;    
    text-decoration: none;
}

div.contentwraper div#one p
{
     margin: 2px 0px 2px 10px;
}

div.contentwraper div#one p a:hover
{
    color: #FF0000;
    text-decoration: underline;
}

div.contentwraper div#one a
{
    color: #757575;
}

div.contentwraper div#one a:hover
{    
    color: #FF0000;
}

/* 2 */

div.contentwraper div#two
{
    color: #666666;
    background-color: #F5F5F5;
    width: 220px;
    height: 110px;
    margin-right:5px;
    float:left;
}

div.contentwraper div#two div
{
    width: 210px;
    margin:auto;
}

div.contentwraper div#two h4
{
    margin: 0px;   
    padding: 5px 0px 5px 10px;    
}

div.contentwraper div#two p
{
    margin: 2px 0px 2px 10px;
    
}

div.contentwraper div#two p a:hover
{
    color: #009933;
    text-decoration: underline;
 }

div.contentwraper div#two a
{
    color: #0000FF;

}

div.contentwraper div#two a:hover
{    
    color: #009933;
}

/* 3 */

div.contentwraper div#three
{
    color: #666666;
    background-color: #F5F5F5;
    width: 220px;
    height: 110px;
    margin-right:5px;
    float:left;
}

div.contentwraper div#three div
{
    width: 210px;
    margin:auto;
}

div.contentwraper div#three h4
{
    margin: 0px;   
    padding: 5px 0px 5px 10px;    
}

div.contentwraper div#three p
{
     margin: 2px 0px 2px 10px;
}

div.contentwraper div#three p a:hover
{
    color: #0000FF;
    text-decoration: underline;
}

div.contentwraper div#three a
{
    color: #757575;
}

div.contentwraper div#three a:hover
{    
    color: #0000FF;
}

/* 4 */

div.contentwraper div#four
{
    color: #666666;
    background-color: #F5F5F5;
    width: 220px;
    height: 110px;
    float:left;
}

div.contentwraper div#four div
{
    width: 210px;
    margin:auto;
}

div.contentwraper div#four h4
{
    margin: 0px;   
    padding: 5px 0px 5px 10px;    
}

div.contentwraper div#four p
{
     margin: 2px 0px 2px 10px;
}

div.contentwraper div#four p a:hover
{
    color: #CC9900;
    text-decoration: underline;
}

div.contentwraper div#four a
{
    color: #757575;
}

div.contentwraper div#four a:hover
{    
    color: #CC9900;
}

div.contentwraper div#scontent1
{
    width: 295px;
    margin-left:3px;
    margin-right:5px;
    float:left;
}

div.contentwraper div#scontent2
{
    width: 295px;
    margin-right:5px;
    float:left;
}

div.contentwraper div#scontent3
{
    width: 295px;
    float:left;    
}

/*############## end of index ##############*/
/*############## Produse ##############*/

div#menulateral
{ 
    width:225px;
    margin:auto;
    float:left;
}

/* >> menu */

div#meniuproduse_wraper
{
    width:225px;    
    background-image:url('/resources/img/Meniuri/menu_produse_slice.png');
    overflow:auto;
    float:left;
}

ul#meniuproduse
{    
    float:left;
    
    padding:0px;
    margin:0px;
    
    width: 225px; 
    margin: auto;  
    
    border: none;    
    list-style-type: none;
    
    line-height: 22px; /* this createz the element spacing */
}

ul#meniuproduse li
{   
    margin: 0px 10px 0px 10px;
    padding: 0px;
    overflow: hidden;
    
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #FF9F9F;
}

ul#meniuproduse li.first
{
    border-top: none ;
}

ul#meniuproduse li:hover
{
    background-image:url('/resources/img/Meniuri/Overlay.png');
}

ul#meniuproduse a
{ 
    padding: 0px;
    margin: 0px 10px 0px 10px;    
    
    text-decoration: none;
    color: #930003;
    font-size: 14px;
}

ul#meniuproduse a:hover
{
    text-decoration: underline;
    color: #930003;
    font-size: 14px;
}

/* >> pagina produs */

div.dynamiccontent_produse
{
    width: 660px;
    margin: auto;
}

div.dynamiccontent_produse h3
{
    margin-top:0px;
}

div.dynamiccontent_produse p
{
    margin: 2px 0px 0px 0px;    
}

div.dynamiccontent_produse div div
{
    width: 450px;
    margin: auto;
}

/* >> pagina produse default */

div#produse_default_wraper
{
    width: 675px;    
    float:left;
}

div#produse_default_wraper h3
{
    margin-top:0px;
}

div#produse_default_wraper img
{
    width: 200px;
    height: 115px;
    margin: 0px 12.5px 10px 12.5px;   
    border-style:none;
}  

div#produse_default_wraper p
{
    margin: 2px 0px 0px 0px;    
}

div#produse_default_wraper div div
{
    width: 450px;
    margin: auto;
}
	
/*############## end of Produse ##############*/
/*############## Despre Noi ##############*/
ul.informatii
{
    list-style-type:none;
}

ul.informatii span
{
    font-weight: bold;
    color: Green;
}

/*############## end of Despre Noi ##############*/
/*############## Cariere ##############*/

ul.cariere
{
    list-style-type:none;
}

ul.cariere span
{   
    font-weight: bold;
    color: Blue;
}

ul.cariere li
{
    background-color: #F9F9F9;
}

/*############## end of Cariere ##############*/
/*############## Contact/Comanda Online/Comanda Personalizata ##############*/

div#contactcontent  
{
    margin-left: 5px; 
    /*width: 425px;       */
}

div#contactcontent
{
    margin-top: 0px;
}

div#contactcontent p
{
    margin-left: 10px;
}

.boxnametext
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

div.formcontact
{    
    margin-left: 5px;    
    background-color: #F0F0F0;
}

div.formcontact label
{
    font-size: 12px;   
}

div.formcontact label span
{
    color: #FF0000;
}

.CustomValidatorCalloutStyle div, .CustomValidatorCalloutStyle td
{
    border: 1px solid #C0C0C0;
    background-color: #EAEAEA;    
}
.CustomValidatorCalloutStyle .ajax__validatorcallout_callout_cell
{
    width:350px;
}

.CustomValidatorCalloutStyle .ajax__validatorcallout_icon_cell 
{
    width:10px;padding:5px;
    border-right:none;
}

.validatorCalloutHighlight
{
    background-color: #FDFEC7;
}


/*############## end of Contact/Comanda Online/Comanda Personalizata ##############*/
/*############## produse noi ##############*/

div.contentwraper div.produsnou
{
    background-color: #F5F5F5;
    width: 220px;
    margin-left: 2px;
    margin-right: 2px;
    float: left;
}

div.contentwraper div.produsnou h4
{
    color: #FF0000;
    margin: 0px;   
    padding: 5px 0px 5px 10px;    
}

div.contentwraper div.produsnou a:hover
{
    text-decoration:underline;    
}

div.contentwraper div.produsnou p
{
     margin: 2px 0px 2px 10px;
}

/*############## end of produse noi ##############*/
/*############## promotii ##############*/

div.contentwraper div.promotii
{
    background-color: #F5F5F5;
    width: 220px;
    margin-left: 2px;
    margin-right: 2px;
    float: left;
}

div.contentwraper div.promotii h4
{
    color: #009933;
    margin: 0px;   
    padding: 5px 0px 5px 10px;    
}

div.contentwraper div.promotii a:hover
{
    text-decoration:underline;    
}

div.contentwraper div.promotii p
{
     margin: 2px 0px 2px 10px;
}


/*############## end of promotii ##############*/
/*############## cele mai populare produse ##############*/

div.contentwraper div.populare
{
    background-color: #F5F5F5;
    width: 220px;
    margin-left: 2px;
    margin-right: 2px;
    float: left;
}

div.contentwraper div.populare h4
{
    color: #0000FF;
    margin: 0px;   
    padding: 5px 0px 5px 10px;    
}

div.contentwraper div.populare a:hover
{
    text-decoration:underline;    
}

div.contentwraper div.populare p
{
     margin: 2px 0px 2px 10px;
}

/*############## end of cele mai populare produse ##############*/
/*############## suport ##############*/

ul.suport
{
    list-style-type:none;
}

ul.suport span
{        
    font-weight: bold;
    color: #CC9900;
}

ul.suport li
{
    background-color: #F9F9F9;
    margin-bottom: 10px;
}

/*############## end of suport ##############*/
/*############## Servicii ##############*/

div#meniuservicii_wraper
{
    width:225px;    
    background-image:url('/resources/img/Meniuri/menu_servicii_slice.png');
    overflow:auto;
    float:left;
}

ul#meniuservicii
{    
    float:left;
    
    padding:0px;
    margin:0px;
    
    width: 225px; 
    margin: auto;  
    
    border: none;    
    list-style-type: none;
    
    line-height: 22px; /* this createz the element spacing */
}

ul#meniuservicii li
{
    margin: 0px 10px 0px 10px;
    padding: 0px;
    overflow: hidden;
    
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #13EC49;
}

ul#meniuservicii li.first
{
    border-top: none ;
}

ul#meniuservicii li:hover
{
    background-image:url('/resources/img/Meniuri/Overlay_Servicii.png');
}

ul#meniuservicii a
{ 
    padding: 0px;
    margin: 0px 10px 0px 10px;    
    
    text-decoration: none;
    color: #003300;
    font-size: 14px;
}

ul#meniuservicii a:hover
{
    text-decoration: underline;
    color: #003300;
    font-size: 14px;
}

/* >> pagina serviciu */

div.dynamiccontent
{
    width: 440px;
    margin: auto;
}

div.dynamiccontent h3
{
    margin-top:0px;
}

div.dynamiccontent p
{
    margin: 2px 0px 0px 10px;    
}

div.dynamiccontent div div
{
    width: 430px;
    margin: auto;
}

/*############## end of Servicii ##############*/
/* >>>> Anunturi/Tabele/Stuff <<<< */

div.anuntcontact
{
    width: 220px; 
    margin: auto;    
}

div.anuntcontact img
{
    float:left;
    clear:both;    
    padding-bottom: 5px;
    border-style:none;
}

div.adresacontact
{   
    width: 220px; 
    margin: auto;        
}

div.adresacontact img
{
    padding-bottom: 5px;
    float:left;
    clear:both;
    border-style:none;   
}


.MsoNormal
{
    padding: 0px;
    margin: 0px;
}
/*############## end Anunturi/Tabele/Stuff ##############*/
/*############## Solutii ##############*/

.accordionHeader
{
    /*border: 1px solid #2F4F4F;*/
    color: white;
    background-color: #2E4d7B;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

div.contentwraper .accordionHeader a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

div.contentwraper .accordionHeader a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionHeaderSelected
{
    /*border: 1px solid #2F4F4F;*/
    color: white;
    background-color: #5078B3;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

div.contentwraper .accordionHeaderSelected a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

div.contentwraper .accordionHeaderSelected a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionContent
{
    background-color: #D3DEEF;
    /*border: 1px dashed #2F4F4F;*/
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}



/*############## end Solutii ##############*/
