/* General */
body, #body1{background: #FFF; font-family: 'Open Sans', sans-serif; list-style:none; width:1320px; margin:auto; letter-spacing: 0.5px; line-height:20px; font-size: 12px;margin-top: 2%; color: rgb(85,85,85);}
#body1{cursor:progress;}
img{border:0;}
a{text-decoration:none; outline: none; line-height: 20px;}
a:hover, a:active, a:focus{outline: none;}
article{margin:auto; width:100%; background-color: white;}
ul, menu {padding: 0px;}
li{text-decoration: none;display: block;}
input[type=checkbox]{margin-right: 10px;}
footer{display:none; padding-top: 25px;}
/* Por defecto ocultamos el link de navegar sin conexion */
#BlockSeo{display:none;}
#button-confirm{display: none;}
#BlockScreen{position: absolute;width: 100%;height: 100%;background-color: rgb(88, 88, 88);cursor: wait;z-index: 1000;opacity: 0.6; display: none;}
#TitleText{color: #444; font-size: 15px; font-weight: bold; margin:10px;}
#NormalText{text-align:justify; margin:10px;}
#Buttons{margin-top: 30px;}
#ArtTalla option:disabled{color: rgba(0, 0, 0, 0.15)!important} /*Samuel 04/04/2018*/
.clear{clear: both;}
.CheckBlock{padding-left: 20px;}
.CheckBlock.checked{padding-left: 20px;}
.InputBlock.Error input{border-color: red !important;}
.InputBlock.Error select{border-color: red !important;}
.DespVal.Error{border-color: red !important;}
.line-through{text-decoration: line-through;}
/* Top */
#Top{display:none!important; margin-top: 40px;margin-bottom: 20px; background: white;}
#Buscador{ display: inline-flex; flex-direction: row-reverse; width: 100%; max-width: 250px; min-width: 100px; margin-right: 20px; margin-bottom: 30px; float: right;}
#Buscador input{width: 79%; height: 28px; border: 1px solid #dcdcdc; padding: 5px; padding-left: 5px;}
#ContBusImg{float: right;display: inline-block; width: 30px; padding-left: 10px; height: 30px; padding-top: 10px;}
#ContBusImg img{max-height: 18px;}
#UserCuenta{display: inline-block;vertical-align: top;margin: 8px;margin-left: 20px;}
#UserOff{display: none;}
#UserOn{display: none;}
#Cesta{display: inline-block;float: right;margin: 8px;cursor: pointer;}
#CestaBtn img{max-height: 18px;margin-left: 5px;margin-right: 5px;cursor: pointer;}
#Logo{display: inline-block;float: left; margin-right: 2%; flex: 1;}
/* Menu */
#HPanel .main{display: block;padding: 10px; padding-bottom: 5px; margin-top:10px;}
#HPanel .main a{text-decoration: none;}
#HPanel .main img{max-height: 20px;}
#HPanel .main .ulsub{position: absolute;margin-top: 11px; z-index: 99;width: auto;border: medium none;display: none; background: url('stimg/lateral.png') repeat-x top; margin-left:-1px; margin-right:0px; margin-bottom:0px; min-width:150px;}
#HPanel .main .ulsub ul{border: solid 1px;margin-left: 0px; background-color: #ffffff; text-align: left;}
#HPanel .main .ulsub:hover{display: inherit;}
#HPanel .main .BlockMenu{display: block;margin: 5px;padding: 5px;}
#HPanel .main .ulright{position: absolute;margin-left: 149px;border: 1px solid;margin-top: -40px;background-color: #ffffff; min-width:150px;}
#HPanel .main .ulright ul{border: none;}
#HPanel .Block .Menu .ulmain{margin: 0px;padding: 0px;text-align: center; flex: 2;}
#MainMenu{height: auto!important; display:block;}
#MainMenu .Menu{display: flex;width: 100%;}
#MainMenu .Menu .ilsub li{margin: 0px;}
#HPanel #MainMenu .ulsub .child a{position: inherit; display:block; padding:10px; border-bottom: 0px solid !important;}
#HPanel #MainMenu .child.group{background: url('stimg/grfam.png') no-repeat right;}
#HPanel #MainMenu .main{padding: 0px;float: left;height: 40px;}
#HPanel #MainMenu .main a{position: relative; top: 10px; padding: 5px 15px;}
#HPanel #MainMenu .main a:hover {border-bottom:2px solid;}
#Home{border-bottom:0px !important;}
#MainMenu #Right{display: block;width: 100%;float: left; margin-top: 3%;}
#MainMenu #Cuenta{display: block; width: 110px; float: right;height: 39px; border:1px solid #dcdcdc; background: white;}
#MainMenu #Cuenta #CuentaLink{display:block; text-decoration: none; margin-top: 10px;background: url('stimg/flechac.png') no-repeat right;margin-right: 10px;margin-left: 10px}
#MainMenu #CuentaDesp{font-size: 12px;z-index: 1;position: relative; border: 1px solid;margin-top: 10px; padding: 20px;width: 235px;margin-left:76px; height:290px; left:-89px; box-shadow: 1px 1px rgb(200,200,200);}
#MainMenu #CuentaDesp .Caption{margin: 5px;}
#MainMenu #CuentaDesp input{border: 1px solid #dcdcdc;margin: 5px;padding: 5px; width: 219px;}
#MainMenu #CuentaDesp #UserName{text-align: center; font-size: 1.2em;}
#MainMenu #Carrito{display: block; float: right; width: 150px; height: 40px; padding-right: 5px;}
#MainMenu #Carrito #CarritoLink{display: inline;}
#MainMenu #Carrito #CartImg{margin-top: 8px; margin-right: 5px; margin-left: 10px;}
#MainMenu #Carrito #CarritoCant{display: inline; float: right; margin-right: 6px; margin-top: 10px; width:100px; text-align:right; font-size: 15px;}
#Menu1{text-align: center;}
#Menu1 li{width: 47%}
#MainMenu #Cuenta .CntBtn a{margin-top: 0px; margin: auto; margin-left:2px;}
#MainMenu #Remember{clear: both;float: right;margin: 10px 0px;}
#MainMenu #Remember a{text-decoration: underline;margin-top: 0px;}
#MainMenu #CntPreg{float: left;border-right: solid 1px;width: 60px;padding-right:5px; margin-top:75px; position:absolute;}
#MainMenu #CntCrearBlock{clear: both;}
#MainMenu #CntCrear{float: right;margin-left: 2px;margin-right: 0px;display: inline-block;float: right;padding-top: 10px;}
#MainMenu #UserName{font-size: 1em;margin: 10px;}
#MainMenu #LCuenta a, #MainMenu #LPedidos a{ margin: 10px;text-align: left;}
#MainMenu #LFoto{display: inline-block;float: left;}
#MainMenu #LFoto img{max-width: 80px;max-height: 80px;}
#MainMenu #Links{display: inline-block;padding: 20px;float: left;font-size: 1.2em;}
#main{padding-bottom: 5px; display:none; margin-top: 0px;}
#RightMov{display: none;}
#CarritoTotal{width: 710px; border: solid 1px; position: relative; margin-top: 4px; font-size: 12px; z-index: 1; left: -598px; padding-top: 20px; padding:20px; box-shadow: 1px 1px rgb(200,200,200);}
#BtnTramitar,#BtnBolsa{float: none !important; margin: 5px;}
#CarBot{text-align:right;}
#CarTo{text-align: right; margin-top: 10px; border-top: 1px dashed black; padding-top: 5px; margin-bottom: 20px; font-weight: bold;}
#LinkLogo{padding:10px;max-width: 100%}
.Block #MainMenu ul{padding: 0px;}
/* Banner */
.BannerImg{height: 100%; width: 100%;}
.Banner{position: relative; margin-top: 2%;}
.BannerR{position: relative; text-align:right;}
.NavPrev{position: absolute;}
.NavNext{position: absolute;}
.BNav{margin-left: 20px; position: absolute; top: 10px !important;}
.Nav{cursor:pointer; float:left; background: url('stimg/bullets.png') no-repeat 0 0; height: 22px; width: 22px; top: 0px}
.Navon{cursor:pointer; float:left; background: url('stimg/bullets.png') no-repeat 0 -22px; height: 22px; width: 22px; top: 0px}
/* Breadcrumbs */
#Breadcrumbs{ display: inline-block; width: 100%; background: white; padding: 1% 0% 0% 2%; font-size: 16px;}
#Breadcrumbs a{text-decoration: none;}
#Breadcrumbs h2{font-size: 1.0em; font-weight: normal;}
.Breadmain{width:100%;}
/* Control Panel */
.ControlPanel{clear: both;display: none; text-align: center; padding-bottom:10px;}
/* Paneles */
#LPanel{width: 300px;margin-right: 14px; margin-top: 10px; margin-bottom: 20px;}
#RPanel{width: 300px;margin-left: 14px; margin-top: 10px; margin-bottom: 20px;}
.Panel{display: block;float: left;}
/* Block */
.BlockName{font-weight: bold;margin: 20px;margin-bottom: 10px; font-size: 1.2em;}
.Block{display: block;width: 100%;float:left;position:relative;overflow:hidden:;}
/* Cuenta */
#Remember{clear: both;margin: 10px;margin-top: 5px;margin-bottom: 5px;}
#CntCrearBlock{margin: 20px 0px;}
#Invit{margin: 10px;}
.Block .Caption{margin: 10px;margin-bottom: 5px;}
.Block input{width: 276px;height: 20px; margin-top: 0px;font-size: 0.9em;}
.Block .CntBtn{height: 30px;text-align: center;margin: 10px;margin-top: 5px;padding: 0px;}
.Block #UserName{margin:10px;margin-left: 20px;}
.Block #LFoto{margin:10px;margin-left: 20px;}
.Block #Links{margin:10px;margin-left: 20px;}
.Block #LFoto img{max-width: 100px;max-height: 100px;}
/* Noticias */
.Block .BNotic{margin: 20px;}
.Block .Nurl{text-decoration: underline;}
/* Menu */
.Block ul{margin-left: 10px;padding: 5px;}
.Block li{display: list-item;list-style-type: none;list-style-position: inside; margin-bottom:5px;}
/* Menu Lateral */
#BlockMen{background: #E0E4E9; width: 88%; padding: 10px 15px; text-align: center; font-weight: 500; font-size: 13px; border-top-left-radius: 5px; border-top-right-radius: 5px;}
#BlockDesP{border-bottom: 1px solid #e2e2e2; padding: 10px 15px; width: 90%; cursor:pointer; font-size: 12px; font-weight: bold; color:#555;}
#BlockDesP:hover{background: #555; color: white;}
#BlockDesL{border-bottom: 1px solid #e2e2e2; padding: 10px 15px; width: 90%; cursor:pointer; font-size: 12px; font-weight: 500;}
#BlockDesL:hover{background: #555; color: white;}
#FleBlockDiv{float: right; font-size: 20px; font-weight: 400;}
#FleBlockDiv:hover{color:white;}
.LBlockLin{color:#555 !important;}
/* Text*/
.Block .BlockText{margin: 10px;}
/* Imagen */
.Block .BlockImage{max-width: 300px;margin-bottom: 10px;}
/* Footer */
#ftsection{display:none; margin-top: 20px;}
#textosleg{text-align: center;}
#copyright{text-align: center;padding-bottom: 20px; font-size: 10px;}
#fblocks{padding: 25px;}
#fbtext{line-height:25px;}
.fblock{display: inline-block; vertical-align: top;}
.fbel{float: left;}
.fbel #fbimage{float:left;margin: 10px 0 0 0;}
.fbel #fbimage:hover{opacity: 0.7}
.fbel #fbname{display: block;float: left; margin: 5px 10px;font-weight:bold; font-size: 12px}
.fbel #fbtext{display: block;float: left; margin: 5px 10px;font-size: 11px;padding-top: 6px;}
.foottl{display: inline-block;margin: 8px; padding-left: 10px; font-size: 12px; border-left: 1px solid;}
.foottl:last-child {border-right: 1px solid; padding-right: 10px;}
/* CPanel */
#CPanel{margin-top: 10px; margin-bottom: 20px; width: 96%; padding: 2%; margin-top: 20px;}
/* Desplegable */
.Desplegable{display: inline-block;}
.DespVal{ background: url('stimg/up_down.png') no-repeat right; padding-right: 15px;margin-right: 5px;cursor: pointer; padding-left:5px; padding-top:5px; padding-bottom:5px}
.DespItems{position: absolute; border: 1px solid;margin: 5px;z-index: 99;}
.DespItems:focus{outline-width: 0px;}
.DespItems.scr{overflow-y: scroll;}
.DespItem{ padding-left: 5px;padding-right: 5px;text-align: right;cursor: pointer;clear: both;}
.DespItem:hover{background-color: #F7F7F7 !important;}
.DespItem.Selected{background-color: #2868FF !important;color: #FFFFFF !important;outline-width: 0px;}
/* Familias */
#FamCont{width: 100%}
.ContBF{border:1px solid; text-align:center; display:block; float:left; margin-right:15px; margin-bottom:15px; margin-left: 15px; text-decoration:none;background-color: #FFFFFF;}
.ContBFl{border:1px solid; text-align:center; display:block; float:left; margin-right:15px; margin-bottom:15px; margin-left: 0px;text-decoration:none;background-color: #FFFFFF;}
.ContBFr{border:1px solid; text-align:center; display:block; float:left; margin-left:15px; margin-bottom:15px; margin-right: 0px;text-decoration:none;background-color: #FFFFFF;}
.ContBF a{text-decoration: none;}
.ContBFl a{text-decoration: none;}
.ContBFr a{text-decoration: none;}
.FamCont{margin: 0px auto; margin-top:20px !important;}
.FamName{display:block; margin: 15px;text-decoration:none; word-wrap: break-word; font-size: large}
.FamImg{position: relative;max-width: 50px;}
.ApartirDe{font-size: 14px!important; font-style: italic;}
.fontDescr{font-size: 11px!important;}
/* Articulos */
#MArticulos{margin-top: 20px;}
#MFilter{width: 100%;margin-top: 10px;}
#ArtSort{display: inline-block;width: 300px;}
#ArtMostrar{display: inline-block;width: 300px;}
#ArtNReg{display: inline-block;width: 300px; margin-top:15px;}
#ArtNRegT{font-weight:bold; display: inline-block;}
/* Articulo Estándar */
.ContBA{border:1px solid; text-align:center; display:block; float:left; margin-left:15px; margin-bottom:15px; margin-right: 15px; position: relative;background-color: #FFFFFF;}
.ContBAl{border:1px solid; text-align:center; display:block; float:left; margin-right:15px; margin-left: 0px;position: relative;background-color: #FFFFFF;}
.ContBAr{border:1px solid; text-align:center; display:block; float:left; margin-left:15px; margin-bottom:15px; margin-right: 0px;position: relative;background-color: #FFFFFF;}
.ContBA a{text-decoration: none;}
.ContBAl a{text-decoration: none;}
.ContBAr a{text-decoration: none;}
.ArtCont{min-height: 200px;}
.ArtName{display:block; margin: 5px 5%; height: 40px; text-decoration:none; word-break: break-word; position: absolute; text-align:center; width: 90%; color:black !important;}
.ArtImg{position: relative; max-width:100%; max-height:100%;}
.PVP{margin: 5px 0; text-decoration: none; font-weight: bold; height: 20px; position: absolute; width: 100%; bottom: 12%; color:black !important; font-size: 13px;}
.PVPantes{margin: 5px 0; text-decoration: none; font-size: 12px; height: 20px; position: absolute; width: 100%; bottom: 6%; text-align: center; color:black !important;}
.Tachado{position: absolute; height: 15px;}
.EntrarFicha{position: absolute; width: 100%; height:25px; padding-top: 5px; margin-top: 5px; bottom: 0;}
/* Articulo Detallado */
#TrTit{height:30px; background-color:#E0E4E9;}
#TrImp{background-color:#F5F5F5;}
#ThImg{width:170px; min-width:170px;}
#ThNom{width:250px; min-width:250px;}
#ThPDF{width:110px; min-width:110px;}
#ThPVP{width:100px; min-width:100px;}
#ThCan{width:150px; min-width:150px;}
#ThAtr{padding:0px 5px;}
#TdImg{text-align: center;}
#TdNom{vertical-align: text-top;}
#TdPDF{vertical-align: text-top;}
#TdCan{vertical-align: text-top;}
#TdPVP{vertical-align: text-top;}
#TdAtr{vertical-align: text-top; text-align:center;}
#TdSto{vertical-align: text-top;}
#TabFil{text-align: center; margin-top:5px;}
#TabTable{width: 100%; max-width: 100%;border-collapse: collapse; border-style: groove; border-color: #DCDCDC; border: 1px solid #DCDCDC;}
#TabImgArt{max-width: 80px !important; max-height: 80px !important; margin:10px;}
#TabNomArt{margin:10px;}
#TabPDFArt{text-decoration:none; display:inline; font-size: 11px;}
#TabPVPArt{margin:10px; text-align:right; height:20px; font-weight: bold; font-size:13px;}
#TabPVPAntArt{margin: 10px; text-align:right; height:20px; text-decoration: line-through;}
#TabCantArt{margin: 10px; text-align:center;}
#TabAtrArt{margin: 10px;}
#TabRef{margin:10px; text-align: center; margin-top:0px;}
#TabRefNam{display: inline; font-weight: bold;}
#TabRefArt{display: inline; margin-left: 5px;}
#TabDescArt{margin:10px; font-size: 11px;}
#TabStock{text-align:center; height:45px;}
#TabStockArt{font-weight: bold;}
#TabStockNam{font-size:11px;}
#TabImgPri{display:inline;}
#TabNomArt a{text-decoration:none; color:black !important;}
#InpBtnArt{width: 85px; height: 30px; font-size: 12px; cursor: pointer; margin-top: 5px;border-color:white !important; outline: none;}
#ImgDocArt{margin:0px 5px;}
.TrUpFil{display:inline; cursor:pointer;}
.TrDownFil{display:inline; margin-left:5px; cursor:pointer;}
.InpCantArt{height: 20px; width: 80px; text-align: right;}
.InpMsgArtL{margin-top:10px;}
/* Articulo Detallado Movil */
#DivPriMov{border: 1px solid #DCDCDC; display: block; height: 150px; cursor:pointer; margin-top: 20px; margin-left:10px; margin-right:10px;}
#DivImgMov{float: left; width: 150px; margin-right: 10px; height: 150px;}
#DivImgArt{max-width: 130px !important; max-height: 130px; margin: 10px;}
#DivNomMov{float: left; width: 70%; margin: 5px 0px; height: 20px; word-wrap: break-word;}
#DivRefMov{float: left; width: 70%; margin: 5px 0px; height: 20px;}
#DivRefNam{display: inline; margin-right: 5px; font-weight: bold;}
#DivRefArt{display: inline;}
#DivStoMov{float: left; width: 70%; margin: 5px 0px; height: 20px;}
#DivStockNam{display: inline; margin-right: 5px; font-weight: bold;}
#DivStockArt{display: inline;}
#DivPreMov{float: left; width: 70%; margin: 5px 0px; height: 20px;}
#DivPVPArt{display: inline; margin-right: 10px; font-size: 13px; font-weight: bold;}
#DivPVPAntArt{display: inline; text-decoration: line-through;}
#DivNomMov a{color:black !important;}
#DivVerAtr{height: 20px; border: 1px solid #DCDCDC; background-color: rgb(234, 234, 234); margin-left: 10px; margin-right: 10px; padding-left: 10px; font-size: 11px;}
#DivVerMas{height: 150px; position: absolute; right: 80px;}
.TextDivVer{font-size: 25px; text-align: center; color: lightslategray !important; height: 85px; display: block; position: absolute; padding-top: 65px; width: 100%;}
.DivArtAtr{margin-top:5px; margin-bottom:10px; margin-left:10px; margin-right:10px;}
/* Etiquetas */
.Etiqueta{left: 10px; display: block; position: absolute; margin-top: 0px; width:100%; max-width: 100px !important; z-index:1000;}
.UltUn{clear:both; display: block; position: absolute; margin-left:10px; margin-top: 10px; z-index: 90; max-width: 100px !important; min-width: 40px;}
.ImgGal{display: inline-block;float: left;cursor: pointer;}
/* Numeros de páginas */
#Paginas{float: right; margin-top:10px;}
#Paginas2{float: right; margin-top: 15px;}
.PagNav{display: inline-block;float: left;margin: 5px;cursor: pointer;}
.PagNavAct{display: inline-block;float: left;margin: 5px;cursor: pointer;}
/* Articulo */
#MArticulo{background: #FFFFFF;}
#MImages{display: inline-block; width: 40%;vertical-align: top;}
#MainImage{text-align: center; cursor: -webkit-zoom-in; cursor: zoom-in;}
#MainImage a{text-align: center; cursor: -webkit-zoom-in; cursor: zoom-in;}
#MFicha{display: inline-block; margin-left: 10%;width: 50%;}
/*General*/
#MArtName{font-size: 1.2em;}
#MArtCod{font-size: 12px;margin-top: 10px;}
#MArtStock{margin-top: 10px;margin-bottom: 10px; font-size:12px;}
#MArtPrice{font-size: 20px;margin-top:10px;}
#MArtPVPantes{text-decoration: none;font-size:1em; height: 15px;}
#MArtMsg{font-size:12px;}
#MArtMsgSi{font-size:11px;}
/* Tallas y colores */
#CValue{height: 25px;margin: 0px;}
#DespColor{margin: 0px;}
#TValue{height: 25px;margin: 0px;}
#DespTalla{margin: 0px;}
.ArtTC{display: block; margin-top: 20px; text-align: left;font-size: 12px;}
.ArtC{display: inline-block;margin-right: 10px;float: left;}
.ArtCN{display: inline-block;float:left;margin-top: 13px; margin-right:8px;}
.ArtColor{height: 35px;}
.ColImg{max-height: 22px; float: left;margin: 2px;}
.ColNom{display: inline-block;vertical-align: top;margin: 5px; margin-top: 8px; float: left;}
.ArtT{display: inline-block;margin-right: 10px;float: left;}
.ArtTN{display: inline-block;float:left; margin-top: 10px; margin-right:10px;}
.ArtTalla{height: 35px;}
.TalNom{margin: 5px;}
/* Comprar */
#MArtAppend{clear:both; text-align: right; margin-top: 30px;}
#MArtComp{float: right;margin: 5px;margin-top: 30px;}
#ComLabel{display: inline-block;margin: 5px;float: left;margin-top: 8px;}
#BtnCar{display: inline-block; margin-right: 10px;}
.MArtCant{width: 80px; height: 31px !important; border:1px solid rgb(220,220,220) !important; vertical-align:top;font-size: 1em; text-align: right;padding-right: 10px;margin-right:10px;margin-top:10px;}
.BtnCarName{display: inline-block;float: left; margin-top: 6px; width: 75px; height:30px;}
.BtnCarImg{margin: 5px; margin-bottom: 0px; margin-top: 3px; display: inline-block; float: right; margin-right: 10px;}
.CArtMsgT.Warn{padding-left: 50px;padding-top: 10px;padding-bottom: 10px; font-style: italic;color: rgb(255, 0, 0);font-size: 0,8em;background: url('stimg/warning.png') no-repeat left center; }
.CArtMsgT.Info{padding-left: 50px;padding-top: 10px;padding-bottom: 10px; font-style: italic;font-size: 0,8em;background: url('stimg/exito.png') no-repeat left center;}
.MComp{display: inline-block;margin: 5px;cursor: pointer;}
.MComp img{max-width: 30px !important; max-height: 30px !important;}
.MComp img:hover {max-width: 30px !important; max-height: 30px !important; opacity:0.7;}
/* Descripción */
#MDescr{margin-top: 30px; clear:both;}
#PCaptions{border-bottom: solid 1px;}
#Pestanas{clear: both; display: block;border:1px solid;border-top:none;padding: 5px;}
#MArtLDesc{/*white-space: pre-wrap; text-align:justify;*/ word-break: break-word;}
#MRel{margin-top: 30px;}
#MRelName{margin: 15px 0px; font-weight: bold; font-size:14px;}
.PCap{font-weight:normal; display: inline-block;float: left;border: 1px solid;border-bottom: none;padding: 1%;width: 15%; cursor: pointer;position: relative;top: 1;}
.PCap.Active{font-weight: bold; border-bottom: none;}
.Pestana{margin: 15px;display: none;}
.Pestana.Active{display: inherit;}
.AtribCap{display: inline-block; width: 20%; margin: 1%;font-weight: bold;}
.AtribVal{display: inline-block; width: 70%; margin: 1%;}
/* Carrito */
#CartSpace{background-color: #FFFFFF;}
#CartSpace .ControlPanel{display: block;}
#MCArt{display: block;clear: both;margin-top: 20px;}
#MCArtH{border-bottom: 1px;border-bottom-style: solid;}
#MCMsg{margin-top:10px; font-size:11px;}
#MCTotal{float: right; margin-top: 50px; margin-bottom: 40px; font-size: 16px; font-weight: bold; width: 150px; text-align: center; height: 40px; line-height: 40px;}
#CArtMsg{border: 1px solid #CCCCCC;margin-top: 10px;margin-bottom: 10px; padding-left: 10px; text-align: left; padding-right:10px;background-color: rgb(234,234,234);}
#CArtMsgT.Warn{padding-left: 50px;padding-top: 10px;padding-bottom: 10px; font-style: italic;color: rgb(255, 0, 0);font-size: 0,8em;background: url('stimg/warning.png') no-repeat left center; }
#CArtMsgT.Info{padding-left: 50px;padding-top: 10px;padding-bottom: 10px; font-style: italic;font-size: 0,8em;background: url('stimg/exito.png') no-repeat left center; }
#NoHay{text-align: center;margin-top: 10px;margin-bottom: 50px; border:1px solid;padding: 50px; color: red;}
/**** Compartir Carrito ****/
#TxtCartComp{font-weight: bold; margin-bottom: 5px; display:none;}
#CartCompartir{margin-top: 20px; float:left;}
#EmaComp{font-size: 1em; font-weight: normal; height: 20px; padding: 5px; width: 300px; display:none; margin-bottom: 10px;}
#TxtCartError{display:none; color:red; margin-bottom: 10px;}
#BtnEmaComp {float:none; margin-top:0px;}
#BtnEmaEnv {float:none; display:none; margin-top:0px;}
/* Mensaje Compartir*/
#FondoComp{background-color: rgba(33,41,52,.85); width: 100%; height: 100%; position: fixed; top: 0; z-index: 999; font-family:Arial, Helvetica, sans-serif;}
#TxtCompFondo{color: #444; text-align: justify; font-size: 14px;}
#AcepComp{color: white !important; padding: 20px 10px; cursor: pointer; font-size: 14px; background-color: grey !important; margin: auto; width: 250px; box-shadow: 0 1px 1px 0 rgba(0,0,0,.2); font-weight: bold; border-radius: 3px; margin-bottom: 20px;}
#TCompPrin{font-size: 34px; font-weight: bold; text-align: center; margin-top: 60px; line-height:55px}
#AceptarComp{display: block; margin-top: 160px; text-align: center;}
/****/
.MCArtHC{font-size: 0.9em; font-weight: bold;margin: 10px; display: inline-block;}
.MCArtBl{border-bottom: 1px;border-bottom-style: solid;}
.MCArtLine{margin-bottom: 15px;}
.ArtLine a{text-decoration: none;}
.ArtLine{display: inline-block;margin:10px;vertical-align:top;}
.MCArtImg img{max-width: 100px;max-height: 100px;margin:auto;}
.ArtCod{font-size: 11px;}
.AcnInp{width: 75px;height: 25px; vertical-align:top;font-size: 1em;border: none;text-align: right;padding-right: 10px;}
.ArtCant img{margin: auto;vertical-align:top;}
.MCArtTalla{text-align:right;}
.MCArtCant img{padding-top: 5px; padding-left:0px;}
.CArtMsg{border: 1px solid #CCCCCC;margin-top: 10px;margin-bottom: 10px; padding-left: 10px;}
.CArtMsgT.Warn{padding-left: 50px;padding-top: 10px;padding-bottom: 10px; font-style: italic;color: rgb(255, 0, 0);font-size: 0,8em;background: url('stimg/warning.png') no-repeat left center; }
.CArtMsgT.Info{padding-left: 50px;padding-top: 10px;padding-bottom: 10px; font-style: italic;font-size: 12px;background: url('stimg/exito.png') no-repeat left center; }
.ImgCol{display: inline-block;vertical-align: top;margin-top: 7px;}
/* Noticia */
#PTitle{font-size: 1.2em; font-weight: bold;background-color: #FFFFFF; color:#444; margin-top:5px; margin-bottom:20px;}
#PFecha{display: inline-block;margin: 10px;font-size: 12px;}
#PAutor{display: inline-block;margin: 10px;font-size: 12px;}
#PImage{max-width: 50%; float: left;margin: 10px;margin-right: 20px;}
#PText{background-color: #FFFFFF; width: 100%; white-space: pre-wrap;}
#PText .PCont{display: inline-block; vertical-align: top; text-align:justify;}
#PText .PText{display: inline-block; vertical-align: top;margin-bottom: 20px; text-align:justify; word-break:break-word;}
#PText .PImage{display: inline-block; vertical-align: top;margin-bottom: 20px; text-align:justify;}
#PText .PVideo{display: inline-block; vertical-align: top;margin-bottom: 20px; text-align:justify;}
.PImage img{border: solid 1px;}
/* Noticias */
#NPag{clear: both; display: block;margin: 10px;}
#BNImg{width: 100%; height: auto; padding-bottom: 5%;}
#BNLinea{border:1px solid rgb(234, 234,234); margin: 10px 5px;}
.NLead{display: block; margin: 1%;width: 42%;height: 300px; border: 1px solid rgb(234, 234, 234);float: left; padding: 2% 2%;}
.NImg{width: 260px; height: 185px; text-align: center; padding-bottom:4%; margin:0px auto;}
.NImg img{max-width: 260px; max-height: 185px;}
.NSTit{font-size: 12px;}
.NFecha{float: left;}
.NAutor{float: right;}
.NTit{clear: both;font-size: 1.2em;font-weight: bold; margin-bottom: 5px;}
.NEntr{margin-bottom:5px; height: 50px;word-wrap: break-word;}
.Nurl{font-size: 12px;font-style: italic;text-decoration: underline;float: right;}
.BNotic{margin-left: 20px; margin-right: 20px;}
.BNotic a{text-decoration: none;}
.BNFecha{font-size: 10px; text-decoration: none;}
.BNTitulo{font-weight: bold; font-size: 13px;}
.BNEntradilla{color:black; font-size:11px;}
.BNImagen{ width: 80%; height: auto; margin: 0px auto;}
/* Account */
#BlockDesconect{display: none;padding: 40px;}
#LogIn{display:none;}
#NewUser{display:none;}
#UserData{display:none;}
#DeseoFactura{display:none;}
#DeseoDirFactura{display:none;}
#DirFactura{display: none;}
#DirEntrega{display: none;}
#Direcciones{display: none;}
#BtnContinuarAc{display: none;}
#BtnGuardarAc{display: none;}
#CbCntExist{display: none;}
#IBSelDir, #IBSelFDir{display: none;}
#CCPlazo, #Plazo{display: inline-block;}
#PassMessage{display: none;}
#PassBlock{display: none;}
#CntReg{display: none;}
#DPCuentaExiste{display: none;}
#ChangePass{display: none;}
#LoginData, #NewPass{padding: 40px; margin-top:20px;}
#DatosPerson, #DirEntrega, #DeseoFactura, #DirFactura, #UDFooter, #UDTop, #DeseoDirFactura, #Direcciones{padding: 40px;padding-top: 0px;padding-bottom: 30px;}
#DatosPerson .InputBlock input{font-size: 1em;font-weight: normal; height: 30px;padding: 5px;}
#DirEntrega .InputBlock input{font-size: 1em;font-weight: normal; height: 30px;padding: 5px;}
#DirFactura .InputBlock input{font-size: 1em;font-weight: normal; height: 30px;padding: 5px;}
#Direcciones .InputBlock input{font-size: 1em;font-weight: normal; height: 30px;padding: 5px;}
#UDFooter .InputBlock input{font-size: 1em;font-weight: normal; height: 30px;padding: 5px;}
#DatosPerson .InputBlock.Error input{border-color: red !important;}
#DirEntrega .InputBlock.Error input{border-color: red !important;}
#DirFactura .InputBlock.Error input{border-color: red !important;}
#Direcciones .InputBlock.Error input{border-color: red !important;}
#Direcciones .InputBlock.Error .DespVal{border-color: red !important;}
#DirEntrega .InputBlock.Error .DespVal{border-color: red !important;}
#DirFactura .InputBlock.Error .DespVal{border-color: red !important;}
#UDFooter .InputBlock.Error input{border-color: red !important;}
#BtnName{display: inline-block;}
#ResCart{margin-top: 10px;margin-bottom: 10px;}
#CliData .head, #CliData .data{padding: 10px;}
#LinFpago{width: 290px; background-color: RGB(235,235,235); padding:10px;}
#LinFpagoL{margin:5px;}
.AccMessage{display: none; margin-top: 15px;}
.AccMessage.Warn{min-height: 30px; color: #ff0000; font-size:16px; margin-bottom:10px;}
.AccMessage.Info{min-height: 30px;}
.AccMessage.Success{min-height: 30px; padding-left: 40px; background-image:url('stimg/exito.png');background-repeat: no-repeat;background-position: left top;vertical-align: middle}
.MsgConf{text-align:center; font-weight:bold; letter-spacing:1px; color:green; margin-bottom: 20px;}
.MsgConfB{text-align:center; font-weight:bold; letter-spacing:1px; color:red; margin-bottom: 20px;}
.AccCtrl{display: inline-block;padding-bottom: 20px;padding-top: 20px;width: 33%;text-align: center;font-size: 18px;}
.AccCtrlx2{display: inline-block;padding-bottom: 20px;padding-top: 20px;width: 49%;text-align: center;font-size: 18px;}
.InsCampo{display: inline-block;}
.InputBlock {width: 450px;margin-bottom: 20px;float: left;}
.InputBlock .Caption{font-weight: normal; display: inline-block;float: left; padding-top:10px;}
.InputBlock .Vital{display: inline-block;float: left;margin-left: 5px;width: 140px; padding-top:10px;}
.InputBlock input{width: 300px;height: 30px;padding: 5px;border: solid 1px ;margin-top: 5px;font-size: 1em;}
.InputError{border-color:red !important;}
.InputBlock .DespItems{width: 310px;margin: 1px;max-height: 300px; margin-left: 5px;}
.InputBlock .DespItem{text-align: left;padding: 5px;}
.InputBlock .DespVal{ background:rgb(234, 234, 234) url('stimg/up_down.png') no-repeat right; padding-right: 15px;margin-right: 5px;cursor: pointer;clear: both;width: 291px;height: 20px;border: 1px solid rgb(234, 234, 234); padding-left:5px; padding-top:5px; padding-bottom:5px; margin-left: 5px;}
.CheckBlock{margin: 5px;}
.Codigo, .ArtNm, .Cantidad, .Precio, .Subtotal{display: inline-block;width: 19%;padding: 0.5%;}
.Codigo{width: 18%;}
.ArtNm{width: 35%;}
.Cantidad{width: 8%;padding-right: 3%;text-align: right;}
.Precio, .Subtotal{width: 13%;padding-right: 3%;text-align: right;}
.CLine{display: block;border-bottom:solid 1px;}
.ResC, .ResV{display: inline-block;text-align: right;padding-top: 5px;padding-bottom: 5px;background-color: rgb(234, 234, 234);border:solid 1px;}
.ResC{width: 40%;padding-right: 4%;text-align: right;}
.ResV{width: 13%;padding-right: 3%;text-align: right;float: right;}
.ResHead{padding: 10px;font-weight: bold;}
.ResHead div{display: inline-block;margin-right: 10px;}
.BlockCaption{font-weight: bolder; font-size: 14px; margin: 20px 0px;}
.Bloquex2{width:100% !important;}
.Information{font-size:11px; margin-left:8px;}
/* Mis compras */
.TitDocu{display: inline; border: 1px solid #DCDCDC; padding: 20px 60px; background-color: #F5F5F5; font-weight: bold; cursor:pointer; border-radius:5px; text-align: center;}
.MisDocu{margin-top: 30px; background-color: #FFFFFF;}
/* Compras */
#TabTableCDat{width: 100%; max-width: 100%;border-collapse: collapse; border-style: groove; border-color: #DCDCDC; border: 1px solid #DCDCDC;}
#TrCTit{background-color: #E0E4E9;}
#TrCLinP{text-align:center;}
#TrCLinI{text-align:center; background-color:#F5F5F5}
#DivMasCom{text-align: center; height: 20px; border: 1px solid #DCDCDC; background-color: rgb(234, 234, 234); font-size: 11px; cursor: pointer;}
/* Facturas */
#TabTableFDat{width: 100%; max-width: 100%;border-collapse: collapse; border-style: groove; border-color: #DCDCDC; border: 1px solid #DCDCDC;}
#TrFTit{background-color: #E0E4E9;}
#TrFLinP{text-align:center;}
#TrFLinI{text-align:center; background-color:#F5F5F5}
#DivMasFac{text-align: center; height: 20px; border: 1px solid #DCDCDC; background-color: rgb(234, 234, 234); font-size: 11px; cursor: pointer;}
/* Vencimientos */
#TabTableMDat{width: 100%; max-width: 100%;border-collapse: collapse; border-style: groove; border-color: #DCDCDC; border: 1px solid #DCDCDC;}
#TrVTit{background-color: #E0E4E9;}
#TrVLinP{text-align:center;}
#TrVLinI{text-align:center; background-color:#F5F5F5}
#DivMasVen{text-align: center; height: 20px; border: 1px solid #DCDCDC; background-color: rgb(234, 234, 234); font-size: 11px; cursor: pointer;}
/* Transporte */
#TranspTab{margin-top: 40px;}
#MTransport, #MPago{padding: 20px 30px; margin: 20px;}
.TranspLine, .FPago{float: left; width: 18%; margin: 0px 10px;}
.TrLine {display: inline-block;vertical-align: middle;}
.TrName, .TrType, .FPName, .FPType{max-width:200px; width:100%; word-break: break-word; line-height:30px;}
.TrCoste, .FPCoste{max-width:200px; width:80%; word-break: break-word; margin-left:5px;}
.TrSel, .FPSelBl{max-width:200px; float:left;}
.TrImage img,.FPImg img{max-width: 200px; width: 100%;}
.TrImage, .FPImg{width: 50%; margin: 5%;}
/* Forma de pago */
#Confirm{display:block; float:left; padding-top: 10px; text-align:left;}
#ConfirmL{display:block; float:left;}
#ConfirmP{display:block; float:left; padding: 15px 0px;}
#ConfirmF{display:block; float:left; padding-left:40px;}
.Message{margin-top: 20px;margin-bottom: 20px;}
.MessageE{margin-bottom: 20px; font-size:15px; font-weight:bold;}
.Message.Warn{min-height: 30px; padding-left: 50px; background-image:url('stimg/warning.png');background-repeat: no-repeat;background-position: left top;vertical-align: middle}
.Message.Info{min-height: 30px; padding-left: 50px; background-image:url('stimg/info.png');background-repeat: no-repeat;background-position: left top;vertical-align: middle}
.Message.Success{min-height: 30px; padding-left: 50px; background-image:url('stimg/exito.png');background-repeat: no-repeat;background-position: left top;vertical-align: middle}
/* Resumen */
#ResCart{margin-top: 10px;margin-bottom: 10px;}
#Resumen{margin-top: 20px;margin-bottom: 20px;}
#CliData .head, #CliData .data{padding: 10px;}
#PFConfUrl{margin: 5px;}
#PolPriUrl{margin-bottom: 20px;}
/* Mensage confirmación crear pedido */
.Message .PTitle{font-size: 1.2em;font-weight: bold;}
/* Contrarreembolso */
#Mtb1, #Mtb2{display: none;}
/* Transferencia bancaria */
#Mtb .Message{display: none;}
/* Gracias */
.ResOk{text-align: center; margin-bottom: 20px;}
.ResImg{max-width: 300px;max-height: 300px; padding-bottom:20px;}
/* Buscador */
#BBImg{width:100%; padding-top: 5px;}
#ContenedorBuscador{display: block;margin-top: 80px;margin-bottom: 20px;}
.BCLine div{display:block; position:relative; float:left;}
.BCLine{display: block;border-bottom:solid 1px; margin: 5px; height:115px; border-bottom-color:RGB(224,224,224)}
.BBImage{width:100px; height:100px;}
.BBTitulo{padding-top:10px; width:70%; padding-left:10px;}
.BBTitulo a{color: black !important; font-weight: bold;}
.BBTexto{padding-top:10px; word-wrap: break-word; word-break: break-word;}
.BBAbrir{position: relative; float:right !important; width:10%; text-align: center;}
/* Pedido */
#MsgRepPedNo{display: block;position: absolute;border: 1px solid;padding: 10px;margin-left: 10px;}
.DPedNum{width: 25%;}
.DFecha{width: 20%;}
.DEstado{width: 30%;}
.DFactura{width: 10%;}
.DRepetir{width: 10%;}
/* Contacto - GMAPS Samuel 14/07/2017 */
#CntInfo{ width: 100%; font-size: 1em; font-weight: normal;padding: 5px;}
#map iframe{width:100%; height: 450px;}
#map {height: 50%; margin: 100px;}
#ContacteConNosotros{text-align: center; font-size: 30px; margin-top: 5%; color: RGB(42,74,105) !important;}
.CFormLine{margin: 10px;}
.CFCap{display: inline-block;width: 200px;vertical-align: top;}
.CFormLine input{width: 300px; height: 20px;border: 1px solid rgb(220,220,220);font-size: 1em;padding-left:5px;}
.CFormMsg div{display: none;margin: 20px;}
.ContenedorPanelInfo {width: 100%!important; margin: auto; display: flex; flex-direction: row-reverse; min-height: 100%; margin-top: 10px; margin-bottom: 20px; padding: 2% 5%; margin-top: 40px; }
.PanelTextIzq1{flex: 2; padding-left: 10%;}
.PanelTextDer2{flex: 3;}
.PanelTextDer2 input{width: 98%; height: 20px;border: 1px solid rgb(220,220,220);font-size: 1em;padding:10px;}
/* Menu-mov */
#MainMenuMov{display: none;}
.MenuMov{display:none;}
/* PolÃtica de Cookie */
#FondoCook{background-color: rgba(33,41,52,.85); width: 100%; height: 100%; position: fixed; top: 0; z-index: 9999; font-family:Arial, Helvetica, sans-serif;}
#Cookie{color: #444; text-align: justify; font-size: 14px;}
#TCookPrin{font-size: 34px; font-weight: bold; text-align: center; margin-top: 35px;}
#TitleCook{font-size: 18px; font-weight: bold; padding: 11px 45px; margin-top: 20px;}
#CookTex{padding: 0px 45px; line-height: 1.5;}
#AceptarPol{display: block; margin-top: 30px; text-align: center;}
#Acep{color: white !important; padding: 20px 10px; cursor: pointer; font-size: 14px; background-color: grey !important; margin: auto; width: 250px; box-shadow: 0 1px 1px 0 rgba(0,0,0,.2); font-weight: bold; border-radius: 3px;}
#LinkPolCook{padding: 10px; cursor: pointer; margin: 10px auto; width: 200px; margin-top: 20px;}
#TabPolCookie{width:100%; font-size: 12px;}
#TabPolCookie th{padding: 5px; border-bottom: 1px solid black; border-bottom-style:dotted;}
#TabPolCookie td{padding: 5px; width: 50%;}
#ATabPolCook{font-size:11px;}
/*Boton*/
.CntBto {width: 150px; height: 35px; outline: none; font-size: 12px; float: right; cursor: pointer; margin-top:10px; border-color:white !important;}
.CntSel {background: rgb(234, 234, 234); padding-right: 15px; margin-right: 5px; cursor: pointer; clear: both; width: 313px; height: 40px; border: 1px solid rgb(234, 234, 234); padding-left: 5px; padding-top: 5px; padding-bottom: 5px; margin-top: 5px; border-color:white !important;}
.BtnAtr {width: 150px; height: 35px; outline: none; font-size: 12px; float: left; cursor: pointer; margin-top:10px; background-color:gray!important; border-color: white!important; color: white;}
.CFPanel{margin-left:10px;}
#PFConfUrl{text-decoration: inherit; margin-left: 0px}
#PdfDoc{min-height: 1200px;}
.DesplegableA{
background: rgb(234, 234, 234);
padding-right: 15px;
margin-right: 5px;
cursor: pointer;
clear: both;
border: 1px solid rgb(234, 234, 234);
padding-left: 5px;
padding-top: 5px;
padding-bottom: 5px;
margin-left: 4px;
}
.oerror{color: red; margin-left: 10px; font-size: 11px;}
/*Off*/
#BodOff{margin: 0px auto; height:800px; width: 800px; text-align: center; padding-top: 20px;}
#BlockOff{padding-top:30px;}
#TitleOff{font-size: 20px; font-weight: bold;}
#TextOff{font-size: 14px; padding-top: 10px;}
#BlockText{padding-top:20px;}
#ButtonsOff{margin-top:30px; text-align:center;}
#ButtonsObr{margin-top:30px; text-align:center; display:none;}
#BtnAtrasOff{float:none;}
#AlertMsg{text-align: center; padding: 40px 20px; font-size: 14px;}
/*Polcookie*/
#TextoCook{margin:40px; text-align:justify;}
/* Tabla de tallas */
#MDFondoCol{display:none; height:100%; width:100%; background:black; opacity:0.70; top: 0; left: 0; right: 0; float: left; position: fixed;}
#MDFondo{display:none; position:fixed; float:left; top:0; left:0;height:100%; width:100%; right: 0; overflow: auto;}
#MDTabTal{clear: both; padding-top: 10px;}
#MDCerrar{position: absolute; left: 560px; top: 2px; cursor: default; font-weight: bold; font-size: 15px;}
#MTablaTal{padding-top: 20px;}
#MTabTal{background: white; position: absolute; border-radius: 10px; border: 2px solid lightgray;}
#TitTabTal{background: linear-gradient(to bottom,#f8f8f8,#eee); box-shadow: 0 1px 0 rgba(255,255,255,.5) inset; border-color: #e7e7e7; border-bottom: 1px solid #ddd; min-width: 100px; text-align: center; font-weight: bold;}
#TitTabLin{background-color: #f6f6f6; min-width: 100px; text-align: center;}
/*****/
/*Filtros*/
#FiltroAtr{width:100%; display:block;}
#BlockParam{width:100%;}
#BlockLParam{clear:both; padding:5px; background-color: #F5F5F5;}
#TitAtr{font-weight: bold; font-size: 14px;}
#BotAtr{width: 110px; height: 35px; font-size: 12px; cursor: pointer; background-color: gray!important; border-color: white!important;outline: none; margin-bottom: 5px;}
#BotBorF{width: 110px; height: 35px; font-size: 12px; cursor: pointer; background-color: gray!important; border-color: white!important;outline: none; margin-bottom: 5px; margin-left: 15px;}
#BotAtrF{width: 110px; height: 35px; font-size: 12px; cursor: pointer; background-color: gray!important; border-color: white!important;outline: none; margin-bottom: 5px;}
#BotMostrarF{width: 110px; height: 35px; font-size: 12px; cursor: pointer; background-color: gray!important; border-color: white!important;outline: none; margin-bottom: 5px;}
#BotOcultarF{width: 110px; height: 35px; font-size: 12px; cursor: pointer; background-color: gray!important; border-color: white!important;outline: none; margin-bottom: 5px;}
#BotBor{width: 110px; height: 35px; font-size: 12px; cursor: pointer; /*margin-left: 15px;*/ background-color: gray !important; border-color:white !important;outline: none; margin-bottom: 5px;display: inline-flex;}
#BotBorElim{width: 110px; height: 35px; font-size: 12px; cursor: pointer; margin-left: 15px; background-color: gray !important; border-color:white !important;outline: none; margin-bottom: 5px;display: inline-flex;}
#BlockLParamOpt{display: block; float: left; margin: 20px 0px; margin-right: 20px; height: 178px;}
#BlockBackCol{display: block; float: left; padding-left: 10px; padding-bottom: 10px; background-color: #F5F5F5 !important; width: 99%;}
#RecalcFilMsg{font-weight: bold; margin-left: 20px; color: #3366BB; font-size: 14px; display:none;}
.BlockTit{background-color:#E0E4E9 !important;}
.CntSelAtr{min-width:100px; height:150px; margin-top:5px;}
.NomAtr{font-weight:bold;}
.ResAtr{cursor:pointer; display:none; color:#3366BB;}
#BotAtr:hover, #BotBor:hover, #BotBorElim:hover {background-color: rgb(99,99,99)!important}
/*FiltrosMov*/
#BlockParamMov{width:100%; background-color: #F5F5F5;}
#BlockLParamMov{clear:both; padding:5px;}
#TitAtrMov{font-weight: bold; font-size: 14px;}
#BotAtrMov{width: 110px; height: 35px; font-size: 12px; cursor: pointer; border-color:white!important; background-color: gray!important; outline: none; margin-bottom: 5px;}
#BotBorMov{width: 110px; height: 35px; font-size: 12px; cursor: pointer; background-color: gray !important; border-color:white !important;outline: none; margin-bottom: 5px;}
#BotBorMovElim{width: 110px; height: 35px; font-size: 12px; cursor: pointer; margin-left: 15px; background-color: gray !important; border-color:white !important;outline: none; margin-bottom: 5px;}
#BlockLParamOptMov{display: block; margin-top: 20px; border: 1px solid lightgray; padding-bottom: 5px; overflow:hidden;}
#BlockBackColMov{display: block; margin:10px; margin-bottom: 10px;}
#DivCheBlo{height: 30px; width: 100%;}
#BlockVerMas{height: 20px; border: 1px solid #DCDCDC; background-color: rgb(234, 234, 234); padding-left: 10px; font-size: 11px;}
.CntSelAtrMov{margin-top:10px; -ms-transform: initial !important; -moz-transform: initial!important; -webkit-transform: initial !important; -o-transform: initial !important; margin-right: 5px !important; margin-left: 5px;}
.BlockTitMov{background-color:#E0E4E9;}
.NomAtrMov{font-weight:bold; padding:5px; background-color: lightgrey; color: #444;}
.ResAtrMov{cursor:pointer; display:none; color:#3366BB; margin-left: 5px; margin-top: 10px;}
/* Boton Tipo Filtro */
#BlocTFil{width: 100%; text-align: right; margin: 10px 0px; height:35px;}
#BlocEst{width:110px;}
#BlocDet{margin-left:5px; width:110px;}
#BlocMos{width:110px;}
#BlocOcu{width:110px;}
#BlocEst a{height: 35px; display: block; background: url(../images/misc/btn_estandar.png) 0 0 no-repeat ;}
#BlocEst a:hover{height: 35px; display: block; background: url(../images/misc/btn_estandar.png) 0 -35px no-repeat ;}
#BlocDet a{height: 35px; display: block; background: url(../images/misc/btn_detallada.png) 0 0 no-repeat ;}
#BlocDet a:hover{height: 35px; display: block; background: url(../images/misc/btn_detallada.png) 0 -35px no-repeat ;}
#BlocMos a{height: 35px; display: block; background: url(../images/misc/mostrar.png) 0 0 no-repeat ;}
#BlocMos a:hover{height: 35px; display: block; background: url(../images/misc/mostrar.png) 0 -35px no-repeat ;}
#BlocOcu a{height: 35px; display: block; background: url(../images/misc/ocultar.png) 0 0 no-repeat ;}
#BlocOcu a:hover{height: 35px; display: block; background: url(../images/misc/ocultar.png) 0 -35px no-repeat ;}
.BlocTFilC{display: inline; float:right;}
.BlocTFilM{float:left;}
/* Caracteristicas Articulo */
#TitCarac{background-color: #E0E4E9; font-weight: bold; padding: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; text-align:center;}
#MCarac{margin-top: 40px; width: 45%; float: left; margin-bottom: 40px;}
#TdArt{padding:5px; width:50%; padding-left: 10px;}
#TrTitArtImp{background-color: #F5F5F5;}
.TdTitArt{font-weight: bold;}
/* Documentos Articulo */
#TitDoc{background-color: #E0E4E9; font-weight: bold; padding: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; text-align:center;}
#MDoc{margin-top: 40px; width: 45%; float: right; margin-bottom: 40px;}
#TdArtDoc{width:100%; padding: 0px 20px;}
#TrTitArtImpDoc{background-color: #F5F5F5;}
#TabImgPriArt{display:inline;}
#TabPDFArtArt{display:inline;}
#TabDivPriArt{height: 20px; margin: 10px;}
#TabPDFArtArt a{color:black !important;}
.TdTitArtDoc{font-weight: bold;}
/* Atributos Movil */
#TitMov{background-color: #E0E4E9; font-weight: bold; padding: 5px; text-align:center;font-size: 12px;}
#MMov{margin-top: 40px; width: 45%; float: right; margin-bottom: 40px;}
#TdArtMov{padding:5px; width:50%; padding-left: 10px;}
#TrTitArtImpMov{background-color: #F5F5F5;}
.TdTitArtMov{font-weight: bold;}
/* Articulo.html */
#BodArtHtml{background: #F1F1F1; font-family:Arial, Helvetica, sans-serif; list-style:none; width:600px !important; margin:0px auto; font-size: 12px; color: #444;}
#BodHtmlArt{background: #FFF; padding: 50px 60px 30px; box-shadow: 0 1px 2px rgba(0,0,0,.1); margin-top: 5%;}
#LogTitHtml{text-align: center;}
#LogTitImg{max-height: 100px;}
#TitArtHtml{text-align: center; margin-top: 30px; border-bottom: 1px solid #e2e2e2; padding-bottom: 10px;}
#NomTitHtml{font-size: 22px; font-weight: 500; line-height: 120%;}
#InfArtHtml{padding-bottom:40px; padding-top:50px; clear:both;}
#ImgImgHtml{text-align:center;}
#ImgArtHtml{max-width: 200px !important; max-height: 200px !important;}
#DatArtHtml{height: 150px; border-bottom: 1px solid #e2e2e2; padding-bottom: 15px;}
#NomArtHtml{font-size: 20px; height: 30px; margin-top:30px;}
#CodArtHtml{height: 30px;}
#PriArtHtml{font-size: 17px;}
#BtnArtHtml{font-size: 13px; cursor: pointer; margin-top: 20px; float: right; background-color: #f2f2f2; border: 1px solid #555; border-radius: 3px; padding: 8px 38px;}
#BtnArtHtml:hover{background-color:#777; color:white;}
#DivBtnArt{float:left;}
#IVAArtHtml{font-size: 12px;}
#DesArtHtml{padding-top: 20px; clear:both;}
#TitDesArt{font-size: 15px; font-weight: bold;}
#DesDesArt{margin-top:15px;}
#FooArtHtml{display:block !important;}
#CopArtHtml{text-align:center; color: gray; font-size: 11px;}
#CopArtHtml a{color: gray; font-size: 11px;}
#LinkCompHtml{text-decoration:none; color: #555;}
/* Familias - Articulos Content */
#Blcfam{text-align: center; padding: 20px; height: 175px; margin: 20px auto; border: 1px solid #999;}
#TxtBlcFam{margin-top: 10px;}
#TxtBlcFam a{color:#444 !important;}
#ImgBlcFamImg{max-width: 140px !important; max-height: 140px !important;}
#ImgBlcFamDiv{height:150px;}
#TitBlcFam{text-align: center; margin-top: 30px; border-bottom: 1px solid #e2e2e2; padding-bottom: 10px;}
#NomBlcFam{font-size: 22px; font-weight: 500; line-height: 120%;}
#CopBlcFam{text-align:center; color: gray; font-size: 11px;}
#CopBlcFam a{color: gray !important; font-size: 11px;}
#LinkSeo{text-align:center; color: #444 !important;}
#BtnLinkSeo{font-size: 13px; cursor: pointer; background-color: #f2f2f2; border: 1px solid #555; border-radius: 3px; padding: 8px 38px; width: 200px; margin: 15px auto;}
#LogSeo{text-align: center; margin-top: 80px;}
#PagWhite{background: white; height: 100%; width: 100%; z-index: 999999; position: fixed;}
/* GMAPS Samuel 14/07/2017*/
#map {
height: 50%;
margin: 100px;
}
@media print{
#LPanel{display: none}
#RPanel{display: none}
#CPanel{margin-top: 20px;}
#HPanel{display: none;}
#banner{display: none}
#bar{display: none}
#ftsection{display: none}
#Buscador, #MArtAppend, #MArtComp{display: none;}
#Pestana1, #Pestana3{display: inherit;}
#Pestana2{display: none;}
#Breadcrumbs{display: none;}
#MRel{display: none;}
.MComp{display: none;}
}
@-webkit-keyframes girando {
from { -webkit-transform: rotateZ(-360deg);}
to { -webkit-transform: rotateZ(0deg);}
}
@-moz-keyframes girando {
from { -moz-transform: rotateZ(-360deg);}
to { -moz-transform: rotateZ(0deg);}
}
@keyframes girando{
from { transform: rotateZ(-360deg);}
to { transform: rotateZ(0deg);}
}
@-o-keyframes girando {
from { -o-transform: rotateZ(-360deg);}
to { -o-transform: rotateZ(0deg);}
}
@-ms-keyframes girando {
from { -ms-transform: rotateZ(-360deg);}
to { -ms-transform: rotateZ(0deg);}
}
.loaddoc{
animation: animationFrames ease 3s;
animation-iteration-count: 1;
transform-origin: 50% 50%;
animation-fill-mode:forwards; /*when the spec is finished*/
-webkit-animation: animationFrames ease 3s;
-webkit-animation-iteration-count: 1;
-webkit-transform-origin: 50% 50%;
-webkit-animation-fill-mode:forwards; /*Chrome 16+, Safari 4+*/
-moz-animation: animationFrames ease 3s;
-moz-animation-iteration-count: 1;
-moz-transform-origin: 50% 50%;
-moz-animation-fill-mode:forwards; /*FF 5+*/
-o-animation: animationFrames ease 3s;
-o-animation-iteration-count: 1;
-o-transform-origin: 50% 50%;
-o-animation-fill-mode:forwards; /*Not implemented yet*/
-ms-animation: animationFrames ease 3s;
-ms-animation-iteration-count: 1;
-ms-transform-origin: 50% 50%;
-ms-animation-fill-mode:forwards; /*IE 10+*/
}
@keyframes animationFrames{
0% {
opacity:0;
transform: scaleX(1.00) scaleY(1.00) ;
}
100% {
opacity:1;
transform: scaleX(1.75) scaleY(1.75) ;
}
}
@-moz-keyframes animationFrames{
0% {
opacity:0;
-moz-transform: scaleX(1.00) scaleY(1.00) ;
}
100% {
opacity:1;
-moz-transform: scaleX(1.75) scaleY(1.75) ;
}
}
@-webkit-keyframes animationFrames {
0% {
opacity:0;
-webkit-transform: scaleX(1.00) scaleY(1.00) ;
}
100% {
opacity:1;
-webkit-transform: scaleX(1.75) scaleY(1.75) ;
}
}
@-o-keyframes animationFrames {
0% {
opacity:0;
-o-transform: scaleX(1.00) scaleY(1.00) ;
}
100% {
opacity:1;
-o-transform: scaleX(1.75) scaleY(1.75) ;
}
}
@-ms-keyframes animationFrames {
0% {
opacity:0;
-ms-transform: scaleX(1.00) scaleY(1.00) ;
}
100% {
opacity:1;
-ms-transform: scaleX(1.75) scaleY(1.75) ;
}
}
/* Aplicando Filtros */
#ContAtr{top: 45%; position: relative;}
#TextFilLoad{font-size: 20px; position: relative; color: #3399ff; text-align: center;}
.loadatr:before,
.loadatr:after,
.loadatr {
width: 1.2em;
height: 1.2em;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation: load7 1.8s infinite ease-in-out;
animation: load7 1.8s infinite ease-in-out;
}
.loadatr {
margin: 0px auto;
position: relative;
text-indent: -9999em;
-webkit-animation-delay: 0.35s;
animation-delay: 0.35s;
}
.loadatr:before {
left: -3.5em;
}
.loadatr:after {
left: 3.5em;
-webkit-animation-delay: 0.70s;
animation-delay: 0.70s;
}
.loadatr:before,
.loadatr:after {
content: '';
position: absolute;
top: 0;
}
@-webkit-keyframes load7 {
0%,
80%,
100% {
box-shadow: 0 2.5em 0 -1.3em #3399ff;
}
40% {
box-shadow: 0 2.5em 0 0 #3399ff;
}
}
@keyframes load7 {
0%,
80%,
100% {
box-shadow: 0 2.5em 0 -1.3em #3399ff;
}
40% {
box-shadow: 0 2.5em 0 0 #3399ff;
}
}