BODY {

	margin: 0;	font-family: Verdana, Geneva, sans-serif;

	FONT-SIZE: 1.1em; 

}



h1 {font-size: 1.6em;	text-transform:uppercase;}

h2{font-size: 1.4em;}

h3 {font-size: 1.3em; color:#666;}



P {	MARGIN: 10px 0px;}

a {  color: #000;

	text-decoration: none;  padding: 3px; border-radius:3px;

}

a:hover {

	text-decoration: none; background-color:#BFBFBF; 

}

.dedo{border-top-right-radius: 7px; margin-top: -45px;}

/*caja a al derecha*/

.bot_der{ float: left; padding: 3px; margin: 3px;background-color:#f2f2f2;line-height: 20px; border-radius: 4px;}

.bot_der:hover{ background-color: #D2D2D2; text-decoration: none; }



/* whatsapp*/



.botwa {

    background-color: #075E54; /* Green */

    border: none;

    color: white;

    padding:7px 22px; border-radius: 4px;

    text-align: center;

    text-decoration: none;

    display: inline-block;

    font-size: 16px;

}

.botwa:hover{ background-color: #128C7E;}



/*boton ver i*/



.veri{ float: right; background-color:#f1103a; padding:2% 6%; font-size:1.15em; color:#fff; text-align:center; line-height: 20px; border-radius: 6px;}

.veri i{ color: #fff;}

.veri:hover{ background-color:#000000; text-decoration: none; color: #fff;}

/**/

.crosado{ background-color:#FFF4F4; padding:2%; font-size:1.3em; font-weight:300; color:#f1103a; text-align:justify;}

.cverde{ background-color: #F2FFFF; padding:2%; font-size:1.3em; font-weight:300; color: #408080; text-align:justify;}

.cceleste{ background-color: #F9FCFF; padding:2%; font-size:1.3em; font-weight:300; color: #386687; text-align:justify;}

.cplomo{ background-color:#F2F2F2; padding:2%;    text-align:justify; color:#000;}

.pros{ background-color:#FFF4F4; padding:2%;   font-weight: bolder;  }



#pagina {

	MARGIN: auto;

	WIDTH: 90%; max-width: 1200px;



}

/*misma dimensión de pagina para ordenar los vertical*/

.inte{

 	MARGIN: auto;

	WIDTH: 90%; max-width: 1200px;   

    

}

#cabeza {

	margin-top: 10px; 

}



.caja66{ width:  66%; padding: 0;margin: 5px 0; float: right; font-weight: 900;

}

.caja66 a{ padding: 0 7px; 
}

i{ color:#f1103a;

}

/* buwscador superior derecha*/



#myform {

	float: right; border: 1px solid #ccc; width: 30%;

	padding: 2px; text-align:right;

}

#myform .palabra {

	border: none; padding:2px; width:78%; background-color: #fff; margin-top: 5px; 

}



#myform .submit {

	width:15%; border-radius:3px; color:#FFF; background-color:#000;border:none; padding:5px;

}

#myform .submit:hover {

	background-color: #f1103a; 

	cursor: pointer;

}







/* sub navegación*/







#nav {  margin-top:0;padding:0; background-color: #f1103a;



}



#subnav {

    max-width: 1200px; line-height: 45px; margin: auto;

	font-weight: 900; color: #fff;  

}

#subnav a {

	padding:10px;

color: #000; 

	text-decoration: none;

}

#subnav a:hover {

	color: #fff; 

	text-decoration: underline;

}

/* cuerpo 14082014*/



#izq {

	PADDING: 0;

	MARGIN: 10px 0; min-height:600px;

	WIDTH: 66%;

	float: left;

}

#izq h1{ border-left:4px solid #f1103a; padding:2%;  

}





#der {

	MARGIN: 10px 0;

	WIDTH: 33%;

	FLOAT: right;

	padding: 0;

}

/* solo carrito para hacer desaparecer la columna en vista 480*/



/*







/*index pagina inicial*/

#ilista{overflow:hidden; padding:20px 0;  width:100%;}

#ilista h2 {color: #f1103a; padding:0; margin-bottom:20px; font-size:18px;}



#ilista .enla{font-size:10px; font-weight:900;	BACKGROUND-COLOR: #000;  float:right;

	margin: 0;

	cursor: pointer;

	color: #FFFFFF;

	padding:4px 7px;

	border-radius: 4px;}

#ilista .enla:hover {

	background-color: #f1103a;

}



.iitem2 {

	padding:0;

    position: relative;

	margin: 0;

	float: left;

	width: 25%;	

    border: 2px solid #FFF;	

    display:inline-block; 

    height:auto; 

}



.iitem2 img {width: 100%; margin: 0; padding: 0;

}

.iitem2 a {

	color: #000000;

	text-decoration: none;

}

.iitem2 a:hover {

	color: #fff;

	text-decoration: underline;

}

.iitem2 p {

	margin: 0; background:#f2f2fe;

	text-align: center;

}

.iitem2 p:hover { background-color:#f1103a; color: #fff;

}



.iitem2 h4{background-color:#f1103a; color:#FFF; font-size:1.1em; font-weight:bold;  position: absolute;   top:0px; left: 0px; padding: 5px;} 

/*destacados*/



#idestacados {

	padding: 20px 0;

	width: 32.8%;

	margin: 10px 0.3%;

	float: left;

	text-align: center;

}

#idestacados .ditem {

	border: 1px solid;

	border-color: #FFF;

	margin-top: 10px;

	padding: 4%; background-color:#FFF;

}

#idestacados .ditem:hover {

	border-bottom: 1px solid;

	border-color: #f1103a;

}

#idestacados .bs {

	color: #f1103a;

	font-size: 1.5em;

	letter-spacing: normal;

	font-weight: bold;

}

#idestacados .ditem img {

	width: 100%;

	max-width: 180px;

}

#idestacados .ditem p {

	text-align: justify;

}

/* derecha*/



#destacado {

	PADDING: 4%; border:1px solid #f4f4ff;

	 background:#FFF; margin: 0 0 10px 0; 

	 -webkit-box-shadow: 3px 3px 5px 0px rgba(247,242,247,1);

	-moz-box-shadow: 3px 3px 5px 0px rgba(247,242,247,1);

	box-shadow: 3px 3px 5px 0px rgba(247,242,247,1);



}



#destacado p { min-height: 44px; display:block; 

}

#destacado p img {

	width: 44px;

	float: right;

	margin-left: 5px;

}

#destacado .dizq {float:left; width:70%; margin:0;



}

#destacado .dder {

	width: 22%;

	float: right;

	margin-left: 2%; 

	

}

#destacado ol {

	padding: 0 10px 0 20px;

}

#destacado li {

	margin: 5px 0;

	padding: 0;

}

#destacado li a {

	display: block;

}





.psectores {

	text-align: center;

	margin: 0 15px;

	border-bottom: 1px solid #f1103a;

}





#pie {

	clear: both; background-color:#F2F2F2;padding:2%; }



.caja50 {

	width: 48%;

	float: left;

	margin: 0;

	padding: 1%;

}

.caja33 { width: 33.33%; margin: 0; padding: 0; float: left;

}



#pie2 {



	margin: 0; background-color: #f1103a; color:#FFF;



	padding:2%;

	clear: both;

}

#pie2 a:hover{ color:#F7F50C; text-decoration:none;}

#pie2 a{ color:#FFF;}

#pie2 i{color: #FFF;}

.compartir {

	PADDING-BOTTOM: 0px;

	PADDING-LEFT: 3px;

	WIDTH: auto;

	PADDING-RIGHT: 0px;

	FLOAT: left;

	PADDING-TOP: 21px

}

#bbzt {

	margin: -35px 5px 0 0;

	padding: 0;

	text-align: right;

	float: right;

}

/*en contactos*/



.ultimos {

	border-bottom: 1px solid;

	border-color: #CCC;

	padding: 2%;

	margin: 0 1%;

	float: left;

	width: 26%;

	height: 175px;

}

.ultimos:hover {

	border-bottom: 1px solid;

	border-color: #f1103a;

}

/* index especiales*/



.especiales { 

    border-bottom: 1px solid #FFF;

	padding: 0;

	margin: 0;

	width: 20%; float: left;



}

.especiales:hover {

	border-bottom:  1px solid #f1103a;

}

.especiales img { width: 100%; padding: 0; margin: 0;

}

.especiales p { text-align: center;

	margin: 0;

}

.especiales a {

	color: #000000;

	text-decoration: none;

}

.especiales a:hover {

	color: #f1103a;

	text-decoration: underline;

}



.especiales span {

	font-size: 12px;

	font-weight: bold;

	color: #f1103a;

}

/* cajitas intro - iquierda*/



.item2 {

	min-height: 250px;

	border: 1px solid #FFF;

	border-bottom: 1px solid #F2F2F2;

	padding: 1%;

	float: left;

	width: 46%;

	margin: 0 1% 2% 0

}

.item2:hover {

	border: 1px solid;

	border-color: #f1103a;

}

.item2 a {

	color: #000000;

	text-decoration: none;

}

.item2 a:hover {

	color: #f1103a;

	text-decoration: underline;

}

.item2 img {

	margin: 5px;

	text-align: center;

}

.item2 p {

	margin: 5px 0 0 0;

	line-height: 115%;

	text-align: justify;

}

.item2 dt {

	color: #666666;

	text-align: center;

}

.item2 dt span {

	font-size: 1em;

	font-weight: bold;

	color: #f1103a;

}

/* cajitas intro derecha*/



.item3 {

	min-height: 250px;

	border: 1px solid #FFF;

	padding: 2%;

	float: left;

	width: 95%;

	margin: 0 1% 4% 0

}

.item3:hover {

	border: 1px solid;

	border-color: #f1103a;

}

.item3 a {

	color: #000000;

	text-decoration: none;

}

.item3 a:hover {

	color: #f1103a;

	text-decoration: underline;

}

.item3 img {

	margin: 5px;

	text-align: center;

}

.item3 p {

	margin: 5px 0 0 0;

	line-height: 115%;

	text-align: justify;

}

.item3 dt {

	color: #666666;

	text-align: center;

}

.item3 dt span {

	font-size: 1em;

	font-weight: bold;

	color: #f1103a;

}

/* base semi-transparente */



.overlay {

	display: none;

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background: #555555;

	z-index: 1001;

	opacity: .15;

	-moz-opacity: 0.75;

	filter: alpha(opacity=25);

}

/* estilo para lo q este dentro de la ventana modal */



.modal {

	display: none;

	position: absolute;

	top: 25%;

	left: 34%;

	width: 330px;

	height: 250px;

	padding: 16px;

	background-color: #E6E6E6;

	border: #FFFFFF solid 15px;

	color: #333;

	z-index: 1002;

	overflow: auto;

}

/* lista seccion y producto bordes redondeados */

#linea{

	clear:both; margin-bottom:20px; height:10px;

-webkit-box-shadow: 3px 3px 5px 0px rgba(247,242,247,1);

    -moz-box-shadow: 3px 3px 5px 0px rgba(247,242,247,1);

    box-shadow: 3px 3px 5px 0px rgba(247,242,247,1);

	

	}

#lista-fila {

	margin: 0 0 20px 0;

	padding: 1%;

	display:block; 

}

#lista-izq {

	width: 35%; 

	float: left;

	margin: 0;



}

#lista-izq h4{background-color:#f1103a; color:#FFF; font-size:12px; font-weight:bold;  position: absolute;   top: 10px; left: 10px; padding:2px 5px;}



.lista-foto{

	width: 100%;

}

.lista-precio{

	width: 100%;

}

#lista-izq h3 {

	font-size: 1.2em; font-weight:900; padding:4px;

	color: #f1103a; background-color:#f2f2f2;

	text-align: center;

	margin: 0;

}



#lista-texto {

	float: right;

	margin: 0;

	padding: 0; color:#888;

	width: 59%;

}

.lnmarca {

	color: #999;

	padding-bottom: 5px;

}



.lnitem {

	font-weight: bold;

	text-transform: uppercase;

	letter-spacing: -1px;

	display: block;

	padding: 5px;

	font-size: 1.2em; border-bottom:1px solid #F2F2F2; margin-bottom:10px;

	

}

.lnitem span { text-transform: none; color: red;}



/* id detalle del producto*/



#detalle {

	width: 100%;

	margin: 0;

	padding: 0;

}



/*titulo disponibilidad del  producto encima de la imagen*/



.dispo{color:#189D0E;  margin: 7px 0; padding: 7px;  border: 1px dotted #189D0E; text-transform:uppercase; border-bottom: none; font-weight: 900;}/*verde*/

.trans{color:#1787fb;  margin: 7px 0;padding: 7px;  border: 1px dotted #1787fb; text-transform:uppercase; border-bottom: none; font-weight: 900;} /*azul lila*/

.agota{color:#C58AFF;  margin: 7px 0; adding: 7px; border: 1px dotted #c58aff; text-transform:uppercase; border-bottom: none; font-weight: 900; } /*lilaa oscuro*/

.apedi{color:#00AAE4;  margin: 7px 0; padding: 7px;  border: 1px dotted #00AAE4; text-transform:uppercase; border-bottom: none; font-weight: 900;} /*CELESTE*/



.bstock { color:#189D0E;  padding: 7px; border: 1px dotted #189D0E; border-top: none;font-weight: 900;}

.btransito { color: #1787fb; padding:7px;border: 1px dotted #1787fb; border-top: none;font-weight: 900;}

.bagotado {color: #C58AFF; padding:7px; border: 1px dotted #c58aff; border-top: none;font-weight: 900;}

.bapedido {color: #00AAE4;padding: 7px; border: 1px dotted #00AAE4; border-top: none;font-weight: 900;}



/**/



#detalle-pri0 {

	height: auto;

	width: 100%;

	margin: 0;

	padding: 5px 0;

}

#detalle-pri {

	width: 100%;

}

#detalle-pri img { max-width:1000px;

	padding: 0;

}



#detalle-pri2 {

	clear: both;

	height: auto;

	width: 100%;

	margin: 0;

	padding: 10px 0;

}

#detalle-desc {

	padding: 0;

	margin: 0; 

}

/*tab*/

#detalle-desc ul{ list-style:none; margin:0; padding:0;

}



#detalle-desc .res {

	border-bottom:1px solid #F2F2F2;

	margin: 0 0 10px 0; padding: 1% 0;

	

	

}

#dtab{ font-size:1.3em; font-weight:100; padding:1.5% 0; border-bottom:1px solid #F2F2F2; margin:15px 0 15px 0;  

	

	}

#dtab span{ font-size:0.7em;  

	

	}

	

#detalle-desc .texto {

	border-bottom:1px solid #F2F2F2;

	margin: 0 0 10px 0; padding: 1% 0;



}

/*colores*/

.blanco  {

	color: #fff;

}

.blanco:hover  {

	color: #fff;

}

.rojo {

	color: #f1103a;

}

.verde {

	color: #189d0e;

	font-size: 0.8em;

}

.azul {

	color: #3b5998;

}

.celeste {

	color: #1787fb;

}

.plomo{

	color: #333333;

}



/* servicios */



/*formulario*/

.cin2{ display:block;  width:100%;  padding:1% 2%; max-width:420px; margin:0 auto 1% auto; border:1px solid #CCC; color:#555; }

.cin1{ border:none; width:94%; font-size:1.4em; padding:1%; }

.cin2b{ display:block;  width:100%;  padding:1.2% 2%; max-width:420px; margin:0 auto 1% auto; border-radius:3px;  background-color:#000; color:#FFF;}

.cin1b{ border:none; width:94%; font-size:1.4em; padding:1%;background-color:#000 ;}

.cin1b:hover, .cin2b:hover{background-color:#f1103a;  }









.imgserv100 {

	width: 100%;

	margin: 10px 0;

	text-align: center;

}

#scaja {

	width: 45%;

	float: left;

}

/* servicios lista*/



.argumento-contenedor {

	margin-top: 15px;

}

.argumento-texto {

	margin-left: 105px;

	text-align: justify;

}

.img-gif {

	padding: 2px;

	float: left;

	border: 1px solid #ccc;

	margin-top: 2px;

	margin-right: 5px;

}

.bcotizar {

	font-size: 1.2em;

	BACKGROUND-COLOR: #f1103a;

	margin: 0;

	cursor: pointer;

	color: #FFFFFF;

	border: 1px solid #999999;

	padding: 8px 25px;

	font-weight: bolder;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	border-radius: 4px;

}

.bcotizar:hover {

	background-color: #189D0E;

	color: #FFF;

	text-decoration: none;

}

/* lista botones de compra*/



.boletines {

	margin-bottom: 10px;

}

.equi {

	background: #FFFF99

}

.proceso {

	margin-bottom: 10px;

}

.usuarios {

	margin-bottom: 10px;

}

/* en vez de los botones*/



.ologo {

	padding: 2%;

	display: block;

	margin-right: 1%;

}

/* lista subir bajar contenido CARRITO*/



.bcomprar_s {

	text-align: center; border-radius:5px; font-size: 1.1em;  color: white; 

	background-color: #6C0; padding: 2% 6%; }

.bcomprar_s:hover {	background-color:#000;color: white; text-decoration: none;  }

.bcomprar_b {

	text-align: center; border-radius:5px; font-size: 1.1em;  color: white; 

	background-color:#1787fb; padding: 2% 6%; 

}

.bcomprar_b:hover {	background-color: #f1103a;color: white;text-decoration: none;  }



.con_car{float:right; font-size: 1.1em;

    

}



/*boton comprar id item*/



.bcomprari {

	text-align: center;

	padding: 10px 2%;

	margin: 0;

	background-color: #f1103a; font-size:1em;



}

.bcomprari a{color:#FFF; font-size:1.1em; font-weight:600;}

.bcomprari:hover {	background-color: #390;

}



/* despues de identificar el estado del producto*/



.bstocki {

	text-align: center;

	padding: 2%;

	font-size: 1.2em;

	font-weight: bold;

	text-decoration: none;

	background-color: #008040;

	color: #FFFFFF;

	margin-top: 2px

}





/* comprar el contenido del carrito*/



.bcom_c{background:#f1103a; color:#FFF; font-size:1em; padding:8px 20px; -webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);

-moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);

box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);

	}

.bcom_c:hover{ background-color:#390; color:#FFF;

	}

	

	/* formularios*/











.ffecha {

	width: 15%;

	float: left;

}

/*formulario derecho por id*/



#anunciante {

	width: 100%;

}

#anunciante form {

	margin:0;

	padding: 0; 

}

#anunciante form fieldset {

	margin: 5px 0;

	padding: 2%; border:none; text-align:center;

}

#anunciante form legend{ padding:2%;}

#anunciante form input {

	margin: 1% 0;

	width: 90%; padding:2%;

	font-size: 1em;

}

/*proforma*/

.cdatos{

background-color:#ffecec; padding:2%

}

.cdatos table, .cdatos input, .cdatos select{ font-size:1em;}

.cdatos table{ max-width:450px; width:100%;}

/*formularios de regisro de usuarios*/

.cfav{width:100%; font-weight:600; color:#26201C; padding: 3%; margin:40px auto; max-width:600px; -webkit-box-shadow: 0px 4px 10px 0px rgba(171,162,171,1);

-moz-box-shadow: 0px 4px 10px 0px rgba(171,162,171,1);

box-shadow: 0px 4px 10px 0px rgba(171,162,171,1);}





.cfav p{ margin:10px 0;}

.cin2{ display:block;  width:100%;  padding:1% 2%;  margin:0 auto 2% auto; border:1px solid #CCC; color:#555;border-radius:5px;   background-color:#FFF; }

.cin1{ border:none; width:94%; font-size:1.2em; padding:1%; }



.cin2b{ display:block;  width:100%;  padding: 2%; border:none; font-size:1.2em; border-radius:3px;  background-color:#f1103a; color:#FFF; cursor:pointer;}

.cin2b:hover{background-color:#000;  }



/*formularios lado izquierdo*/

.faja65{ width:65%; float:left; padding:5px 0; }

.faja20{ width:20%; float:left; padding:5px 0; }

.ir15{ width:15%; float:left; padding:4px 0; }



/*ventana modal 2020*/

.modal-contenido{

  background-color:#fff;

  width:300px;

  padding: 10px 20px;

  margin: 20% auto;

  position: relative;

}

.modal2{

  background-color: rgba(0,0,0,.8);

  position:fixed;

  top:0;

  right:0;

  bottom:0;

  left:0;

  opacity:0;

  pointer-events:none;

  transition: all 1s;

}

#miModal:target{

  opacity:1;

  pointer-events:auto;

}





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



/* responsibe 09082014 MEDIA QUERIES */



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

@media screen and (max-width:1250px) {

@media screen and (max-width:950px) {

@media screen and (max-width:800px) {

#nav {

	margin:0;}	

.iitem2 {



	float: left;

	width: 49%;	

}



/*cuerpo*************************************/

/* producto en detalle*/



#pagina {

	width: 100%;

}

#izq {

	width: 98%; padding:1%;

	float: none;

	background: #FFF; 

}

#der {

	width: 98%; padding: 1%;

	float: none;

}

#serv1, #serv2 {

	float: none;

	width: 100%; 

}

#detalle-pri {

	width: 100%;

	float: none;

}





#anunciante { display:block;}



.caja50 {

	width: 92%;

	margin: 0;

	padding: 4%;

	float: none;

}



h4 {

	background-color: #FFF;

}

/* cabeza *********************************/







}



/*cuerpo*************************************/



#idestacados {

	float: none;

	width: 100%;

}

/* tiendas*/





.item2 {

	width: 95%

}

/* lista secciones y productos*/



#lista-izq {

	width: 100%;

	float: none;

}





#lista-texto {

	width:100%;

}



/*servicios*/



.imgserv {

	width: 100%;

	float: none;

	margin: 0;

	padding: 0;

}

#scaja {

	width: 95%;

	float: none;

}

.argumento-texto {

	margin-left: 0;

}

/*carrito*/









/* pagina inicial*/





.iitemi {

	width: 95%;

}

.ultimos {

	width: 95%;

	height: auto;

}



/* pie *************************************/





#pie2 span {

	display: none;

}







}

@media screen and (max-width:800px) {

#detalle-desc li{padding:0 0 0 90px;

}



.especiales{ width:30%;} #dtab{ margin:50px 0 0 0;} 

}

 @media screen and (max-width:700px) {

     .inte{width: 98%;

     }     

/*tab*/

#detalle-desc li{ list-style:none; margin:0; padding: 0 2%;

}

.iitem2, .especiales {



	float: none;

	width: 98%;	

}	 

.caja50p { float: none; text-align: center; width: 100%;



}

#myform, .caja66, .caja33 {

	width:100%; float:none;

}

 }