html { 
  padding:0px;
  margin:0px;
}

body {
  background-color: #eee;
  background-image:none;
  background-position:center;
  background-repeat:repeat-y;
  font-size: 10px;
  font-family: arial, SunSans-Regular, Sans-Serif,helvetica;
  color:#564b47;
	margin:0px;
	padding:0px;
}

img{
border:none;
}

a { 
font-size: 10px;
text-decoration: none; 
}

input{
font-family:arial;
font-size:10px;
font-weight:normal;
}
/*  positioning-layers statisch und absolut */

#box {
width:900px;
margin: 0px auto;
padding:6px;
text-align:left;
background-color:#ddd;
}



#left {
width:150px;
padding:0px;
float:left;
text-align:left;
font-size:10px;
margin-left:0px;
}

/*#left ul{
text-transform:uppercase;
margin-top:6px;
list-style:none;
width:100%;
padding:0px;
margin-left:0px;
}
#left li{
height:15px;
background-color:#FFFFFF;
margin-left:0px;
margin-bottom:6px;
display:block;
padding-top:0px;
padding-bottom:0px;
}
#left li a{
color:#000000;
display:block;
padding-top:0px;
padding-bottom:0px;
margin-bottom:6px;
}

}*/



#left ul{
font-size:10px;
text-transform:uppercase;
margin-top:6px;
margin-bottom:0px;
list-style:none;
width:150px;
padding:0px;
margin-left:0px;
}
#left li{
height:15px;
background-color:#FFFFFF;
margin-bottom:6px;
display:block;
padding-top:0px;
padding-bottom:0px;
padding-right:0px;
}
#left h1{
font-size:10px;
text-transform:uppercase;
background-color:#999999;
text-indent:6px;
text-align:left;
margin-top:0px;
margin-bottom:6px;
color:#FFFFFF;
display:block;
height:15px;
font-weight:normal;
text
}
#left h1 a{
font-size:10px;
height:15px;
display:block;
font-weight:normal;
color:#FFF;
}
#left h1 a:hover{
font-size:10px;
height:15px;
color:#FFF;
background-color:#FF0051;
display:block;
font-weight:normal;
}
#left h2{
font-size:10px;
text-transform:uppercase;
background-color:#999999;
text-align:left;
margin-top:0px;
margin-bottom:6px;
text-indent:6px;
padding-top:0px;
padding-bottom:0px;
padding-right:0px;
color:#FFF;
display:block;
height:15px;
font-weight:normal;
}
#left h2 a{
font-size:10px;
height:15px;
display:block;
font-weight:normal;
color:#FFF;
}
#left h2 a:hover{
font-size:10px;
height:15px;
color:#FFF;
background-color:#FF0051;
display:block;
font-weight:normal;
}
#left h3{
font-size:10px;
text-transform:uppercase;
background-color:#999999;
text-indent:6px;
text-align:left;
margin-top:0px;
margin-bottom:6px;
padding-top:0px;
padding-bottom:0px;
padding-right:0px;
color:#FFFFFF;
display:block;
height:15px;
font-weight:normal;
}
#left h3 a{
font-size:10px;
height:15px;
display:block;
font-weight:normal;
color:#FFF;
}
#left h3 a:hover{
font-size:10px;
height:15px;
color:#FFF;
background-color:#FF0051;
display:block;
font-weight:normal;
}




#content {
width:600px;
float:left;
padding-left:3px;
padding-right:3px;
display:block;
}

#col1{
width:200px;
float:left;
}
#col2{
width:200px;
float:left;
}
#col3{
width:200px;
float:left;
}

#right {
margin-top:6px;
width:144px;
padding:0px;
float:left;
font-size:10px;
}
#right h1{
font-size:10px;
text-transform:uppercase;
background-color:#999999;
text-align:center;
margin-top:0px;
margin-bottom:6px;
padding:0px;
color:#FFF;
display:block;
height:15px;
font-weight:normal;
}
#right h1 a{
font-size:10px;
height:15px;
display:block;
font-weight:normal;
color:#FFFFFF;
}
#right h1 a:hover{
font-size:10px;
height:15px;
color:#FFF;
background-color:#FF0051;
display:block;
font-weight:normal;
}
#right h2{
font-size:10px;
text-transform:uppercase;
background-color:#FF0051;
text-align:center;
margin-top:0px;
margin-bottom:6px;
padding:0px;
color:#FFF;
display:block;
height:15px;
font-weight:normal;
}
#right h2 a{
font-size:10px;
height:15px;
display:block;
color:#FFF;
}
#right h2 a:hover{
font-size:10px;
height:15px;
color:#000;
background-color:#FFF;
display:block;
}
#right ul{
font-size:10px;
text-transform:uppercase;
margin-top:0px;
margin-bottom:0px;
list-style:none;
width:144px;
padding:0px;
margin-left:0px;
}
#right li{
height:15px;
background-color:#FFFFFF;
margin-bottom:6px;
display:block;
}
#right li a{
color:#000000;
}
#right li a:hover{
color:#FF0051;
}
.item_list_cart{
padding-left:10px;
}
.borar_list_item{
background-color:#FF0000;
padding:4px 5px 4px 4px;
float:right;
}
.form_login_index{
margin-bottom:6px;
height:12px;
width:98%;
font-size:10px;
text-align:center;
background-color:#FFFFFF;
border:none;
color:#000;
}
.boton_enviar{
margin-bottom:6px;
height:15px;
width:99%;
font-size:10px;
text-align:center;
background-color:#FFFFFF;
border:none;
color:#000;
text-transform:uppercase;
}
.boton_enviar2{
margin-left:20px;
margin-bottom:4px;
margin-top:-1px;
height:15px;
width:256px;
font-size:10px;
text-align:center;
background-color:#FFFFFF;
border:none;
color:#333;
text-transform:uppercase;
}
.form_login_index:hover{
color:#CCC;
}
.boton_enviar:hover{
color:#CCC;
}
.boton_enviar2:hover{
background-color:#FF0051;
color:#FFFFFF;
}

.form_login_register{
margin-left:20px;
margin-bottom:4px;
margin-top:-1px;
width:256px;
background-color:#FFFFFF;
border:none;
color:#333;
}




#head {
background-color:transparent;
}
#head p {
padding:10px;
margin:0px;
}



#userbar{
height:18px;
font-size:10px;
color: #FFF;
background-color: #666;
text-align:right;
padding-top:4px;
padding-bottom:4px;
}
.registro{
height:22px;
background-color:#999;
padding:5px 14px 8px 14px;
text-transform:uppercase;
line-height:10px;
}



.cuadro{
width:194px;
height:243px;
display:block;
margin-top:5px;
margin-bottom:6px;
margin-left:3px;
margin-right:3px;
background-color:#999999;
}
.cuadro:hover{
background-color:#FF0051;
}
.item_brand{
color:#FFF;
font-size:10px;
padding:2px 2px 2px 4px;
text-transform:uppercase;
}
.item_name{
color:#FFF;
font-size:10px;
padding:2px 2px 2px 4px;
text-transform:uppercase;
}
.item_price{
color:#FFF;
font-size:15px;
padding:2px 2px 2px 2px;
text-transform:uppercase;
}


.cuadro_producto{
width:194px;
height:194px;
display:block;
margin-top:5px;
margin-bottom:6px;
margin-left:3px;
margin-right:3px;
background-color:#999999;
}
.cuadro_producto:hover{
background-color:#FF0051;
color:#FFFFFF;
}

.cuadro_producto2{
width:194px;
height:394px;
display:block;
margin-top:5px;
margin-bottom:100px;
margin-left:3px;
margin-right:3px;
background-color:#999999;
}
.cuadro_producto2:hover{
background-color:#FF0051;
}

#subbar{
width:594px;
display:block;
float:right;
height:20px;
background-color:#999999;
margin-right:3px;
margin-bottom:6px;
}
#topbar{
width:584px;
display:block;
float:right;
height:15px;
background-color:#FF0051;
margin-right:3px;
margin-top:6px;
padding-left:10px;
}
#topbar h1{
font-size:10px;
text-transform:uppercase;
text-align:left;
margin-top:0px;
margin-bottom:6px;
padding:0px;
color:#FFF;
display:block;
height:15px;
font-weight:normal;
}
#brandbar{
text-align:right;
width:594px;
float:right;
margin-top:6px;
margin-right:3px;
margin-bottom:0px;
}
#brandbar input{
height:15px;
width:86px;
font-size:10px;
background-color:#999999;
border:none;
color:#FFFFFF;
text-transform:uppercase;
}
#brandbar input:hover{
background-color:#ff0051;
}

#brandbar select{
height:15px;
width:105px;
font-size:11px;
background-color:#FFFFFF;
border:none;
color:#999;
text-transform:uppercase;
}


#foot{
background-color: #999999;
}

#cuerpo{
background-color:#BCBCBC;
margin-left:3px;
margin-right:3px;
margin-bottom:6px;
margin-top:6px;
float:left;
width:594px;
}
#cuerpo h1{
font-size:20px;
color:#FFFFFF;
text-transform:uppercase;
letter-spacing:-1px;
margin-left:20px;
}

#cuerpo label{
font-size:10px;
color:#333333;
text-transform:uppercase;
margin-left:20px;
}
#cuerpo label a{
font-size:10px;
color:#FFF;
}
#cuerpo label a:hover{
font-size:10px;
color:#FF0051;
}
.asterisco{
color:#FF0051;
font-weight:bold;
}
#col1_cuerpo{
float:left;
width:297px;
}
#col2_cuerpo{
float:left;
width:297px;
}

#index{
background-color:#999999;
margin-left:3px;
margin-right:3px;
margin-bottom:6px;
margin-top:6px;
float:left;
height:594px;
width:594px;
}
#desc_producto{
background-color:#999999;
margin-left:3px;
margin-right:3px;
margin-bottom:6px;
float:left;
width:594px;}

.left_arrow{
float:left;}
.right_arrow{
float:right;
}



/* - DETALLE PRODUCTO - */
.nombre_marca_producto a{
text-transform:uppercase;
font-size:24px;
color:#FFFFFF;
font-weight:bold;
letter-spacing:-1px;
text-align:right;
padding:4px;
}
.nombre_marca_producto a:hover{
color:#000000;
}
#precio_item_producto{
color:#CCC;
text-transform:uppercase;
padding:2px 2px 2px 4px;
}
#precio_producto{
font-size:30px;
color:#FFFFFF;
font-weight:bold;
letter-spacing:-1px;
text-align:right;
padding:0px 4px 0px 0px;
}
.desc_marca_producto{
color:#FFFFFF;
font-size:10px;
padding:2px 2px 2px 4px;
text-transform:uppercase;}
.desc_item_producto{}

#nombre_modelo_producto{
text-transform:uppercase;
font-size:18px;
color:#FFFFFF;
font-weight:bold;
letter-spacing:0px;
padding:1px 2px 0px 4px;
text-align:left;
}

.cuadro_producto p{
padding:0px 2px 0px 4px;
text-align:justify;
color:#eee;
font-size:11px;
}
.cuadro_producto2 p{
padding:0px 2px 0px 4px;
text-align:justify;
color:#FFFFFF;
font-size:12px;
}
#error{
text-align:center;
font-size:18px;
color:#FF0051;
font-weight:bold;
}