/*********************************************/
/*   www.web-lab.com.mx                      */
/*   ISC. Joan Machado Dominguez             */
/*   joan@web-lab.com.mx                     */
/*********************************************/

/************************** Cuerpo *********************************/
BODY {
	font-family: Calibri, Arial, Verdana;
	font-size: 11px;
	text-decoration: none;
	color: #005aa3;
	/*background: #FFFFFF url("../images/bg.jpg") repeat-y repeat-x top left;*/
	background-color: #FFFFFF;
}

h5 {
	font-family: Calibri, Arial, Verdana;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}

.td{
	font-family: Calibri, Arial, Verdana;
	font-size: 14px;
	text-decoration: none;
	color: #F1F1F1;
}

.logo {
	font-family: Calibri, Arial, Verdana;
	font-size: 11px;
	text-decoration: none;
	text-align:left;
	padding-bottom:20px;
	padding-top:30px;
	padding-left:20px;
}

.footer	{
	font-family: Arial;
	font-size: 11px;
	text-decoration: none;
	color: #FFFFFF;
	/*background-color: #313B44;*/
	padding-left:30px;
}

.title {
	font-family: Calibri, Arial, Verdana;
	font-size: 11px;
	text-decoration: none;
	color: #676869;
	background-color: #313B44;
	padding-left:10px;
}

.square {
	font-family: Calibri, Arial, Verdana;
	font-size: 11px;
	text-decoration: none;
	color: #676869;
	background-color: #151A20;
	padding-left:7px;
}

.titlesquarewhite{
	vertical-align: top;
	background:url(../images/bgsquarewhite.png) repeat-x;
	text-align:left;
	padding-left:10px;
}

.squaregray {
	font-family: Calibri, Arial, Verdana;
	font-size: 12px;
	text-decoration: none;
	color: #F1F1F1;
	background: #151A20;
	padding-left: 20px;
}

.squaregray2 {
	font-family: Calibri, Arial, Verdana;
	font-size: 12px;
	text-decoration: none;
	color: #F1F1F1;
	background: #151A20;
	text-align:right;
	padding-right: 30px;
}

.squaregraytext {
	font-family: Calibri, Arial, Verdana;
	font-size: 12px;
	text-decoration: none;
	color: #F1F1F1;
	background: #151A20;
	text-align:left;
	padding-left: 50px;
	padding-right: 30px;
}

.squaregraylittle {
	font-family: Calibri, Arial, Verdana;
	font-size: 12px;
	text-decoration: none;
	color: #F1F1F1;
	background: #151A20;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left:30px;
	padding-right:20px;
}

.middlesquarewhite {
	font-family: Calibri, Arial, Verdana;
	font-size: 12px;
	text-decoration: none;
	color: #676869;
	background:url(../images/bgsquarewhite.png) repeat-y;
	background-color: #FFFFFF;
	padding-left:8px;
	padding-right:8px;
}

.buscar {
	font-family: Calibri, Arial, Verdana;
	font-size: 12px;
	text-decoration: none;
	color: #F1F1F1;
	background-color: #151A20;
	padding-left:15px;
}

.cuadrologin {
	font-family: Arial;
	font-size: 11px;
	text-decoration: none;
	color: #676869;
	/*background:url(../images/bglogin.png);*/
	background:#151A20;
	text-align:right;
	padding-top: 5px;
	padding-right: 10px;
}

.paginas{
	font-family: Arial;
	font-size: 12px;
	text-decoration: none;
	color: #676869;
	background: #313B44;
	vertical-align: bottom;
	padding-left:10px;
}

.titlesteps{
	font-family: Arial;
	font-size: 12px;
	text-decoration: none;
	color: #F1F1F1;
	padding-left:10px;
	padding-top:10px;
	padding-bottom:10px;
	padding-right:10px;
}

.steps{
	font-family: Calibri, Arial, Verdana;
	font-size: 12px;
	text-decoration: none;
	color: #F1F1F1;
	padding-left:20px;
	padding-top:10px;
	padding-bottom:10px;
	padding-right:20px;
}

.txtcuenta{
	font-family: CCalibri, Arial, Verdana;
	font-size: 12;
	text-decoration: none;
	color: #F1F1F1;
}

.txttotal{
	font-family: Calibri, Arial, Verdana;
	font-size: 12;
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
	padding-left: 20px;
}

.precio{
	color: #FFFFFF;
}

.iframetitle {
	font-family: Calibri, Arial, Verdana;
	font-size: 12px;
	text-decoration: none;
	color: #FFFFFF;
}

.contorno {
	border: 1px solid #434D57;
}

.owner {
	border: 1px solid #151A20;
}
/************************** Carrito **********************************/

.car{
	font-family: Arial;
	color: #6b6b6b;
	/*background :#ffffff;*/
	font-size: 10px;
	font-weight: bold;
	text-align:	center;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 2px;
	padding-left: 2px;
	text-decoration: none;
	width: 100px;
	height: 29px;
}

/************************** Vinculos *********************************/

.page{
	font-family: Arial;
	color: #07394E;
	font-size: 11px;
	text-align:	center;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 2px;
	padding-left: 2px;
	text-decoration: none;
	width: 20px;
	height: 20px;
	background:	url(../images/pageout.png) no-repeat bottom;
	
}

.page:hover {
	font-family: Arial;
	color: #07394E;
	font-size: 11px;
	text-align:	center;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 2px;
	padding-left: 2px;
	text-decoration: none;
	width: 20px;
	height: 20px;
	text-decoration: none;
	background:	url(../images/pageout.png) no-repeat bottom;
}

.activepage {
	font-family: Arial;
	color: #FFFFFF;
	font-size: 11px;
	text-align:	center;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 2px;
	padding-left: 2px;
	text-decoration: none;
	width: 20px;
	height: 20px;
	background:	url(../images/pageactive.png) no-repeat bottom;
}

.amenu{
	font-family: Arial;
	color: #6b6b6b;
	/*background :#ffffff;*/
	font-size: 10px;
	text-decoration: none;
}

.amenu:hover{
	font-family: Arial;
	color: #c0c0c0;
	/*background :#ffffff;*/
	font-size: 10px;
	text-decoration: none;
}

.linkfooter {
	font-family: Arial;
	font-size: 11px;
	text-decoration: none;
	color: #FFFFFF;
}

.linkfooter:hover {
	font-family: Arial;
	font-size: 11px;
	text-decoration: none;
	color: #C0C0C0;
}

.links{
	font-family: Arial;
	font-size: 11px;
	text-decoration: none;
	color: #676869;
}

.links:hover {
	font-family: Arial;
	font-size: 11px;
	text-decoration: none;
	color: #FFFFFF;
}

.Toplink10{
	font-family: Calibri, Arial;
	text-decoration: none;
	color: #FFFFFF;
}

/************************** Catalogo *********************************/


.contenedorfoto2 { 
   float:left; 
   width:47%; 
   margin:2px; 
   padding:2px; 
   background-color:#313B44; 
   border-top: #414E57 solid 1px; 
   border-left: #414E57 solid 1px; 
   border-right: #414E57 solid 2px; 
   border-bottom: #414E57 solid 2px; 
   text-align:center; 
}
.contenedorfoto3 {     
   margin:2px; 
   padding:2px; 
   background-color:#313B44; 
   border-top: #414E57 solid 1px; 
   border-left: #414E57 solid 1px; 
   border-right: #414E57 solid 2px; 
   border-bottom: #414E57 solid 2px; 
   text-align:center; 
}

.nuevo{
	cursor: hand;
	border:1px solid #5b5b5b;
}

.pendiente{
	border:1px solid #5b5b5b;
}

.picuser{
	cursor: hand;
	border:1px solid #c5c5c5;
}

.diseno{
	font-family: Calibri, Arial;
	font-size: 12px;
	text-decoration: underline;
	color: #FFFFFF;
}

.by {
	font-family: Calibri, Arial;
	font-size: 12px;
	text-decoration: none;
	color: #F1F1F1;
}

.autor{
	font-family: Calibri, Arial;
	font-size: 12px;
	text-decoration: underline;
	color: #84A0B7;
}

/************************** Formularios *********************************/
.button1{
	cursor: hand; 
	background-image:url(../images/bgbtn.png);
	background-repeat:repeat-x; background-color:transparent;
	font-family: Calibri, Arial, Verdana;
	font-size: 10px; text-decoration:none;
	color: #FFFFFF;
	vertical-align:top;
	border:1px solid #FF0000;
	padding:2px 8px 2px 8px;
	width: 72px; height: 20;	
}

.buttong{
	cursor: hand; 
	background-image:url(../images/bgbtn.png);
	background-repeat:repeat-x; background-color:transparent;
	font-family: Calibri, Arial, Verdana;
	font-size: 10px; text-decoration:none;
	color: #FFFFFF;
	vertical-align:top;
	border:1px solid #FF0000;
	padding:2px 6px 2px 6px;
	width: 52px; height: 20;	
}

.buttonreimp{
	cursor: hand; 
	background-image:url(images/btncuentaout.png);
	background-repeat:repeat-x; background-color:transparent;
	font-family: Calibri, Arial, Verdana;
	font-size: 10px; text-decoration:none;
	color:#0066CC;
	vertical-align:top;
	border:1px solid #c5c5c5;
	padding:2px 8px 2px 8px;
		
}

.finalizarcompra{
	cursor: hand; 
	background-image:url(../images/terminarcompra.png);
	background-repeat:no-repeat; background-color:transparent;
	width:118px; height:20px;
	border:1px solid #FF0000;
}

.recordar{
	cursor: hand; 
	background-image:url(../images/recordar.png);
	background-repeat:repeat-x; background-color:transparent;
	font-family: Calibri, Arial, Verdana;
	font-size: 10px; text-decoration:none;
	color: #FFFFFF;
	vertical-align:top;
	border:1px solid #FF0000;
	padding:2px 8px 2px 8px;
	width: 115px; height: 20;	
}

.select{
	font-family: Calibri, Arial, Verdana;
	font-size: 12px;
	text-decoration:none;
	color: #6b6b6b;
	border:1px solid #c5c5c5;
	padding:2px 2px 2px 2px;
	width: 200px; height: 20px;	
}

.selectdetalle{
	font-family: Calibri, Arial, Verdana;
	font-size: 12px;
	text-decoration:none;
	color: #6b6b6b;
	border:1px solid #5a6081;
	padding:2px 2px 2px 2px;
	width: 152px; height: 20px;	
}

.impdetalle{
	font-family: Calibri, Arial, Verdana;
	font-size: 12px;
	text-decoration:none;
	color: #6b6b6b;
	border:1px solid #c5c5c5;
	padding:2px 2px 2px 2px;
	width: 50px; height: 20px;	
}

.check{
	font-family: Calibri, Arial, Verdana;
	font-size: 10px; text-decoration:none;
	color: #6b6b6b;
}

.textfield{
	font-family: Calibri, Arial, Verdana;
	font-size: 12px;
	text-decoration:none;
	color: #6b6b6b;
	border:1px solid #c5c5c5;
	padding:2px 2px 2px 2px;
	width: 130px; height: 20;	
}

.smallform{
	font-family: Calibri, Arial, Verdana;
	font-size: 12px;
	text-decoration:none;
	color: #6b6b6b;
	border:1px solid #c5c5c5;
	padding:2px 2px 2px 2px;
	width: 300px; height: 20px;	
}

.smallarea{
	font-family: Calibri, Arial, Verdana;
	font-size: 12px;
	text-decoration:none;
	color: #6b6b6b;
	border:1px solid #c5c5c5;
	padding:2px 2px 2px 2px;
	width: 300px; height: 100px;	
}

.myacount{
	font-family: Calibri, Arial, Verdana;
	font-size: 12px;
	text-decoration:none;
	color: #6b6b6b;
	border:1px solid #c5c5c5;
	padding:2px 2px 2px 2px;
	width: 260px; height: 28px;	
}

.myacount2{
	font-family: Calibri, Arial, Verdana;
	font-size: 12px;
	text-decoration:none;
	color: #6b6b6b;
	border:1px solid #c5c5c5;
	padding:2px 2px 2px 2px;
	width: 127px; height: 28px;	
}
.myacount3{
	font-family: Calibri, Arial, Verdana;
	font-size: 12px;
	text-decoration:none;
	color: #6b6b6b;
	border:1px solid #c5c5c5;
	padding:2px 2px 2px 2px;

}
.myacountarea{
	font-family: Calibri, Arial, Verdana;
	font-size: 12px;
	text-decoration:none;
	color: #6b6b6b;
	border:1px solid #c5c5c5;
	padding:2px 2px 2px 2px;
	width: 260px; height: 100px;	
}

.cal15{
	font-family: Calibri, Arial, Verdana; font-size: 15px; text-decoration:none;
	font-weight: bold;
	color: #FFFFFF;
}
.cal152{
	font-family: Calibri, Arial, Verdana; font-size: 12px; text-decoration:none;
	color: #F1F1F1;
	line-height: 20px;
}
.cal15black{
	font-family: Calibri, Arial, Verdana; font-size: 15px; text-decoration:none;
	font-weight: bold;
	color: #C0C0C0;
}
.cal15red{
	font-family: Calibri, Arial, Verdana; font-size: 15px; text-decoration:none;
	font-weight: bold;
	color: #FF0000;
}
.cal12{
	font-family: Calibri, Arial, Verdana; font-size: 12px; text-decoration:none;
	color: #F1F1F1;
}
.masusuario{
	/*padding: top, right, bottom, left*/
	padding:0px 8px 8px 0px;
}

.btnenviar {
	cursor: hand; 
	background-image:url(../images/enviar.png);
	background-repeat: no-repeat; background-color:transparent;
	font-family: Calibri, Arial, Verdana;	font-size: 12px; text-decoration:none;
	color: #6b6b6b;
	vertical-align:top;
	border:0px solid #c5c5c5;
	padding:0px 0px 0px 0px;
	width: 90px; height: 30;
}
.btnenviaridea {
	cursor: hand; 
	background-image:url(../images/enviaridea.png);
	background-repeat: no-repeat; background-color:transparent;
	font-family: Calibri, Arial, Verdana;	font-size: 12px; text-decoration:none;
	color: #6b6b6b;
	vertical-align:top;
	border:0px solid #c5c5c5;
	padding:0px 0px 0px 0px;
	width: 140px; height: 30;
}

.btncoment{
	cursor: hand; 
	background-image:url(../images/btnenvcoment.png);
	background-repeat: no-repeat; background-color:transparent;
	font-family: Calibri, Arial, Verdana;	font-size: 12px; text-decoration:none;
	color: #6b6b6b;
	vertical-align:top;
	border:0px solid #c5c5c5;
	padding:0px 0px 0px 0px;
	width: 160px; height: 30;
}

.btnsalvar {
	cursor: hand; 
	background-image:url(../images/salvarcuenta.png);
	background-repeat: no-repeat; background-color:transparent;
	font-family: Calibri, Arial, Verdana;	font-size: 12px; text-decoration:none;
	color: #6b6b6b;
	vertical-align:top;
	border:0px solid #c5c5c5;
	padding:0px 0px 0px 0px;
	width: 140px; height: 30;
}

.btnsalvarad {
	cursor: hand; 
	background-image:url(../images/salvar.png);
	background-repeat: no-repeat; background-color:transparent;
	font-family: Calibri, Arial, Verdana;	font-size: 12px; text-decoration:none;
	color: #6b6b6b;
	vertical-align:top;
	border:0px solid #c5c5c5;
	padding:0px 0px 0px 0px;
	width: 68px; height: 30;
}

.btnbuscar {
	cursor: hand; 
	background-image:url(../images/buscar.png);
	background-repeat: no-repeat; background-color:transparent;
	font-family: Calibri, Arial, Verdana;	font-size: 12px; text-decoration:none;
	color: #6b6b6b;
	vertical-align:top;
	border:0px solid #c5c5c5;
	padding:0px 0px 0px 0px;
	width: 74px; height: 30;
}

.buttonverde{
	/*cursor:pointer;*/
	cursor: hand; 
	background-image:url(../images/b_verde.gif);
	background-repeat:repeat-x; backgroud-color:transparent;
	font-family: Calibri, Arial, Verdana;
	font-size: 11px;
	font-weight:bold;
	color: #FFFFFF;
	text-decoration:none;
	vertical-align:top;
	border:1px solid #FF0000;
	padding:2px 8px 2px 8px;
}

.buttongray{
	/*cursor:pointer;*/
	cursor: hand; 
	background-image:url(../images/b_gris.gif);
	background-repeat:repeat-x; backgroud-color:transparent;
	font-family: Calibri, Arial, Verdana;
	font-size: 11px;
	font-weight:bold;
	color: #151A20;
	text-decoration:none;
	vertical-align:top;
	border:1px solid #151A20;
	padding:2px 3px 2px 3px;
}

.spanover{
	background-color: #434D57;
	cursor:hand;
}
/*----------porcentaje de stock-----------------*/
img.percentImage {
 background: #151A20 url(../images/percentImage_back.png) top left no-repeat;
 padding: 0;
 margin: 5px 0 0 0;
 background-position: 5px 0;
}


/*---------------------Configuracion Encuesta------------------------*/
.ratingblock {
	display:block;
	padding-bottom:8px;
	margin-bottom:8px;
	}

.loading {
	height: 30px;
	background: url('../images/wait3.gif') 50% 50% no-repeat;
	}
	
.unit-rating { 
	list-style:none;
	margin: 0px;
	padding:0px;
	height: 20px;
	position: relative;
	background: url('../images/starrating.png') top left repeat-x;		
	}

.unit-rating li{
    text-indent: -90000px;
	padding:0px;
	margin:0px;
	/*\*/
	float: left;
	/* */
	}
	
.unit-rating li a {
	outline: none;
	display:block;
	width:24px;
	height: 20px;
	text-decoration: none;
	text-indent: -9000px;
	z-index: 20;
	position: absolute;
	padding: 0px;
	}
	
.unit-rating li a:hover{
	background: url('../images/starrating.png') left center;
	z-index: 2;
	left: 0px;
}

.unit-rating a.r1-unit{left: 0px;}
.unit-rating a.r1-unit:hover{width:24px;}
.unit-rating a.r2-unit{left:24px;}
.unit-rating a.r2-unit:hover{width: 48px;}
.unit-rating a.r3-unit{left: 48px;}
.unit-rating a.r3-unit:hover{width: 72px;}
.unit-rating a.r4-unit{left: 72px;}	
.unit-rating a.r4-unit:hover{width: 96px;}
.unit-rating a.r5-unit{left: 96px;}
.unit-rating a.r5-unit:hover{width: 120px;}
.unit-rating a.r6-unit{left: 120px;}
.unit-rating a.r6-unit:hover{width: 144px;}
.unit-rating a.r7-unit{left: 144px;}
.unit-rating a.r7-unit:hover{width: 168px;}
.unit-rating a.r8-unit{left: 168px;}
.unit-rating a.r8-unit:hover{width: 192px;}
.unit-rating a.r9-unit{left: 192px;}
.unit-rating a.r9-unit:hover{width: 216px;}
.unit-rating a.r10-unit{left: 216px;}
.unit-rating a.r10-unit:hover{width: 240px;}

.unit-rating li.current-rating-cat {
	background: url('../images/starrating.png') left bottom;
	position: absolute;
	height: 24px;
	display: block;
	text-indent: -9000px;
	z-index: 1;
	}

.voted {color:#999999;}
.thanks {color:#4499ee;}
.static {color:#5D3126;}	
/*---------------------------------------------------------------------------------------------*/

/* --- Menú --- */
#menu{
	font-family: Calibri, Verdana, Tahooma, Arial, helvetica, sans-serif;
}
#menu ul li a{
	text-decoration:none;
	color:#FFFFFF;
}
#menu ul li a:hover{
	color:#E90404;
}
#menu ul li a:active{
	color:#E90404;
}

/*************************************/
.pagea{
	color:#898989;
	font-family:arial;
	padding:3px 7px 3px 7px;
	/*border:1px solid #898989;*/
	text-decoration:none;
	font-size:12px;
	height:12px;
	background:	url(../images/pageout.png) no-repeat bottom;
}

.pagea.selected{
	background-color:#3c89c8;
	background:	url(../images/pageactive.png) no-repeat bottom;
	color:#FFF;
}
.pagea:hover{
	background-color:#3c89c8;
	background:	url(../images/pageactive.png) no-repeat bottom;
	color:#FFF;
}
.note{
	color:#FFFFFF;
}