body {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    font-family: Arial;
    font-size: 12px;
}

form {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

a {
    outline: none;
}

textarea {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

div#pagina {
    width: 901px;
    min-height: 676px;
    _height: 676px;
    /*margin: 26px auto 0 auto;*/
    margin: 0 auto 0 auto;
    padding: 10px 0 0 0;
}

    div#header {
        width: 901px;
        min-height: 196px;
        _height: 196px;
    }
    
    div#headerDreta {
        float: right; 
        height: 150px;
        width: 451px;
        background-image: url(../img/pinguins.jpg);
        background-position: left top;
        background-repeat: no-repeat;
        position: relative;
    }
    
        a#logo {
            /*margin: 0 9px 0 0;
            _margin: 0 4px 0 0;*/
            display: block;
            overflow: hidden;
            width: 83px;
            height: 83px;
            top: 37px;
            right: 7px;
            position: absolute;
        }
        
    div#divCarrito {
		text-align: right;
    }
        
        a#aCarrito {
            text-decoration: none;
            color: #000000;
            font-weight: bold;
            /*text-align: right;*/
            font-size: 11px;
            overflow: hidden;
            /*float: right;*/
        }
        
        a#aCarrito:hover {
            color: #78787D;
        }
        
        a#aCarrito span {
            margin: 1px 0 0 10px;
            float: right;
        }
        
        a#aCarrito img {
            float: right;
        }
    
    div#menu {
        width: 901px;
        height: 46px;
        clear: both;
        border-bottom: 1px solid #3656AA;
    }
    
        ul#cntMenu {
            list-style: none;
            padding: 15px 9px 0 0;
            margin: 0 0 0 0;
        }
        
            li.opcio {
                float: left;                
            }
            
                li.opcio a {
                    text-decoration: none;
                    color: #3656AA;  
                    font-size: 15px; 
                    display: block;
                    padding: 7px 9px 7px 9px;	
                    margin: 0 0 0 0;
                    overflow: hidden;				
                }
                
                li.opcio a:hover {
                    background-color: #3656AA;
                    color: #FFFFFF !important;
					_padding: 7px 9px 7px 9px;
                    /*font-weight: bold;  */                     
                }
                
             li.opcioLang {
                float: right;
                color: #78787D;
                padding: 8px 0 0 0;
             }
                
                li.opcioLang a {
                    color: #78787D;
                    font-size: 11px;
                    text-decoration: none; 
                }
                
                 li.opcioLang a:hover {
                    color: #000000;
                    /*font-weight: bold;*/
                }               
                
                a.langSelecionada {
                    color: #000000 !important;
                    font-weight: bold;               
                }
                
                a.seleccionat {
                    background-color: #3656AA;
                    color: #FFFFFF !important;
                    _padding: 7px 11px 6px 11px !important;
                    font-weight: bold;                        
                }
                
                span.separador {
                    padding: 0 5px 0 5px;
                }
                
    div#submenu {
        border-top: 1px solid #3656AA;
        /*margin: 1px 0 0 0;*/
        height: 30px;
        margin: 0 0 15px 0;
        padding: 0 0 0 5px;
    }             
    
        div#submenu ul {
            margin: 0 0 0 0;
            padding: 0 0 0 0;
            list-style: none;
        }
        
            li.opciosm {
                float: left;                
            }
        
                li.opciosm a {
                    text-decoration: none;
                    color: #CCCCCC;  
                    background-color: #78797D;
                    font-size: 12px; 
                    /*display: block;*/
                    /*padding: 7px 11px 7px 11px;	
                    margin: 0 0 0 0;*/
                    /*overflow: hidden; */          
                }
                
                li.opciosm a:hover {
                    /*background-color: #3656AA;*/
                    color: #FFFFFF !important;
			        /*_padding: 7px 11px 7px 11px;*/                    
                }
                
                    span.spanactiu {
                        display: block;
                        padding: 7px 0 8px 0;
                        background-color: #3656AA;
                        float: left;
                        cursor: pointer;
                    } 
                    
                    span.spaninactiu {
                        display: block;
                        padding: 7px 0 8px 0;
                        background-color: #78797D; 
                        float: left;   
                        cursor: pointer;                    
                    }   
                
                a.seleccionatsm {
                    background-color: #3656AA !important;
                    color: #FFFFFF !important;  
                    font-weight:bold;
                }            
      
/* CERCADOR */

    div#cercadorIlogin {
        width: 889px;
        height: 43px;
        margin: 14px 0 13px 3px;
    }
    
        div#cercador {
            float: left;
            width: 424px;
            height: 24px;
            _height: 24px;
            border: 1px solid #3656AA; 
            padding: 5px 6px 0px 9px;
            _padding: 5px 6px 0px 9px;
        }
        
            label.etiqueta {
                color: #000000;
                font-size: 12px;
                font-weight: bold;                
                display: block;
                width: 58px;
                float: left;
                padding: 1px 10px 0 0;
            }
            
            input#textCerca {
                height: 15px;
                width: 248px;
                _width: 246px;
                border: 1px solid #3656AA;
                background-color: #E5E5E5;
                font-size: 12px;
                float: left;
            }
            
            input.boto {
                width: 100px;
                height: 19px;
                border: 1px solid #3656AA;
                background-color: #3656AA;
                margin: 0 0 0 0;
                _margin: 0 0 0 6px;
                padding: 0 0 0 0;
                color: #FFFFFF;
                font-weight: bold;
                cursor: pointer;
                float: right;
                font-size: 12px;
            }
            
            input.botoNormal {
                width: 100px;
                border: 1px solid #3656AA;
                background-color: #3656AA;
                padding: 0 0 3px 0;
                color: #FFFFFF;
                font-weight: bold;
                cursor: pointer;
                font-size: 12px;   
            }
            
        div#login {
            float: left;
            width: 413px;
            height: 24px;
            _height: 24px; 
            border: 1px solid #3656AA;  
            padding: 5px 6px 0px 9px;
            _padding: 5px 6px 0px 9px;     
        }
            
            input#textUser {
                height: 15px;
                width: 98px;
                _width: 96px;                
                border: 1px solid #3656AA;
                background-color: #E5E5E5;
                font-size: 12px;    
                float: left;           
            }
            
            label.etiqueta2 {
                color: #000000;                
                font-size: 12px;
                font-weight: bold;
                display: block;
                float: left;
                width: 53px;
                padding: 1px 0 0 0;
            } 
            
             label.etiqueta3 {
                color: #000000;                
                font-size: 12px;
                font-weight: bold;
                display: block;
                float: left;
                width: 42px;
                padding: 1px 1px 0 11px;
            }                       
            
            input#textPass {
                height: 15px;
                width: 98px;
                _width: 96px;
                border: 1px solid #3656AA;
                background-color: #E5E5E5;              
                font-size: 12px;  
                float: left;         
            }
        
/* INICI */

    div#iniciCnt {
        /* margin: 20px 0 0 0;*/ 
    }
    
        div#partSuperior {
            /*position: relative; */           
        }
        
            div#familiesIni {
                /*width: 678px;*/
            }
            
            #flashcontent_1 {
                /*border: 1px solid #000000;*/
                width: 220px;
                height: 370px;
                float: left;
            }
            
            #flashcontent_2 {
                /*border: 1px solid #000000;*/
                width: 220px;
                height: 370px;
                float: left;
                margin: 0 0 0 7px;
            }

            #flashcontent_3 {
                /*border: 1px solid #000000;*/
                width: 220px;
                height: 370px;    
                float: left;
                margin: 0 0 0 7px;    
            } 
            
            #flashcontent_3_1 {
                /*border: 1px solid #000000;*/
                width: 220px;
                height: 370px;    
                float: left;
                margin: 0 0 0 7px;    
            }                                           
        
            div#iniciImg {
                border: 1px solid #000000;
                background-color: #CCFF99;
                width: 674px;
                height: 374px;
            }
        
            div#seccions {
		    /*    position: absolute;
		        top: 0;
		        right: 0;
		        _right: -1px;*/
		        float: left;
		        width: 585px;
		        height: 200px;		        
		        text-align: justify !important;
            }   
            
                div#polsarSuperior {       
                    width: 334px;
                    height: 270px;
                    float: left;
                }
                
                    div#polsarSuperior a {
                        text-decoration: none;
                    }                
                
                    span#peuPolsarSuperior {
                        width: 319px;
                        height: 31px;
                        _height: 34px;
                        color: #FFFFFF;
                        background-color: #000A39;                         
                        margin: 0 0 0 0;
                        _margin: -3px 0 0 0;                        
                        padding: 9px 0 0 15px;
                        text-align: left;
                        font-size: 20px;
                        display: block;
                        cursor: pointer;
                        font-family: Tahoma;
                    }                
            
                div#polsarInferior {       
                    width: 240px;
                    height: 200px;
                    margin: 0 0 0 7px;
                    border: 1px solid #666666;
                    float: left;       
                }
                                    
                    div#polsarInferior a {
                        text-decoration: none;
                    }
                        
                    span#peuPolsarInferior {
                        width: 319px;
                        height: 31px;
                        _height: 34px;
                        color: #FFFFFF;
                        background-color: #AF5233;  
                        margin: 0 0 0 0;
                        _margin: -3px 0 0 0;
                        text-align: left;
                        font-size: 20px; 
                        display: block;
                        cursor: pointer; 
                        padding: 9px 0 0 15px;
                        font-family: Tahoma;               
                    }
                            
        div#partInferior {            
            margin: 7px 0 0 0;
        }
        
            div#noticiesOfertes {
                border: 1px solid #000000;
                width: 445px;
                _width: 445px;
                height: 268px;
                /*float: left;*/
                margin: 0 7px 0 0;
                /*_margin: 0 3px 0 0;*/
            }  
            
/*            div#historia {
                border: 1px solid #000000;
                width: 446px;
                height: 266px;
            }  */                    

                div#GrupNoticiesOfertes {
                    overflow: auto;
                    height: 258px;
                    padding: 5px 5px 5px 5px;
                    background-color: #E5E5E5;
                    font-size: 12px;
                }

                    div#titolNotOf {            
                        /*height: 33px;*/
                        color: #000000;
                        text-decoration: underline;  
                        margin: 0 0 0 0; 
                        padding: 5px 0 5px 5px; 
                        text-align: left;
                        font-weight: bold;
                        font-size: 14px;        
                    }
                
                        div.element {
                            padding: 5px 5px 5px 5px;
                        }
            
                            div.titolElement {
                                font-weight: bold;            
                            }                
            
                            div.txtElement {
                            }
            
                            div.txtElement a {
                                text-decoration: none;
                                color: #3656AA;
                            }      
                              
                            div.txtElement a:hover {
                                font-weight: bold;
                            }
            
            div#dretaInferior {
                width: 310px;
                height: 200px;
                float: right;
            } 
            
                div#ofertaEspecial {
                    width: 200px;
                    height: 250px;
                    float: left;
                    background-color: #333333;
                    color: #FFFFFF;
                    padding: 10px 10px 10px 10px;
                    /*position: relative !important;*/
                }
                
                div#capOfertaPortada {
                    font-size: 20px;
                    font-weight: bold;
                    margin: 0 0 6px 0;
                }
                
                div#titolOfertaPortada {
                    font-size: 14px;
                    font-weight: bold;
                }
                
                img#imgOfertaPortada {
                    margin: 5px 0 5px 0;
                }
                
                div#flashCntOfertaEspecial {
                    margin: 5px 0 5px 0;
                }

                div#textOfertaPortada {
                    font-size: 12px;
                    margin: 0 0 5px 0;
                }
                
                div#cntLinkOferta {
                    /*position: absolute;
                    bottom: 10px;
                    left: 0px;*/
                    /*width: 220px;
                    _width: 200px;*/
                    text-align: center;                
                }
                
                a#linkOfertaPortada {
                    text-decoration: none;
                    color: #FFFFFF;
                    font-weight: bold;
                }
                
                a#linkOfertaPortada:hover {
                    color: #3656AA;
                }                
                
                #flashcontent_4 {
                    /*border: 1px solid #000000;*/
                    width: 220px;
                    height: 270px;
                    float: right;                    
                }                  
                
/* EMPRESA */  

    div#empresaCnt {
       /*margin: 20px 0 0 0; */
	   min-height: 400px;
	   _height: 400px;
	   position: relative;
    } 
    
    div#empresaTitol {
       font-size: 15px;
       border-bottom: 1px solid #3656AA;
       color: #FFFFFF;
       background-color: #3656AA;
       padding: 4px 4px 4px 4px;
       font-weight: bold;
       margin: 0 0 10px 0;        
    } 
    
    div#empresaImg {
        width: 674px;
        height: 374px;
        background-color: #3656AA;
        border:1px solid #000000;        
        margin: 0 10px 0 0px;
    }
    
    td#empresaTxt {
		border: 1px solid #000000;
		background-color: #E5E5E5;
		/*position: absolute;
		top: 0;
		right: 0;*/
		width: 198px;
		height: 354px;
		/*padding: 10px 10px 10px 10px;*/
		padding-left: 10px;
		padding-right: 10px;
		text-align: justify !important;
		overflow: auto;		
		/*min-height: 354px;
		_height: 354px;*/
    }
    
    div#empresaTxt * p {
		text-align: justify !important;
		margin-top: 0;
		padding-top: 0;
    }    
    
    #flashcontent_5 {
        border: 1px solid #666666;
        /*width: 220px;
        height: 372px;*/
        float: left;
        
    }  
    
    #banner {
        float: left;
        position: fixed;
        /*position: absolute;*/
        right: 0;
        bottom: 0;
        z-index: 15;        
    }  
    
/* HISTORIA */
    
    div#contentHistoria {
        /*margin: 20px 0 0 0;*/
    }
    
        div#lateralEsquerra {
            width: 350px;
            min-height: 376px;
            _height: 376px;
            /*float: left;*/                   
        }
        
            div#FotoInicial {
                /*border: 1px solid #000000;*/
                height: 316px;
            }
            
                div#FotoAmpliada {                
                    /*border: 1px solid #000000;*/
                }
                
                div#PeuImatge {
                    height: 35px;
                    /*background-color: #000000;*/
                    padding: 5px 5px 0 5px;
                    text-align: center;
                }
                
            div#album {
                height: 160px;
                margin: 8px 0 0 0;              
            }
            
                div#pestanyes {
                    height: 25px;
                }
                
                    div#pestanyes ul {
                        margin: 0 0 0 0; 
                        padding: 0 0 0 0;
                        list-style: none;
                    }    
                
                    li.pestanyaon {
                        background-color: #3656AA !important;
                        background-image: url(../img/pestanyaactivadre2.gif); 
                        background-repeat: no-repeat;
                        background-position: right top;  
                        float: left;                  
                    }
                    
                    li.pestanyaoff {
                        background-color: #78797D !important;
                        background-image: url(../img/pestanyainactdre2.gif); 
                        background-repeat: no-repeat;
                        background-position: right top; 
                        float: left;
                    }                   
                    
                   /* li.pestanya {
                        float: left;
                        margin: 0 0 0 0;
                        padding: 0 0 0 0;
                    }
                    
                        li.pestanya a {
                            text-decoration: none;
                            display: block;
                            padding: 6px 11px 4px 11px;                                
                            background-color: #78797D;
                            color: #CCCCCC;                                     
                        }
                        
                        li.pestanya a:hover {
                           text-decoration: none;
                           display: block;    */                          
                           /*background-color: #3656AA;*/
                        /*   color: #FFFFFF !important;                                                      
                        }  
                        
                        a.pestanyaactiva {
                           background-color: #3656AA !important; 
                           color: #FFFFFF !important; 
                           font-weight: bold;
                        }   */
                      
                        a.pestanyaactiva {
                           /*background-color: #3656AA !important;*/
                           background-image: url(../img/pestanyaactivaesq2.gif); 
                           background-repeat: no-repeat;
                           background-position: left top;
                           color: #FFFFFF !important; 
                           text-decoration: none;
                           display: block;
                           font-weight: bold;
                           padding: 6px 14px 4px 14px;                          
                        } 
                        
                        a.pestanyainactiva {
                           /*background-color: #78797D !important;*/
                           background-image: url(../img/pestanyainactesq2.gif); 
                           background-repeat: no-repeat;
                           background-position: left top; 
                           color: #FFFFFF !important; 
                           text-decoration: none;
                           display: block;
                           padding: 6px 14px 4px 14px;                          
                        }                                                                                     
                
                div#llistatFotos {
                    border: 1px solid #3656AA;
                    overflow: auto;
                    height: 130px;
                    width: 348px;
                }
                
                    div#contentAlbum {
                        margin: 0 auto 0 auto;
                        width: 326px;
                        padding: 2px 3px 3px 2px;                   
                    }
                    
                        table.foto {
                            width: 100px;
                            height: 100px;
                            float: left;
                            /*border: 1px solid #000000;*/
                            margin: 3px 2px 2px 3px;
                            background-color: #000000;                            
                        }
                        
                        table.foto a {
                            display: block;
                            overflow: hidden;                           
                        }                        
            
        div#lateralDret {
            width: 538px;
            min-height: 479px;
            _height: 479px;
            border: 1px solid #000000;
            background-color: #E5E5E5;
            float: right;
            margin: 0 0 0 8px;
        }
        
            div#textHistoria {
                padding: 10px 10px 10px 10px;
                text-align: justify;
            }
            
               p {
                    margin-top: 0;
                    padding-top: 0;
               } 
    
/* PRODUCTES */

/* MARQUES */

    div#marquesCnt {
       /* margin: 20px 0 0 0;*/
	    min-height: 400px;
	    _height: 400px;
	    position: relative;
    }
    
    div#marquesTitol {
        font-size: 15px;
        border-bottom: 1px solid #3656AA;
        color: #FFFFFF;
        background-color: #3656AA;
        padding: 4px 4px 4px 4px;
        font-weight: bold;
        margin: 0 0 10px 0;
    } 
    
    div#llistaMarques {
        width: 218px;
        *width: 215px !important;
        _width: 217px;
        height: 367px;
        *height: 366px !important;
        _height: 367px;
        border: 1px solid #000000;
        background-color: #E5E5E5;
        overflow: auto;
        position: absolute;
        top: 0;
        right: 0;
        margin: 0 0 0 10px;
        padding: 5px 0 0 0;
    }   
    
    div#marquesTxt {
		width: 674px;
		height: 374px;
		text-align: justify;
    }
    
    div.logo {
        padding: 2px 10px 2px 10px;
    }
    
        div.logo a {
            text-decoration: none;
            color: #000000;
        }  
        
        div.logo a:hover {
            text-decoration: underline;
        } 
        
    table#tblLogotips {
        border-color: #333333;
        margin: 3px 0 0 0;
        *margin: 0 0 0 0 !important;
        _margin: 0 0 0 0;
        border: 7px solid #333333;
    }
    
    .estilTds {
        border-top: 5px solid #333333;
        _border-top: 4px solid #333333;
        border-left: 8px solid #333333;
        _border-left: 7px solid #333333;
        vertical-align: middle;
        text-align: center;
        width: 160px;
        height: 92px;
        *height: 86px;
        _height: 87px;
        /*height: 184px;
        _height: 178px;*/
    }
    
    div#nomMarca {
        color: #000000;
        font-weight: bold;
        font-size: 14px;
        margin: 0 0 10px 0;
    }

    div#descripcioMarca {
        color: #000000;
        font-size: 12px;
        margin: 0 0 10px 0;
        text-align: justify;
    }
    
    img#imatgeMarca {
        margin: 0 0 5px 10px;
        border: 1px solid #000000;
    }
    
    a#urlMarca {
        color: #000000;
        font-weight: bold;
        font-size: 12px;
        text-decoration: none;
    }        

    a#urlMarca:hover {
        color: #8F0000;
    }  
    
    span.bullet {      
        color: #FF0000;
        font-weight: bold;
        padding: 0 5px 0 0;
        font-size: 14px;
    }
    
    div#cntFitxa {
        width: 654px;
        min-height: 374px;
        _height: 374px;
    }

/* ACTIVITATS */

    div#activitatsCnt {
        /*margin: 20px 0 0 0;*/
		min-height: 400px;
		_height: 400px;
    }
    
    div#llistaActivitats {
        position: relative;
    }
    
    div#activitatsTitol {
        font-size: 15px;
        border-bottom: 1px solid #3656AA;
        color: #FFFFFF;
        background-color: #3656AA;
        padding: 4px 4px 4px 4px;
        font-weight: bold;
        margin: 0 0 10px 0;
    } 
    
    div.titolActivitat {
        color: #3656AA;
        margin: 0 0 5px 0;
    }    
    
        div.titolActivitat a {
            color: #3656AA;
            font-weight: bold;
            text-decoration: none;
        }   
     
        div.titolActivitat a:hover {
            color: #000000;
        }  
        
        div#imgActivitats  {
            /*width: 198px;
            height: 354px;*/          
            position: absolute;
            top: 0;
            left: 0;           
        }
        
            div#imgActivitats img {
                border: 1px solid #000000;
            }
        
        div#activitatsDLD {
            padding: 0 0 0 215px;
        }       
              
    div.dataActivitat {
        color: #777777;
        font-style: italic;
        margin: 0 0 5px 0;
    }
	
	div.resumActivitat {
		margin: 0 0 10px 0;
	}
    
    div#paginacio {
        margin: 10px 0 10px 5px;
        color: #3656AA;
        text-align: center;
    }
    
		table#cntPager {
			margin: 0 auto;
		}
    
		div#paginacio a {
			display: block;
			width: 12px;
			height: 13px;
		}
    
    span#pagines {
        margin: 0 10px 0 5px;
        display: block;
        float: left;        
    }
    
    div#titolFitxaActivitat {
        color: #3656AA;
        margin: 0 0 5px 0;
        font-weight: bold;
        text-decoration: none;        
    }
    
    div#dataFitxaActivitat {
        color: #777777;
        font-style: italic;
        margin: 0 0 5px 0;        
    }
    
    div#cntFitxaActivitat {
    }
    
    div#tornarDiv {
        margin: 20px 0 0 0;
    }
    
        a#linkEnrera {
            text-decoration: none;
            /*color: #78797D;*/
            color: #FFFFFF;
            background-color: #3656AA;
            /*background-image: url(../img/back.gif);             
            background-repeat: no-repeat;
            background-position: center;
            padding: 5px 0 0 30px;*/
            padding: 5px 0 5px 0;
            font-weight: bold;
            text-align: center;
            display: block;
            width: 70px;
            /*height: 20px;
            padding: 3px 5px 3px 25px;*/
        }
        
        /*a#linkEnrera:hover {            
            font-weight: bold;
            background-image: url(../img/backover.gif) !important; 
            color: #FFFFFF !important;
        }*/
        
     img#imgFitxaActivitat {
        margin: 0 0 0 15px;
     }
     
     #llistaAdjunts {
        margin: 20px 0 0 0;     
     }   
     
        div#descarregues {
            margin: 30px 0 0 0;
        }
        
             .capDocs {
                font-weight: bold;
                background-color: #3656AA;
                color: #FFFFFF;            
                width: 250px;
                padding: 4px 0 4px 4px;
             }
             
             .doc {
                padding: 5px 4px 5px 0;            
             }
             
                .doc a {
                    color: #000000;
                    text-decoration: none;
                    background-image: url(../img/file.gif);
                    background-repeat: no-repeat;
                    background-position: left;
                    padding: 1px 0 1px 21px;
                }
                
                .doc a:hover {
                    text-decoration: underline;                
                }
    
/* OFERTES */

    div#ofertesCnt {
        /*margin: 20px 0 0 0;*/
		min-height: 400px;
		_height: 400px;
    }
    
    div#llistaOfertes {
        position: relative;
    } 
    
        div#imgOfertes { 
            /*width: 198px;
            height: 354px;*/          
            position: absolute;
            top: 0;
            left: 0;           
        }
        
            div#imgOfertes img {
                border: 1px solid #000000;
            } 
            
        div.titolOferta {
            color: #3656AA;
            margin: 0 0 5px 0;        
        }       
    
            div.titolOferta a {
                color: #3656AA;
                font-weight: bold;
                text-decoration: none;
            }   
         
            div.titolOferta a:hover {
                color: #000000;
            }          
        
        div.dataOferta {             
            color: #777777;
            font-style: italic;
            margin: 0 0 5px 0;       
        }
        
        div.resumOferta {
		    margin: 0 0 10px 0;        
        }
           
        div#titolFitxaOferta {
            color: #3656AA;
            margin: 0 0 5px 0;
            font-weight: bold;
            text-decoration: none;        
        }
        
        div#dataFitxaOferta {
            color: #777777;
            font-style: italic;
            margin: 0 0 5px 0;        
        }
        
          img#imgFitxaOferta {
            margin: 0 0 0 15px;
         }   
         
/* OFICINA TECNICA */

    div#DtCnt {
       /* margin: 20px 0 0 0;*/
		min-height: 400px;
		_height: 400px;
    }
    
        div.apartatTecnic0 {
            width: 200px;
            height: 350px;
            margin: 0 0 7px 0;            
            float: left;
            padding: 10px 10px 10px 10px;
            position: relative;
        }
        
        div.apartatTecnic1 {
            width: 200px;
            height: 350px;
            margin: 0 0 7px 7px;            
            float: left;
            padding: 10px 10px 10px 10px;
            position: relative;
        }
        
            div.apartatTecnicTitol {
                font-size: 16px;
                color: #FFFFFF;
                font-weight: bold;
                text-align: center;
                padding: 5px 0 10px 0;
            }
            
            div.apartatTecnicText {
                text-align: justify;
                color: #FFFFFF;
                font-size: 12px;                
            }
            
            .cat0 {
                background-color: #3656AA;                
            }
            
            .cat1 { 
                background-color: #78797D;
            }
            
            div#botoApartat {
                position: absolute;
                bottom: 0;
            }
            
                a.entrarApartat0 {
                    /*text-decoration: none;
                    color: #78797D;*/
                    color: #FFFFFF;
                    font-weight: bold;
                    display: block;
                    padding: 10px 0 10px 0;
                }
                
                 a.entrarApartat1 {
                    /*text-decoration: none;
                    color: #3656AA;*/
                    color: #FFFFFF;
                    font-weight: bold;
                    display: block;
                    padding: 10px 0 10px 0;
                }               
                
                a.entrarApartat0:hover, a.entrarApartat1:hover {
                    /*text-decoration: none;*/
                    color: #000000;
                    font-weight: bold;
                }  
                
           div#DtFitxaTitol {
                /*color: #3656AA;*/
                color: #000000;
                font-size: 13px;
                font-weight: bold;
                margin: 0 0 10px 0;
           }
           
           div#DtFitxaText {
                text-align: justify;
           } 
           
           div#DtFitxaDocs {       
                margin: 20px 0 0 0;
           }
           
               div#DtFitxaDocs ul {
                    margin: 0 0 0 0;
                    padding: 0 0 0 0;  
                    height: 30px;            
               }             
               
                   div#DtDocs, div#DtImas, div#DtArticles {           
                        /*clear: both;*/
                        border: 1px solid #3656AA;
                        height: 130px;
                        overflow: auto;
                        /*_margin: -20px 0 0 0;*/
                        padding: 10px 10px 10px 10px;
                   }
                   
                    div#DtDocs a {
                        text-decoration: none;
                        color: #000000;
                        background-image: url(../img/file.gif);
                        background-repeat: no-repeat;
                        padding: 1px 0 1px 21px;                        
                    }
                    
                    div#DtDocs a:hover {
                        text-decoration: underline;
                    }                    
                   
                   div#DtFitxaDocs ul li {
                        margin: 0 0 0 0;
                        padding: 0 0 0 0;
                        float: left;
                        list-style: none;
                   }               
                         
                        div#DtFitxaDocs ul li a {
                            text-decoration: none;
                            color: #CCCCCC;  
                            background-color: #78797D;
                            font-size: 12px;      
                        }
                        
                        div#DtFitxaDocs ul li a:hover {
                            color: #FFFFFF !important;                  
                        }
                        
                        a.seleccionatAp {
                            background-color: #3656AA !important;
                            color: #FFFFFF !important;  
                            font-weight:bold;
                        } 
                        
                        label#LblNoDocs, label#LblNoImas, label#LblNoArts {
                            padding: 10px 10px 10px 10px;
                            font-weight: bold;
                            color: #000000;
                        }
                    
            div#contenidorArticle {
               padding: 10px 10px 10px 10px;
               height: 580px;
               overflow: auto;
            }
            
                    div.titolArticle {
                        color: #3656AA;
                        font-weight: bold;                  
                    }
                
                        div.titolArticle a { 
                            text-decoration: none;
                            color: #3656AA;
                            font-weight: bold;
                        }
                        
                        div.titolArticle a:hover { 
                            text-decoration: underline;
                        }
                    
                    div.dataArticle {
                        color: #78797D;
                        font-style: italic;
                        margin: 0 0 5px 0;
                    }    
	
                    div.resumArticle {
	                    margin: 0 0 10px 0;
                    }   
                    
                    div.contingutArticle {
                        text-align: justify;
                    }
                    
                     a#linkTancar {
                        text-decoration: none;
                        color: #78797D;
                        background-color: #3656AA;
                        background-image: url(../img/back.gif);             
                        background-repeat: no-repeat;
                        background-position: center;
                        padding: 5px 0 0 30px;
                        font-weight: bold;
                        display: block;
                        width: 50px;
                        height: 20px;
                     } 
            	     
                    a#linkTancar:hover {            
                        font-weight: bold;
                        background-image: url(../img/backover.gif) !important; 
                        color: #FFFFFF !important;
                    }	                             
                        
/* AREA CLIENTS */

/* SITUACIO */

    div#situacioCnt {
        /*margin: 20px 0 0 0;*/
		min-height: 400px;
		_height: 400px;
    }
    
    div#situacioTitol {
        font-size: 15px;
        border-bottom: 1px solid #3656AA;
        color: #FFFFFF;
        background-color: #3656AA;
        padding: 4px 4px 4px 4px;
        font-weight: bold;
        margin: 0 0 10px 0;
    } 
    
    div#situacioTxt {
        text-align: justify;
    }
    
    div#situacioInfo {
        position: relative;
        margin: 10px 0 0 0;
    }
    
        div#mapa {
            width: 672px;
            height: 440px;
            border: 1px solid #000000;        
        }
        
        div#adreces {            
            position: absolute;
            right: 0;
            top: 0;
            width: 200px;
            height: 420px;
            padding: 10px 10px 10px 10px;
            border: 1px solid #000000;
            background-color: #E5E5E5;
            overflow: auto;
        }    
        
             div#adreces a { 
                text-decoration: none;
                color: #000000; 
                font-weight: bold;                           
             }
             
             div#adreces a:hover { 
                color: #8F0000;                            
             }   
             
        div.delegacio {
            margin: 0 0 10px 0;
        }
        
            div.dadesDelegacio {
                padding: 0 0 0 13px;
            }        
             
/* CONTACTAR */

    div#contactarCnt {
        /*margin: 20px 0 0 0;*/
		min-height: 400px;
		_height: 400px;
    }
    
    div#contactarTitol {
        font-size: 15px;
        border-bottom: 1px solid #3656AA;
        color: #FFFFFF;
        background-color: #3656AA;
        padding: 4px 4px 4px 4px;
        font-weight: bold;
        margin: 0 0 10px 0;
    } 
    
    div#contactarTxt {
        text-align: justify;   
    }
 
    div#contactarImg {
        /*width: 250px;
        height: 300px;
        background-color: #3656AA;*/
        /*border: 1px solid #000000;*/
        float: left;
        margin: 0 10px 0 0;
    }  
    
        div#contactarImg img {
            border: 1px solid #000000;
        }       
    
    div#contactarTxt2 {
        margin: 20px 0 10px 0;
        text-align: justify;
    }
    
    table#tblForm {
        margin: 10px 0 0 40px;
		_margin: 20px 0 0 204px;
    }
    
        td.camp {
            vertical-align: top;
            width: 90px;
        }    
        
        input.textbox {
            width: 250px;
        } 
        
        textarea#missatge {
            width: 250px;
            _width: 254px;
            height: 100px;
        }
        
        strong.colorat {
            color: #FF0000;
        }
        
        div#totalErrors {
            margin: 0 0 10px 0;
        }
        
            div#totalErrors ul li { 
                margin: 0 0 0 40px;   
				_margin: 0 0 0 264px;
            } 
            
            .msgEnviament {
                color: Red;
            } 
			
		div#footer {
			clear: both;
		}
		
			div#cntFooter {
				/*padding: 20px 0 5px 0;*/
				padding: 10px 0 5px 0;
				_padding: 5px 0 5px 0;
				text-align: center;
			}
			
				div#cntFooter a {
					text-decoration: none;
					color: #3656AA;
				}
				
				div#cntFooter a:hover {
					text-decoration: underline;
				}

/* AVIS LEGAL */

    div#titolAvis {
        color: #FFFFFF;
        font-weight: bold;
        background-color: #3656AA;
        padding: 4px 4px 4px 4px;
        margin: 10px 10px 0 10px;
        font-size: 15px;
    }

    div#textAvis {
        overflow: auto;
        margin: 10px 10px 10px 10px;   
        text-align: justify;
        background-image: url(../img/logotrans.jpg);  
        background-attachment: fixed;
        background-position: center 45px;
        _background-position: center top;
        background-repeat: no-repeat;
        height: 342px;
    }

/* GENERAL */

.br_clear {
	clear: both;
	height: 1px;
	overflow: hidden;
}	

div#ErrorTitol {
    color: #0f1a8d;
    font-weight: bold;
    font-family: Arial;
    font-size: 24px;
    padding: 10px 0 0 30px;    
}

div#ErrorMessage {
    color: #0f1a8d;
    font-family: Arial;
    font-size: 14px;
    padding: 10px 0 0 30px;
}

img#ErrorImatge {
   margin: 0 0 0 20px; 
}

.selector {
    width: 200px;
    font-size: 12px;
}

div#cntAreaClients {
    min-height: 400px;
	_height: 400px;
}

div.msgInfo {
    font-weight: bold;
    color: #000000;
}

div#panellUsuari {
    padding:2px 0 0 0;
}

    div#panellUsuari a {
        text-decoration: none;
        color: #000000;
        font-weight: bold;
        float: right;        
    }
    
    div#panellUsuari a:hover {
        text-decoration: underline;
    }

div#panellAreaClients {
    /*border: 1px solid #3656AA;*/
    /*width: 200px;*/
    height: 410px;
    /*margin: 0 auto;*/
    /*background-color: #E5E5E5;*/
}

    div#operacionsUsr {
        /*background-color: #3656AA;*/
        /*color: #FFFFFF;*/
        color: #3656AA;
        font-weight: bold;
        padding: 4px 5px 24px 0px;
    } 

    div.operacio {
        /*text-align: center;*/
        /*padding: 3px 0 3px 0;*/
        float: left;
        width: 220px;
        height: 370px;           
    }
    
    div.opcentral {
		padding: 0 0 0 7px;		
    }
    
    div.operacio a {
        /*text-align: center;*/
        display: block;
        color: #000000;
        /*padding: 4px 0 4px 0;*/
        text-decoration: none;  
        width: 220px;
        height: 370px;    
        border: 1px solid #FFFFFF;          
    }       
    
    div.operacio a:hover {
        /*background-color: #3C62CB;*/
        border: 1px solid #000000;
        color: #FFFFFF;
    } 
    
 div#cntComandes {
    min-height: 400px;
    _height: 400px;
 }
 
  div#cntAlbarans {
    min-height: 400px;
    _height: 400px;
 }
 
 div#cntProductes {
    min-height: 400px;
    _height: 400px;    
 }

/* ALBARANS/COMANDES/FACTURES */

div#fitxaAlbara h3 {
	margin: 0 0 0 0;
	padding: 0 0 10px 0;
}

table.tblAlbarans {
    width: 100%;
    border-bottom: 1px solid #CCCCCC;
}

    td.tdCodiAlb {
        width: 25%;
        text-align: center;        
    }
    
        td.tdCodiAlb a {
            text-decoration: none;
            color: #000000;
            font-weight: bold;            
        }
        
        td.tdCodiAlb a:hover {
            color: #2F4DA3;
        }
        
    .tdHeader {    
        /*background-image: url(../img/fonsth.gif);
        background-repeat: repeat-x;*/
        background-color: #314FA7;    
        color: #FFFFFF;    
    }
       
        .tdHeader img {    
            margin: 0 0 0 5px;     
        }
       
        .tdHeader a {
            color: #FFFFFF;
            font-weight: bold;
            text-decoration : none;    
        }
    
        .tdHeader a:hover {
            text-decoration : underline;  
        } 

table#TblDadesAlbara {
    /*border-bottom: 1px solid #CCCCCC !important;*/
    width: 100%;
}   
    
    #BtnTornar {
        margin: 20px 0 0 0;
        padding: 3px 7px 3px 7px;
        background-color: #314FA7;  
        color: #FFFFFF;
        font-weight: bold;
        font-size: 11px;     
        border: none;
        cursor: pointer;
    }
    
    div#filtreDates {
		margin: 0 0 10px 0;
    }
    
		input#DataIn, input#DataFi {
			font-size: 12px;
		}
		
        td.tdCodiCmd a {
            text-decoration: none;
            color: #000000;
            font-weight: bold;            
        }
        
        td.tdCodiCmd a:hover {
            color: #2F4DA3;
        }	
  
div#cntFactures {
    /*margin: 20px 0 0 0;*/
	min-height: 400px;
	_height: 400px;
}  
        
	table#TaulaFactures {
		width: 100%;	
	}	

		td.tdFacCod {
			width: 30%;
			text-align: center;	
		}
		
		td.tdFacData {
			width: 30%;
			text-align: center;
		}
		
		td.tdFacDown {
			width: 40%;
			text-align: center;
		}
    
/* PRODUCTES */

div#txtProductes {
    margin: 0 0 15px 0;
}

div#cntSuperFamilies div {
    float: left;
}

    div#textProducte {
        margin: 0 0 15px 0;
        width: 100%;
    }

    div#electric {
        margin: 0 7px 0 0;
    }
    
    div#iluminacio {
        margin: 0 7px 0 0;
    }
    
    div#electrodomestics {
        margin: 0 7px 0 0;
    }
    
    div#aire {
		/*
		width: 218px;
		height: 368px;
		overflow: auto;
		background-color: #E5E5E5;
		border: 1px solid #000000;	
		*/
    }
    
    div#titolSuperFamilia {
        color: #000000;
        font-size: 16px;
        font-weight: bold;
        padding: 0 0 15px 0;
        _padding: 0 0 5px 0;
    }
    
    div.descripcioProducte {
        text-align: justify;
        padding: 10px 0 10px 0;
    }
    
    div#filtreProductes fieldset {
        border: 1px solid #344FA8;
        padding: 10px 10px 15px 10px;
        margin: 5px 0 0 0;
    }
	    
		div#filtreProductes fieldset legend {
			color: #3656AA;
			padding: 0 7px 0 7px;
			font-weight: bold;
		}   				
		
		div#contingutFiltre {
			margin: 10px 0 10px 0;
		}
		
			input#referenciaProd {
				width: 197px;
				font-size: 11px;
			}
			
			input#nomProd {
				width: 196px;
				font-size: 11px; 
			}
			
			input#nomesOfertes {
				padding: 0 0 0 0;
				margin: 0 0 0 0;
			}
			
			table.tblNomOfe {
				/*float: right;*/
				margin: 15px 0 0 7px;
				_margin: 15px 0 0 2px;
			}
		
    span.etiqueta {
        width: 120px;
        padding: 0 10px 0 7px;
    }
    
    select.selectors {
        width: 220px;
        font-size: 11px;
    }
    
    select.selectors2 {
        width: 221px;
    }
    
    div.textElement {
        color: #000000;
        text-align: justify;
        margin: 20px 0 10px 0;
    }
    
    div.dTitol {
        margin: 25px 0 10px 0;
        font-size: 13px;
        font-weight: bold;
    }
    
    div.dText {
    
    }
    
    fieldset.fieldsetProductes {
        border: 1px solid #314FA7;
        margin: 20px 0 10px 0;
        padding: 10px 10px 15px 10px;
    }
    
    fieldset.fieldsetProductes legend {
        color: #314FA7;
        padding: 0 7px 0 7px;
        font-weight: bold;
    } 
    
    input.filtrat {
        background-color: #314FA5;
        font-weight: bold;
        color: #FFFFFF;
        border: 1px solid #314FA5;
        font-size: 11px;
        width: 100px;
        margin: 15px 8px 0 0;
        _margin: 0 8px 0 0;
        padding: 1px 0 1px 0;
        float: right;
    }
    
	.resultatFiltrat {
		font-weight: bold;
		display: block;
		padding: 10px 0 20px 0;
	}	
	
.resaltar {
    color: #314FA7;
    font-weight: bold;
}

/* TD */

table#productes {
    margin: 20px 0 5px 0;
    border: 1px solid #314FA7;
}

table#productes2 {
    margin: 5px 0 5px 0;
    _margin: 10px 0 5px 0;
    border: 1px solid #314FA7;
}

.tdMarca {
    text-align: left;
    width: 10%;
}

.tdRef {
    text-align: left;
    width: 210px;
}

.tdDesc {
    text-align: left;
    width: 313px;
}

.tdDisp {
    text-align: center;
    vertical-align: middle;
    width: 24px;
    padding-right: 5px;
}

.tdPreu {
    text-align: right;
    width: 80px;
}

.tdQuant {
    text-align: center;
    width: 60px;
}

.tdDescompte {
    text-align: right;
    width: 40px;
}

.tdRaee {
    text-align: right;   
    width: 40px; 	
}

.tdTotal {
    text-align: right;   
    width: 75px; 
}

	.tdTotal span { 
		display: block;
		width: 70px;
	}

.tdCapsalera {
    background-color: #314FA7;
    color: #FFFFFF;
    font-weight: bold;
}

    .tdCapsalera a {
	    color: #FFFFFF;
	    font-weight: bold;
	    text-decoration: none;
    }
    
     .tdCapsalera a:hover {
	    text-decoration: underline;
    }   

.trOver {
    background-color: #E4FAFF;
}

.famCap {
	/*background-color: #CCCCCC;*/
	/*color: #000000;*/
	color: #FFFFFF;
	font-weight: bold;
	/*background-image: url(../img/fonsfam.gif);
	background-repeat: repeat-x;*/
	background-color: #3C62CB;
}

.marCap {
	/*color: #000000;*/
	color: #FFFFFF;
	font-weight: bold;
	/*background-image: url(../img/fonsmar.gif);
	background-repeat: repeat-x;*/ 
	background-color: #4776F3;
}

.tdLink {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	padding-right: 5px;
}

.tdLink:hover {
	text-decoration: underline;
}

a.aExcel {
    text-decoration: none;
    color: #000000;
    margin: 0 0 0 5px;
    font-weight: bold;
    /*margin: 0 0 10px 21px;
    display: block;   
    width: 130px; */
}

a.aExcel:hover {
    text-decoration: underline;    
}

div.cntQuantitat {
    width: 55px; 
    _width: 60px;
    margin: 0 auto 0 auto;    
}

    div.btnSpins {
        width: 11px;
        float: left;
    }
    
    .incremental, .decremental {
        float: left;
    }
    
    input.inputSpin {
        width: 36px;
        text-align: right; 
        border: 1px solid #000000;
        padding-right: 4px;       
        float: left;
    }
/*    
.tdRef {
    width: 25%;
    text-align: left;
}   

.tdDes {
    width: 25%;
    text-align: left;
}   

.tdQnt {
    width: 10%;
    text-align: right;
}   
*/

.tdPreuCmd {
    width: 12%;
    text-align: right;
}  

.tdDteCmd {
    width: 10%;
    text-align: right;
}

.tdTot {
    width: 12%;
    text-align: right;
}  

.tdEliminaLinia {
    width: 6%;
    text-align: center;
}

#TextInici {
    display: block;
    margin: 0 0 10px 0;
}  

 div.botonsCistella {
    margin: 15px 0 10px 0;
 }

    #btnBuidar {
        background-color: #314FA7;
        color: #FFFFFF;
        border: 1px solid #314FA7;
        font-weight: bold;
        font-size: 11px;
        padding: 1px 7px 1px 7px;
    }

    .btnTornaAProductes {
        background-color: #314FA7;
        color: #FFFFFF;  
        border: 1px solid #314FA7; 
        font-weight: bold;  
        font-size: 11px;  
        padding: 1px 7px 1px 7px;
        margin: 0 0 0 10px;
    }

    #btnConfirmar {
        background-color: #314FA7;
        color: #FFFFFF;  
        border: 1px solid #314FA7; 
        font-weight: bold;  
        font-size: 11px;  
        padding: 1px 7px 1px 7px;
        margin: 0 0 0 10px;  
        float: right;      
    }
    
    #btnCancelar {
        background-color: #314FA7;
        color: #FFFFFF;  
        border: 1px solid #314FA7; 
        font-weight: bold;  
        font-size: 11px;  
        padding: 1px 7px 1px 7px;  
    }    

#tblTotal {
   margin: 5px 0 0 0;  
}

    #tblTotal td {
        border-top: 2px solid #CCCCCC;
        font-weight: bold;
    }
    
 #dadesFacturacio {
    border: 1px solid #CCCCCC;
    width: 420px;
    float: left;
    margin: 0 10px 0 0;
    padding: 0 10px 10px 10px;
 }
 
    #dadesFacturacio legend {
        padding: 0 5px 0 5px;
        font-weight: bold;
    }
 
 #dadesEnviament {
    border: 1px solid #CCCCCC;
    width: 420px;
    float: left; 
    padding: 0 10px 10px 10px;    
 }
 
    #dadesEnviament legend {
        padding: 0 5px 0 5px;
        font-weight: bold;
    }
    
    .etiquetesConfirmacio {
        display: block;
        width: 125px; 
        color: #000000;
        font-weight: bold;
        margin: 10px 0 5px 0;
    }
    
    .etiquetesConfirmacio2 {
        display: block;
        width: 140px; 
        color: #000000;
        font-weight: bold;
        margin: 10px 0 5px 0;
    }    
   
    .descText {
        display: block;
        margin: 0 0 10px 0;   
    } 
    
    .inputEnviarA {
        background-color: #E5E5E5;
        border: 1px solid #3656AA;
        float: left;
        font-size: 12px;
        height: 15px;
        width: 400px;   
        margin: 0 0 5px 0; 
    }        
    
    .inputEnviarAMig {
        background-color: #E5E5E5;
        border: 1px solid #3656AA;
        float: left;
        font-size: 12px;
        height: 15px;
        width: 200px;   
        margin: 0 0 5px 0; 
    }    
    
    .validadorCom {
        margin: 0 20px 0 0;
        float: right;
    }
    
    #btnEnviar { 
        background-color: #314FA7;
        color: #FFFFFF;  
        border: 1px solid #314FA7 !important; 
        font-weight: bold;  
        font-size: 11px;  
        padding: 1px 7px 1px 7px;        
    }
    
    .aTornar {
        background-color: #314FA7;
        border: none;
        padding: 3px 7px 3px 7px;
        margin: 15px 0 0 0;
        color: #FFFFFF;
        text-decoration: none;
        display: block;
        width: 48px;
        text-align: center;
        font-weight: bold;        
    }
    
/* Capsa de dialeg login */

.ui-dialog {
}

.ui-dialog-titlebar {
    background-color: #314FA7;
    height: 25px;
}    

.ui-dialog-content {
    background-color: #FFFFFF;
    padding: 10px 10px 10px 10px;
    font-weight: bold;
}

.ui-dialog-titlebar-close {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	background: url(../img/tancar.gif) 0 0 no-repeat;
	position: absolute;
	right: 8px;
	_right: 25px;
	top: 4px;
	_top: 6px;
	width: 16px;
	height: 16px;
	z-index: 100;
}

.ui-dialog-titlebar-close span {
    display: none;
}

.ui-resizable-handle {
    background-color: #314FA7 !important;
    border: 1px solid #314FA7 !important;
}

.ui-dialog-buttonpane {
    width: 100%;
    padding: 0 0 15px 0;
    text-align: center;    
}

    .ui-dialog-buttonpane button {
        border: 1px solid #314FA7;
        background-color: #314FA7;
        color: #FFFFFF;
        font-weight: bold;
        width: 80px;
        padding: 2px 2px 2px 2px;
        cursor: pointer;
        font-size: 11px;
    }
    
.linkRegistre {
    text-decoration: none;
    color: #314FA7;  
	margin: 10px 0 0 0;  
	float: left;
}

    .linkRegistre:hover { 
        text-decoration: underline;   
    }
    
.etqReg {
    display: block;
    width: 100px;
}

#MissatgeError {
    font-weight: bold;
    color: #000000;
    border: 1px solid #    
}

#tblRegistre {
    margin: 0 0 25px 0;
}

    #tblRegistre td {
        vertical-align: top;        
    }

.capsaText {
    background-color: #E5E5E5;
    border: 1px solid #3656AA;
    float: left;
    font-size: 12px;
    width: 250px;
    height: 15px;
}

.capsaTextData {
    background-color: #E5E5E5;
    border: 1px solid #3656AA;
    font-size: 12px;
    width: 125px;
    height: 18px;
}

input#BtnRegistrar {
    border: 1px solid #314FA7;
    background-color: #314FA7;
    color: #FFFFFF;
    font-weight: bold;
    width: 80px;
    padding: 2px 2px 2px 2px;
    font-size: 11px;
    float: right;  
    margin: 10px 0 0 0;  
    cursor: pointer;
}

.msgApartat {
    display: block;
    padding: 5px 10px 5px 10px;
    border: 1px dotted #FF0000;
    margin: 10px 0 10px 0;
    background-color: #FFFFCE;
    font-weight: bold;
}

#txtRegistreCorrecte {
    font-weight: bold;
    min-height: 400px;
    _height: 400px;    
}

.areaText {
    background-color: #E5E5E5;
    border: 1px solid #3656AA;
    float: left;
    font-size: 12px;
    width: 250px;  
    height: 100px; 
}

.padtop15 {
    padding-top: 15px;
}

/*
.marCap {
    background-color: #5BFFD3;
}
*/

.selector {
    width: 200px;
    border: 1px solid #314FA7;
    background-color: #E5E5E5;
    font-size: 12px;
    padding: 1px 0 1px 0;
}

.inputDataEntrega {
    width: 180px;
    background-color: #E5E5E5;
    border: 1px solid #3656AA;
    float: left;
    font-size: 12px;
    height: 16px;  
    margin: 0 0 5px 0;    
}

.requadre input {
    border: 1px solid #314FA7;
    background-color: #E5E5E5;
    float: left;
}

.requadre label {
    margin: 1px 0 0 22px;
    display: block;
}

.ui-datepicker-trigger {
    left:-22px;
    position:relative;
    top: 0;
    _top: -3px;
}

.areaTextEnviarA {
    width: 400px;
    height: 100px;
    border: 1px solid #314FA7;
    background-color: #E5E5E5; 
    font-family: Arial;
    font-size: 12px;  
}

.botoTornar {
    background-color: #314FA7 !important;
    padding: 3px 7px 3px 7px !important;
    margin: 15px 0 0 0;
    font-weight: bold;
    border: none !important;
    font-size: 11px;
    color: #FFFFFF;
    text-decoration: none;
    display: block;
    text-align: center;    
    cursor: pointer;
}

.tdIdCmd {
    text-align: center;
    width: 20%;
}

    .tdIdCmd a {
        text-decoration: none;
        color: #000000;
        font-weight: bold;
    }
    
    .tdIdCmd a:hover {
        color: #314FA7;
    }
    
.tdCodiCmd {
    text-align: center;
    width: 20%;
}

.tdSupedido {
	text-align: center;
	width: 20%;
}

.tdDataCmd {
    text-align: center;
    width: 20%;
}

.tdImportCmd {
    text-align: right;
    width: 20%;
}    

.tdEstatCmd {
    text-align: center;
    width: 20%;
}

.etq120 {
    display: block;
    width: 120px;
}

    #BtnGuardar {
        float: right;
        color: #FFFFFF;
        background-color: #314FA7;
        border: none;
        font-weight: bold;
        font-size: 11px;
        padding: 3px 7px 3px 7px;
        cursor: pointer;
    }
    
.taulaDadesUsuari {
    margin: 10px 0 20px 0;    
}

.taulaAccesUsuari {
    margin: 10px 0 20px 0;    
}

a.aRefer {
	text-decoration: none;
	color: #000000;
	font-weight: bold;
}

	a.aRefer:hover {
		text-decoration: underline;
	}

#tblRecorda {
    margin: 20px 0 10px 0;
}    

#BtnRecordar {
    float: right;
    color: #FFFFFF;
    background-color: #314FA7;
    border: none;
    font-weight: bold;
    font-size: 11px;
    padding: 3px 7px 3px 7px;
    cursor: pointer;
}

#recordatori {
    min-height: 400px;
    _height: 400px;
}

#TBmsg {
    color: Red;
    background-image: url(../img/error.gif);
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 24px;
}

.linkArt {
    color: #000000;
    font-weight: bold;
    text-decoration: none;
    /*float: left;*/
    /*margin: 7px 0 0 0;*/
}

.linkArt:hover {
    color: #3250A8;
}

.ofertaIma {
    position: relative;
    top: 0;
    right: 0;
}

/* Fitxa Producte */

#fitxaProducte {
    min-height: 400px;
    _height: 400px;    
}

    #NomProducte {
        color: #314FA5;
        font-weight: bold;
    }

    #DescripcioProducte {
        display: block;
        margin: 10px 0 0 0;
    }

    #DocumentsProducte {
       
    }

    #TornarBtn {
        margin: 0 0 10px 0;
        padding: 3px 7px 3px 7px;
        background-color: #314FA7;  
        color: #FFFFFF;
        font-weight: bold;
        font-size: 11px;     
        border: none;
        cursor: pointer;    
    }

    #TitolDocs {
        display: block;
        font-weight: bold;
        color: #314FA5;
        text-decoration: underline;
        margin: 20px 0 0 0;
    }
    
/* RESULTATS CERCA */

.CntResultat {
    margin: 0 0 15px 0;
}

    .TitolResultat a {
        color: #000000;
        font-weight: bold;
        text-decoration: none;
    }
    
    .TitolResultat a:hover {
        text-decoration: underline;
        color: #3250A8;
    }    
    
    .DescResultat {
        padding: 5px 0 0 0;
    }
    
    #TitolCerca {
        font-weight: bold; 
        font-size: 14px;
        margin: 0 0 10px 0;
        display: block;
    }
    
    div#cercaCnt {
	   min-height: 400px;
	   _height: 400px;
    } 
    
    a.lnkTitol {
		text-decoration: underline;
		color: #314FA7;
		font-weight: bold;
		display: block;			
    }
    
    span.etqData, span.etqFamMar {
		color: #777777;
		font-style: italic;
		display: block;
		font-size: 11px;
    }
    
    span.etqResum {
		color: #000000;
		display: block;		
    }
    
    span.etqLink {
		color: #3853D3;
		display: block;
		font-size: 11px;		
    }
    
    div.divCerca {
		margin: 10px 0 5px 0;	
    }
    
    div.divSeparador {
		color: #000000;
		font-weight: bold;
		font-size: 14px;
		margin: 15px 0 0 0;
    }
    
.marginLeft5 {
    margin: 0 0 0 5px;
}

div#cntDadesUsuari {
   min-height: 400px;
   _height: 400px;
}    

div#cntAccesUsuari {
   min-height: 400px;
   _height: 400px;
}   

.cntTd {
	position: relative; 
	min-height: 38px; 
	_height: 38px;
}

.cntTdIntern {
	position: relative; 
	min-height: 22px; 
	_height: 22px;
	padding-top: 8px;
}

div#flashcontentOferta {
	float: right;	
}

div#textProductes {
	padding: 10px 10px 10px 10px;
}

a.linkSuperFamilies {
	font-weight: bold;
	text-decoration: none;
	color: #CCCCCC;
	padding-right: 20px;
}

a.linkSuperFamilies:hover {
	text-decoration: underline;
}

a.selected {
	color: #000000 !important;
}

div.notaDreta {
	float: right; 
	font-weight: bold;
}

.ofertaImg {
	background-image: url(../img/oferta_petit2.png);
	background-repeat: no-repeat;	
	background-position: center right;	
}

.paragraf {
	float: left;
	padding-right: 5px;
	margin: 10px 0 0 0;
}

.minnota {
	font-size: 10px;
	font-weight: bold;
}

#cistComp {
	float: right;
	margin: 5px 0 0 0;
}

	#cistComp a {
		text-decoration: none;
		color: #000000;
		font-size: 12px;
	}

	#cistComp a:hover {
		text-decoration: underline;
	}
	
div.msgDiv {
	font-weight: bold;
	padding: 0 0 10px 0;
	color: #FF0000;
}	

div.lnkPresav {
	margin: 10px 0 10px 0;
	padding: 10px 0 10px 0;
        clear: both;
}

	div.lnkPresav a {
		text-decoration : none;
		color: #000000;
		font-weight: bold;
	}
	
	div.lnkPresav a:hover {
		text-decoration : underline;
	}