@charset "utf-8";
/* CSS Document */

body {
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
a:focus {outline:none;}
.titulos {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 36px;
	color: #000000;
}
#prev-next {
	position: absolute;
	z-index: 1;
	left: 45px;
	top: 760px;
	width: 450px;
}

.titulos2 {
	font-family: "Times New Roman", Times, serif;
	font-size: 24px;
	color: #000000;
}
.negritas {
	font-weight: bold;
}

/* CSS Document */
#shopping {
	position:absolute;
	left:13px;
	top:85px;
	width:200px;
	height:64px;
	z-index:1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #FFFFFF;
	font-weight: normal;
}
.titulos3 {
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	color: #000000;
	text-decoration: none;
}
.titulos-raya {
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	color: #000000;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #000000;
}
#tag {
	padding: 4px;
	font-size: 14px;
	margin-top: 10px;
	margin-bottom: 10px;
	font-style: italic;
	clear: left;
	background-color: #F0F0F0;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #333333;
}


#header {
	background-image: url(../images/bg-header.png);
	height: 95px;
}
#logo {
	padding-left: 20px;
}
#conten {
	min-width:980px;
	padding: 20px 30px;
}
.cuadrito {
	padding: 3px;
	border: 1px solid #333333;
	float: right;
	margin-right: 5px;
	margin-left: 5px;
}

#historia {
	text-align: justify;
}

#pedidos {
	background-image: url(../images/pedidos.png);
	height: 135px;
	width: 309px;
	padding: 10px;
	float: right;
	margin-top: 85px;
	margin-right: 50px;
}



#bgtop {
	background-image: url(../images/bg-top.png);
	height: 16px;
}
#logo_over {
	height: 79px;
	width: 122px;
	position: absolute;
	z-index: 100;
	float: left;
	margin-top: 10px;
	margin-left: 315px;
}

#wrapper {
	background-image: url(../images/topheader.jpg);
	background-repeat: repeat-x;
	background-position: 0px 30px;
}
#footer {
	background-image: url(../images/bg-footer.png);
	height: 248px;
	clear: both;
}
#cont-articulos {

}
.around {
	height: 225px;
	width: 225px;
	padding-bottom: 20px;
	background-color: #EEEEEE;
	float: left;
	margin-top: 15px;
	margin-right: 8px;
	margin-left: 8px;
	padding-top: 8px;
	padding-right: 8px;
	padding-left: 8px;
	background-image: url(../images/bg_listcart.png);
	 position:relative;
	
}
.name { position:absolute; width: 225px; bottom:4px; left:10px; font-family:Arial, Helvetica, sans-serif; font-size:17px; font-weight:normal; color:#333;}
.name a { height:15px!important; width:auto; color:#333; text-decoration:none;}

.articulos {
	background-image: url(../images/articulos-mesa.jpg);
	background-position: 0px 0px;
	height: 225px;
	width: 225px;
	float: left;
}
#vistas {
	padding-left: 230px;
}

.articulos:hover {
	background-position: 0px -225px;
}
.articulos2 {
	background-image: url(../images/accesorios.jpg);
	background-position: 0px 0px;
	height: 225px;
	width: 225px;
	float: left;
}
.articulos2:hover {
	background-position: 0px -225px;
}
.articulos3 {
	background-image: url(../images/floreros.jpg);
	background-position: 0px 0px;
	height: 225px;
	width: 225px;
	float: left;
}
.articulos3:hover {
	background-position: 0px -225px;
}

.krathos {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #FFFFFF;
}
#numeros {
	height: 21px;
	width: 31px;
	background-image: url(../images/numeros2.png);
	text-align: center;
	position: absolute;
	line-height: 21px;
	font-size: 11px;
}

.mailto {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
}
#scroll {
	height: 395px;
	overflow: auto;
}
.txt-bag {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #FFFFFF;
	font-weight: normal;
	text-decoration: none;
}
#barra-azul {
	background-image: url(../images/bg_blue.png);
	height: 50px;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 50px;
	color: #FFFFFF;
	margin-top: 5px;
	margin-bottom: 25px;
	padding-left: 20px;
	font-size: 36px;
	margin-right: 10px;
	margin-left: 10px;
}






#mainmenu {
	background-image: url(../images/bg-menu.png);
	height: 33px;
}
#menu {
	float: right;
	height: 30px;
	margin-right: 20px;
}
#thumblist {
	width: 615px;
	float: left;
	margin-top: 10px;
}
#categorias {
	float: right;
	width: 197px;
	background-image: url(../images/categorias.png);
	height: 255px;
	padding-top: 15px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
}
#tittle {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	background-image: url(../images/tittle_bg.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	height: 30px;
	padding-bottom: 15px;
	margin-left: 10px;
	width: 420px;
}

#categorias2 {
	float: right;
	width: 197px;
	background-image: url(../images/categorias2.png);
	height: 480px;
	padding-top: 15px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	background-repeat: no-repeat;
	margin-top: 10px;
}
#rotate {
	background-image: url(../images/bg-rotate.png);
	height: 355px;
	width: 560px;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 21px;
}
#description {
	margin-top: 20px;
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #FFFFFF;
	background-image: url(../images/bg_listcart.png);
	background-repeat: repeat-x;
	background-position: bottom;
}

#cont-description {
	float: right;
	width: 350px;
	padding-top: 15px;
	padding-right: 20px;
}


.masDetalles {font-size:12px; letter-spacing:-1px; position:absolute; bottom:-14px; left:0;width: 168px;}
.box {
	background-image: url(../images/bg-thumlist.png);
	margin: 15px;
	height: 168px;
	width: 168px;
	float: left;
	position:relative;
}
.box-big {
	background-image: url(../images/bg_imagen.png);
	margin: 15px;
	height: 460px;
	width: 460px;
	float: left;
	background-position: right bottom;
	background-repeat: no-repeat;
}


.txt-menu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}

.btn-ro {
	height: 27px;
	width: 120px;
	float: left;
	background-color: #333333;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #F34431;
	line-height: 27px;
	text-align: center;
}


.btn-ve {
	height: 27px;
	width: 120px;
	float: left;
	background-color: #333333;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #1CAF20;
	line-height: 27px;
	text-align: center;
}

.lista1  a, .lista2 a, .lista3 a, .lista4 a, .lista5 a, .lista6 a, .lista7 a, .lista8 a, .lista9 a, .lista10 a, .lista11 a, .lista12 a, .lista13 a, .lista14 a {
	color: #000000;
	text-decoration: none;
	display: block;
	width: 100%;
}
.lista1:hover a, .lista2:hover a, .lista3:hover a, .lista4:hover a, .lista5:hover a, .lista6:hover a, .lista7:hover a, .lista8:hover a, .lista9:hover a, .lista10:hover a, .lista11:hover a, .lista12:hover a, .lista13:hover a, .lista14:hover a {
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	width: 100%;
}


.btn-na {
	height: 27px;
	width: 120px;
	float: left;
	background-color: #333333;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #FA951F;
	line-height: 27px;
	text-align: center;
}
.btn-am {
	height: 27px;
	width: 120px;
	float: left;
	background-color: #333333;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #FAE913;
	line-height: 27px;
	text-align: center;
}
.btn-ro:hover, .btn-ve:hover, .btn-na:hover, .btn-am:hover {
	background-color: #4A4A4A;
}

.btn-ro  a, .btn-ve a, .btn-na a, .btn-am a {
	display: block;
	width: 100%;
}
.btn-ro-selected {
	height: 27px;
	width: 120px;
	float: left;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #F34431;
	line-height: 27px;
	text-align: center;
	background-image: url(../images/ro-hover.png);
	background-position: left top;
}
.btn-ve-selected {
	height: 27px;
	width: 120px;
	float: left;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #1CAF20;
	line-height: 27px;
	text-align: center;
	background-image: url(../images/ve-hover.png);
}
.btn-na-selected {
	height: 27px;
	width: 120px;
	float: left;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #FA951F;
	line-height: 27px;
	text-align: center;
	background-image: url(../images/na-hover.png);
}
.btn-am-selected {
	height: 27px;
	width: 120px;
	float: left;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #FAE913;
	line-height: 27px;
	text-align: center;
	background-image: url(../images/am-hover.png);
}
#copy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	padding-top: 220px;
	padding-left: 20px;
}
.lista1 {
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #38c0c5;
	margin-top: 6px;
	margin-bottom: 6px;
	padding-left: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	line-height: 20px;
	height: 20px;
}

.lista1:hover {
	background-color: #38c0c5;
}
.lista2 {
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #24a0a5;
	margin-top: 6px;
	margin-bottom: 6px;
	padding-left: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	line-height: 20px;
	height: 20px;
}
.lista2:hover {
	background-color: #24a0a5;
}


.lista3 {
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #54a3f3;
	margin-top: 6px;
	margin-bottom: 6px;
	padding-left: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	line-height: 20px;
	height: 20px;
}
.lista3:hover {
	background-color: #54a3f3;
}

.lista4 {
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #587899;
	margin-top: 6px;
	margin-bottom: 6px;
	padding-left: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	line-height: 20px;
	height: 20px;
}
.codigo {
	margin-right: 5px;
	margin-left: 5px;
}

.lista4:hover {
	background-color: #587899;
}

.lista5 {
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #213eac;
	margin-top: 6px;
	margin-bottom: 6px;
	padding-left: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	line-height: 20px;
	height: 20px;
}
.lista5:hover {
	background-color: #213eac;
}

.lista6 {
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #ac2155;
	margin-top: 6px;
	margin-bottom: 6px;
	padding-left: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	line-height: 20px;
	height: 20px;
}
.lista6:hover {
	background-color: #ac2155;
}


.lista7 {
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #e4f6f4;
	margin-top: 6px;
	margin-bottom: 6px;
	padding-left: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	line-height: 20px;
	height: 20px;
}


.lista7:hover {
	background-color: #e4f6f4;
}

#img-big {
	float: left;
	width: 490px;
}
.lista8 {
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #9dc4c1;
	margin-top: 6px;
	margin-bottom: 6px;
	padding-left: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	line-height: 20px;
	height: 20px;
}
.lista8:hover {
	background-color: #9dc4c1;
}

.lista9 {
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #caf1ee;
	margin-top: 6px;
	margin-bottom: 6px;
	padding-left: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	line-height: 20px;
	height: 20px;
}
.lista9:hover {
	background-color: #caf1ee;
}

.lista10 {
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #c37f1e;
	margin-top: 6px;
	margin-bottom: 6px;
	padding-left: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	line-height: 20px;
	height: 20px;
}
.lista10:hover {
	background-color: #c37f1e;
}

.lista11 {
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #213eac;
	margin-top: 6px;
	margin-bottom: 6px;
	padding-left: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	line-height: 20px;
	height: 20px;
}
.lista11:hover {
	background-color: #213eac;
}

.lista12 {
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #4fac3f;
	margin-top: 6px;
	margin-bottom: 6px;
	padding-left: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	line-height: 20px;
	height: 20px;
}
.lista12:hover {
	background-color: #4fac3f;
}

.lista13 {
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #f40808;
	margin-top: 6px;
	margin-bottom: 6px;
	padding-left: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	line-height: 20px;
	height: 20px;
}

.lista13:hover {
	background-color: #f40808;
}

.lista14 {
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #22ad14;
	margin-top: 6px;
	margin-bottom: 6px;
	padding-left: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	line-height: 20px;
	height: 20px;
}
.lista14:hover {
	background-color: #22ad14;
}


/***Carrito***/
#carrito{
	position:absolute;
	top:0px;
	border:1px solid #000000;
	right:0px;
	background:#FFF;
	font-family:Arial;
	min-height:100px;
	background-color: #FFF;
	background-image: url(../images/bg_boxbag.png);
	background-repeat: no-repeat;
	background-position: right top;
	padding-top: 28px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	text-decoration: none;
	width: 350px;
}

#carrito a:hover{
text-decoration:underline;
}
#carrito a{
outline-style:none;
color:#000;
text-decoration:none;
font-weight:bold;
background:#FFF;
}


#carrito .titulo{
font-weight:bold;
}

#carrito .titulo td{
padding:0px 2px;
}

td{
padding:0px;margin:0px;font-size:12px;
}


#btn-oculta-carrito{
cursor:pointer;margin-top:20px;font-size:11px;text-align:center;margin-bottom:-8px;
}

.addProduct{
color:#00F;
cursor:pointer;
float:left;
margin-right:10px;
}

h3{
margin:5px 0px;
}

.import{
font-size:14px;
padding-left:5px;
}

.updater{
clear:left;
font-weight:bold;
}
.total {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #000000;
	font-weight: bold;
}


form{
margin:0px;
}
.articulos4 {
	background-image: url(../images/ofertas.jpg);
	background-position: 0px 0px;
	height: 225px;
	width: 225px;
	float: left;
}
.articulos4:hover {
	background-position: 0px -225px;
}

.articulos5 {
	background-image: url(../images/ideas.jpg);
	background-position: 0px 0px;
	height: 225px;
	width: 225px;
	float: left;
}
.articulos5:hover {
	background-position: 0px -225px;
}
#componentes {
	float: right;
	width: 340px;
	height: 443px;
	margin-top: 50px;
	margin-right: 20px;
	background-image: url(../images/carton.png);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 25px;
	color: #000000;
	padding-top: 60px;
	background-repeat: no-repeat;
}
#desc-componentes {
	margin-top: 20px;
	border-bottom-width: 1px;
	border-bottom-color: #FFFFFF;
	margin-right: 20px;
	margin-left: 20px;
	border-bottom-style: dotted;
}

.desc-componentes2 {
	margin-top: 20px;
	margin-right: 20px;
	margin-left: 20px;

}

#hide-compo {
	height: 340px;
	overflow: auto;
	width: 310px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 15px;
}
.precio {
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	color: #FFFFFF;
	margin-left: 35px;
	padding: 3px;
	width: 280px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: auto;
}
.articulos6 {
	background-image: url(../images/bolos.jpg);
	background-position: 0px 0px;
	height: 225px;
	width: 225px;
	float: left;
}
.articulos6:hover {
	background-position: 0px -225px;
}
#masInfo {
	font-size: 14px;
	font-weight: normal;
	color: #333333;
	position: absolute;
	margin-top: 60px;
	margin-left: 30px;
}

.contamos {width:188px; height:66px; background-image:url(http://www.cristacolor.com.mx/images/contamos_con19.png); padding-left:55px;}
.contamos span {color:red; font-weight:bold; font-size:20px; font-style:italic;}
.addToCar {margin-top:10px;}