﻿
/* Espera */ 
.modalBackground { background-color: Gray; filter: alpha(opacity=50); opacity: 0.50; } 
.updateProgress{ border-width: 1px; border-style: solid; background-color: #FFFFFF; position: absolute; width: 288px; height: 53px; top: 83px; left: 688px;} 


/* Botones */ 
.btn btn-default {border: thin solid #666666; border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; -o-border-radius: 10px 10px 10px 10px; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from( #999999), to(white)); Height: 30px; width: 100px; font-family: Verdana; Font-Size: 10pt; cursor: pointer;}
.btn btn-defaultmje{border: thin solid #666666; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from( #999999), to(white)); Height: 30px; width: 100px; font-family: Verdana; Font-Size: 10pt; cursor: pointer;}
.boton{ background: #65a9d7; background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#65a9d7)); background: -webkit-linear-gradient(top, #3e779d, #65a9d7); background: -moz-linear-gradient(top, #3e779d, #65a9d7); background: -ms-linear-gradient(top, #3e779d, #65a9d7); margin: 4px; border-top: 1px solid #96d1f8; background: #65a9d7; padding: 5px 10px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0; -moz-box-shadow: rgba(0,0,0,1) 0 1px 0; box-shadow: rgba(0,0,0,1) 0 1px 0; text-shadow: rgba(0,0,0,.4) 0 1px 0; color: white; font-size: 14px; font-family: 'Lucida Grande' , Helvetica, Arial, Sans-Serif; text-decoration: none; vertical-align: middle; cursor: pointer; Width:140px; Height:40px; }
.boton:hover { border-top-color: #28597a; background: #28597a; color: #ccc; }
.boton:active { border-top-color: #1b435e; background: #1b435e; }
.btnBuscar{border-width: 0px; background-image: url('../App_images/bbuscar.png'); background-repeat: no-repeat; top: 0px; right: 0px; bottom: 0px; left: 0px; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; cursor: pointer;}
.btnExcel{border-width: 0px; background-image: url('../App_images/excel.png'); background-repeat: no-repeat; top: 0px; right: 0px; bottom: 0px; left: 0px; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; cursor: pointer;}
.btnTarifa{border-width: 0px; background-image: url('../App_images/tarifas.png'); background-repeat: no-repeat; top: 0px; right: 0px; bottom: 0px; left: 0px; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; cursor: pointer;}
.btnNuevo{border-width: 0px; background-image: url('../App_images/bnuevo.png'); background-repeat: no-repeat; top: 0px; right: 0px; bottom: 0px; left: 0px; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; cursor: pointer;}
.btnBuscarform{border-width: 0px; background-image: url('../App_images/Buscarform.png'); background-repeat: no-repeat; top: 0px; right: 0px; bottom: 0px; left: 0px; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; cursor: pointer;}
.btnAgregar{border-width: 0px; background-image: url('../App_images/agregar.png'); background-repeat: no-repeat; top: 0px; right: 0px; bottom: 0px; left: 0px; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; cursor: pointer;}
.btnDelete{border-width: 0px; background-image: url('../App_images/deleteform.png'); background-repeat: no-repeat; top: 0px; right: 0px; bottom: 0px; left: 0px; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; width: 16px; height: 16px; cursor: pointer;}
.btnEdit{ border-width: 0px; background-image: url('../App_images/editform.png'); background-repeat: no-repeat; top: 0px; right: 0px; bottom: 0px; left: 0px; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; width: 16px; height: 16px; cursor: pointer;}

/* varios */ 
.AlineacionDer{text-align: right; padding-right: 20px;}
.AlineacionCen{text-align: center;}
.flotante{margin: 5px;float: left;}


/* 	ESTILO PARA ANCHO */ 
@media screen and (max-width: 4560px) and (min-width: 741px){.cssForm1 {width:773px;} .cssForm1ctrlpnl, .cssForm1ctrlbody {width:750px;}}

@media screen and (max-width:740px){.cssForm1 {width:740px;} .cssForm1ctrlpnl, .cssForm1ctrlbody {width:715px;} }
@media screen and (max-width:720px){.cssForm1 {width:720px;} .cssForm1ctrlpnl, .cssForm1ctrlbody {width:695px;} }
@media screen and (max-width:700px){.cssForm1 {width:700px;} .cssForm1ctrlpnl, .cssForm1ctrlbody {width:675px;} }
@media screen and (max-width:680px){.cssForm1 {width:680px;} .cssForm1ctrlpnl, .cssForm1ctrlbody {width:655px;} }
@media screen and (max-width:660px){.cssForm1 {width:660px;} .cssForm1ctrlpnl, .cssForm1ctrlbody {width:635px;} }
@media screen and (max-width:640px){.cssForm1 {width:640px;} .cssForm1ctrlpnl, .cssForm1ctrlbody {width:615px;} }
@media screen and (max-width:620px){.cssForm1 {width:620px;} .cssForm1ctrlpnl, .cssForm1ctrlbody {width:595px;} }
@media screen and (max-width:600px){.cssForm1 {width:600px;} .cssForm1ctrlpnl, .cssForm1ctrlbody {width:575px;} }
@media screen and (max-width:580px){.cssForm1 {width:580px;} .cssForm1ctrlpnl, .cssForm1ctrlbody {width:555px;} }
@media screen and (max-width:560px){.cssForm1 {width:560px;} .cssForm1ctrlpnl, .cssForm1ctrlbody {width:535px;} }
@media screen and (max-width:540px){.cssForm1 {width:540px;} .cssForm1ctrlpnl, .cssForm1ctrlbody {width:515px;} }
@media screen and (max-width:520px){.cssForm1 {width:520px;} .cssForm1ctrlpnl, .cssForm1ctrlbody {width:495px;} }
@media screen and (max-width:500px){.cssForm1 {width:500px;} .cssForm1ctrlpnl, .cssForm1ctrlbody {width:475px;} }
@media screen and (max-width:480px){.cssForm1 {width:480px;} .cssForm1ctrlpnl, .cssForm1ctrlbody {width:455px;} }
@media screen and (max-width:460px){.cssForm1 {width:460px;} .cssForm1ctrlpnl, .cssForm1ctrlbody {width:435px;} }
@media screen and (max-width:440px){.cssForm1 {width:440px;} .cssForm1ctrlpnl, .cssForm1ctrlbody {width:415px;} }
@media screen and (max-width:420px){.cssForm1 {width:420px;} .cssForm1ctrlpnl, .cssForm1ctrlbody {width:395px;} }
@media screen and (max-width:400px){.cssForm1 {width:400px;} .cssForm1ctrlpnl, .cssForm1ctrlbody {width:375px;} }
@media screen and (max-width:380px){.cssForm1 {width:380px;} .cssForm1ctrlpnl, .cssForm1ctrlbody {width:355px;} }
@media screen and (max-width:360px){.cssForm1 {width:360px;} .cssForm1ctrlpnl, .cssForm1ctrlbody {width:335px;} }
@media screen and (max-width:340px){.cssForm1 {width:340px;} .cssForm1ctrlpnl, .cssForm1ctrlbody {width:315px;} }
@media screen and (max-width:320px){.cssForm1 {width:320px;} .cssForm1ctrlpnl, .cssForm1ctrlbody {width:295px;} }