﻿body { margin:0; padding:0; background-color:#f2f2f2; }/*Color Anterior f2f2f2*/
img { border:none;}

.Encabezado {
	  max-width:980px; margin-top:30px; margin-left:auto; margin-right:auto; 
      margin-bottom:3px; height:80px;
	  background:url(../imagenes/LogoDagal.png) no-repeat scroll;
	  /*border:2px solid red;*/
}
.Encabezadowof {
    max-width: 980px;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 3px;
    height: 80px;
    /*border:2px solid red;*/
}
.DatosCliente {
	float:right;
	max-width:485px;
	height:100%;
	font-family:Verdana;font-size:12px;font-weight:bold;
}
/* ENVOLTURAS DE LOS DIV PRINCIPALES*/
.Envoltorio1024 {
	max-width:1024px;
    /*min-width:320px;	*/
	margin-left:auto;
	margin-right:auto;
	/*background:#f2f2f2;*/
	background:#00ffff;
}

.Envoltorio900 {
	max-width:900px;
    /*min-width:320px;	*/
    min-height:700px;
	margin-left:auto;
	margin-right:auto;
	background:#f2f2f2;
	font-family:Verdana;font-size:12px;
}

.Envoltorio700 {
	max-width:700px;
    /*min-width:320px;	*/
	margin-left:auto;
	margin-right:auto;
	background:#fff;
}

.Envoltorio800 {
	max-width:800px;
    /*min-width:320px;	*/
	margin-left:auto;
	margin-right:auto;
	background:#fff;
}

.Envoltorio970 {
    max-width: 970px;
    margin-left: auto;
    margin-right: auto;
    background: #fff;
}

.EnvulturaFrame 
{
	max-width:430px; margin-top:10px; margin-left:auto; margin-right:auto; 
    margin-bottom:3px; min-height:60px; max-height:600px;
	border-radius:16px; 
	border-style:solid; border-width:thin;
	border-color:#CCC;
	overflow:hidden;
    padding-top:10px;
    padding-left:17px;
    padding-right:17px;
}

.EnvulturaOpciones 
{
	max-width:530px; margin-top:10px; margin-left:auto; margin-right:auto; 
    margin-bottom:3px; min-height:60px; max-height:500px;
    font-family:Verdana;
    font-size:12px;
	border-radius:16px; 
	border-style:solid; border-width:thin;
	border-color:#CCC;
	background-color:#FFF;
	overflow:hidden;
    padding-top:10px;
    padding-left:17px;
    padding-right:17px;
}

.EnvolturaErr
{
    max-width:430px; margin-top:10px; margin-left:auto; margin-right:auto; 
    margin-bottom:3px; min-height:60px; max-height:600px;
    border-radius:16px; 
    border-style:solid; border-width:thin;
    border-color:#CCC; 
    padding-top:10px;
    padding-left:17px;
    padding-right:17px;
    background-image: linear-gradient(bottom, rgb(255,255,255) 38%, rgb(177,211,127) 77%);
    background-image: -o-linear-gradient(bottom, rgb(255,255,255) 38%, rgb(177,211,127) 77%);
    background-image: -moz-linear-gradient(bottom, rgb(255,255,255) 38%, rgb(177,211,127) 77%);
    background-image: -webkit-linear-gradient(bottom, rgb(255,255,255) 38%, rgb(177,211,127) 77%);
    background-image: -ms-linear-gradient(bottom, rgb(255,255,255) 38%, rgb(177,211,127) 77%);
    background-image: -webkit-gradient(
	    linear,
	    left bottom,
	    left top,
	    color-stop(0.38, rgb(255,255,255)),
	    color-stop(0.77, rgb(177,211,127)));
}




/*BARRAS Y TEXTOS DE TITULOS*/
.panTitulo  
{
     background:url(../imagenes/Title_BarO7.png) no-repeat;font-family:Verdana;font-size:12px;font-weight:bold;height:20px;
}

.barraTitulo
{
    /*background:url(../imagenes/grd_head.png) repeat-x;*/
    background:url(../imagenes/barrita_naranja.jpg) no-repeat bottom center;
    color:#000;
    font-family:Verdana;
    font-size:12px;
    font-weight:bold;
    text-align:center;
    height:20px;
    padding-top:20px;
    /*padding-bottom:20px;*/
}

.barraTituloR
{
    background:url(../imagenes/barrita_naranja.jpg) no-repeat bottom center;
    color:#8E0E0E;
    font-family:Verdana;
    font-size:12px;
    font-weight:bold;
    text-align:center;
    height:20px;
    padding-top:20px;
}

.areaTitulo /*Con Imagen*/
{
    background:url(../imagenes/barrita_amarilla.jpg) no-repeat bottom;
    font-family:Verdana;font-size:12px;font-weight:bold;
    height:20px;
    padding-top:2px;padding-left:20px;
}

.Titulo12bR
{
    font-family:Verdana;font-size:12px;
    font-weight:bold;
    color:#8E0E0E;
    height:30px;
    padding-top:2px;padding-left:20px;
}
/* TEXTOS */
.mayusculas
{
    text-transform:uppercase;
}
.areaTexto
{
    font-family:Verdana;font-size:12px;
    /*height:50px;*/
    padding-top:2px;padding-left:20px;
    /*max-width:500px;*/
    margin-left:auto;
	margin-right:auto;
}
.resaltado12n
{
    /*font-family:Verdana;*/
    font-weight:bold;
    }
.resaltado12b
{
    font-family:Verdana;
    font-weight:bold;
    font-size:12px;
    color:#0B3861;
    }
.resaltado12r
{
    font-family:Verdana;
    font-weight:bold;
    font-size:12px;
    color:#B40404;
    }
.resaltado10
{
    font-family:Verdana;
    font-weight:bold;
    font-size:10px;
    }
.txt10pl20blk {
    font-family: Verdana;
    /*font-weight: bold;*/
    font-size: 10px;
    padding-left: 20px;
}
.txt10pl20red {
    font-family: Verdana;
    /*font-weight: bold;*/
    font-size: 10px;
    padding-left: 20px;
    color: brown
}
/* CONTROLES */
.entradas
{
    padding: 20px 3px 10px 3px; /*Superior Derecha inferior izquierda*/
    color:#585858; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:12px;
    list-style-type:none;display:inline-block;
}

.Loading
{
    text-align:center;
    vertical-align:bottom;
    margin:auto auto auto auto;
    width:50px;
    background:#f2f2f2 url(../imagenes/loader.gif) no-repeat center top;
    padding:50px 10px 10px 10px;
    font-family:Verdana;
    font-size:10px;
    font-weight:bold;
    color:#990000;
}

.Ocultar{visibility:hidden;}
.panTxTitulo {margin-top:2px;margin-left:20px; }
.posArrowPan {float:right;margin-top:1px;   }
.bordeCaja {border:2px solid #ff6600 ; }

.BotonRnd {
	-moz-box-shadow:inset 0px 1px 0px 0px #a8a8a8;
	-webkit-box-shadow:inset 0px 1px 0px 0px #a8a8a8;
	box-shadow:inset 0px 1px 0px 0px #a8a8a8;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ebebeb), color-stop(1, #5c5c5c) );
	background:-moz-linear-gradient( center top, #ebebeb 5%, #5c5c5c 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebebeb', endColorstr='#5c5c5c');
	background-color:#ebebeb;
	-moz-border-radius:9px;
	-webkit-border-radius:9px;
	border-radius:9px;
	border:1px solid #807d80;
	outline:0;
	display:inline-block;
	color:#292929;
	font-family:arial;
	font-size:10px;
	font-weight:bold;
	padding:4px 22px;
	text-decoration:none;
	text-shadow:1px 1px 0px #a3a3a3;
       -moz-box-shadow:2px 3px 3px #878787;
    -webkit-box-shadow:2px 3px 3px #878787;
            box-shadow:2px 3px 3px #878787;
}
.BotonRnd:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #5c5c5c), color-stop(1, #ebebeb) );
	background:-moz-linear-gradient( center top, #5c5c5c 5%, #ebebeb 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5c5c5c', endColorstr='#ebebeb');
	background-color:#5c5c5c;
}
.BotonRnd:active {
	position:relative;
	top:1px;
}
.botonWrap  
{
	float:right;
}

a:visited {color:red;}
a:hover   {color:blue;}

/*rows del grid*/
.alt {background: #fcfcfc url(../imagenes/grd_alt.png) repeat-x top; }
.pgr {background: #424242 url(../imagenes/grd_pgr.png) repeat-x top; }

/*para los grid del dash*/
.mGrid { width:auto ; background-color: #fff; margin: 5px 0 10px 0; border: solid 1px #525252; border-collapse:collapse; }
    .mGrid td { padding: 1px; border: solid 1px #c1c1c1; color: #303030; font-family:Arial;font-size:9px;  }
    .mGrid th { padding: 4px 2px; color: #fff; background: #424242 url(../imagenes/grd_head.png) repeat-x top; border-left: solid 1px #525252; font-size: 0.9em; font-family:Verdana; font-size:9px; }

    .mGrid .pgr table { margin: 5px 0; }
    .mGrid .pgr td { border-width: 0; padding: 0 6px; border-left: solid 1px #666; font-weight: bold; color: #fff; line-height: 8px; }   
    .mGrid .pgr a { color: #666; text-decoration: none; }
    .mGrid .pgr a:hover { color: #000; text-decoration: none; }
    
    /*Letra row en verdana y mas grande*/
.mGrid2 { width:auto ; background-color: #fff; margin: 5px 0 10px 0; border: solid 1px #525252; border-collapse:collapse; }
    .mGrid2 td { padding: 1px; border: solid 1px #c1c1c1; color: #303030; font-family:Verdana;font-size:9px;  }
    .mGrid2 th { padding: 4px 2px; color: #fff; background: #424242 url(../imagenes/grd_head.png) repeat-x top; border-left: solid 1px #525252; font-size: 0.9em; font-family:Verdana; font-size:9px; }

    .mGrid2 .pgr table { margin: 5px 0; }
    .mGrid2 .pgr td { border-width: 0; padding: 0 6px; border-left: solid 1px #666; font-weight: bold; color:Yellow; line-height: 12px; }   
    .mGrid2 .pgr a { color: #666; text-decoration: none; }
    .mGrid2 .pgr a:hover { color: #000; text-decoration: none; }
    
/*para la tablita de precios*/
.tbMiniPre { width:200px;background-color: #fff; margin: 5px 0 10px 0; border: solid 1px #525252;font-family:Verdana; font-size:9px;border-spacing: 0; }
.rHead {background: url(../imagenes/grd_head.png) repeat-x top; border-spacing: 0; padding:2px 0px 2px 0px; text-align:center;color:White; font-weight:bold;  }
.txtbT {color:Yellow; font-size:small; }
.rNorm {border-spacing:1;border: solid 1px #525252;}
.rAlt { background: #fcfcfc url(../imagenes/grd_alt.png) repeat-x top; border-spacing:1;border: solid 1px #525252; }
.cRgh { width:60px; text-align:right;color:Blue; }

/*checks pagos*/
.ckRigt {
    padding: 2px 30px 10px 3px; /*Superior Derecha inferior izquierda*/
    color: #585858;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-size: 12px;
    list-style-type: none;
    display: inline-block;
    float: right;
}