/* --------- Colors Beauty -------------- */

body {
    margin:0px;
    padding:0px;
    background-color: #D9617F;
}



/*/////////////////////////////////////////////////////////////////////////////////////////////*/

/* pc landscape*/

/*/////////////////////////////////////////////////////////////////////////////////////////////*/

@media (min-width: 1200px) { 



    .franjaSubmenu {
        background-color:#D9617F;
        width: 100%;
        min-height: 40px;	
        margin-top:20px;	
    }

    .franjaColor {
        position:relative;
        background-color:#D9617F;
        width: 100%;
        min-height: 180px;	
    }

    .franjaColorList {
        position:relative;
        background-color:#D9617F;
        width: 100%;
        min-height: 300px;	
    }

    .superiorList {
        position: relative;
        min-height: 300px;
    }

    .superior {
        position: relative;
        min-height: 180px;
    }

    .titolProduct {
        position: absolute;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        bottom: 30px;
        text-align: center;
    }
    .titolProductList {
        position: absolute;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        bottom: 50px;
        text-align: center;
    }

    .titolProductSmall {
        width: 100%;
        height: 46px;
        text-align: center;
    }

    .liniaDotted {
        margin: 0;
        border: 0;
        border-top: 1px dotted #e1b1ba;
    }

    ul.submenu li {
        display: inline;
    }

    ul.submenu li a {
        color: #222222;
        text-decoration:none;
        -moz-transition: color 0.4s ease 0s;
        -webkit-transition: color 0.4s;
        -ms-transition: color 0.4s;
        -o-transition: color 0.4s;
        transition: color 0.4;
        margin-right: 10px;
    }

    ul.submenu li a:hover {
        color:#FFFFFF;
        text-decoration:none;
    }

    ul.submenu li.actiu a {
        color:#FFFFFF;
        text-decoration:none;
    }

    .colorWhite {
        color:#FFF;
    }

    .liniaInferior {
        background-color: #D9617F;
        height: 40px;
        width: 100%;
        position: absolute;
        bottom: 0px;
    }

    .liniaClara {
        margin: 0;
        width: 100%;
        border: 0;
        border-top: 1px solid #E0E0E0;	

    }

    .infoProduct {
        min-height: 50px;
        padding-top: 30px;
        bottom: 20px;
    }

    .fullscreenImage a {
        color:#a9a9a9;
        -moz-transition: color 0.4s ease 0s;
        -webkit-transition: color 0.4s;
        -ms-transition: color 0.4s;
        -o-transition: color 0.4s;
        transition: color 0.4;
    }

    .fullscreenImage a:hover {
        color:#D9617F;
    }

    .colors {
        color: #222;
        font-family: 'Source Sans Pro' !important;
        font-style: italic;
        font-weight: 400;
        font-size: 15px;
        margin-top: 6px;
        text-align:center;
        float: left;
        width: 190px;
        /*position: absolute;
        bottom: 10px;
        right: 295px;*/
    }

    /* ///////// BOTONS SHARE SOCIALS ////////// */
    .botoMesInfo {
        width:100px;
        height:28px;
        padding-top:7px;
        color:#797979;
        background-color:#ebebeb;
        border: 1px solid #d6d6d6;
        text-align:center;
        margin-bottom:10px;	
        -webkit-transition: background 0.1s ease-out;
        -moz-transition: background 0.1s ease-out;
        -ms-transition: background 0.1s ease-out;
        -o-transition: background 0.1s ease-out;
        transition: background 0.1s ease-out; 		
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        margin-left:80px;
    }


    .botoMesInfo:hover {	
        color:#FFF;
        background-color:#424242;
        border: 1px solid #222222;
    }

    .buttonsLeft {
        z-index: 999;
        position:absolute;
        top:30px;
        left:0px;
        width:100px;
        min-height:150px;
    }

    .buttonsLeft a{
        text-decoration:none;
    }

    .buttonsRight {
        z-index: 999;
        position:absolute;
        top:30px;
        right:0px;
        width:100px;
        min-height:150px;	
    }

    .buttonsRight a{
        text-decoration:none;
    }

    .buttonPdf {	
        width:100px;
        height:28px;
        padding-top:7px;
        color:#797979;
        background-color:#ebebeb;
        border: 1px solid #d6d6d6;
        text-align:center;
        margin-bottom:10px;	
        -webkit-transition: background 0.1s ease-out;
        -moz-transition: background 0.1s ease-out;
        -ms-transition: background 0.1s ease-out;
        -o-transition: background 0.1s ease-out;
        transition: background 0.1s ease-out; 		
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
    }

    .buttonPdf:hover {	
        color:#FFF;
        background-color:#424242;
        border: 1px solid #222222;
    }

    .buttonTwitter {
        padding-right: 15px;
        width: 85px;
        height: 28px;
        padding-top: 7px;
        color: #797979;
        background-color: #ebebeb;
        border: 1px solid #d6d6d6;
        text-align: right;
        margin-bottom: 10px;
        -webkit-transition: background 0.1s ease-out;
        -moz-transition: background 0.1s ease-out;
        -ms-transition: background 0.1s ease-out;
        -o-transition: background 0.1s ease-out;
        transition: background 0.1s ease-out;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        background-image: url(../webimg/twitterBird.png);
        background-repeat: no-repeat;
        background-position: left top;
    }

    .buttonTwitter:hover {	
        color:#FFF;
        background-color:#00b2ea;
        border: 1px solid #008ad5;
        background-image: url(../webimg/twitterBirdOn.png);
        background-repeat: no-repeat;
        background-position: left top;
    }

    .buttonFacebook {
        padding-right: 15px;
        width: 85px;
        height: 28px;
        padding-top: 7px;
        color: #797979;
        background-color: #ebebeb;
        border: 1px solid #d6d6d6;
        text-align: right;
        margin-bottom: 10px;
        -webkit-transition: background 0.1s ease-out;
        -moz-transition: background 0.1s ease-out;
        -ms-transition: background 0.1s ease-out;
        -o-transition: background 0.1s ease-out;
        transition: background 0.1s ease-out;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        background-image: url(../webimg/facebookLogo.png);
        background-repeat: no-repeat;
        background-position: left top;
    }

    .buttonFacebook:hover {	
        color:#FFF;
        background-color:#008ad5;
        border: 1px solid #0061af;
        background-image: url(../webimg/facebookLogoOn.png);
        background-repeat: no-repeat;
        background-position: left top;
    }
    

    /* Christiandp7 Code */
    .buttonYoutube {
        padding-right: 15px;
        width: 85px;
        height: 28px;
        padding-top: 7px;
        color: #797979;
        background-color: #ebebeb;
        border: 1px solid #d6d6d6;
        text-align: right;
        margin-bottom: 10px;
        -webkit-transition: background 0.1s ease-out;
        -moz-transition: background 0.1s ease-out;
        -ms-transition: background 0.1s ease-out;
        -o-transition: background 0.1s ease-out;
        transition: background 0.1s ease-out;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        background-image: url(../webimg/youtubeLogo-3.png);
        background-repeat: no-repeat;
        background-position: left top;
    }

    .buttonYoutube:hover { 
        color:#FFF;
        background-color:#FF0000;
        border: 1px solid #C90C0C;
        background-image: url(../webimg/youtubeLogoOn-3.png);
        background-repeat: no-repeat;
        background-position: left top;
    }



    .botoAddBasketContent {	
        margin-left:auto;
        margin-right:auto;
        width:170px;
        height: 40px;
        margin-top:40px;
    }

    .botoAddBasket1 {	
        margin-left:auto;
        margin-right:auto;
        padding-top:8px;
        margin-top:40px;
        width:170px;
        height: 30px;	
        padding-top: 13px;
        color:#FFF;
        background-color:#424242;
        border: 1px solid #424242;
        text-align:center;
        margin-bottom:10px;	
        -webkit-transition: background 0.1s ease-out;
        -moz-transition: background 0.1s ease-out;
        -ms-transition: background 0.1s ease-out;
        -o-transition: background 0.1s ease-out;
        transition: background 0.1s ease-out; 		
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
    }

    .botoAddBasket1:hover {	
        color:#FFF;
        background-color:#D9617F; /*e47a91*/
        border: 1px solid #ce5e90; /*ce5e90*/
    }

    .botoAddBasket {	

        /*margin-top:40px;*/
        width:170px;
        height: 40px;
        padding-left: 40px;
        padding-right: 40px;
        /*padding-top: 8px;*/
        color:#FFF;
        background-color:#424242;
        border: 1px solid #424242;
        text-align:center;
        margin-bottom:10px;	
        -webkit-transition: background 0.1s ease-out;
        -moz-transition: background 0.1s ease-out;
        -ms-transition: background 0.1s ease-out;
        -o-transition: background 0.1s ease-out;
        transition: background 0.1s ease-out; 		
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
    }

    .botoAddBasket:hover {	
        color:#FFF;
        background-color:#D9617F; /*e47a91*/
        border: 1px solid #ce5e90; /*ce5e90*/
    }



    /* ///////// BOTONS COLORS IMATGES ////////// */

    .botoOn { border: 1px solid #222222; }

    .boto1 {
        background-color:#FFF;
        float:left;
        height: 14px;
        width: 14px;
        margin-top: 2px;
        margin-right: 5px;
        border: 1px solid #d6d6d6;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        -webkit-transition : border 500ms ease-out; 
        -moz-transition : border 500ms ease-out;
        -o-transition : border 500ms ease-out;
        transition : border 500ms ease-out;       
    }

    .boto1:hover {
        background-color:#FFF;
        border: 1px solid #222;      
    }

    .boto2 {
        background-color:#b7ba46;
        float:left;
        height: 14px;
        width: 14px;
        margin-top: 2px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        border: 1px solid #b7ba46;
        -webkit-transition : border 500ms ease-out; 
        -moz-transition : border 500ms ease-out;
        -o-transition : border 500ms ease-out;
        transition : border 500ms ease-out;  
        margin-right: 5px;     
    }

    .boto2:hover {
        background-color:#b7ba46;
        border: 1px solid #222;  
    }


    .boto3 {
        background-color:#FFF;
        float:left;
        height: 14px;
        width: 14px;
        margin-top: 2px;
        margin-right: 5px;
        border: 1px solid #d6d6d6;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        -webkit-transition : border 500ms ease-out; 
        -moz-transition : border 500ms ease-out;
        -o-transition : border 500ms ease-out;
        transition : border 500ms ease-out;       
    }

    .boto3:hover {
        background-color:#FFF;
        border: 1px solid #222;      
    }

    .boto4 {
        background-color:#b7ba46;
        float:left;
        height: 14px;
        width: 14px;
        margin-top: 2px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        border: 1px solid #b7ba46;
        -webkit-transition : border 500ms ease-out; 
        -moz-transition : border 500ms ease-out;
        -o-transition : border 500ms ease-out;
        transition : border 500ms ease-out;  
        margin-right: 5px;        
    }

    .boto4:hover {
        background-color:#b7ba46;
        border: 1px solid #222;  
    }

    .boto5 {
        background-color:#666;
        float:left;
        height: 14px;
        width: 14px;
        margin-top: 2px;
        margin-right: 5px;
        border: 1px solid #d6d6d6;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        -webkit-transition : border 500ms ease-out; 
        -moz-transition : border 500ms ease-out;
        -o-transition : border 500ms ease-out;
        transition : border 500ms ease-out;       
    }

    .boto5:hover {
        background-color:#666;
        border: 1px solid #222;      
    }

    .boto6 {
        background-color:#666;
        float:left;
        height: 14px;
        width: 14px;
        margin-top: 2px;
        margin-right: 5px;
        border: 1px solid #d6d6d6;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        -webkit-transition : border 500ms ease-out; 
        -moz-transition : border 500ms ease-out;
        -o-transition : border 500ms ease-out;
        transition : border 500ms ease-out;       
    }

    .boto6:hover {
        background-color:#666;
        border: 1px solid #222;      
    }

    .color {
        color: #D9617F; /* color Podiatry D9617F - color Beauty d9617f */
    }

    .colorAdd {

        height: 25px;
    }

    .colorAdd a{
        color: #D9617F;
        text-decoration:underline;
        position:relative;
        z-index:9999;
    }



      .infoPricecolor1 {
        text-align: center;
        width: 100%;
        height: 40px;
        padding-top: 15px;
        z-index: 9999;
        position: relative;
        color: #FFF;
        background-color:#D9617F;
    }
    .infoPricecolor2 {
        text-align: center;
        width: 100%;
        height: 40px;
        padding-top: 15px;
        z-index: 9999;
        position: relative;
        color: #FFF;
        background-color:#D78541;

    }
    .infoPricecolor3 {
        text-align: center;
        width: 100%;
        height: 40px;
        padding-top: 15px;
        z-index: 9999;
        position: relative;
        color: #FFF;
        background-color:#8A76B1;
    }
    .infoPricecolor4 {
        text-align: center;
        width: 100%;
        height: 40px;
        padding-top: 15px;
        z-index: 9999;
        position: relative;
        color: #FFF;
        background-color:#00a2ea;
    }

    .infoPricecolor5 {
        text-align: center;
        width: 100%;
        height: 40px;
        padding-top: 15px;
        z-index: 9999;
        position: relative;
        color: #FFF;
        background-color:#06ABA3;
    }

}


/*/////////////////////////////////////////////////////////////////////////////////////////////*/

/* Resolució de 1024 PC*/

/*/////////////////////////////////////////////////////////////////////////////////////////////*/


@media (min-width: 980px) and (max-width: 1199px) {  


    .franjaSubmenu {
        background-color:#D9617F;
        width: 100%;
        min-height: 40px;	
        margin-top:20px;	
    }

    .franjaColor {
        position:relative;
        background-color:#D9617F;
        width: 100%;
        min-height: 180px;	
    }

    .franjaColorList {
        position:relative;
        background-color:#D9617F;
        width: 100%;
        min-height: 300px;	
    }

    .superiorList {
        position: relative;
        min-height: 300px;
    }

    .superior {
        position: relative;
        min-height: 180px;
    }

    .titolProduct {
        position: absolute;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        bottom: 30px;
        text-align: center;
    }
    .titolProductList {
        position: absolute;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        bottom: 50px;
        text-align: center;
    }

    .titolProductSmall {
        width: 100%;
        height: 46px;
        text-align: center;
    }

    .liniaDotted {
        margin: 0;
        border: 0;
        border-top: 1px dotted #e1b1ba;
    }

    ul.submenu li {
        display: inline;
    }

    ul.submenu li a {
        color: #222222;
        text-decoration:none;
        -moz-transition: color 0.4s ease 0s;
        -webkit-transition: color 0.4s;
        -ms-transition: color 0.4s;
        -o-transition: color 0.4s;
        transition: color 0.4;
        margin-right: 10px;
    }

    ul.submenu li a:hover {
        color:#FFFFFF;
        text-decoration:none;
    }

    ul.submenu li.actiu a {
        color:#FFFFFF;
        text-decoration:none;
    }

    .colorWhite {
        color:#FFF;
    }

    .liniaInferior {
        background-color: #D9617F;
        height: 40px;
        width: 100%;
        position: absolute;
        bottom: 0px;
    }

    .liniaClara {
        margin: 0;
        width: 100%;
        border: 0;
        border-top: 1px solid #E0E0E0;	

    }

    .infoProduct {
        min-height: 50px;
        padding-top: 30px;
        bottom: 20px;
    }

    .fullscreenImage a {
        color:#a9a9a9;
        -moz-transition: color 0.4s ease 0s;
        -webkit-transition: color 0.4s;
        -ms-transition: color 0.4s;
        -o-transition: color 0.4s;
        transition: color 0.4;
    }

    .fullscreenImage a:hover {
        color:#D9617F;
    }

    .colors {
        color: #222;
        font-family: 'Source Sans Pro' !important;
        font-style: italic;
        font-weight: 400;
        font-size: 15px;
        margin-top: 6px;
        text-align:center;
        float: left;
        width: 110px;
        /*position: absolute;
        bottom: 10px;
        right: 295px;*/
    }

    /* ///////// BOTONS SHARE SOCIALS ////////// */

    .buttonsLeft {
        z-index: 999;
        position:absolute;
        top:30px;
        left:0px;
        width:100px;
        min-height:150px;
    }

    .buttonsLeft a{
        text-decoration:none;
    }

    .buttonsRight {
        z-index: 999;
        position:absolute;
        top:30px;
        right:0px;
        width:100px;
        min-height:150px;	
    }

    .buttonsRight a{
        text-decoration:none;
    }

    .buttonPdf {	
        width:100px;
        height:28px;
        padding-top:7px;
        color:#797979;
        background-color:#ebebeb;
        border: 1px solid #d6d6d6;
        text-align:center;
        margin-bottom:10px;	
        -webkit-transition: background 0.1s ease-out;
        -moz-transition: background 0.1s ease-out;
        -ms-transition: background 0.1s ease-out;
        -o-transition: background 0.1s ease-out;
        transition: background 0.1s ease-out; 		
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
    }

    .buttonPdf:hover {	
        color:#FFF;
        background-color:#424242;
        border: 1px solid #222222;
    }

    .buttonTwitter {
        padding-right: 15px;
        width: 85px;
        height: 28px;
        padding-top: 7px;
        color: #797979;
        background-color: #ebebeb;
        border: 1px solid #d6d6d6;
        text-align: right;
        margin-bottom: 10px;
        -webkit-transition: background 0.1s ease-out;
        -moz-transition: background 0.1s ease-out;
        -ms-transition: background 0.1s ease-out;
        -o-transition: background 0.1s ease-out;
        transition: background 0.1s ease-out;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        background-image: url(../webimg/twitterBird.png);
        background-repeat: no-repeat;
        background-position: left top;
    }

    .buttonTwitter:hover {	
        color:#FFF;
        background-color:#00b2ea;
        border: 1px solid #008ad5;
        background-image: url(../webimg/twitterBirdOn.png);
        background-repeat: no-repeat;
        background-position: left top;
    }

    .buttonFacebook {
        padding-right: 15px;
        width: 85px;
        height: 28px;
        padding-top: 7px;
        color: #797979;
        background-color: #ebebeb;
        border: 1px solid #d6d6d6;
        text-align: right;
        margin-bottom: 10px;
        -webkit-transition: background 0.1s ease-out;
        -moz-transition: background 0.1s ease-out;
        -ms-transition: background 0.1s ease-out;
        -o-transition: background 0.1s ease-out;
        transition: background 0.1s ease-out;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        background-image: url(../webimg/facebookLogo.png);
        background-repeat: no-repeat;
        background-position: left top;
    }

    .buttonFacebook:hover {	
        color:#FFF;
        background-color:#008ad5;
        border: 1px solid #0061af;
        background-image: url(../webimg/facebookLogoOn.png);
        background-repeat: no-repeat;
        background-position: left top;
    }

    .buttonYoutube {
        padding-right: 15px;
        width: 85px;
        height: 28px;
        padding-top: 7px;
        color: #797979;
        background-color: #ebebeb;
        border: 1px solid #d6d6d6;
        text-align: right;
        margin-bottom: 10px;
        -webkit-transition: background 0.1s ease-out;
        -moz-transition: background 0.1s ease-out;
        -ms-transition: background 0.1s ease-out;
        -o-transition: background 0.1s ease-out;
        transition: background 0.1s ease-out;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        background-image: url(../webimg/youtubeLogo-3.png);
        background-repeat: no-repeat;
        background-position: left top;
    }

    .buttonYoutube:hover { 
        color:#FFF;
        background-color:#FF0000;
        border: 1px solid #C90C0C;
        background-image: url(../webimg/youtubeLogoOn-3.png);
        background-repeat: no-repeat;
        background-position: left top;
    }

    .botoAddBasketContent {	
        margin-left:auto;
        margin-right:auto;
        width:170px;
        height: 40px;
        margin-top:40px;
    }

    .botoAddBasket1 {	
        margin-left:auto;
        margin-right:auto;
        padding-top:8px;
        margin-top:40px;
        width:170px;
        height: 30px;	
        padding-top: 13px;
        color:#FFF;
        background-color:#424242;
        border: 1px solid #424242;
        text-align:center;
        margin-bottom:10px;	
        -webkit-transition: background 0.1s ease-out;
        -moz-transition: background 0.1s ease-out;
        -ms-transition: background 0.1s ease-out;
        -o-transition: background 0.1s ease-out;
        transition: background 0.1s ease-out; 		
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
    }

    .botoAddBasket1:hover {	
        color:#FFF;
        background-color:#D9617F; /*e47a91*/
        border: 1px solid #ce5e90; /*ce5e90*/
    }

    .botoAddBasket {	

        /*margin-top:40px;*/
        width:170px;
        height: 40px;
        padding-left: 40px;
        padding-right: 40px;
        /*padding-top: 8px;*/
        color:#FFF;
        background-color:#424242;
        border: 1px solid #424242;
        text-align:center;
        margin-bottom:10px;	
        -webkit-transition: background 0.1s ease-out;
        -moz-transition: background 0.1s ease-out;
        -ms-transition: background 0.1s ease-out;
        -o-transition: background 0.1s ease-out;
        transition: background 0.1s ease-out; 		
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
    }

    .botoAddBasket:hover {	
        color:#FFF;
        background-color:#D9617F; /*e47a91*/
        border: 1px solid #ce5e90; /*ce5e90*/
    }



    /* ///////// BOTONS COLORS IMATGES ////////// */

    .botoOn { border: 1px solid #222222; }

    .boto1 {
        background-color:#FFF;
        float:left;
        height: 14px;
        width: 14px;
        margin-top: 2px;
        margin-right: 5px;
        border: 1px solid #d6d6d6;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        -webkit-transition : border 500ms ease-out; 
        -moz-transition : border 500ms ease-out;
        -o-transition : border 500ms ease-out;
        transition : border 500ms ease-out;       
    }

    .boto1:hover {
        background-color:#FFF;
        border: 1px solid #222;      
    }

    .boto2 {
        background-color:#b7ba46;
        float:left;
        height: 14px;
        width: 14px;
        margin-top: 2px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        border: 1px solid #b7ba46;
        -webkit-transition : border 500ms ease-out; 
        -moz-transition : border 500ms ease-out;
        -o-transition : border 500ms ease-out;
        transition : border 500ms ease-out;  
        margin-right: 5px;     
    }

    .boto2:hover {
        background-color:#b7ba46;
        border: 1px solid #222;  
    }


    .boto3 {
        background-color:#FFF;
        float:left;
        height: 14px;
        width: 14px;
        margin-top: 2px;
        margin-right: 5px;
        border: 1px solid #d6d6d6;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        -webkit-transition : border 500ms ease-out; 
        -moz-transition : border 500ms ease-out;
        -o-transition : border 500ms ease-out;
        transition : border 500ms ease-out;       
    }

    .boto3:hover {
        background-color:#FFF;
        border: 1px solid #222;      
    }

    .boto4 {
        background-color:#b7ba46;
        float:left;
        height: 14px;
        width: 14px;
        margin-top: 2px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        border: 1px solid #b7ba46;
        -webkit-transition : border 500ms ease-out; 
        -moz-transition : border 500ms ease-out;
        -o-transition : border 500ms ease-out;
        transition : border 500ms ease-out;  
        margin-right: 5px;        
    }

    .boto4:hover {
        background-color:#b7ba46;
        border: 1px solid #222;  
    }

    .boto5 {
        background-color:#666;
        float:left;
        height: 14px;
        width: 14px;
        margin-top: 2px;
        margin-right: 5px;
        border: 1px solid #d6d6d6;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        -webkit-transition : border 500ms ease-out; 
        -moz-transition : border 500ms ease-out;
        -o-transition : border 500ms ease-out;
        transition : border 500ms ease-out;       
    }

    .boto5:hover {
        background-color:#666;
        border: 1px solid #222;      
    }

    .boto6 {
        background-color:#666;
        float:left;
        height: 14px;
        width: 14px;
        margin-top: 2px;
        margin-right: 5px;
        border: 1px solid #d6d6d6;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        -webkit-transition : border 500ms ease-out; 
        -moz-transition : border 500ms ease-out;
        -o-transition : border 500ms ease-out;
        transition : border 500ms ease-out;       
    }

    .boto6:hover {
        background-color:#666;
        border: 1px solid #222;      
    }

    .color {
        color: #D9617F; /* color Podiatry D9617F - color Beauty d9617f */
    }

    .colorAdd {

        height: 25px;
    }

    .colorAdd a{
        color: #D9617F;
        text-decoration:underline;
        position:relative;
        z-index:9999;
    }


       .infoPricecolor1 {
        text-align: center;
        width: 100%;
        height: 40px;
        padding-top: 15px;
        z-index: 9999;
        position: relative;
        color: #FFF;
        background-color:#D9617F;
    }
    .infoPricecolor2 {
        text-align: center;
        width: 100%;
        height: 40px;
        padding-top: 15px;
        z-index: 9999;
        position: relative;
        color: #FFF;
        background-color:#D78541;

    }
    .infoPricecolor3 {
        text-align: center;
        width: 100%;
        height: 40px;
        padding-top: 15px;
        z-index: 9999;
        position: relative;
        color: #FFF;
        background-color:#8A76B1;
    }
    .infoPricecolor4 {
        text-align: center;
        width: 100%;
        height: 40px;
        padding-top: 15px;
        z-index: 9999;
        position: relative;
        color: #FFF;
        background-color:#00a2ea;
    }

    .infoPricecolor5 {
        text-align: center;
        width: 100%;
        height: 40px;
        padding-top: 15px;
        z-index: 9999;
        position: relative;
        color: #FFF;
        background-color:#06ABA3;
    }

}


/*/////////////////////////////////////////////////////////////////////////////////////////////*/

/* tablet */

/*/////////////////////////////////////////////////////////////////////////////////////////////*/									



@media (min-width: 768px) and (max-width: 979px) { 


    .quantitat {
        margin-top:-5px;
    }


    .franjaSubmenu {
        background-color:#D9617F;
        width: 100%;
        min-height: 40px;	
        /*margin-top:20px;	*/
    }

    .franjaColor {
        position:relative;
        background-color:#D9617F;
        width: 100%;
        min-height: 180px;	
    }

    .franjaColorList {
        position:relative;
        background-color:#D9617F;
        width: 100%;
        min-height: 300px;	
    }

    .superiorList {
        position: relative;
        min-height: 300px;
    }

    .superior {
        position: relative;
        min-height: 180px;
    }

    .titolProduct {
        position: absolute;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        bottom: 30px;
        text-align: center;
    }
    .titolProductList {
        position: absolute;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        bottom: 50px;
        text-align: center;
    }

    .titolProductSmall {
        width: 100%;
        height: 46px;
        text-align: center;
    }

    .liniaDotted {
        margin: 0;
        border: 0;
        border-top: 1px dotted #e1b1ba;
    }

    ul.submenu li {
        display: inline;
    }

    ul.submenu li a {
        color: #222222;
        text-decoration:none;
        -moz-transition: color 0.4s ease 0s;
        -webkit-transition: color 0.4s;
        -ms-transition: color 0.4s;
        -o-transition: color 0.4s;
        transition: color 0.4;
        margin-right: 10px;
    }

    ul.submenu li a:hover {
        color:#FFFFFF;
        text-decoration:none;
    }

    ul.submenu li.actiu a {
        color:#FFFFFF;
        text-decoration:none;
    }

    .colorWhite {
        color:#FFF;
    }

    .liniaInferior {
        background-color: #D9617F;
        height: 40px;
        width: 100%;
        position: absolute;
        bottom: 0px;
    }

    .liniaClara {
        margin: 0;
        width: 100%;
        border: 0;
        border-top: 1px solid #E0E0E0;	

    }

    .infoProduct {
        min-height: 55px;
        padding-top: 25px;
        bottom: 20px;
    }

    .fullscreenImage a {
        color:#a9a9a9;
        -moz-transition: color 0.4s ease 0s;
        -webkit-transition: color 0.4s;
        -ms-transition: color 0.4s;
        -o-transition: color 0.4s;
        transition: color 0.4;
    }

    .fullscreenImage a:hover {
        color:#D9617F;
    }

    .colors {
        color: #222;
        font-family: 'Source Sans Pro' !important;
        font-style: italic;
        font-weight: 400;
        font-size: 15px;
        margin-top: 6px;
        text-align:center;
        float:left;
        width:130px;	
        /*position: absolute;
        bottom: 10px;
        right: 295px;*/
    }

    /* ///////// BOTONS SHARE SOCIALS ////////// */

    .buttonsLeft {
        z-index: 999;
        position:absolute;
        top:30px;
        left:0px;
        width:100px;
        min-height:150px;
    }

    .buttonsLeft a{
        text-decoration:none;
    }

    .buttonsRight {
        z-index: 999;
        position:absolute;
        top:30px;
        right:0px;
        width:100px;
        min-height:150px;	
    }

    .buttonsRight a{
        text-decoration:none;
    }

    .buttonPdf {	
        width:100px;
        height:28px;
        padding-top:7px;
        color:#797979;
        background-color:#ebebeb;
        border: 1px solid #d6d6d6;
        text-align:center;
        margin-bottom:10px;	
        -webkit-transition: background 0.1s ease-out;
        -moz-transition: background 0.1s ease-out;
        -ms-transition: background 0.1s ease-out;
        -o-transition: background 0.1s ease-out;
        transition: background 0.1s ease-out; 		
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
    }

    .buttonPdf:hover {	
        color:#FFF;
        background-color:#424242;
        border: 1px solid #222222;
    }

    .buttonTwitter {
        padding-right: 15px;
        width: 85px;
        height: 28px;
        padding-top: 7px;
        color: #797979;
        background-color: #ebebeb;
        border: 1px solid #d6d6d6;
        text-align: right;
        margin-bottom: 10px;
        -webkit-transition: background 0.1s ease-out;
        -moz-transition: background 0.1s ease-out;
        -ms-transition: background 0.1s ease-out;
        -o-transition: background 0.1s ease-out;
        transition: background 0.1s ease-out;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        background-image: url(../webimg/twitterBird.png);
        background-repeat: no-repeat;
        background-position: left top;
    }

    .buttonTwitter:hover {	
        color:#FFF;
        background-color:#00b2ea;
        border: 1px solid #008ad5;
        background-image: url(../webimg/twitterBirdOn.png);
        background-repeat: no-repeat;
        background-position: left top;
    }

    .buttonFacebook {
        padding-right: 15px;
        width: 85px;
        height: 28px;
        padding-top: 7px;
        color: #797979;
        background-color: #ebebeb;
        border: 1px solid #d6d6d6;
        text-align: right;
        margin-bottom: 10px;
        -webkit-transition: background 0.1s ease-out;
        -moz-transition: background 0.1s ease-out;
        -ms-transition: background 0.1s ease-out;
        -o-transition: background 0.1s ease-out;
        transition: background 0.1s ease-out;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        background-image: url(../webimg/facebookLogo.png);
        background-repeat: no-repeat;
        background-position: left top;
    }

    .buttonFacebook:hover {	
        color:#FFF;
        background-color:#008ad5;
        border: 1px solid #0061af;
        background-image: url(../webimg/facebookLogoOn.png);
        background-repeat: no-repeat;
        background-position: left top;
    }


    .buttonYoutube {
        padding-right: 15px;
        width: 85px;
        height: 28px;
        padding-top: 7px;
        color: #797979;
        background-color: #ebebeb;
        border: 1px solid #d6d6d6;
        text-align: right;
        margin-bottom: 10px;
        -webkit-transition: background 0.1s ease-out;
        -moz-transition: background 0.1s ease-out;
        -ms-transition: background 0.1s ease-out;
        -o-transition: background 0.1s ease-out;
        transition: background 0.1s ease-out;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        background-image: url(../webimg/facebookLogo-1.png);
        background-repeat: no-repeat;
        background-position: left top;
    }

    .buttonYoutube:hover { 
        color:#FFF;
        background-color:#FF0000;
        border: 1px solid #C90C0C;
        background-image: url(../webimg/facebookLogoOn-1.png);
        background-repeat: no-repeat;
        background-position: left top;
    }


    .botoAddBasketContent {	
        margin-left:auto;
        margin-right:auto;
        width:170px;
        height: 40px;
        margin-top:40px;
    }

    .botoAddBasket1 {	
        margin-left:auto;
        margin-right:auto;
        padding-top:8px;
        margin-top:40px;
        width:170px;
        height: 30px;	
        padding-top: 13px;
        color:#FFF;
        background-color:#424242;
        border: 1px solid #424242;
        text-align:center;
        margin-bottom:10px;	
        -webkit-transition: background 0.1s ease-out;
        -moz-transition: background 0.1s ease-out;
        -ms-transition: background 0.1s ease-out;
        -o-transition: background 0.1s ease-out;
        transition: background 0.1s ease-out; 		
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
    }

    .botoAddBasket1:hover {	
        color:#FFF;
        background-color:#D9617F; /*e47a91*/
        border: 1px solid #ce5e90; /*ce5e90*/
    }

    .botoAddBasket {	

        /*margin-top:40px;*/
        width:170px;
        height: 40px;
        padding-left: 40px;
        padding-right: 40px;
        /*padding-top: 8px;*/
        color:#FFF;
        background-color:#424242;
        border: 1px solid #424242;
        text-align:center;
        margin-bottom:10px;	
        -webkit-transition: background 0.1s ease-out;
        -moz-transition: background 0.1s ease-out;
        -ms-transition: background 0.1s ease-out;
        -o-transition: background 0.1s ease-out;
        transition: background 0.1s ease-out; 		
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
    }

    .botoAddBasket:hover {	
        color:#FFF;
        background-color:#D9617F; /*e47a91*/
        border: 1px solid #ce5e90; /*ce5e90*/
    }



    /* ///////// BOTONS COLORS IMATGES ////////// */

    .botoOn { border: 1px solid #222222; }

    .boto1 {
        background-color:#FFF;
        float:left;
        height: 14px;
        width: 14px;
        margin-top: 2px;
        margin-right: 5px;
        border: 1px solid #d6d6d6;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        -webkit-transition : border 500ms ease-out; 
        -moz-transition : border 500ms ease-out;
        -o-transition : border 500ms ease-out;
        transition : border 500ms ease-out;       
    }

    .boto1:hover {
        background-color:#FFF;
        border: 1px solid #222;      
    }

    .boto2 {
        background-color:#b7ba46;
        float:left;
        height: 14px;
        width: 14px;
        margin-top: 2px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        border: 1px solid #b7ba46;
        -webkit-transition : border 500ms ease-out; 
        -moz-transition : border 500ms ease-out;
        -o-transition : border 500ms ease-out;
        transition : border 500ms ease-out;  
        margin-right: 5px;     
    }

    .boto2:hover {
        background-color:#b7ba46;
        border: 1px solid #222;  
    }


    .boto3 {
        background-color:#FFF;
        float:left;
        height: 14px;
        width: 14px;
        margin-top: 2px;
        margin-right: 5px;
        border: 1px solid #d6d6d6;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        -webkit-transition : border 500ms ease-out; 
        -moz-transition : border 500ms ease-out;
        -o-transition : border 500ms ease-out;
        transition : border 500ms ease-out;       
    }

    .boto3:hover {
        background-color:#FFF;
        border: 1px solid #222;      
    }

    .boto4 {
        background-color:#b7ba46;
        float:left;
        height: 14px;
        width: 14px;
        margin-top: 2px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        border: 1px solid #b7ba46;
        -webkit-transition : border 500ms ease-out; 
        -moz-transition : border 500ms ease-out;
        -o-transition : border 500ms ease-out;
        transition : border 500ms ease-out;  
        margin-right: 5px;        
    }

    .boto4:hover {
        background-color:#b7ba46;
        border: 1px solid #222;  
    }

    .boto5 {
        background-color:#666;
        float:left;
        height: 14px;
        width: 14px;
        margin-top: 2px;
        margin-right: 5px;
        border: 1px solid #d6d6d6;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        -webkit-transition : border 500ms ease-out; 
        -moz-transition : border 500ms ease-out;
        -o-transition : border 500ms ease-out;
        transition : border 500ms ease-out;       
    }

    .boto5:hover {
        background-color:#666;
        border: 1px solid #222;      
    }

    .boto6 {
        background-color:#666;
        float:left;
        height: 14px;
        width: 14px;
        margin-top: 2px;
        margin-right: 5px;
        border: 1px solid #d6d6d6;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        -webkit-transition : border 500ms ease-out; 
        -moz-transition : border 500ms ease-out;
        -o-transition : border 500ms ease-out;
        transition : border 500ms ease-out;       
    }

    .boto6:hover {
        background-color:#666;
        border: 1px solid #222;      
    }

    .color {
        color: #D9617F; /* color Podiatry D9617F - color Beauty d9617f */
    }

    .colorAdd {

        height: 25px;
    }

    .colorAdd a{
        color: #D9617F;
        text-decoration:underline;
        position:relative;
        z-index:9999;
    }


    .infoPricecolor1 {
        text-align: center;
        width: 100%;
        height: 40px;
        padding-top: 15px;
        z-index: 9999;
        position: relative;
        color: #FFF;
        background-color:#D9617F;
    }
    .infoPricecolor2 {
        text-align: center;
        width: 100%;
        height: 40px;
        padding-top: 15px;
        z-index: 9999;
        position: relative;
        color: #FFF;
        background-color:#D78541;

    }
    .infoPricecolor3 {
        text-align: center;
        width: 100%;
        height: 40px;
        margin-top: 15px;
        z-index: 9999;
        position: relative;
        color: #FFF;
        background-color:#8A76B1;
    }
    .infoPricecolor4 {
        text-align: center;
        width: 100%;
        height: 40px;
        padding-top: 15px;
        z-index: 9999;
        position: relative;
        color: #FFF;
        background-color:#00a2ea;
    }

    .infoPricecolor5 {
        text-align: center;
        width: 100%;
        height: 40px;
        padding-top: 15px;
        z-index: 9999;
        position: relative;
        color: #FFF;
        background-color:#06ABA3;
    }
}

/*/////////////////////////////////////////////////////////////////////////////////////////////*/

/* phones */

/*/////////////////////////////////////////////////////////////////////////////////////////////*/

@media (max-width: 767px) { 


    .franjaSubmenu {
        background-color:#D9617F;
        width: 100%;
        min-height: 40px;		
    }

    .franjaColor {
        position:relative;
        background-color:#D9617F;
        width: 100%;
        min-height: 180px;	
    }

    .franjaColorList {
        position:relative;
        background-color:#D9617F;
        width: 100%;
        min-height: 340px;	
    }

    .superiorList {
        position: relative;
        min-height: 300px;
    }

    .superior {
        position: relative;
        min-height: 180px;
    }

    .titolProduct {
        position: absolute;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        bottom: 30px;
        text-align: center;
    }
    .titolProductList {
        position: absolute;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        bottom: 0px;
        text-align: center;
    }

    .titolProductSmall {
        width: 100%;
        height: 46px;
        text-align: center;
    }

    .liniaDotted {
        margin: 0;
        border: 0;
        border-top: 1px dotted #e1b1ba;
    }

    ul.submenu li {
        display: inline;
    }

    ul.submenu li a {
        color: #222222;
        text-decoration:none;
        -moz-transition: color 0.4s ease 0s;
        -webkit-transition: color 0.4s;
        -ms-transition: color 0.4s;
        -o-transition: color 0.4s;
        transition: color 0.4;
        margin-right: 10px;
    }

    ul.submenu li a:hover {
        color:#FFFFFF;
        text-decoration:none;
    }

    ul.submenu li.actiu a {
        color:#FFFFFF;
        text-decoration:none;
    }

    .colorWhite {
        color:#FFF;
    }

    .liniaInferior {
        background-color: #D9617F;
        height: 40px;
        width: 100%;
        position: absolute;
        bottom: 0px;
    }

    .liniaClara {
        margin: 0;
        width: 100%;
        border: 0;
        border-top: 1px solid #E0E0E0;	

    }

    .infoProduct {
        min-height: 55px;
        padding-top: 25px;
        bottom: 20px;
        padding-bottom: 25px;
    }

    .fullscreenImage a {
        color:#a9a9a9;
        -moz-transition: color 0.4s ease 0s;
        -webkit-transition: color 0.4s;
        -ms-transition: color 0.4s;
        -o-transition: color 0.4s;
        transition: color 0.4;
    }

    .fullscreenImage a:hover {
        color:#D9617F;
    }

    .colors {
        color: #222;
        font-family: 'Source Sans Pro' !important;
        font-style: italic;
        font-weight: 400;
        font-size: 15px;
        margin-top: 25px;
        margin-bottom: 15px;	
        text-align:center;
        margin-left:105px;
        /*position: absolute;
        bottom: 10px;
        right: 295px;*/
    }

    /* ///////// BOTONS SHARE SOCIALS ////////// */

    .buttonsLeft {
        z-index: 999;
        position:absolute;
        top:30px;
        left:0px;
        width:100px;
        min-height:150px;
    }

    .buttonsLeft a{
        text-decoration:none;
    }

    .buttonsRight {
        z-index: 999;
        position:absolute;
        top:30px;
        right:0px;
        width:100px;
        min-height:150px;	
    }

    .buttonsRight a{
        text-decoration:none;
    }

    .buttonPdf {	
        width:100px;
        height:28px;
        padding-top:7px;
        color:#797979;
        background-color:#ebebeb;
        border: 1px solid #d6d6d6;
        text-align:center;
        margin-bottom:10px;	
        -webkit-transition: background 0.1s ease-out;
        -moz-transition: background 0.1s ease-out;
        -ms-transition: background 0.1s ease-out;
        -o-transition: background 0.1s ease-out;
        transition: background 0.1s ease-out; 		
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
    }

    .buttonPdf:hover {	
        color:#FFF;
        background-color:#424242;
        border: 1px solid #222222;
    }

    .buttonTwitter {
        padding-right: 15px;
        width: 85px;
        height: 28px;
        padding-top: 7px;
        color: #797979;
        background-color: #ebebeb;
        border: 1px solid #d6d6d6;
        text-align: right;
        margin-bottom: 10px;
        -webkit-transition: background 0.1s ease-out;
        -moz-transition: background 0.1s ease-out;
        -ms-transition: background 0.1s ease-out;
        -o-transition: background 0.1s ease-out;
        transition: background 0.1s ease-out;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        background-image: url(../webimg/twitterBird.png);
        background-repeat: no-repeat;
        background-position: left top;
    }

    .buttonTwitter:hover {	
        color:#FFF;
        background-color:#00b2ea;
        border: 1px solid #008ad5;
        background-image: url(../webimg/twitterBirdOn.png);
        background-repeat: no-repeat;
        background-position: left top;
    }

    .buttonFacebook {
        padding-right: 15px;
        width: 85px;
        height: 28px;
        padding-top: 7px;
        color: #797979;
        background-color: #ebebeb;
        border: 1px solid #d6d6d6;
        text-align: right;
        margin-bottom: 10px;
        -webkit-transition: background 0.1s ease-out;
        -moz-transition: background 0.1s ease-out;
        -ms-transition: background 0.1s ease-out;
        -o-transition: background 0.1s ease-out;
        transition: background 0.1s ease-out;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        background-image: url(../webimg/facebookLogo.png);
        background-repeat: no-repeat;
        background-position: left top;
    }

    .buttonFacebook:hover {	
        color:#FFF;
        background-color:#008ad5;
        border: 1px solid #0061af;
        background-image: url(../webimg/facebookLogoOn.png);
        background-repeat: no-repeat;
        background-position: left top;
    }



    .buttonYoutube {
        padding-right: 15px;
        width: 85px;
        height: 28px;
        padding-top: 7px;
        color: #797979;
        background-color: #ebebeb;
        border: 1px solid #d6d6d6;
        text-align: right;
        margin-bottom: 10px;
        -webkit-transition: background 0.1s ease-out;
        -moz-transition: background 0.1s ease-out;
        -ms-transition: background 0.1s ease-out;
        -o-transition: background 0.1s ease-out;
        transition: background 0.1s ease-out;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        background-image: url(../webimg/youtubeLogo-3.png);
        background-repeat: no-repeat;
        background-position: left top;
    }

    .buttonYoutube:hover { 
        color:#FFF;
        background-color:#FF0000;
        border: 1px solid #C90C0C;
        background-image: url(../webimg/youtubeLogoOn-3.png);
        background-repeat: no-repeat;
        background-position: left top;
    }




    .botoAddBasketContent {	
        margin-left:auto;
        margin-right:auto;
        width:170px;
        height: 40px;
        margin-top:40px;
    }

    .botoAddBasket1 {	
        margin-left:auto;
        margin-right:auto;
        padding-top:8px;
        margin-top:40px;
        width:170px;
        height: 30px;	
        padding-top: 13px;
        color:#FFF;
        background-color:#424242;
        border: 1px solid #424242;
        text-align:center;
        margin-bottom:10px;	
        -webkit-transition: background 0.1s ease-out;
        -moz-transition: background 0.1s ease-out;
        -ms-transition: background 0.1s ease-out;
        -o-transition: background 0.1s ease-out;
        transition: background 0.1s ease-out; 		
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
    }

    .botoAddBasket1:hover {	
        color:#FFF;
        background-color:#D9617F; /*e47a91*/
        border: 1px solid #ce5e90; /*ce5e90*/
    }

    .botoAddBasket {	

        /*margin-top:40px;*/
        width:170px;
        height: 40px;
        padding-left: 40px;
        padding-right: 40px;
        /*padding-top: 8px;*/
        color:#FFF;
        background-color:#424242;
        border: 1px solid #424242;
        text-align:center;
        margin-bottom:10px;	
        -webkit-transition: background 0.1s ease-out;
        -moz-transition: background 0.1s ease-out;
        -ms-transition: background 0.1s ease-out;
        -o-transition: background 0.1s ease-out;
        transition: background 0.1s ease-out; 		
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
    }

    .botoAddBasket:hover {	
        color:#FFF;
        background-color:#D9617F; /*e47a91*/
        border: 1px solid #ce5e90; /*ce5e90*/
    }



    /* ///////// BOTONS COLORS IMATGES ////////// */

    .botoOn { border: 1px solid #222222; }

    .boto1 {
        background-color:#FFF;
        float:left;
        height: 14px;
        width: 14px;
        margin-top: 2px;
        margin-right: 5px;
        border: 1px solid #d6d6d6;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        -webkit-transition : border 500ms ease-out; 
        -moz-transition : border 500ms ease-out;
        -o-transition : border 500ms ease-out;
        transition : border 500ms ease-out;       
    }

    .boto1:hover {
        background-color:#FFF;
        border: 1px solid #222;      
    }

    .boto2 {
        background-color:#b7ba46;
        float:left;
        height: 14px;
        width: 14px;
        margin-top: 2px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        border: 1px solid #b7ba46;
        -webkit-transition : border 500ms ease-out; 
        -moz-transition : border 500ms ease-out;
        -o-transition : border 500ms ease-out;
        transition : border 500ms ease-out;  
        margin-right: 5px;     
    }

    .boto2:hover {
        background-color:#b7ba46;
        border: 1px solid #222;  
    }


    .boto3 {
        background-color:#FFF;
        float:left;
        height: 14px;
        width: 14px;
        margin-top: 2px;
        margin-right: 5px;
        border: 1px solid #d6d6d6;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        -webkit-transition : border 500ms ease-out; 
        -moz-transition : border 500ms ease-out;
        -o-transition : border 500ms ease-out;
        transition : border 500ms ease-out;       
    }

    .boto3:hover {
        background-color:#FFF;
        border: 1px solid #222;      
    }

    .boto4 {
        background-color:#b7ba46;
        float:left;
        height: 14px;
        width: 14px;
        margin-top: 2px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        border: 1px solid #b7ba46;
        -webkit-transition : border 500ms ease-out; 
        -moz-transition : border 500ms ease-out;
        -o-transition : border 500ms ease-out;
        transition : border 500ms ease-out;  
        margin-right: 5px;        
    }

    .boto4:hover {
        background-color:#b7ba46;
        border: 1px solid #222;  
    }

    .boto5 {
        background-color:#666;
        float:left;
        height: 14px;
        width: 14px;
        margin-top: 2px;
        margin-right: 5px;
        border: 1px solid #d6d6d6;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        -webkit-transition : border 500ms ease-out; 
        -moz-transition : border 500ms ease-out;
        -o-transition : border 500ms ease-out;
        transition : border 500ms ease-out;       
    }

    .boto5:hover {
        background-color:#666;
        border: 1px solid #222;      
    }

    .boto6 {
        background-color:#666;
        float:left;
        height: 14px;
        width: 14px;
        margin-top: 2px;
        margin-right: 5px;
        border: 1px solid #d6d6d6;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        -webkit-transition : border 500ms ease-out; 
        -moz-transition : border 500ms ease-out;
        -o-transition : border 500ms ease-out;
        transition : border 500ms ease-out;       
    }

    .boto6:hover {
        background-color:#666;
        border: 1px solid #222;      
    }

    .color {
        color: #D9617F; /* color Podiatry D9617F - color Beauty d9617f */
    }

    .colorAdd {

        height: 25px;
    }

    .colorAdd a{
        color: #D9617F;
        text-decoration:underline;
        position:relative;
        z-index:9999;
    }

   .infoPricecolor1 {
        text-align: center;
        width: 100%;
        height: 40px;
        padding-top: 15px;
        z-index: 9999;
        position: relative;
        color: #FFF;
        background-color:#D9617F;
    }
    .infoPricecolor2 {
        text-align: center;
        width: 100%;
        height: 40px;
        padding-top: 15px;
        z-index: 9999;
        position: relative;
        color: #FFF;
        background-color:#D78541;

    }
    .infoPricecolor3 {
        text-align: center;
        width: 100%;
        height: 40px;
        padding-top: 15px;
        z-index: 9999;
        position: relative;
        color: #FFF;
        background-color:#8A76B1;
    }
    .infoPricecolor4 {
        text-align: center;
        width: 100%;
        height: 40px;
        padding-top: 15px;
        z-index: 9999;
        position: relative;
        color: #FFF;
        background-color:#00a2ea;
    }

    .infoPricecolor5 {
        text-align: center;
        width: 100%;
        height: 40px;
        padding-top: 15px;
        z-index: 9999;
        position: relative;
        color: #FFF;
        background-color:#06ABA3;
    }
}