@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;
}

.TexboxLogin{
	
}

/* quitamos borde azul textbox al hacer onfocus*/
input:focus,
textarea:focus {
  outline: 0;
 -moz-outline-style: none;
  border-color: rgba(82,168,236,.8);
}

/* 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;
}






/* ********* Movil: 500px para abajo. ******** */  
	input, select{
		font-size:13px;
		height:25px;
	}
	input, text{
		font-size:13px;
		height:20px;
	}
	.loginDiv{
		width:90%;		
	}
	.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;
	}
	
	#CabCol1 {
		width: 100%;
		margin-top:0px;
		margin-bottom:0;
		padding-bottom:0;
	}
	#CabCol2 {
		width: 100%;
		clear: both;
		margin-top:0;
		padding-top:0;
		text-align:right;
		background-color:#639647;
		
		/* flotante*/
		right:0;
		z-index:300;
	}	
	
	/* División en tres columnas */
	#CuatroCol1 {
	    width: calc(100% - 40px);
	    padding-top:0;
	    height:200px;
	    padding:20px;
    }
    #CuatroCol2 {
	    width: 100%;
	    clear: both;
	    margin-top:10px;
    }
    #CuatroCol3 {
	    width: 100%;
	    clear: both;
	    margin-top:10px;
    }
    #CuatroCol4 {
	    width: 100%;
	    clear: both;
	    margin-top:10px;
	    margin-left: 0;
    }
	
	/************/

	#cabMovil{
		display:block;
		/*font-size:11px;*/
		padding:5px 5px 5px 5px;
	}
	#cabPcTab{
		display:none;
	}
	.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:#2063c4;
		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;
	}		
	.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;
		}	
		
	.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:#2063C4; 
		font-size:12px;
		font-weight:bold;
	 }	
	.TablaLogin{
		width:90%;
	}	
	 
	.TablaConsultHead { font-family: Arial; color: #FFFFFF; background-color: #2161A8; font-weight: bold; font-size: 12px; height: 30px; }
	.TablaConsultHead a{ color:#FFFFFF; text-decoration:none; }
	.TablaConsultHead:hover{ text-decoration:none; background-color: #548FD1; }
	
	.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; }	
	
	.botones {
        width:100px;
		height: 40px;
		font-family: Arial, Verdana;
		font-size: 12px;
		color: #ffffff;
		border: 1px solid #58AC3D;
		font-weight: bold;
		/*Redonde esquinas*/
		 border-radius: 10px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        /*Degradado*/
        background: #41B21D; /* Old browsers */
        background: -moz-linear-gradient(top, #5ECF31 0%, #4FBF22 50%, #41B21D 51%, #369717 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5ECF31), color-stop(50%,#4FBF22), color-stop(51%,#41B21D), color-stop(100%,#369717)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #5ECF31 0%,#4FBF22 50%,#41B21D 51%,#369717 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #5ECF31 0%,#4FBF22 50%,#41B21D 51%,#369717 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #5ECF31 0%,#4FBF22 50%,#41B21D 51%,#369717 100%); /* IE10+ */
        background: linear-gradient(to bottom, #5ECF31 0%,#4FBF22 50%,#41B21D 51%,#369717 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4FBF22', endColorstr='#41B21D',GradientType=0 ); /* IE6-9 */  
	}
	
	.botonesDesac {
        width:100px;
		height: 45px;
		font-family: Arial, Verdana;
		font-size: 12px;
		color: #ffffff;
		border: 1px solid #7B7B7B;
		font-weight: bold;
		/*Redonde esquinas*/
		 border-radius: 10px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        /*Degradado*/
        background: #D8D8D8; /* Old browsers */
        background: -moz-linear-gradient(top, #ffffff 0%, #E8E8E8 50%, #D8D8D8 51%, #AFAFAF 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#E8E8E8), color-stop(51%,#D8D8D8), color-stop(100%,#AFAFAF)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #ffffff 0%,#E8E8E8 50%,#D8D8D8 51%,#AFAFAF 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #ffffff 0%,#E8E8E8 50%,#D8D8D8 51%,#AFAFAF 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #ffffff 0%,#E8E8E8 50%,#D8D8D8 51%,#AFAFAF 100%); /* IE10+ */
        background: linear-gradient(to bottom, #ffffff 0%,#E8E8E8 50%,#D8D8D8 51%,#AFAFAF 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E8E8E8', endColorstr='#D8D8D8',GradientType=0 ); /* IE6-9 */        
	}  	
	
    /* 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:#666666;
		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;
		width:160px;
	}
	.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:50px;
    }
    
    /* 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;	
	}


/********** 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:15px;
		height:26px;
	}
	input, text{
		font-size:15px;
		height:22px;
	}
	.header {
		height:80px;
	}
	.loginDiv{
		width:70%;		
	}
	#cabMovil{
		display:none;
	}
	#cabPcTab{
		display:block;
		/*font-size:12px;*/
		padding:5px 5px 5px 5px;
	}
	.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;
	}
	#CabCol1 {
		width: 60%;
		clear: none;
		margin-top:10px;
	}
	#CabCol2 {
		width: 40%;
		clear: none;
		margin-top:0;
		text-align:right;
		
		/* flotante*/
		position:relative;
		top:10;
		left:auto;
		right:10;
	}	
	
	#CuatroCol1 {
	    width: 25%;
	    padding-top:0;
    }
    #CuatroCol2 {
	    width: 59%;
	    margin-left: 1.5%;
	    margin-top:0;
	    clear: none;    	
    }
    #CuatroCol3 {
	    width: 100%;
	    clear: both;
	    margin-top:0;
    }
    #CuatroCol4 {
	    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:17px;
		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:50px;
    }
    
	.ImgArtPed{
        height:50px;
    }
    .SinImgPed{
        height:50px;
    }
    
    .pie{
		font-size:11px;
	}			
		
	.hide_tablet {
		display: none;
	}	
	.zeroMargin_tablet {
		margin-left: 0;
	}
}


/********** PC: 850px para arriba *********/
@media only screen and (min-width: 850px) {	
	input, select{
		font-size:18px;
		height:28px;
	}
	input, text{
		font-size:18px;
		height:25px;
	}
	
	.gridContainer {
		width: 100%;
		clear: none;
		float: none;
	}	
	.header {
		height:80px;
	}
	.loginDiv{
		width:40%;		
	}
	.cabLogCli{
		font-size:20px;
	}
	.LogoEmp{
	    height:70px;
	}
	#columna1 {
		width: 48%;
		clear: none;
		/*padding-top:0px;*/
	}
	#columna2 {
		width: 50%;
		clear: none;
		margin-top:10px;
	}
	#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 */
	#CuatroCol1 {
	    width: 25%;
	    padding-top:0;
    }
    #CuatroCol2 {
	    width: 28%;
	    margin-left: 1%;
	    margin-top:0;
	    clear: none; 
    }
    #CuatroCol3 {
	    width: 19%;
	    margin-left: 1%;
	    margin-top:0;
	    clear: none;
    }
    #CuatroCol4 {
	    width: 14%;
	    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:20px;
		padding-top:10px;
		padding-bottom:10px;
	}
	#subtitulos{
		font-size:20px;
		padding-top:10px;
		padding-bottom:10px;
	}	
	.general {
		font-size:17px; 
	}	
	/*.FontGrande {
		font-size:18px;
	}*/
	.DatosCli { 
	 	font-size:14px;
	 }
	 .DatosCliColor { 
		font-size:14px;
	 }	
	.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:50px;
    }
    
    .ImgArtPed{
        height:70px;
    }
    .SinImgPed{
        height:70px;
    }
    .pie{
		font-size:11px;
	}			
	.zeroMargin_desktop {
		margin-left: 0;
	}	
	.hide_desktop {
		display: none;
	}

}