/**
 * NOMBRE DEL COMPONENTE: Comerciofacil
 * DESCRIPCION: Estilos para la pagina de comerciofacil
 * VERSION: 1.0
**/

/* PRODUCTUPLOADER */
div.ProductUplaoder_div{width:780px; height:600px; text-align:left;}
div.ProductUplaoder_div div.cabecera{width:740px; height:60px; line-height:45px;}
div.ProductUplaoder_div div.cabecera a{width:192px; height:47px; background:url(../imagenes/comerciofacil/CF_Productos_crearnuevo.jpg) no-repeat; float:left; margin-right:10px;}
div.ProductUplaoder_div div.cabecera a:hover{background-position:0 -47px; cursor:pointer;}
div.ProductUplaoder_div div.cabecera span{float:left;}
div.ProductUplaoder_div div.cabecera strong{color:#c62929; float:left; margin-left:5px; margin-right:5px;}
div.ProductUplaoder_div div.info_div{width:715px; height:35px; background:#fffecd url(../imagenes/comerciofacil/information.png) no-repeat; border-top:dotted 1px #999; border-bottom:dotted 1px #999; line-height:35px; padding-left:25px; background-position:5px center; clear:both;} 

div.ProductUplaoder_div div.ProductUploader_create_div{width:778px; border:solid 1px #b9b9b9; position:absolute; margin-top:10px; margin-left:-20px; background:#f2edd6; display:none; z-index:2;}
div.ProductUploader_create_div div.header{width:778px; height:48px; background:url(../imagenes/comerciofacil/uploader/header_bg.jpg) no-repeat;}
div.ProductUploader_create_div div.navegador{width:778px; height:40px; background:#d5dde6; border-bottom:solid 1px #878586; text-align:left;}

div.ProductUploader_create_div div.paso1{width:222px; height:40px; background:url(../imagenes/comerciofacil/uploader/nav_pasos_bg.png) no-repeat; text-align:left; line-height:40px; font-weight:bold; float:left; z-index:3; background-position:-50px 0; position:absolute; cursor:pointer;}
div.ProductUploader_create_div div.paso1b{width:222px; height:40px; background:url(../imagenes/comerciofacil/uploader/nav_pasos_bg.png) no-repeat; text-align:left; line-height:40px; font-weight:bold; float:left; z-index:3; background-position:-50px -40px; position:absolute; cursor:pointer; color:#fff;}
div.ProductUploader_create_div div.paso1c{width:222px; height:40px; background:url(../imagenes/comerciofacil/uploader/nav_pasos_bg.png) no-repeat; text-align:left; line-height:40px; font-weight:bold; float:left; z-index:3; background-position:-50px -80px; position:absolute; cursor:pointer; color:#fff;}
div.ProductUploader_create_div div#PUploader_paso1 img{float:left; margin-left:10px; margin-top:7px; margin-right:5px;}
div.ProductUploader_create_div div.paso2{width:162px; height:40px; background:url(../imagenes/comerciofacil/uploader/nav_pasos_bg.png) no-repeat; text-align:left; line-height:40px; font-weight:bold; float:left; z-index:2; background-position:-110px 0; position:absolute; margin-left:200px; cursor:pointer;}
div.ProductUploader_create_div div.paso2b{width:162px; height:40px; background:url(../imagenes/comerciofacil/uploader/nav_pasos_bg.png) no-repeat; text-align:left; line-height:40px; font-weight:bold; float:left; z-index:2; background-position:-110px -40px; position:absolute; margin-left:200px; color:#fff; cursor:pointer;}
div.ProductUploader_create_div div.paso2c{width:162px; height:40px; background:url(../imagenes/comerciofacil/uploader/nav_pasos_bg.png) no-repeat; text-align:left; line-height:40px; font-weight:bold; float:left; z-index:2; background-position:-110px -80px; position:absolute; margin-left:200px; color:#fff; cursor:pointer;}
div.ProductUploader_create_div div#PUploader_paso2 img{float:left; margin-left:30px; margin-top:4px; margin-right:5px;}
div.ProductUploader_create_div div.paso3{width:252px; height:40px; background:url(../imagenes/comerciofacil/uploader/nav_pasos_bg.png) no-repeat; text-align:left; line-height:40px; font-weight:bold; float:left; z-index:1; margin-left:340px; background-position:-20px 0; position:absolute; cursor:pointer;}
div.ProductUploader_create_div div.paso3b{width:252px; height:40px; background:url(../imagenes/comerciofacil/uploader/nav_pasos_bg.png) no-repeat; text-align:left; line-height:40px; font-weight:bold; float:left; z-index:1; margin-left:340px; background-position:-20px -40px; color:#fff; position:absolute; cursor:pointer;}
div.ProductUploader_create_div div.paso3c{width:252px; height:40px; background:url(../imagenes/comerciofacil/uploader/nav_pasos_bg.png) no-repeat; text-align:left; line-height:40px; font-weight:bold; float:left; z-index:1; margin-left:340px; background-position:-20px -80px; color:#fff; position:absolute; cursor:pointer;}
div.ProductUploader_create_div div#PUploader_paso3 img{float:left; margin-left:30px; margin-top:5px; margin-right:5px;}

div.ProductUploader_create_div div.content{width:778px;}

/* CABECERA PRODUCTO */
div.content div.cab_producto{width:778px; color:#323232; display:block; display:block;}
div.content div.cab_producto input, div.content div.cab_producto select{padding:3px; margin-top:5px;}
/*div.content div.cab_producto div.codart{width:140px; height:50px; margin-right:10px; float:left;}            
div.content div.cab_producto div.codart input{width:130px;}*/
div.content div.cab_producto div.partnumber{width:150px; height:50px; margin-right:10px; margin-left:15px; margin-top:15px; float:left;}
div.content div.cab_producto div.partnumber input{width:140px;}
div.content div.cab_producto div.fabricante{width:140px; height:50px; margin-right:10px; margin-top:15px; float:left;}            
div.content div.cab_producto div.fabricante input{width:130px;}
div.content div.cab_producto div.name{width:290px; height:50px; margin-right:10px; margin-top:15px; float:left;}
div.content div.cab_producto div.name input{width:280px;}
div.content div.cab_producto div.precio{width:80px; height:50px; margin-right:10px; margin-top:15px; float:left;}
div.content div.cab_producto div.precio input{width:70px;}
div.content div.cab_producto div.stock{width:40px; height:50px; margin-top:15px; float:left;}
div.content div.cab_producto div.stock input{width:40px;}

div.content div.cab_producto div.shortdesc{width:740px; height:50px; margin-top:10px; margin-right:10px; margin-left:15px; float:left;}            
div.content div.cab_producto div.shortdesc input{width:740px;}

div.content div.cab_producto div.categoria{width:220px; height:50px; margin-top:10px; margin-right:10px; margin-left:15px; margin-bottom:15px; float:left;}            
div.content div.cab_producto div.categoria input{padding:0px; margin:0px; margin-right:5px;}
div.content div.cab_producto div.categoria strong{color:#c62929}
div.content div.cab_producto div.categoria select{width:210px;}
div.content div.cab_producto div.subcategoria{width:360px; height:50px; margin-top:10px; margin-bottom:15px; float:left;}            
div.content div.cab_producto div.subcategoria input{padding:0px; margin:0px; margin-right:5px;}
div.content div.cab_producto div.subcategoria strong{color:#c62929}
div.content div.cab_producto div.subcategoria select{width:360px;}

/* IMAGENES */
div.content div.imagenes{width:748px; height:170px; color:#323232; display:none;}
div.content div.imagenes div.thumbpic{width:249px; height:170px; text-align:center; float:left; cursor:pointer;}
div.content div.imagenes div.thumbpic div{width:48px; height:48px; background:#fff; margin:auto; margin-top:45px; border:dotted 1px #ccc; margin-bottom:10px; line-height:48px;}
div.content div.imagenes div.thumbpic strong{color:#c62929;}
div.content div.imagenes div.thumbpic img{display:none;}
div.content div.imagenes div.thumbpic span{display:block;}
div.content div.imagenes div.lowpic{width:249px; height:170px; text-align:center; float:left; cursor:pointer;}
div.content div.imagenes div.lowpic div{width:100px; height:60px; background:#fff; margin:auto; margin-top:35px; border:dotted 1px #ccc; margin-bottom:10px; line-height:60px;}
div.content div.imagenes div.lowpic strong{color:#c62929;}
div.content div.imagenes div.lowpic img{display:none;}
div.content div.imagenes div.highpic{width:249px; height:170px; text-align:center; float:left; cursor:pointer;}
div.content div.imagenes div.highpic div{width:100px; height:100px; background:#fff; margin:auto; margin-top:15px; border:dotted 1px #ccc; margin-bottom:10px; line-height:100px;}
div.content div.imagenes div.highpic strong{color:#c62929;}
div.content div.imagenes div.highpic img{display:none;}
div.content div.imagenes div.sinimagen{width:778px; height:40px; background:#f2edd6; text-align:center; font-size:12px; line-height:40px;}

/* CARACTERISTICAS TECNICAS */
div.content div.caracteristicas{width:778px; color:#323232; padding-top:15px; display:none;}
div.content div.caracteristicas input.check{margin-left:15px;}
div.content div.caracteristicas span.mensaje{color:#c62929;}

div.content div.caracteristicas div.carac_div{width:330px; height:40px; padding-top:10px; margin-left:15px; float:left; text-align:center;}
div.caracteristicas div.carac_div select{padding:3px; width:320px;}						  																				  
div.content div.caracteristicas div.valor_div{width:330px; height:40px; padding-top:10px; float:left; text-align:left;}
div.caracteristicas div.valor_div input{padding:3px; width:320px;}
div.content div.caracteristicas div.insertar_div{width:100px; height:45px; padding-top:7px; float:left; text-align:left;}
div.caracteristicas div.insertar_div input{padding:5px; padding-left:15px; padding-right:15px; margin-left:10px;}

div.CFPU_Carac_insertadas{width:738px; height:100px; border-top:solid 1px #801736; padding:20px;}
div.CFPU_Carac_insertadas ul li strong{color:#c62929;}

input#CFPU_INSManual_btn{display:none;}
input#CFPU_INSFeature_btn{display:block;}
div#CFPU_CaracManual_div{display:none;}
div#CFPU_CaracManual_div input{padding:3px; width:310px;}
div#CFPU_Carac_div{display:block;}

/* FOOTER */
div.content div.footer{width:778px; height:40px; background:#d5dde6; border-top:solid 1px #878586; text-align:center;}
div.content div.footer input{margin-right:5px; margin-top:3px; padding:5px; padding-left:15px; padding-right:15px;}

/*******************************/
/******* CAPA CARGANDO *********/
/*******************************/
div.CF_PU_CapaCargando{width:250px; height:70px; background:#fff; border:solid 1px #878586; text-align:center; border-top:none; position:absolute; margin-left:264px; padding-top:30px; display:none;}
div.CF_PU_CapaCargando span{font-size:12px; font-weight:bold; color:#878586;}

/******************************/
/******* AJAX UPLOADER ********/
/******************************/
div.CFPU_AjaxUploader{width:460px; height:70px; background:#fff; position:fixed; z-index:5; top:50%; left:50%; padding-top:30px; padding-left:40px; margin-left:-300px; margin-top:-50px; border:solid 1px #ccc; visibility:hidden;}

/******************************************/
/******* GRID DE PRODUCTOS PROPIOS ********/
/******************************************/
div.ProductUploader_products{width:780px; margin-top:15px; position:absolute; z-index:1; margin-left:-20px;}
div.ProductUploader_products div.cat_title{width:780px; height:20px; background:url(../imagenes/comerciofacil/uploader/cattitle_bg_x.jpg) repeat-x; text-align:center; font-family:Verdana; font-size:11px; line-height:20px; cursor:pointer;}
div.ProductUploader_products div.cat_title strong{color:#73201c}
div.ProductUploader_products div.grid_header{width:780px; height:20px; background:url(../imagenes/comerciofacil/uploader/gridheader_bg.jpg) no-repeat;}
div.ProductUploader_products div.prod{width:780px; height:54px; clear:both; font-size:11px;}
div.ProductUploader_products div.prod input{border:none; background:none;}

div.prod div.conf{width:24px; height:35px; float:left; padding-top:19px; text-align:center; cursor:pointer;}
div.prod div.opciones{width:741px; height:52px; margin-left:24px; position:absolute; padding-left:15px; background:#fff; line-height:54px; display:none; border-top:solid 1px #ccc; border-bottom:solid 1px #ccc;}
div.prod div.opciones input{border:solid 1px #969696; width:400px;}
div.prod div.img{width:54px; height:54px; float:left;}
div.prod div.img img{margin-top:2px; margin-left:3px; border:dotted 1px #CCC;}
div.prod div.partnumber{width:95px; height:54px; float:left; text-align:center; line-height:54px; color:#c62929; font-weight:bold;}
div.prod div.fabricante{width:90px; height:54px; float:left; text-align:center; line-height:54px; font-weight:bold;}
div.prod div.fabricante input{font-size:11px; text-align:center; font-weight:bold; margin-top:15px; width:80px;}
div.prod div.desc{width:373px; height:54px; float:left; text-align:left;}
div.prod div.desc td{height:54px; padding-left:10px; padding-right:10px;}
div.prod div.desc textarea{width:350px; height:52px; margin-top:2px; font-size:12px; overflow:hidden; border:none; background:none;}
div.prod div.precio{width:70px; height:54px; float:left;}
div.prod div.precio input{width:65px; text-align:center; font-size:12px; margin-top:15px; text-align:center; color:#c62929; font-weight:bold; font-size:12px;}
div.prod div.stock{width:50px; height:38px; float:left; text-align:center;}
div.prod div.stock input{width:45px; text-align:center; font-size:12px; margin-top:20px;}
div.prod div.quitar{width:24px; height:35px; float:left; padding-top:19px; text-align:center; cursor:pointer;}