@CHARSET "UTF-8";

/*////////////////////////////////// ESTILO PARA LOS ARTICULOS DEL CATALOGO //////////////////////////////////////*/

.contenedorarticulo{
	height:296px;
	width:212px;
	display:table;
	float:left;
}

.siguientecontenedor{
	margin-right:8px;
}

.contenedorarticulo h3{
	color:#444;
	font-size:14px;
}

.contenedorarticulo img.imgarticulo{
	margin-left:20px;
	margin-bottom:5px;
}

.detallesarticulo{
	width:212px;
	height:90px;
	background-color:#ededed;
	border-bottom:3px solid #444;	
}

.detcol1{
	width:142px;
	display:table;
	float:left;
	margin-top:10px;
}

.detcol1 p{
	margin-left:10px;
	margin-bottom:16px;
}

.detcol2{
	margin-top:10px;
	float:left;
	width:67px;
	display:table;
}

.detcol2 img{
	margin-bottom:5px;
	cursor:pointer;
}

.detcol2 span{
	color:#444;
	font-size:10px;
	font-weight:bold;
}

.color{
	display:table;
	border:1px solid #444;
	width:13px;
	height:13px;
	float:left;
	margin-left:10px;
}

.pcolor{
	float:left;
}

.pvp{
	clear:both;
	font-weight:bold;
}

.rojo{
	background-color:#c3262e;
}

.gris{
	background-color:#c3c2c3;
}

.negro{
	background-color:#555;
}

.blanco{
	background-color:#ffffff;
}

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

/*////////////////////////////////////// ESTILOS PARA EL CARRITO DE LA COMPRA ///////////////////////////////////////*/

#carrito{
	width:312px;
	display:table;
}

.item{
	width:310px;
	display:table;
	height:80px;
	margin-top:5px;
	margin-bottom:5px;
	border-bottom:1px solid #cecece;
}

.imagencarrito{
	float:left;
	width:80px;
	margin-right:5px;
}

.contenidocarrito{
	float:left;
	width:223px;
}


.item img.imgart{
	border:1px solid #cecece;
	margin-bottom:6px;
	cursor:pointer;
}

.item h3{
	margin-top:0px;
	float:left;
}

.item img.delete{
	float:right;
	cursor:pointer;
}

.item p{
	clear:both;
	line-height:9px;
}
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/*///////////////////////////////////////////// ESTILOS PARA EL RESUMEN DEL CARRITO ////////////////////////////////*/

#resumencarrito{
	width:310px;
}

#resumencarrito img{
	float:left;
	margin-right:10px;
	cursor:pointer;
}

#resumencarrito p{
	float:right;
	margin-top:5px;
	margin-right:5px;
}

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

/*///////////////////////////////////// ESTILOS PARA EL DETALLE DE LA TIENDA ////////////////////////////////////////*/

#contenedordetalle{
	width:662px;
}

#contenedordetalle h3{
	float:left;
	margin-top:8px;
}

#contenedordetalle span{
	float:right;
	margin-top:8px;
}

#contenedordetalle img{
	margin-bottom:5px;
}

#parametrosarticulo{
	width:662px;
	height:120px;
	background-color:#ededed;
	border-bottom:3px solid #666;
}

#paramcol1{
	width:220px;
	margin:5px;
	float:left;
}

#paramcol2{
	width:410px;
	height:112px;
	
	margin:5px;
	float:left;
}

#paramcol2 .desc{
	height:72px;
}

#paramcol2 .precio{
	font-size:14px;
	font-weight:bold;
	display:table;
}

#paramcol2 p{
	font-size:14px;
}


#paramcol1 .nombre{
	
	width:80px;
	height:80px;
	float:left;
	font-weight:bold;
}

#paramcol1 .nombre p{
	margin-bottom:25px;
	margin-top:5px;
}

#selectorcolor{
	padding-top:10px;
}

#selectorcantidad{
	clear:both;
	padding-top:20px;
}

.imgcantidad{
	float:left;
	margin-left:3px;
	margin-right:3px;
	cursor:pointer;
}

#holdercantidad{
	margin-top:-10px;
	float:left;
}

#cantidad{
	float:left;
	text-align:center;
	border:1px solid #444;
}

#paramcol1 .valor{
	
	margin-left:5px;
	width:120px;
	height:80px;
	float:left;
}

#botoneradetallar{
	text-align:center;
}

#botoneradetallar img{
	cursor:pointer;
	margin:20px;
}

.colorseleccionado{
	border:2px solid #fec5c5;
}


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

/*////////////////////////////////// ESTILOS PARA PUEDE QUE TAMBIEN LE INTERESE /////////////////////////////////////*/

.artinterese{
	height:290px;
	width:212px;
	display:table;
	float:left;
	cursor:pointer;
}

.artinterese h3{
	
}

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

/*///////////////////////////////// ESTILOS PARA FORMALIZAR PEDIDO ///////////////////////////////////////////////////*/

#detallepedido{
	width:666px;
	display:table;
}

#detcol1{
	width:402px;
	margin-right:6px;
	display:table;
	float:left;
}

#detcol2{
	width:126px;
	margin-right:6px;
	display:table;
	float:left;
}

#detcol3{
	width:126px;
	display:table;
	float:left;
}

.titulodetalles{
	width:100%;
	height:35px;
	background-color:#ededed;
	border-bottom:3px solid #666;
	font-weight:bold;
	font-size:14px;
}

.titulodetalles p, .detalleitem p, .resumen p, .resumenb p, .resumenc p{
	padding-top:10px;
}

.pa{
	margin-left:10px;
}

.pb{
	text-align:center;	
}

.detalleitem, .resumen, .resumenb, .resumenc{
	height:35px;
	font-size:14px;
	width:100%;
	border-bottom:1px dotted #ddd;	
}

.dipar{
	background-color:#fff;
}

.diimpar{
	background-color:#f8f8f8;
}

.resumen{
	border-top:3px solid #666;
}

.resumenc{
	border-bottom:3px solid #666; 
}

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

/*////////////////////////////////////////// ESTILOS PARA LA TIENDA //////////////////////////////////////////////////*/

#datoscol1, #datoscol2{
	float:left;
	width:320px;
	display:table;
	margin-right:10px;
}

#datoscol2 p{
	margin-top:25px;
	font-size:14px;
}
 
#datoscol1 dt{
	margin-bottom:3px;
}

#datoscol1 dd{
	margin-left:0px;
}

#datoscol1 input{
	border:1px solid #666;
	padding-left:3px;
	color:#444;
	background-color:#f8f8f8;
}

#datoscol1 select{
	border:1px solid #666;
	color:#444;
	background-color:#f8f8f8;
	font-size:12px;
}

#botonestramitardatos{
	margin-left:40px;
	margin-top:198px;
}

#botonestramitardatos img{
	margin-bottom:10px;
}