@charset "utf-8";

img, object, embed, video {
	text-align: right;
/*	max-width: 100%;*/
}

html {
	font-family:Arial, Verdana;
	color:#666666;
	overflow-y:scroll;
}

body {
	margin:10px 10px 10px 10px;
}

hr {
	width:100%;
	border:0;
	height:0;
	border-top:0;
	border-bottom: 1px solid #cccccc;
}

/* Borde general */
#borde{
	padding:13px 13px 13px 13px;
}

/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	/*width:100%;*/
}

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		4;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	12;
	dw-gutter-percentage:	25;
	
*/

.fluid {
	clear: both;
	margin-left: 0;
	width: 100%;
	float: left;
	display: block;
}

.fluidList {
    list-style:none;
    list-style-image:none;
    margin:0;
    padding:0;        
}

/* ocultamos el checkbox */
.CheckboxArt {
    position:absolute;
    top:-100px;
}

.ScrollBandejas {
	overflow: auto;
	white-space: nowrap;
}

.TotCarrio {
	background-color:#639647;	
	text-align:center;
	font-size:12px;
	color:#fff;
	font-weight:bold;
}

/* inicio ventana CONFIRMA GUARDADO */
#GuardadoFondo {
	width:100%;
	height:1000px;
	top:0px;
	left:0px;
	position:fixed;
	z-index:400;
	overflow:no;
	background-color:#fff;
	filter:alpha(opacity=70)-moz-opacity:0.7;
	opacity:0.7;
}
#GuardadoVentana {
	width:90%;	
	position: fixed;
	top: 280px;
	left:50%;
	text-align:center;
	-ms-transform: translate(-50%,-50%); /* IE 9 */
	-webkit-transform: translate(-50%,-50%); /* Chrome, Safari, Opera */   
	transform: translate(-50%, -50%);
	z-index:401;
	overflow:auto;
	background-color:#fff;
	padding:15px 0px 23px 0px;
	border:solid 1px #2063c4;
	/*Redondeo esquinas*/
	 border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}
/* fin ventana CONFIRMA GUARDADO */
/* inicio ventana ENVIADNO PEDIDO*/
#EnviandoFondo {
	width:100%;
	height:1300px;
	top:0px;
	left:0px;
	position:fixed;
	z-index:400;
	overflow:no;
	background-color:#fff;
	filter:alpha(opacity=70)-moz-opacity:0.7;
	opacity:0.7;
}
#EnviandoVentana {
	width:90%;	
	position: fixed;
	top: 250px;
	left:50%;
	-ms-transform: translate(-50%,-50%); /* IE 9 */
	-webkit-transform: translate(-50%,-50%); /* Chrome, Safari, Opera */   
	transform: translate(-50%, -50%);
	z-index:401;
	overflow:auto;
	background-color:#fff;
	padding:15px 0px 23px 0px;
	border:solid 1px #2063c4;
	/*Redondeo esquinas*/
	 border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;	
}
/* inicio ventana ENVIADNO PEDIDO*/
/* inicio ventana NO TIENE NEGOCIADOS */
#NoNegoFondo {
	width:100%;
	height:1000px;
	top:0px;
	left:0px;
	position:fixed;
	z-index:400;
	overflow:no;
	background-color:#fff;
	filter:alpha(opacity=70)-moz-opacity:0.7;
	opacity:0.7;
}
#NoNegoVentana {
	width:90%;	
	position: fixed;
	top: 250px;
	left:50%;
	text-align:center;
	-ms-transform: translate(-50%,-50%); /* IE 9 */
	-webkit-transform: translate(-50%,-50%); /* Chrome, Safari, Opera */   
	transform: translate(-50%, -50%);
	z-index:401;
	overflow:auto;
	background-color:#fff;
	padding:15px 0px 23px 0px;
	border:solid 1px #E21416;
	/*Redondeo esquinas*/
	 border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}
/* fin ventana NO TIENE NEGOCIADOS */
/* inicio ventana FICHA ART. */
#FichaArtFondo {
	width:100%;
	height:1000px;
	top:0px;
	left:0px;
	position:fixed;
	z-index:400;
	overflow:no;
	background-color:#fff;
	filter:alpha(opacity=70)-moz-opacity:0.7;
	opacity:0.7;
}
#FichaArtVentana {
	width:90%;	
	position: relative;
	top: 200px;
	left:50%;
	text-align:center;
	-ms-transform: translate(-50%,-50%); /* IE 9 */
	-webkit-transform: translate(-50%,-50%); /* Chrome, Safari, Opera */   
	transform: translate(-50%, -50%);
	z-index:401;
	overflow:auto;
	background-color:#fff;
	padding:15px 0px 23px 0px;
	border:solid 1px #2063c4;
	/*Redondeo esquinas*/
	 border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}
/* fin ventana FICHA ART. */

.FontRecue{ 
	color:#E21416;
	font-size:13px;
	text-decoration:none;
}
.FontRecue a{ 
	color:#E21416;
	font-size:13px;
	text-decoration:none;
}
.FontRecue a:hover{
	color:#999;
	text-decoration:none;
}
.FontRecue a:active{
	color:#999;
	text-decoration:none;
}



.FontBusca a{ 
	color:#fff;
	font-size:12px;
	text-decoration:none;
}
.FontBusca a:hover{
	color:#ccc;
	text-decoration:none;
}
.FontBusca a:active{
	color:#ccc;
	text-decoration:none;
}

/* Fam. y sub. donde nos encontramos (titulo) */
.Fam_Sub{font-size:17px; color:#FFFFFF; background-color:#525252; height:41px; padding-left:5px;}
.Fam_Sub a{ color:#FFFFFF; text-decoration:underline; }
.Fam_Sub a:hover{ color:#FCBCBC; text-decoration:none; }
.Fam_Sub a:active{ color:#FCBCBC; text-decoration:none; }

/* boton filtro */
.BtnFil {
     display: table-cell;
 } 
.BtnFil a {
     display:table-cell;
     background-color:#2BA659;
     text-decoration:none;
     text-align:center;
     font-size:14px;
     /*width:300px;*/
     color:#ffffff;
     padding:10px;
     cursor:pointer;
	 border-radius: 3px;
 } 
.BtnFil a:hover {
    background-color:#666666;
 }





/* ********* Movil: 500px para abajo. ******** */  
	input, select{
		font-size:11px;
		height:25px;
	}
	input, text{
		font-size:11px;
		height:20px;
	}
	.gridContainer {
		margin-left: auto;
		margin-right: auto;
		width: 100%;
		clear: none;
		float: none;
	}
	.header {
		background-color:#19488f;
		font-size:11px;
		color:#CCCCCC;
		margin-bottom:10px;		
	}
	/* División en una columna */
	#columna {
		width: 100%;
		margin-bottom:10px;
	}
	/* División en dos columnas */
	#columna1 {
		width: 100%;
		margin-top:10px;
		margin-bottom:0;
		padding-bottom:0;
	}
	#columna2 {
		width: 100%;
		clear: both;
		margin-top:0;
		padding-top:0;
	}
	#DosColLogo1 {
		width: 100%;
		text-align:center;
		margin-top:10px;
		margin-bottom:0;
		padding-bottom:0;		
	}
	#DosColLogo2 {
		width: 100%;
		clear: both;
		text-align:center;
		margin-top:0;
		padding-top:0;
		padding-bottom:10px;
	}
	#DosColfSum1 {
		width: 200px;
		text-align:center;
		margin-left:10px;
		margin-top:0;
		padding-top:0;		
	}
	#DosColfSum2 {
		width: 300px;
		clear: both;
		text-align:center;
		margin-left:10px;
		margin-top:0;
		padding-top:0;
	}
	#CabCol1 {
		width: 100%;
		margin-top:0px;
		margin-bottom:0;
		padding-bottom:0;
	}
	#CabCol2 {
		/*width: Calc(100% - 20px);*/
		width: 100%;
		clear: both;
		margin-top:0;
		padding-top:0;
		text-align:right;
		background-color:#639647;
		
		/* flotante*/
		/*position:relative;*/
		/*top:90px;*/
		/*left:10px;*/
		right:0;
		z-index:300;
	}
	/* División en tres columnas */
	#TresCol1 {
	    width: calc(100% - 40px);
	    padding-top:0;
	    /*height:180px;*/
	    padding:0px;
    }
    #TresCol2 {
	    width: 100%;
	    clear: both;
	    margin-top:10px;
    }
    #TresCol3 {
	    width: 100%;
	    clear: both;
	    margin-top:10px;
	    margin-left: 0;
    }
	
	/************/

	.cabLogCli{
		font-size:13px;
		color:#D3E1F7;
	}
	.cabtextColor1{
		color:#cccccc;
	}
	.cabtextColor2{
		color:#ffffff;
	}
	.IniCandado{
	    /* width:80%; */
		display:none;
	}
	.LogoSomosierra{
	    width:90%; 
	}
	.LogoRoyne{
	    width:90%; 
	}
	.LogoSomay{
	    width:90%; 
	}
	.LogoFrigo{
	    width:90%; 
	}
	.LogoEmp{
	    height:45px;
	}	
	#titulos{
		width: 100%;
		font-size:15px;
		color:#FFFFFF;
		background-color:#19488f;
		font-weight:bold;
		text-align:center;
		padding-top:10px;
		padding-bottom:10px;
	}
	#titulosPed{
		width: 100%;
		font-size:20px;
		color:#FFFFFF;
		background-color:#19488f;
		font-weight:bold;
		text-align:center;
		padding-top:10px;
		padding-bottom:10px;
	}
	#subtitulos{
		width: 100%;
		font-size:15px;
		color:#333333;
		background-color:#cccccc;
		text-align:center;
		padding-top:10px;
		padding-bottom:10px;
	}
	.titLink{ 
		color:#FAA5A5;
	}
	.titLink a{ 
		color:#FAA5A5;
		text-decoration:none;
	}
	.titLink a:hover{
		color:#ffffff;
		text-decoration:underline;
	}
	.titLink a:active{
		color:#ffffff;
		text-decoration:underline;
	}
	
	
	.titRojo{
		width: 100%;
		font-size:18px;
		color:#E21416;
		font-weight:bold;
		text-align:center;
	}		
	.general {
		font-size:12px;
	}
	.general a{ 
		color:#ffffff;
		text-decoration:none;
	}
	.general a:hover{
		color:#CCCCCC;
		text-decoration:none;
		}
	.general a:active{
		color:#CCCCCC;
		text-decoration:none;
		}	
		
	/* inicio ventana elementos recogida linea */
    #LinFondo {
	    display:block;
	    width:100%;
	    height:1000px;
	    top:0px;
	    left:0px;
	    position:fixed;
	    z-index:10001;
	    overflow:no;
	    background-color:#000000;
	    filter:alpha(opacity=90)-moz-opacity:0.9;
	    opacity:0.9;
    }
    #LinVentana {
	    display:block;
	    width:90%;
	    top:277px;
	    left:50%;
	    position:fixed;
	    transform: translate(-50%, -50%);
	    z-index:10001;
	    overflow:auto;
	    padding:15px 0px 23px 0px;
    }
    /* fin ventana elementos recogida linea */
	
	.SolicitaLogin {
		font-size:12px;
	}
	.SolicitaLogin a{ 
		color:#333333;
		text-decoration:none;
	}
	.SolicitaLogin a:hover{
		color:#666666;
		text-decoration:none;
		}
	.SolicitaLogin a:active{
		color:#666666;
		text-decoration:none;
		}
	/*.FontGrande {
		font-size:16px;
	}	*/
	
	/*Datos cli cab*/
	 .DatosCli { 
	 	font-size:12px;
		font-weight:bold;
	 }
	.DatosCliColor { 
		color:#C40001; 
		font-size:12px;
		font-weight:bold;
	 }	
	.TablaLogin{
		width:90%;
	}	
	 
	.TablaConsultHead { font-family: Arial; color: #FFFFFF; background-color: #C40001; font-weight: bold; font-size: 12px; height: 30px; }
	.TablaConsultHead a{ color:#FFFFFF; text-decoration:none; }
	.TablaConsultHead:hover{ text-decoration:none; background-color: #C40001; }
	
	.TablaConsultFilas { font-family: Arial; color: #666666; background-color: #FFFFFF; font-size: 12px; height: 40px; }
	.TablaConsultFilas a{ color:#666666; text-decoration:none; }
	.TablaConsultFilas:hover{ text-decoration:none; background-color: #E4E4E4; }
	
	.TablaConsultFilasBaja { font-family: Arial; color: #666666; background-color: #FDDFDB; font-size: 12px; height: 40px; }
	.TablaConsultFilasBaja a{ color:#666666; text-decoration:none; }
	.TablaConsultFilasBaja:hover{ text-decoration:none; background-color: #F9A397; }

	.TablaConsultFilasInac { font-family: Arial; color: #666666; background-color: #F8FC87; font-size: 12px; height: 40px; }
	.TablaConsultFilasInac a{ color:#666666; text-decoration:none; }
	.TablaConsultFilasInac:hover{ text-decoration:none; background-color: #E5EA5C; }
	
	.TablaConsultFilasTeleventa { font-family: Arial; color: #666666; background-color: #DFCBCB; font-size: 12px; height: 40px; }
	.TablaConsultFilasTeleventa a{ color:#666666; text-decoration:none; }
	.TablaConsultFilasTeleventa:hover{ text-decoration:none; background-color: #FFFFFF; }
	
	.TablaPaginación { font-family: Arial; color:#CCCCCC; font-size: 17px; }
	.TablaPaginación a{ color:#666666; text-decoration:none; }
	.TablaPaginación a:hover{ color:#CCCCCC; text-decoration:none; }
	.TablaPaginación a:active{ color:#CCCCCC; text-decoration:none; }
	
	.TablaNumLineas { font-family: Arial; color:#666666; font-size: 14px; }
	.TablaNumLineas a{ color:#666666; text-decoration:none; }
	.TablaNumLineas a:hover{ color:#CCCCCC; text-decoration:none; }
	.TablaNumLineas a:active{ color:#CCCCCC; text-decoration:none; }
	
	.TablaSelect { font-family: Arial; color: #666666; font-size: 13px; }
	.TablaSelect a{ color:#9AFC5F; text-decoration:none; }
	.TablaSelect:hover{ text-decoration:none; background-color: #C2C2C2; }
	
	.paginacion { font-family:Arial, Verdana; font-size:20px; color:#3C73B1; }
	.paginacion a{ color:#3C73B1; text-decoration:none; }
	.paginacion a:hover{ color:#666666; text-decoration:none; }
	.paginacion a:active{ color:#666666; text-decoration:none; }	
	
	.CajasCant{
	   height:27px; width:50px; outline:0; border:solid; border-width:1px; border-color:#CCCCCC; color:#666666; font-size:13px; text-align:right; padding-right:3px; margin-right:3px;
	  }
	.CajasCantDesac{
	    background-color:#E8E8E8;
	}
	
	/* Autoajusta artículos */
    .AutoAjusArt{
	    padding-left:0;
	    text-align:center;
	    margin-bottom:0px;
	    padding-bottom:0px;
    }
    .AutoAjusArt li{
	    display:inline-block;
	    margin:0;
	    border:solid 1px #ccc;
	    background-color:#EDEDED;
	    width:240px;
	   /* height:340px;*/
	    text-align:center;
	    margin-right:0;
	    margin-bottom:0px;
	    padding-bottom:0px;
    }
    /* descrip. artículo*/
    .ArtDesCat{
        color:#C40001;
        font-size:12px;
    }
    .ArtDesCat a {
	    color:#C40001;
	    cursor:pointer;
	    text-decoration:none;
     } 
    .ArtDesCat a:hover {
 	    color:#DE4142;
 	    text-decoration:none;
     }
     
     /* Fade botton VERDE + carrito mini */
	.hvr-fade-mini {
	  background-color: #51aa2e;
	  color:#ffffff;
	  font-size:13px;
	  text-align:center;
	  padding:5px 7px 5px 7px;
	  cursor:pointer;
	  border-radius: 7px;
	  display: inline-block;
	  vertical-align: middle;
	  -webkit-transform: perspective(1px) translateZ(0);
	  transform: perspective(1px) translateZ(0);
	  box-shadow: 0 0 1px transparent;
	  overflow: hidden;
	  -webkit-transition-duration: 0.3s;
	  transition-duration: 0.3s;
	  -webkit-transition-property: color, background-color;
	  transition-property: color, background-color;
	  text-decoration:none;
	  /* para que muestre aspecto en iOS */
	  -webkit-appearance: none;
	  -moz-appearance: none;
	  appearance: none;
	  user-select: none; /* no select text con doble click*/
	}
	.hvr-fade-mini:hover, .hvr-fade-mini:focus, .hvr-fade-mini:active {
	  background-color: #323946;
	  color: white;
	  text-decoration:none;
	}
	
	/* Fade botton ROJO - carrito mini */
	.hvr-fade-mini-r {
	  background-color: #dc3434;
	  color:#ffffff;
	  font-size:13px;
	  text-align:center;
	  padding:5px 7px 5px 7px;
	  cursor:pointer;
	  border-radius: 7px;
	  display: inline-block;
	  vertical-align: middle;
	  -webkit-transform: perspective(1px) translateZ(0);
	  transform: perspective(1px) translateZ(0);
	  box-shadow: 0 0 1px transparent;
	  overflow: hidden;
	  -webkit-transition-duration: 0.3s;
	  transition-duration: 0.3s;
	  -webkit-transition-property: color, background-color;
	  transition-property: color, background-color;
	  text-decoration:none;
	  /* para que muestre aspecto en iOS */
	  -webkit-appearance: none;
	  -moz-appearance: none;
	  appearance: none;
	  user-select: none;
	}
	.hvr-fade-mini-r:hover, .hvr-fade-mini-r:focus, .hvr-fade-mini-r:active {
	  background-color: #323946;
	  color: white;
	  text-decoration:none;
	}
	
	/* Fade botton verde +/- carrito mini inac. */
	.hvr-fade-mini-inac {
	  background-color: #ccc;
	  color:#fff;
	  font-size:13px;
	  text-align:center;
	  padding:5px 7px 5px 7px;
	  cursor:pointer;
	  border-radius: 7px;
	  display: inline-block;
	  vertical-align: middle;
	  -webkit-transform: perspective(1px) translateZ(0);
	  transform: perspective(1px) translateZ(0);
	  box-shadow: 0 0 1px transparent;
	  overflow: hidden;
	  -webkit-transition-duration: 0.3s;
	  transition-duration: 0.3s;
	  -webkit-transition-property: color, background-color;
	  transition-property: color, background-color;
	  text-decoration:none;
	}
	 
	 /* Fade botton verde +/- art. */
	.hvr-fade {
	  background-color: #51aa2e;	  
	  color:#ffffff;
	  font-size:13px;
	  text-align:center;
	  padding:10px 30px 10px 30px;
	  cursor:pointer;
	  border-radius: 7px;
	  display: inline-block;
	  vertical-align: middle;
	  -webkit-transform: perspective(1px) translateZ(0);
	  transform: perspective(1px) translateZ(0);
	  box-shadow: 0 0 1px transparent;
	  overflow: hidden;
	  -webkit-transition-duration: 0.3s;
	  transition-duration: 0.3s;
	  -webkit-transition-property: color, background-color;
	  transition-property: color, background-color;
	  text-decoration:none;
	  
	  /* para que muestre aspecto en iOS */
	  -webkit-appearance: none;
	  -moz-appearance: none;
	  appearance: none;
	}
	.hvr-fade:hover, .hvr-fade:focus, .hvr-fade:active {
	  background-color: #323946;
	  color: white;
	  text-decoration:none;
	}
	
	/* botón inactivo */
	.hvr-fade-inac {
	  background-color: #ccc;
	  color:#fff;
	  font-size:13px;
	  text-align:center;
	  padding:10px 30px 10px 30px;
	  cursor:pointer;
	  border-radius: 7px;
	  display: inline-block;
	  vertical-align: middle;
	  -webkit-transform: perspective(1px) translateZ(0);
	  transform: perspective(1px) translateZ(0);
	  box-shadow: 0 0 1px transparent;
	  overflow: hidden;
	  -webkit-transition-duration: 0.3s;
	  transition-duration: 0.3s;
	  -webkit-transition-property: color, background-color;
	  transition-property: color, background-color;
	  text-decoration:none;
	}
	
	.hvr-fade_Secc {
		width:95px;
		height:30px;
		display:table-cell; /* texto centrado vert. */
	}	
 	
	
    /* Botón login */
    .Btn {
	    display: table-cell;
     } 
    .Btn a {
	    display:table-cell;
	    background-color:#3c88d0;
	    text-decoration:none;
	    text-align:center;
	    font-size:13px;
	    width:300px;
	    color:#ffffff;
	    padding:10px 5px 10px 5px;
	    cursor:pointer;
     } 
    .Btn a:hover {
 	    background-color:#666666;
     } 

 
	 /* botones menús */
	.menus {
		background-color:#C40001;
		text-decoration:none;
		font-size: 12px;
		/*width:98%;*/
		/*height: 60px;*/
		color:#ffffff;
		/*padding:10px;*/
		/*Redonde esquinas*/
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;

	 } 
	.menus a {
		background-color:#333333;
	 } 
	.menus a:hover {
		background-color:#999999;
	 }
	
	.btn_consulCli {
		width:100%;
	}
	.btn_mantenCli {
		width:100%;
	}	
		
	.BtnsLine li{
		display:inline-block;
		margin:0px 0px 5px 0px;
		border-left:0px;
	}
	.TablasMovil{
	    display:block;
	}
	.TablasPc{
	    display:none;
	}
	#EmpColumn1 {
		width: 100%;
		margin-top:10px;
		margin-bottom:0;
		padding-bottom:0;
	}
	#EmpColumn2 {
		width: 100%;
		clear: both;
		margin-top:0;
		padding-top:0;
	}
	
	/* Imagen art. recog. línea y sin-imagen */
	.ImgArt{
        height:180px;
    }
    .SinImg{
        height: 100px;
        margin-top:0px;
    }
    
    /* Imagen art. líneas ped. y sin-imagen */
	.ImgArtPed{
        height:40px;
    }
    .SinImgPed{
        height: 40px;
    }
    
    .pie{
		font-size:10px;
		color:#CCCCCC;		
		text-align:center;
		padding:15px;
		background-color:#666666;
	}		
		  
	.zeroMargin_mobile{
		margin-left: 0;
	}
	.hide_mobile{
		display: none;
	}
	
	#content {
		padding: 10px;	
	}
	
	/* ini muestra mini carrito */
	#AgregaPadre {
		position:absolute;
		width:100%; /* ancho ventana lineas */
		top:140px; /* altura ventana lineas*/
		left:0px; /* donde empieza ventan lineas desde la izq. */
		border:0px;
		border-top:solid 5px #639647;
		border-bottom:solid 5px #639647;
		/* scroll carrito mini */
		height:488px;
		overflow-x:hidden;
		overflow-y:auto;		
	}
	#AgregaHijo{
		position:absolute;
		width:100%;
		height:70%;
		/*top:20px;*/
		left:0px;
		z-index:9;
		border:0px;
	}
	#AgregaVentana {
		display:block;
		width:100%;
		z-index:1;
		overflow:auto;
		background-color:#fff;
		color:#000;
		font-size:12px;
		/*border-top:solid 5px #639647;
		border-bottom:solid 5px #639647;*/
		-webkit-box-shadow: -3px 5px 13px -2px rgba(0,0,0,0.75);
		-moz-box-shadow: -3px 5px 13px -2px rgba(0,0,0,0.75);
		box-shadow: -3px 5px 13px -2px rgba(0,0,0,0.75);
		
	}
	/* fin muestra mini carrito */
	
	/* formato scrollbar carrito mini  */
	#AgregaPadre::-webkit-scrollbar {
		width: 10px;
	}	 
	#AgregaPadre::-webkit-scrollbar-track { /* fondo */
		border-radius:1px;
		background: #fff;
		-webkit-box-shadow: inset 0 0 1px rgba(255,255,255,1);
	}	 
	#AgregaPadre::-webkit-scrollbar-thumb { /* barra */
		border-radius:1px;
		background: #E21416;
		-webkit-box-shadow: inset 0 0 1px rgba(255,255,255,1); 
	}	

	#CatalogoMenus {
		width: 100%;
		clear: both;
		/*display: block;*/
	}
	#CatalogoArt {
		width: 100%;
		clear: both;
		/*display: none;*/
	}
	
	/***** inicio ficha art *****/
	#ColFiArt1 {
		width: 100%;
		margin-top:10px;
		margin-bottom:0;
		padding-bottom:0;
	}
	#ColFiArt2 {
		width: 100%;
		clear: both;
		margin-top:0;
		padding-top:0;
	}
	.ImgFiArt{
		  width:150px;
	}
	.DivCabFiArt{
		  width:Calc(100%-14px);
		  padding:2px;
		  padding-left:10px;
		  background-color:#2063c4;
		  color:#ffffff;
		  font-size:12px;
	}
	.DivLinFiArt{
		  width:100%;
		  padding-left:10px;
		  color:#333333;
		  font-size:12px;
	}
	.DescripFiArtPc{
		  font-size:18px;
		  color:#333333;
		  font-weight:bold;
		  line-height:15px;
		  display:none;
	}
	.DescripFiArtMovil{
		  font-size:15px;
		  color:#333333;
		  font-weight:bold;
		  line-height:15px;
		  display:block;
	}				
	/***** fin ficha art *****/


	
	
	
		
	

/********** Tablet: entre 500px y 850px. *********/
@media only screen and (min-width: 500px) {

	.gridContainer {
		width: 100%;
		clear: none;
		float: none;
		margin-left: auto;
	}	
	input, select{
		font-size:13px;
		height:26px;
	}
	input, text{
		font-size:13px;
		height:22px;
	}
	.cabLogCli{
		font-size:13px;
	}
	.LogoEmp{
	    height:50px;
	}
	#columna1 {
		width: 100%;
		margin-top:10px;
		margin-bottom:0;
		padding-bottom:0;
	}
	#columna2 {
		width: 100%;
		clear: both;
		margin-top:0;
		padding-top:0;
	}
	#DosColLogo1 {
		width: 70%;
		clear: none;
		text-align:left;
		margin-left:10px;
	}
	#DosColLogo2 {
		width: 26%;
		clear: none;
		text-align:left;
		margin-top:15px;
	}
	#DosColfSum1 {
		width: 200px;
		clear: none;
		text-align:left;
		margin-top:0;
		padding-top:0;
	}
	#DosColfSum2 {
		width: 300px;
		clear: none;
		text-align:left;
		margin-top:0;
		padding-top:0;
	}
	#CabCol1 {
		width: 60%;
		clear: none;
		margin-top:10px;
		/*padding-top:0px;*/
	}
	#CabCol2 {
		width: 40%;
		clear: none;
		margin-top:0;
		text-align:right;
		
		/* flotante*/
		position:relative;
		top:10;
		left:auto;
		right:10;
	}
	#TresCol1 {
	    width: 25%;
	    padding-top:0;
    }
    #TresCol2 {
	    width: 59%;
	    margin-left: 1.5%;
	    margin-top:0;
	    clear: none;    	
    }
    #TresCol3 {
	    width: 100%;
	    clear: both;
	    margin-top:0;
	    margin-left: 0;
    }
	.IniCandado{
	    display:block;
	    width: 105px;
	    text-align: right;
	}
	.LogoSomosierra{
	    width:100%; 
	}
	.LogoRoyne{
	    width:100%; 
	}
	.LogoSomay{
	    width:100%; 
	}
	.LogoFrigo{
	    width:100%; 
	}
	#titulos{
		font-size:15px;
		padding-top:10px;
		padding-bottom:10px;
	}
	#subtitulos{
		font-size:17px;
		padding-top:10px;
		padding-bottom:10px;
	}	
	.general {
		font-size:14px; 
	}
	.DatosCli { 
	 	font-size:12px;
	 }
	 .DatosCliColor { 
		font-size:12px;
	 }		
	.TablaLogin{
		width:70%;
	}
	.TablaConsultHead {
		font-size: 15px;
	}	
	.TablaConsultFilas { 
		font-size: 12px; 
	}	
	.TablaConsultFilasTeleventa { 
		font-size: 12px; 
	}
	.botones {
		width:100px;
		height:40px;
		font-size:12px;
		font-weight:bold;
	}
	.menus {
		/*width:50%;*/
		font-size:12px;
	}		
	.btn_consulCli {
		width:380px;
	}
	.btn_mantenCli {
		width:115px;
	}
	.TablasMovil{
	    display:block;
	}
	.TablasPc{
	    display:none;
	}	
	
	#EmpColumn1 {
		width: 100%;
		margin-top:10px;
		margin-bottom:0;
		padding-bottom:0;
	}
	#EmpColumn2 {
		width: 100%;
		clear: both;
		margin-top:0;
		padding-top:0;
	}
	
	.ImgArt{
        height:90px;
    }
    .SinImg{
        height: 100px;
        margin-top:0px;
    }
    
	.ImgArtPed{
        height:50px;
    }
    .SinImgPed{
        height:50px;
    }
    
    .pie{
		font-size:11px;
	}			
		
	.hide_tablet {
		display: none;
	}	
	.zeroMargin_tablet {
		margin-left: 0;
	}
	
	#AgregaPadre {
		position:absolute;
		width:230%;
		top:80px;
		left:-130%;
		border:0px;
		border-top:solid 5px #639647;
		border-bottom:solid 5px #639647;
	}
	#AgregaHijo{
		position:absolute;
		width:100%;
		height:70%;
		/*top:0px;*/
		left:0px;
		z-index:2;
		border:0px;
	}
	#AgregaVentana {
		display:block;
		width:100%;
		z-index:1;
		overflow:auto;
		background-color:#fff;
		border:solid 1px #ccc;
		/*border-top:solid 5px #639647;
		border-bottom:solid 5px #639647;*/
		-webkit-box-shadow: -3px 5px 13px -2px rgba(0,0,0,0.75);
		-moz-box-shadow: -3px 5px 13px -2px rgba(0,0,0,0.75);
		box-shadow: -3px 5px 13px -2px rgba(0,0,0,0.75);		
	}
	
	/***** inicio ficha art *****/
    #ColFiArt1 {
		width: 100%;
		margin-top:0;
		margin-bottom:0;
		padding-bottom:0;
	}
	#ColFiArt2 {
		width: 100%;
		clear: both;
		margin-top:0;
		padding-top:0;
	}
	.ImgFiArt{
        width:150px;
    }
    .DescripFiArtPc{
        display:none;
    }
    .DescripFiArtMovil{
        display:block;
    }
	/***** fin ficha art *****/
	

}




/********** PC: 850px para arriba *********/
@media only screen and (min-width: 850px) {	
	input, select{
		font-size:15px;
		height:28px;
	}
	input, text{
		font-size:15px;
		height:25px;
	}
	
	.gridContainer {
		width: 100%;
		clear: none;
		float: none;
	}	
	.cabLogCli{
		font-size:20px;
	}
	.LogoEmp{
	    height:60px;
	}
	#columna1 {
		width: 48%;
		clear: none;
		/*padding-top:0px;*/
	}
	#columna2 {
		width: 50%;
		clear: none;
		margin-top:10px;
	}
	#DosColLogo1 {
		width: 48%;
		clear: none;
		text-align:left;
		margin-left:10px;
	}
	#DosColLogo2 {
		width: 48%;
		clear: none;
		text-align:left;
		margin-top:35px;
	}
	#DosColfSum1 {
		width: 42%;
		clear: none;
		text-align:right;
		margin-top:0;
		padding-top:0;
	}
	#DosColfSum2 {
		width: 54%;
		clear: none;
		text-align:left;
		margin-top:0;
		padding-top:0;
	}
	#CabCol1 {
		width: 72%;
		clear: none;
		margin-top:0px;
		/*padding-top:0px;*/
	}
	#CabCol2 {
		width: 28%;
		clear: none;
		margin-top:0;
		text-align:right;
		
		/* flotante*/
		position:relative;
		top:10;
		left:auto;
		right:10;
	}
	/* División en tres columnas */
	#TresCol1 {
	    width: 25%;
	    padding:0;
    }
    #TresCol2 {
	    width: 40%;
	    margin-left: 1%;
	    margin-top:0px;
	    clear: none; 
    }
    #TresCol3 {
	    width: 31%;
	    margin-left: 1%;
	    margin-top:0;
	    clear: none;
    }		
	.IniCandado{
	    display:block;
		width:105px;
	}	
	.LogoSomosierra{
	    width:226px; 
	}
	.LogoRoyne{
	    width:185px; 
	}
	.LogoSomay{
	    width:215px; 
	}
	.LogoFrigo{
	    width:175px; 
	}
	#titulos{
		font-size:15px;
		padding-top:10px;
		padding-bottom:10px;
	}
	#subtitulos{
		font-size:15px;
		padding-top:10px;
		padding-bottom:10px;
	}	
	.general {
		font-size:17px; 
	}	
	/*.FontGrande {
		font-size:18px;
	}*/
	.DatosCli { 
	 	font-size:12px;
	 }
	 .DatosCliColor { 
		font-size:12px;
		color:#666;
	 }	
	.TablaLogin{
		width:60%;
	}
	.TablaConsultHead {
		font-size: 16px;
	}	
	.TablaConsultFilas { 
		font-size: 12px; 
	}
	.TablaConsultFilasTeleventa { 
		font-size: 12px; 
	}	
	.botones {
		width:100px;
		height:45px;
		font-size:15px;
		font-weight:bold;
	}
	.menus {
		/*width:50%;*/
		font-size:14px;
	}
	.btn_consulCli {
		width:380px;
	}
	.btn_mantenCli {
		width:140px;
	}
	.TablasMovil{
	    display:none;
	}
	.TablasPc{
	    display:block;
	}	
	
	#EmpColumn1 {
		width: 95px;
		clear: none;
	}
	#EmpColumn2 {
		width: 78%;
		clear: none;
		margin-top:10px;
	}
	
	.ImgArt{
        height:160px;
    }
    .SinImg{
        height: 100px;
        margin-top:0px;
    }
    
    .ImgArtPed{
        height:70px;
    }
    .SinImgPed{
        height:70px;
    }
    .pie{
		font-size:11px;
	}			
	.zeroMargin_desktop {
		margin-left: 0;
	}	
	.hide_desktop {
		display: none;
	}
	
	#AgregaPadre {
		position:absolute;
		width:261%;
		top:80px;
		left:-160%;
		border:0px;
		border-top:solid 5px #639647;
		border-bottom:solid 5px #639647;
	}
	#AgregaHijo{
		position:absolute;
		width:100%;
		height:70%;
		/*top:0px;*/
		left:0px;
		z-index:2;
		border:0px;
	}
	#AgregaVentana {
		display:block;
		width:100%;
		z-index:1;
		overflow:auto;
		background-color:#fff;
		border:solid 1px #ccc;
		/*border-top:solid 5px #639647;
		border-bottom:solid 5px #639647;*/
		-webkit-box-shadow: -3px 5px 13px -2px rgba(0,0,0,0.75);
		-moz-box-shadow: -3px 5px 13px -2px rgba(0,0,0,0.75);
		box-shadow: -3px 5px 13px -2px rgba(0,0,0,0.75);
	}
	
	#CatalogoMenus {
		width: 30%;
		clear: none;
		margin-left: 0px;
		/*display: block;*/
	}
	#CatalogoArt {
		width: 70%;
		clear: none;
		margin-left: 0px;
		/*display: block;*/
	}
	
	/***** inicio ficha art *****/
    #ColFiArt1 {
		width: 350px;
		clear: none;
		margin-top:30px;
	}
	#ColFiArt2 {
		width: 50%;
		clear: none;
		margin-top:30px;
	}
	.ImgFiArt{
        width:300px;
    }
    .DescripFiArtPc{
        display:block;
    }
    .DescripFiArtMovil{
        display:none;
    }
	/***** fin ficha art *****/

}