body{
    background-color: #000;
    margin-left: 0px;
    margin-top: 0px;
	margin-right: 0px;
    margin-bottom: 0px;
}

img.floatLeft { 
    float: left; 
    margin: 4px; 
    padding-right: 15px;
}


.menue {
    font-family: arial;
    font-weight: bold;
    font-size: 13px;
    color: #FFFFFF;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 0;
} 


.menue_2 {
    font-family: arial;
    font-weight: bold;
    font-size: 13px;
    color: #FFFFFF;
    text-decoration: underline;
    text-transform: uppercase;
    letter-spacing: 0;
} 

.mapa {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ccc;
	font-weight: none;
	text-decoration: none;

}

.hostland {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #E065A9;
	font-weight: none;
	text-decoration: none;

}



.molitos {
	margin-top: 7px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #777;
	width: 80px;
	font-weight: none;
	text-decoration: none;

}

.bumpbox {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #cc0000;
	font-weight: bold;
	text-decoration: none;

}

.main{
     background-color: #FFF;
     width: 849px;
     border: 0px solid white;
}

.foot {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	font-weight: bold;
	text-decoration: none;

}

.foot_rosa {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #E065A9;
	font-weight: bold;
	text-decoration: none;

}

.crear_cuenta {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #cc0000;
	font-weight: bold;
	text-decoration: none;

}

.pago {
    border: 1px solid #ddd;
    padding:  5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #cc0000; 
	font-weight: bold;
	text-decoration: none;
}

.titulo {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #CC0000; 
	font-weight: bold;
	text-decoration: none;
}



.subtitulo {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #CC0000; 
	font-weight: bold;
	text-decoration: none;
}

.refe {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #E065A9; 
	font-weight: none;
	text-decoration: none;
}

.titulo_prod {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #990000; 
	font-weight: bold;
	text-decoration:  none;
}

.obliga {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #cc0000; 
	font-weight: bold;
	text-decoration:  none;
}

.price {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666; 
	font-weight: bold;
	text-decoration: none;
}

.tit_car {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: none;
	text-decoration: none;

}

.menu_txt {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	font-weight: none;
	text-decoration: none;
	
}

.acceso {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	font-weight: bold;
	text-decoration: none;    
    
}

.titulo_tip {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #450E2D;
	font-weight: bold;
	text-decoration: none;    
    
}

.acceso_rosa {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #cc0000;
	font-weight: bold;
	text-decoration: none;    
    
}

.morado {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #990000;
	font-weight: bold;
	text-decoration: none;    
    text-align: right;	
}

.titulo_tip {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #333;
	font-weight: bold;
	text-decoration: none;    
    text-align: right;	
}

.pedidos {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	font-weight: none;
	text-decoration: none;    
    text-align: right;	
}

.pedidos a {
	color: #E065A9;
	text-decoration: underline;
}

.pedidos a:hover {
	color: #999;
	text-decoration: underline;
}

.pedidos_mas {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #333;
	font-weight: none;
	text-decoration: none;    
    text-align: right;	
}

.showp{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	font-weight: none;
	text-decoration: none;
}

.entrar{
    width: 140px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
}

.admin_select{
    width: 160px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
}

.login_top {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	font-weight: none;
	text-decoration: none;

}

.login_pass {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #cc0000;
	font-weight: none;
	text-decoration: none;

}

.tabla_ti {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #cc0000;
	font-weight: bold;
	text-decoration: none;

}

.tabla_ti2 {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
	font-weight: none;
	text-decoration: none;

}

.bienvenida {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #cc0000;
	font-weight: bold;
	text-decoration: none;

}

.big_rojo {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #CC0000;
	font-weight: bold;
	text-decoration: none;

}

.subcat {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333;
	font-weight: bold;
	text-decoration: none;

}

.estado {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #E065A9;
	font-weight: bold;
	text-decoration: none;

}
.subcatGris{
    
    font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #666;
	font-weight: bold;
	text-decoration: none;
}



/*** set the width and height to match your images **/

#slideshow {
    position:relative;
    height:120px;
}

#slideshow DIV {
    position:absolute;
    top:0;
    left:150;
    z-index:8;
    opacity:0.0;
    height: 120px;
    background-color: #FFF;
    border: 3px solid pink;
}

#slideshow DIV.active {
    z-index:10;
    opacity:1.0;
}

#slideshow DIV.last-active {
    z-index:9;
}

#slideshow DIV IMG {
    height: 120px;
    display: block;
    border: 0;
    margin-bottom: 10px;
}



.responsivo{
			text-align: right;
		}
.entrar {
    width: 100%;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
}
.articulos{
    padding-top: 20px;  border: 1px dotted #ddd; height: 350px;
}
.articulos2{
    display: none;
}
.carrito1{
    position:absolute; top: 300px; left: 20px;
}
.precio{
    position:absolute; top: 300px;
}
.producto{
    width: 100%;    max-height: 260px;   margin-top: 5px; margin-bottom: 5px;
}


        .showp {

        font-size: 18px;

        }


      #back2Top {
    width: 40px;
    line-height: 40px;
    overflow: hidden;
    z-index: 999;
    display: none;
    cursor: pointer;
    -moz-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
    position: fixed;
    bottom: 100px;
    right: 0;
    background-color: #DDD;
    color: #555;
    text-align: center;
    font-size: 30px;
    text-decoration: none;
}
#back2Top:hover {
    background-color: #DDF;
    color: #000;
}


    @media (max-width: 1024px){

        .precio{
             left: 80px;
        }

        .articulos{
             height: 250px;
        }

        .carrito1{
             top: 200px; 
        }
        .precio{
             top: 200px;
            
        }
        .producto{
           max-height: 120px;
        }
        .showp {
            font-size: 16px;
        }

    }

    @media (max-width: 812px){


        .carrito1{
            left: 115px;
        }
        .precio{
            
             left: 180px;
        }
        .showp {
            font-size: 15px;
        }

    }


    @media (max-width: 991px){

                .articulos{
             display: none;
        }
        .articulos2{
            display: block;
            padding-top: 10px;  border: 1px dotted #ddd; padding-bottom: 10px;

        }

    }


    @media (max-width: 768px){

        /*.articulos{
             height: 250px;
        }*/

        .producto{
           max-height: 130px;
        }
        .carrito1{
             top: 215px; left: 120px;
        }
        .precio{
             top: 215px;
             left: 200px;
        }

        .showp {
            font-size: 17px;
        }
        .responsivo{
			display: none;
		} 



    }




	@media (max-width: 650px){
		.responsivo{
			display: none;
		} 

        .carrito1{
            top: 400px;
            left: 100px;
        }
        .precio{
             top: 400px;
        }

        .showp {

        font-size: 18px;

        }

	}