/*---------------- reset  ------------------*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,fieldset, legend,caption,.filters ul li p, figure{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent; line-height:normal; font-weight:normal;}
html{height:100%;}
.p10{padding:10px!important;}
.pt10{padding-top:10px;}
.black{color:#000!important}
button{border:none}
.center{text-align:center!important;}
tr{font-weight:bold}
.boton{background: #ea8d3e; color: #fff; border: 1px solid #ea8d3e; border-radius: 2px;}
.boton:hover, #tipoAsunto:hover{background:#d47f38}
#elimina tr:hover a{color:#fff!important}
#formTipo{background: #eee;padding: 10px;border: 1px solid #ccc;border-radius: 5px;margin-top: 10px; display: none;}
#formTipo .inp, .formAutorizar .inp{border-radius: 5px;border: 1px solid #ccc;height: 30px;width: 300px;margin-left: 10px; padding:0 10px; text-transform: uppercase}
 .formAutorizar{border: 1px solid #ccc;background: #eee;padding: 10px;margin: 10px 0 0 0;float: left;width: 100%; display:none}
#tipoAsunto{background: #ea8d3e;height: 27px;border: 1px solid #ea8d3e;color: #fff;font-weight: bold;padding: 0 20px;border-radius: 3px;}
.autorizar{float: left;width: 100%;text-align: center;background: #317bd0;color: #fff!important;padding: 9px 0;border-radius: 4px;text-transform: uppercase;margin: 10px 0 0 0;border: none;font-weight: bold;}
.autorizar:hover{background:#d47f38; color:#fff!important}
.LEIDOstatus{background:#f3f8fd!important}
#solicitudtext{float: left;width: 100%;border: 1px solid #ccc;margin: 10px 0 0 0;border-radius: 4px;padding: 10px;height: 120px;text-transform: uppercase;}
#mapastrong{height: 30px;position: absolute;width: 100%;z-index: 9999999;background: #25334c;text-align: center;line-height: 31px;font-size: 1.23em;color: #e7e2e3; height:35px;}
h1, h2, h3, h4{font-family: 'Raleway', sans-serif;font-weight: 500;color: #ece7e7;font-size: 28px;}
#desPrincipal p {    font-family: 'Lato', sans-serif;color: #b3b2b2;display: block;font-size: 15px;font-weight: 300;text-transform: uppercase;margin-top: 2px;}
#tablaproveed th, #tablaproveeddos th{background: #25334c;color: #eae6e6;padding: 20px 0;}
.btn{display: inline-block;padding: 8px 12px 8px;margin-bottom: 0;font-size: 12px;font-weight: 600;line-height: 15px;text-align: center;white-space: nowrap;vertical-align: middle;-ms-touch-action: manipulation;touch-action: manipulation;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;background-image: none;border: 1px solid #d6d3d3;border-radius: 4px;text-transform: uppercase;color: #737373;}
#tablaproveed tr{padding: 10px 0!important;}
#desPrincipal {padding: 15px 20px 15px; margin-top:50px;}
#acciones {position: absolute;min-height: 52px;left: 17px;top: 17px;width: 96%;padding: 8px 0; background-color: #25334c;  border-radius: 4px;}
.botBlanAzu {float: left; position: relative; padding: 3px 10px 3px 7px;  text-transform: uppercase; border: 1px solid #78C1FF;  color: #6c738e; height: 35px!important; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; margin-left: 15px; background: #fff;}
.botBlanAzu:hover{color:#333;}
.botBlanAzu span { margin-top: 8px; float: left;  font-style: normal;}
.blueboton{background: #dc6d23; color: #fff;   padding: 9px 15px 8px; border-radius: 5px; font-weight: 800; text-align: center; width:inherit!important; margin-right: 10px;}
.bluebotonTwo{background: #dc6d23; color: #fff; padding: 9px 15px 8px; border-radius: 5px; font-weight: 800; text-align: center; width: 145px!important;  margin-right: 10px;}
.soli{padding: 2px 6px; background: #eee;  border-radius: 4px;  border: 1px solid #ccc; font-weight: bold; font-size: 1.1em;  color: #888; float:left; width:130px; text-align: center;}
.dept{width:180px; float:left;}
#calificaciones span{float:left; width:25%; background:#fff; padding:20px 0; border-right: 1px solid #ccc; height:180px;}
#calificaciones span strong{float:left; font-size:.9em; width:100%; text-align:center}
#calificaciones span p{float:left; width:100%; font-size:1.4em; text-align:center;}
#calificaciones span .inC{    border: 1px solid #f1f1f1; text-align: center; padding: 20px 7px 20px 20px; border:none; width: 66px;}
.statusSoli p:first-child{margin-right:10px;}
.LEIDO{float: left; width: 20px; background: url(../graphics/statusleido.png) left 0; height: 14px; margin: 3px 0 0 0; }
.examenContestado{float: left; width: 20px; background: url(../graphics/svg/pdf.svg) left 0 no-repeat; height: 14px; margin: 3px 0 0 0; background-size:12px; margin-left:10px }
.baja{float: left; width: 20px; background: url(../graphics/baja.png) left 0 no-repeat; height: 14px; margin: 3px 0 0 0; background-size:12px }
.statusSoli .descartado{float: left!important; width: 20px!important; background: url(../graphics/baja.png) left 0 no-repeat!important; height: 14px!important; margin: 3px 0 0 0!important; background-size:12px!important; position: inherit!important; }
.statusSoli .aprobado{float: left!important; width: 20px!important; background: url(../graphics/statusFinal.png) 1px 0 no-repeat!important; height: 14px!important; margin: 3px 0 0 0!important;  margin-right:2px!important; position: inherit!important; padding:0px!important;}
.statusSoli .aprobado:hover{background-color:inherit!important; background: url(../graphics/statusFinal.png) 1px 0 no-repeat!important;} 
.contratado, .alta{float: left; width: 20px; background: url(../graphics/autorizado.png) left 0 no-repeat; height: 14px; margin: 3px 0 0 0; background-size:12px }
.NO_LEIDO{float: left; width: 20px; background: url(../graphics/statusleido.png) -23px 0; height: 14px; margin: 3px 0 0 0;  margin-right:2px;}
.periodo_de_prueba{float: left; width: 20px; background: url(../graphics/statusFinal.png) left 0 no-repeat; height: 14px; margin: 3px 0 0 0;  margin-right:2px;}
.cita{float: left; width: 20px; background: url(../graphics/statusfinal.png) -40px 0 no-repeat; height: 14px; margin: 3px 0 0 0;  margin-right:2px;}
.reagendado{float: left; width: 20px; background: url(../graphics/statusFinal.png) -60px 0 no-repeat; height: 14px; margin: 3px 0 0 0;  margin-right:2px;}
.en_proceso, .sin_asignar{float: left; width: 20px; background: url(../graphics/statusFinal.png) -60px 0 no-repeat; height: 14px; margin: 3px 0 0 0;  margin-right:2px;}
.aceptada{float: left; width: 20px; background: url(../graphics/statusFinal.png) left 0 no-repeat; height: 14px; margin: 3px 0 0 0;  margin-right:2px;}
.statusSoli{width:83px; float:left;}
#soliinfo p{color:#dc6d23}
#fech{float: right;padding: 4px 10px;font-size: .7em;background: #eee;margin: 0 0 6px 20px!important;border-radius: 4px;color: #dc6d23!important;
}
.cleanAnchor img{height:inherit!important; width:30%}
.solEscrita{padding:10px 20px 0; float:left; width:100%}
.solEscrita strong{padding:0px 15px 0px 0px!important; line-height:18px}
.bluebotonThree{background: #535556; color: #fff;   padding: 9px 15px 8px; border-radius: 5px; font-weight: 800; text-align: center; width:65px!important; margin-right: 10px;}
.blueboton:hover, .bluebotonTwo:hover, .bluebotonThree:hover{color:#fff; }
.bluebotonAzul{color: #dc6d23; padding: 4px 5px 3px; border-radius: 5px; font-weight: 800; text-align: center; width: inherit!important; margin-right:5px; text-transform: uppercase}
body{font-family:Helvetica,Arial,sans-serif; -webkit-font-smoothing:antialiased!important; line-height:1.54; color:#555;  height:100%; font-size:11px; background:#1c2535}
img{color:#f4f4f2;}
ol,ul,li{list-style:none; font-weight:lighter;}
clear, br{clear:both}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
table{border-collapse:collapse;border-spacing:0;}
p{line-height:1.6em;}
a{text-decoration:none!important; color:#777; font-weight:600; cursor:pointer;}
.submenu a{color:#fff; font-weight:300}
.submenu a:hover{color:#dc6d23;}
button, #choTip, .callId, #choTipEva, .cPointer, #choTipEvaCol, .tablaPreg tr, #colPr, #mp{cursor:pointer}
strong, #forAjaTwo strong{font-weight:700;}
.firsUp{text-transform:capitalize}
.tcenter{text-align:center}
.dnone, #formPre, .submenu, .barIn h1, .barIn strong, .barIn em, .barOut .heading, #popupQuick, #rigWinClose, #busPros, #propuesta{display:none}
.barOut .heading h3{float:left; padding-left:30px; display:block}
.dblock, .barOut h1{display:block}
.ml85{margin-left:85px;}
.m10{margin:10px}
.mb10{margin-bottom:10px}
.ml270{margin-left:270px;}
.mt10{margin-top:13px}
.svgIcon{margin:0 22px 0 19px; width:24px;}
.barOut #navMenu li img{margin:13px 10px 0 16px; width:20px; max-height:19px}
.barOut .In{border-bottom:1px solid #ccc;}
.bckMark{background-color:#2f3031}

.alertTab{color:brown; font-weight:700}
.ohid{overflow-x:hidden}
.alertClick{background:#F5F5DC}

/*---------------- Cargador ------------------*/
.loader {position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 9999; background: url('../graphics/page-loader.gif') 50% 50% no-repeat rgb(249,249,249);}
.no-js #loader {display:none; }
.js #loader {display:block; position:absolute; left:100px; top:0; }
.se-pre-con {position:fixed; left:0px; top:0px; width:100%; height:100%; z-index:99999999999; background:#fff;}
#comenW b{margin-right:2px}
/*---------------- Plantilla ------------------*/
/*---------------- Botones ------------------*/
.darkBottom{background:#dc6d23; border: 1px solid #dc6d23; padding:5px 20px; color:#fff; font-size:13px; text-transform:uppercase; font-weight:700; border-radius:4px; cursor:pointer}
.darkBottom:hover{background:#0060C8}

/*---------------- Generales  ------------------*/
.brightGray{border-right:1px solid #ccc}
.none, #butEva, #butEvaCol{display:none}
#bckWhite{background-color:#383838;} #bckDark{background:#333}
#mainContainerBlack{background:#fff; margin:110px auto 0; width:730px}
.back{float:right; margin-right:10px}
.mainBottonSma:hover{background: #005ec4; /* Old browsers */
background: -moz-linear-gradient(top, #005ec4 0%, #dc6d23 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#005ec4), color-stop(100%,#dc6d23)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #005ec4 0%,#dc6d23 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #005ec4 0%,#dc6d23 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #005ec4 0%,#dc6d23 100%); /* IE10+ */
background: linear-gradient(to bottom, #005ec4 0%,#dc6d23 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005ec4', endColorstr='#dc6d23',GradientType=0 );}
.mainBottonSma{background: #dc6d23; /* Old browsers */
background: -moz-linear-gradient(top, #dc6d23 15%, #dc6d23 15%, #0079f2 74%, #005ec4 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(15%,#dc6d23), color-stop(15%,#dc6d23), color-stop(74%,#0079f2), color-stop(100%,#005ec4)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #dc6d23 15%,#dc6d23 15%,#0079f2 74%,#005ec4 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #dc6d23 15%,#dc6d23 15%,#0079f2 74%,#005ec4 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #dc6d23 15%,#dc6d23 15%,#0079f2 74%,#005ec4 100%); /* IE10+ */
background: linear-gradient(to bottom, #dc6d23 15%,#dc6d23 15%,#0079f2 74%,#005ec4 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dc6d23', endColorstr='#005ec4',GradientType=0 );
border:1px solid #005ec4; color:#fff; font-size:12px; font-weight:700; text-transform:uppercase; padding:8px 32px 6px 32px; border-radius:4px; float:right; margin-top:10px;}
.mainBotton{text-align:center; background:#ea8d3e; border:1px solid #bf5b44; color:#fff; font-size:13px; font-weight:700; text-transform:uppercase; padding:10px 32px 8px 32px; border-radius:4px; float:right; width:100%}
.descartaBoton{text-align:center; background:#ea2e2e; border:1px solid #bf5b44; color:#fff; font-size:13px; font-weight:700; text-transform:uppercase; padding:10px 32px 8px 32px; border-radius:4px; float:right; width:100%}
.descartaBoton:hover{background:#d02727}
.mainBottonSmaDes{background: #dc6d23; /* Old browsers */
background: -moz-linear-gradient(top, #dc6d23 15%, #dc6d23 15%, #0079f2 74%, #005ec4 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(15%,#dc6d23), color-stop(15%,#dc6d23), color-stop(74%,#0079f2), color-stop(100%,#005ec4)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #dc6d23 15%,#dc6d23 15%,#0079f2 74%,#005ec4 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #dc6d23 15%,#dc6d23 15%,#0079f2 74%,#005ec4 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #dc6d23 15%,#dc6d23 15%,#0079f2 74%,#005ec4 100%); /* IE10+ */
background: linear-gradient(to bottom, #dc6d23 15%,#dc6d23 15%,#0079f2 74%,#005ec4 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dc6d23', endColorstr='#005ec4',GradientType=0 );
border:1px solid #005ec4; color:#fff; font-size:12px; font-weight:700; text-transform:uppercase; padding:8px 32px 6px 32px; border-radius:4px; float:left;}
.mainBotton:hover{color:#fff; background:#d07b33; }
.mainBotton:active{background:#A80200}
.mainBottonCenter{text-align:center; background:#bf5b44; border:1px solid #bf5b44; color:#fff; font-size:13px; font-weight:700; text-transform:uppercase; padding:10px 32px 8px 32px; border-radius:4px; width:180px; margin:20px auto; display:block}
.f100{float:left; width:100%;}
.wrapList{background:#fff; border-bottom:1px solid #e9e9e9; border-top:1px solid #e9e9e9; padding-top:95px; }
.wrapListRegular{background:#fff; border-bottom:1px solid #e9e9e9; border-top:1px solid #e9e9e9; padding-top:20px; }
.wrapListLow{background:#fff; border-bottom:1px solid #e9e9e9; border-top:1px solid #e9e9e9; padding-top:25px;}
.prel{position:relative;}
.wrapList{position:relative; border-right: 1px solid #ddd; background:#e0dddd; padding-bottom:5px;}
.wrapListForm td, .dataInf{position:relative; border-right: 1px solid #ddd; background:#fff}
.fleft, #search fieldset{float:left;}
.pl10{padding-left:10px}
.pl65{padding-left:65px}
.fright{float:right;}
 #wrapPlus{float:right;}
header{    position: absolute;width: 100%;height: 65px!important;text-transform: uppercase;z-index: 99999999; border-bottom:1px solid #384969; background: #2a3850;}
header nav{float:right; height:65px!important;}
#logoHeader{width:210px; margin-top:2px;}
#logoSmall{width:84px; position:absolute; left:87px; top:9px;}
#bar{position:fixed; top:0px; background-color:#2a3850; height:100%; left:0px; z-index:99999999;  box-shadow: 0px 23px 18px #18253a;}
.barIn{width:70px;}
.barOut{width:260px;overflow-x:hidden;}
#popupPref{position: absolute; top: 34px; right: -10px; z-index: 9; background-color:#6e6f71; width: 149px; display: none; border-radius: 8px; padding: 6px 0px;}
.int{float:left; width:100%; border:none; font-size:1.1em;}
.editInput{margin-left: 5px;  background: #eee; color: #333; padding: 2px 5px;  border-radius: 4px; font-weight: 500;  text-transform: uppercase; font-size: .9em;}
.botonMini{border: none;  font-size: .8em; color: #317bd0!important; padding: 0px 5px; border-radius: 5px; margin-left: 3px; background: none; text-transform: uppercase; float: right;}
.botonMini:hover{color:#fff!important; text-decoration:none; background:#2a5b90}

#botonUsuarios{background:#bf5b44; float:left; width:100%; text-align:center; padding:6px 0; text-transform:uppercase; color:#fff;  font-size:1.1em; font-weight:600; border:1px solid #bf5b44}
#popupPref li{float:left; width:100%; border-bottom:none;}
#popupPref li a{font-weight:600; padding:8px 10px 6px; text-transform:uppercase; float:left; width:100%; border-bottom:1px solid #757575; color:#fff }
#popupPref li a:hover{color: #e9851e;}
#senial{position:absolute; top:-10px; right:20px; font-weight:600!important; color:#b5b0b0!important}
#settings, #obPref{float:right; position:relative; padding:15px 18px 0 18px; height:64px!important; cursor:pointer; border-left:1px solid #384969}
#settings:hover, #add:hover, #obPref:hover{border-left:1px solid #4c4b4b; }
#add{float:left; border:none; background:transparent; padding:15px 10px; height:64px !important; border:none; border-left: 1px solid #384969;}
#add:hover, #settings:hover, #obPref:hover{background:#374a69;  box-shadow: 1px -5px 13px #1b1b1b;}

#add span{float:left; width:100%; margin-top:5px; font-weight:600; color:#b1b0b0; text-transform:uppercase; font-size:.9em;}
#preferences{float: right; padding: 18px 20px 0 55px;  height: 51px!important; background: #1c1c1d; border-radius: 51px; margin: 10px;}
#notifBar{width:80px; text-align:center; padding:1px }
#sets{width:80px; text-align:center; padding:1px;}
#notifBar img, #sets img, #add img{width:20px; margin-bottom:1px; height:19px}
#notifBar span, #sets span{float:left; width:100%; margin-top:5px; font-weight:600; color:#b1b0b0;}
.cheers span{position:absolute; top:-14px; left:-50px;}
.wrapOpen{float:left; width:100%; padding-left:70px; padding-bottom: 80px;}
.arrowLeft{border:none; text-indent:-99999px; position:fixed; background:url(../graphics/menuSprite.png) 20px 21px no-repeat; width:69px; height:65px !important; padding:14px; border-bottom:1px solid #475c80; z-index:99999999999;}
.arrowRight{border:none; text-indent:-99999px; background:url(../graphics/menuSprite.png) 218px 22px no-repeat; z-index:99999999999; width:244px; height:64px !important; padding:14px;}
.arrowLeft:hover{background:url(../graphics/menuSprite.png) 20px 21px no-repeat #41497d;}
#navMenu svg{width:32px}
.barIn #padMenu{ float:left; height:65px !important}
.barIn #butImg{height:65px;}
.barIn .main{float:left; width:69px; padding:14px 5px; cursor:pointer; position:relative}
.barOut #navMenu li{float:left; width:275px; padding:0px 5px 0 0; cursor:pointer}
.barOut .main{float:left; width:260px; padding:13px 5px 0 0; cursor:pointer}
#navMenu li img{float:left}
#navMenu li strong, #navMenu li em{line-height: 28px;padding: 9px 0 7px 4px;text-transform: uppercase;float: left;font-size: 12px;font-weight: 600;cursor: pointer;font-style: normal;width: 215px;border-bottom: 1px solid #435371;color: #ffffff9e!important;}
.bckMarkActive{background:#1c2536; box-shadow:inset 0px 1px 20px -7px #18253a; -webkit-box-shadow:inset 0px 1px 20px -7px #18253a; -moz-box-shadow:inset  0px 1px 20px -7px #777;}
.bckMark em{border-bottom:1px solid #f0f8ff !important}
.main:hover{background:#18253a}
#navMenu h1{float: left; width: 100%; padding: 10px 20px; background: #18253a; font-size:12px; overflow: hidden; color: #fff; font-weight: 600; text-align:center}
.wrapClose{margin-left:260px;}
#winRight{position:absolute; top:120px; right:-181px; display:none}
#actions{     position: absolute;min-height: 58px;top: 29px;margin-left: 22px;width: 95.5%;border: 1px solid #272727;padding: 11px 0 7px 0px;background-color: #25334c;border-radius: 4px;}
.barIn .submenu{position: absolute;font-size: 14px;font-weight: 300;top: -1px;left: 69px;z-index: 9999999;width: 265px;background: #18253a; padding-bottom:10px;}
.barOut .submenu{float:left; border-bottom:1px solid #151414; }
.barOut .submenu li{padding:0 !important}
.barOut .submenu li a{    font-family: 'Lato', sans-serif;
	text-transform: uppercase;font-size: 13px;font-weight: 600;padding: 7px 0 7px 43px;float: left;width: 100%;color: #d0cccc;border-left: 3px solid #edc41a;}
.wrapListGray{#e0dddd}
.barOut .submenu li a:hover{background:#0a0a0a; color:#fff; font-weight:700; text-decoration: none}
.submenu li{float:left; width:100%}
.barIn .submenu li{padding-left:30px; }
.submenu li:hover{background:#18253a}
.heading:hover{background:#18253a!important;}
.heading{position:relative; background:#18253a; padding:13px 0}
.heading img{position:absolute; top:0; left:-2px; padding:0px; height:50px !important;}
.barIn .submenu li {padding-left:30px}
.barIn .submenu li a{float:left; width:100%; padding:8px 0}
#actionsPdf{position:absolute; top:65px;}
.pisos{background:#f0f8ff; float:left; width:100%; text-transform:uppercase}
.pisos a{color:#555; font-size:11px; border-right:1px solid #B7E3FF; border-left:1px solid #B7E3FF;}
#asigPi{background:#eee; border-right:1px solid #B7E3FF;}
#asigPi ul{float:left; border-right:1px solid #B7E3FF;}
#asigPi li{float:left;} #asigPi li a{font-weight:700; color:#555; width:70px; text-align:center; border-left:1px solid #B7E3FF; text-transform:uppercase; background:#f0f8ff}
#asigPi li a:hover{background:#D8EDFF; color:#222}
#tablaPlano tbody tr:hover{background-color:#eee}
table tbody tr:hover{background-color:#fafafa}
#popupAct{z-index: 9999999999999; background: rgba(51, 51, 51, 0.8);  border: 1px solid #ccc; padding: 20px; top: 43px; box-shadow: 2px 2px 9px #ccc;  width: 100%; left:0; position: absolute; top: 0; height: 100%;}
#popupAct form{background: #f6f9fc; position:absolute; margin-left:50%; width:500px; left:-250px; height:200px; padding:20px; top:20%; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; box-shadow: -4px 9px 40px #222; -moz-box-shadow: -4px 9px 40px #222; -webkit-box-shadow: -4px 9px 40px #222;}
#popupAct fieldset{float:left; width:100%; padding:0}
#popupAct h2{font-size: 1.4em; text-transform: uppercase; font-weight: 700; float: left; width: 100%; text-align: center; color:#333}
#popupAct p{float:left; width:100%; text-align:center; padding:10px 0; line-height:21px; font-size:1.2em}
/*----------------Titulos ------------------*/
#report{    float: left;width: 100%;padding: 10px 15px 9px;background: #2a3850;margin: 15px 0;font-size: 1.1em;text-transform: uppercase;border-radius: 5px;color: #e3e3e6;font-weight: 800;}
#listReport{float:left; width:100%; padding:0 15px 15px; border-bottom:1px dotted #ccc}
#listReport li{float:left; width:100%; padding:5px 2px; text-transform: uppercase}
#listReport li span{float:left; width:300px;}
#listReport li a{    border: 1px solid #ccc;border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;color: #403f3f;padding: 1px 4px;margin: 0 2px;background: #e6e6e6;}
#listReport li a:hover{background:#eee}
#mainTit{padding:16px 20px 26px;}
#mainTitPlano{padding:26px 15px;}
#mainTit img{float:left; width:34px; margin-right:10px}
#mainTitPlano h1, #mainTitPlano h2, #mainTitPlano h3, #mainTitPlano h4{text-transform:uppercase; font-size:18px}
#mainTit p{font-family:Lato,sans-serif; font-size:16px; padding:3px 0;}
#mainTit strong{font-weight:600; color:#777}
#titAva{float:left; width:100%; font-size:18px; margin:0 0 10px 0; margin-left:20px;}
.iconPlus img{    width: 14px;border-radius: 4px;float: left;margin: 7px 9px 3px 0;max-height: 20px;}
.countRed{background-color: #bf5b44; color: #fff; border-radius:50%; padding:2px 5px; font-weight:700; font-style:normal; position:absolute; top:-6px; right:-6px;}
.addSmall{float:left; position:relative; padding:3px 9px 3px; text-transform:uppercase; border:1px solid #717171; color:#333; height:35px!important; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; margin-left:8px; background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%); background-color:#f9f9f9; cursor:pointer}
.back a:hover{
    border: 1px solid #ccc;
    background: linear-gradient(to bottom, #ffffff 1%,#fcfcfd 56%,#ccdff7 99%,#c8e1fb 99%,#b9d7f5 100%);
    background-color: #f3912c;
    background: -moz-linear-gradient(top,#ffffff 1%,#fcfcfd 56%,#ccdff7 99%,#c8e1fb 99%,#b9d7f5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(56%,#f0f9ff), color-stop(99%,#cbebff), color-stop(99%,#cbebff), color-stop(100%,#a1dbff));
    background: -webkit-linear-gradient(top, #ffffff 1%,#fcfcfd 56%,#ccdff7 99%,#c8e1fb 99%,#b9d7f5 100%);
    background: -o-linear-gradient(top, #ffffff 1%,#fcfcfd 56%,#ccdff7 99%,#c8e1fb 99%,#b9d7f5 100%);
    background: -ms-linear-gradient(top, #ffffff 1%,#fcfcfd 56%,#ccdff7 99%,#c8e1fb 99%,#b9d7f5 100%);
    background: linear-gradient(to bottom, #ffffff 1%,#fcfcfd 56%,#ccdff7 99%,#c8e1fb 99%,#b9d7f5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#a1dbff',GradientType=0 );
    color: #222;
    box-shadow: 1px 0px 3px 0px #2b2b23;
    -moz-box-shadow: 1px 0px 3px 0px #2b2b23;
    -webkit-box-shadow: 1px 0px 3px 0px #2b2b23;
}

#butImg{height:120px;}
.addSmallClick{float:left; position:relative; padding:3px 10px 3px 7px; text-transform:uppercase; border:1px solid #78C1FF; color:#333; height:35px!important; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; margin-left:15px; background:#fff; cursor:pointer; background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top, rgb(255,255,255) 0%, rgb(233,234,234) 3%, rgb(255,255,255) 77%, rgb(255,255,255) 98%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgb(255,255,255) 0%,rgb(233,234,234) 3%,rgb(255,255,255) 77%,rgb(255,255,255) 98%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgb(255,255,255) 0%,rgb(233,234,234) 3%,rgb(255,255,255) 77%,rgb(255,255,255) 98%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */}
#formPre{position:absolute; left:12px; bottom:4px;}
.addSmallGray{float:left; position:relative; padding:6px 10px; text-transform:uppercase; border:1px solid #ccc; color:#333; height:26px!important; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; margin-left:10px; background:url(../graphics/bckGray.png) 0 -29px repeat-x #fff;}
.addSmallGray:hover, .addSmallGrayBot:hover, #choTip a:hover, #choTipEva a:hover, #choTipEvaCol a:hover, #colPr a:hover{border:1px solid #78C1FF; background:url(../graphics/bckGray.png) 0 0px repeat-x #fff;}
.addSmall span, .addSmallClick span, .contesta span{margin-top:8px; float:left; font-style:normal;}
.addSmall:hover, .valGen:hover, .contesta:hover{border:1px solid #ccc; background:linear-gradient(to bottom, #ffffff 1%,#fffbda 56%,#ffecc9 99%,#ffb224 99%,#ff9800 100%);
	background-color:#f3912c; /* Old browsers */
background:-moz-linear-gradient(top,#ffffff 1%,#fffbda 56%,#ffecc9 99%,#ffb224 99%,#ff9800 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(56%,#f0f9ff), color-stop(99%,#cbebff), color-stop(99%,#cbebff), color-stop(100%,#a1dbff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 1%,#fffbda 56%,#ffecc9 99%,#ffb224 99%,#ff9800 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 1%,#fffbda 56%,#ffecc9 99%,#ffb224 99%,#ff9800 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 1%,#fffbda 56%,#ffecc9 99%,#ffb224 99%,#ff9800 100%); /* IE10+ */
background: linear-gradient(to bottom, #ffffff 1%,#fffbda 56%,#ffecc9 99%,#ffb224 99%,#ff9800 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#a1dbff',GradientType=0 ); color:#222; box-shadow:1px 0px 3px 0px #2b2b23; -moz-box-shadow:1px 0px 3px 0px #2b2b23; -webkit-box-shadow:1px 0px 3px 0px #2b2b23; }
.active{-webkit-box-shadow:inset 7px 10px 14px -14px rgba(0,0,0,0.75);
-moz-box-shadow: inset 7px 10px 14px -14px rgba(0,0,0,0.75);
box-shadow: inset 7px 10px 14px -14px rgba(0,0,0,0.75); }
.active span{font-weight:700; color:#555}
.addSmall:active, .addSmallClick:active{background:aliceblue;}
.iconEdit img{width:16px; margin-top:2px}
#wrapListPlano{height:640px}
.wrapListForm{margin-left: 17px;border: 1px solid #cacaca;border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;margin-bottom: 20px;padding: 20px 20px 20px;width: 96%;position: relative;background: #fff;}
.wrapForm{float:left; border:1px solid #ccc; background:#fafafa;border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; margin:20px 0; padding:2px 20px 20px; width:100%; position:relative}
.wrapListFormThree{margin-left:17px; border:1px solid #eee; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; margin-bottom:20px; padding:20px; width:96%; position:relative}
.busquedaForm{margin-left:17px; width:96%; position:relative}
.busquedaForm label{position:absolute;}
.busquedaForm input{float:left; margin:1px 0px 0 13px; border:1px solid #ccc; height: 25px; width:360px; padding:0 10px; text-transform:uppercase; border-radius:3px; background-color:#fafafa;}
#busPros{width:540px}
.wrapListForm tbody, .wrapListFormThree tbody{border:1px solid #ccc;}
.wrapListForm thead th, .wrapListFormThree thead th{    font-family: 'Lato', sans-serif;color: #c7c5c5;font-size: 18px;border-bottom: 1px solid #ddd;padding: 13px 0 13px 10px;background: #2a3850;font-weight: 600;}
.secmainTit{font-family:'Lato', sans-serif; font-weight:300; color:#333; font-size:18px; padding:15px 0 0 0; float:left; width:100%;}
.bigInp{float:left; border:1px solid #fff; height:36px; padding:0 10px 0; width:100%; text-transform:uppercase;  color:#dc6d23;}
.thbr thead th{ padding:0 0 6px 10px; font-size:13px; font-weight:700}
.thbr tbody a{float:left; width:100%; padding:6px 13px;}
.selSma{position:absolute; left:2px;height:35px;border:1px solid #fff; background-color:#fff; width:50px; text-transform:uppercase; color:#dc6d23; border-right:1px solid #ddd; border-radius:0;-webkit-appearance: none; -moz-appearance: none; padding-left:15px}
.medInp{float:left; width:100%; height:34px; margin-top:1px; border:1px solid #fff; border-left:1px solid #ddd; text-transform:uppercase; color:#dc6d23; padding:0 10px}
.medInpSpe{float:left; width:100%; height:34px; margin-top:1px; border:1px solid #fff; text-transform:uppercase; color:#dc6d23; padding-left:65px}
.selBig, .selMed, .selExtra{float:left; border:none; height:33px; margin-top:2px; background-color:#fff; width:100%; text-transform:uppercase; color:#dc6d23; border-radius:0; -webkit-appearance: none; -moz-appearance:none; padding-left:15px}
.delToolSmall{border-top:1px solid #ddd}
.wrapListForm table, .wrapListFormThree table{float:left; width:100%}
.wrapListForm tr, .wrapListFormThree tr{border-bottom:1px solid #ddd;}
.wrapListForm label, .wrapListForm strong, .wrapListFormThree label, .wrapListFormThree strong{text-align:left; padding:10px 15px 8px 26px; text-transform:uppercase; font-weight:600; float:left; width:100%;}
.wrapListForm td p, .wrapListFormThree td p{float:left; width:100%; padding:0 10px; text-transform:uppercase}
.grayField{background:#eee}
.plus{position:absolute; top:0px; right:0px; border-left:1px solid #ddd; height:34px !important; background-color:#fff;}
.plus img, .plusTwo img{width:20px; margin:8px; cursor:pointer}
.plusTwo{position:absolute; top:0px; right:0px; border-left:1px solid #ccc; height:36px !important}
.iconDelete img{width:30px; background-color:#dc6d23; padding:4px; max-height:28px; border-radius:4px; position:absolute; right:45px; top:2px;}
.iconDeleteT img, .iconEditT img{margin:4px 10px 0 0; width:34px; background-color:#dc6d23; padding:6px; max-height:32px; border-radius:4px; float:right;}
.iconDeleteT img:hover, .iconEditT img:hover{background:#0060C8;}
#masPlazas{float:left; width:100%; border-bottom:1px solid #ddd;}
.obli{color:#c30; font-size:18px; line-height:9px}
.texBig{float:left; width:100%; border:1px solid #fff; margin:5px 0; padding:8px 0px; height:62px; background:#fff!important}
.proImg img{    width: 40px;height: 40px;border: 1px solid #dc6d23;border-radius: 50%;padding: 1px;
}
#solicitud{background-color:#bf5b44;color:#fff;border-radius:50%;padding:2px 5px;font-weight:700; font-style:normal;position:absolute;top:6px;right:28px}
#cotLoc{margin-top:6px; padding:3px 0 0; font-size:11px; border:none; background-color:transparent; text-transform: uppercase;}
.botCart input{margin-right:5px}
.botCart label{margin-top:3px}
#devCan{text-transform:uppercase; font-weight:700; padding:10px 10px 10px; float:left; width:100%; margin-bottom:20px; background-color:#eee; border-radius:4px; border:1px solid #ccc;}
#devCan input{float:left; margin-right:10px; cursor:pointer}
#devCan span{float:left; font-size:1.1em; margin-top:4px}
.wrapListForm fieldset{float:left; width:100%; background:#f0f8ff; padding:15px}
#archivoDevolucion{border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; padding: 10px 0; margin-bottom: 20px;}
#archivoDevolucion span{float:left; font-size:1.1em; text-transform:uppercase; margin:3px 10px;}
.svgPdf img{width:18px; float:left;}
.svgPdf span{float:left; margin:5px 0 0 10px; font-size:.9em; font-weight:700}
.msgFlash{margin-left:17px; border:1px solid #eee; border-radius: 4px; -webkit-border-radius:4px; -moz-border-radius:4px; margin-bottom:10px; padding:10px 20px; width:96%; min-height:44px!important;}
.msgFlash img{float:left; margin-right:10px;}
.msgFlash strong{font-size:12px; margin-top:5px; float:left; text-transform:uppercase; color:brown;}
#enviarFirma:hover{background:#ccc: color:#333; box-shadow:5px 0px 11px 2px #ccc; -moz-box-shadow:5px 0px 11px 2px #ccc; -webkit-box-shadow:5px 0px 11px 2px #ccc; border:1px solid #fff;}
#enviarFirma{border:1px solid #fff;}
.botCart{float:left; margin-right:10px}
.calInp{position:absolute; top:8px; width:16px; right:7px; z-index: 999;}
input[type=file]{padding-top:9px;}
#stat{background: #eee; width: 200px; margin: 0 0 0 10px;  border: 1px solid #ccc; padding: 5px; border-radius: 5px;}
.editInfo .inle, #editInfo .inle{width:200px; border: none; color:#e08d5a; text-transform: uppercase}
.editInfoII .inle, #editInfoII .inle{width:200px; border: none; color:#e08d5a;}
.editInfo .in, #editInfo .in{float:left; width:100%; border: none; color:#e08d5a; text-transform: uppercase}
.editInfoII .in{float:left; width:100%; border: none; color:#333;}
.editInfo .in::placeholder, .editInfo .inle::placeholder, #editInfo .in::placeholder, #editInfo .inle::placeholder{color: #ccc; text-transform: uppercase; }
.editInfoII .in::placeholder, .editInfoII .inle::placeholder, #editInfoII .in::placeholder, #editInfoII .inle::placeholder{color: #ccc;  }
.editInfo .in:focus, .editInfo .inle:focus #editInfo .in:focus, #editInfo .inle:focus{ text-transform: uppercase}
.editInfo span, #editInfo span, #editInfoII span{color:#ccc}
.editInfo .sele, #editInfo .sele{float:left; width:100%; border: none; color:#e08e5b; text-transform: uppercase}
.editInfoII .sele{float:left; width:100%; border: none; color:#e08e5b;}
.editInfo .seledos, #editInfo .seledos{float:left; width:100%; border: none; color:#ccc; text-transform: uppercase}
.editInfoII .seledos{float:left; width:100%; border: none; color:#ccc;}
.editInfo .selected, #editInfo .selected, , .editInfo .selected{color: #e08d5a!important; }
#dir span{float:left; width:125px; font-weight:bold; }
#dir p{padding:0 0 0 15px}
#dir p:first-child{margin-top:10px;}
#dir p:last-child{margin-bottom:10px;}
.observacion{background:#2a3850; float: right; width:100%; padding:7px 10px 5px 2px; border: 1px solid #ccc; margin: 10px 0 0; border-radius: 4px;}
.observacion p{color:#fff}
.observacion em{background: #ea8d3e; color: #fff; padding: 2px 10px; border-radius: 5px;  font-size: .8em;}

/*---------------- Login  ------------------*/
.conLog{position:absolute; top:150px; width:400px;  margin-left:-215px; left:50%; text-align:center; font-family: 'Oswald', sans-serif; }
.bckIndex{font:13px/20px 'Lucida Grande',Tahoma,Verdana,sans-serif;color:#404040;background:#2a5773}
.login{float:left; width:100%; background:#fff; padding-bottom: 20px; border:8px solid #647484; border-radius:5px; box-shadow:2px 5px 14px #333; -webkit-box-shadow:2px 5px 14px #333; -moz-box-shadow:2px 5px 14px #333;}
.login h1{font-size:22px; color:#fff; margin:0; font-weight:600; font-family: 'Oswald', sans-serif; float:left; width:100%;}
.login p{font-size:13px; float:left; padding-top:4px; color:#fff; font-family: 'Oswald', sans-serif; font-weight:300; float:left; width:100%;}
.login span{padding:10px 0px; background-color:#61879e; float:left; text-transform:uppercase; width:100%}

.login1{float:left; width:100%; background:#fff; padding-bottom: 20px; border-bottom:4px solid #4F9CD4; border-top:4px solid #4F9CD4; border-radius:5px; box-shadow:2px 5px 14px #333; -webkit-box-shadow:2px 5px 14px #333; -moz-box-shadow:2px 5px 14px #333;}
.login1 h1{font-size:22px; color:#fff; margin:0; font-weight:600; font-family: 'Oswald', sans-serif; float:left; width:100%;}
.login1 p{font-size:13px; float:left; padding-top:4px; color:#fff; font-family: 'Oswald', sans-serif; font-weight:300; float:left; width:100%;}
.login1 span{padding:10px 20px; background-color:#4F9CD4; float:left; text-transform:uppercase;}

.msgBlack{float:left; width:100%; padding-top:20px; text-transform:uppercase}
#loginForm form{float:left; padding:20px 0;}
#loginForm label{display:block; color:#666; text-align:left; padding:20px 0 8px 10px; text-transform: uppercase; font-weight:300;font-size:15px}
#loginForm p{float:left; width:360px; padding:0 20px}
.inpLog{height:38px; font-size:13px; border:1px solid #ccc; background:#f9f9f9; padding:0 10px; width:340px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;}
.submit input{cursor:pointer; background:#d4804f; border:0px solid #ea6735; color:#fff; font-size:14px; font-weight: 700;text-transform: uppercase;  padding: 12px 0; width:100%; border-radius:3px; -webkit-border-radius:3px; border-radius:3px; margin: 20px auto 0 auto;}
.submit:hover input{background: #ea6735; /* Old browsers */
background: -moz-linear-gradient(top, #ea6735 0%, #ea6735 93%, #7db9e8 100%, #7db9e8 101%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ea6735), color-stop(93%,#ea6735), color-stop(100%,#7db9e8), color-stop(101%,#7db9e8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ea6735 0%,#ea6735 93%,#7db9e8 100%,#7db9e8 101%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ea6735 0%,#ea6735 93%,#7db9e8 100%,#7db9e8 101%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ea6735 0%,#ea6735 93%,#7db9e8 100%,#7db9e8 101%); /* IE10+ */
background: linear-gradient(to bottom, #ea6735 0%,#ea6735 93%,#7db9e8 100%,#7db9e8 101%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea6735', endColorstr='#7db9e8',GradientType=0 ); }
#mesLog{float:left; width:100%; margin:20px 0; font-size:16px; font-weight:300; color:#fff}
#mesLog a{color:#e6671e; font-weight:600}
#aqui{float:left; width:60%; border: 1px solid #B7E3FF; margin:0 25px 25px;}
#tab2{float:left; width:95.5%; border: 1px solid #B7E3FF; margin:0 25px 25px;}

/*---------------- pdf cartas intencion  ------------------*/
.pdf-container{padding:20px 20px 0;font-size:10px;font-family:"Myriad Pro",arial,helvetica,sans-serif!important}
.underline-text{text-decoration:underline;font-weight:700;}
hr.signing{margin-bottom:0;border-color:#18253a}
.small-text{font-size:7px}
#adjustWrapBlack form{float:left;width:730px;background:#fff;padding:30px;margin-top:15px;box-shadow:0 4px 7px #18253a;-moz-box-shadow:0 4px 7px #18253a;-webkit-box-shadow:0 4px 7px #18253a}

/*---------------- MODAL PERSONALIZADO HTML5------------------*/
.modal-box{display:none;position:absolute;z-index:1000;width:600px;background:#fff;border-bottom:1px solid #aaa;border-radius:4px;box-shadow:0 3px 9px rgba(0,0,0,0.5);border:1px solid rgba(0,0,0,0.1);background-clip:padding-box;padding:20px}
.modal-box fieldset{float:left; margin-right:4px}
.modal-box header,.modal-box .modal-header{padding:1.25em 1.5em;border-bottom:1px solid #ddd}
.cerrar img{width:16px}
.modal-box h3{margin-bottom:5px; display:block; font-weight:600}
.modal-box p{font-size:14px;}
.modal-box .modal-body{padding:2em 0}
.modal-box footer,.modal-box .modal-footer{padding:1em;border-top:1px solid #ddd;background:rgba(0,0,0,0.02);text-align:right}
.modal-overlay{opacity:0;filter:alpha(opacity=0);position:absolute;top:0;left:0;z-index:900;width:100%;height:100%;background:rgba(0,0,0,0.3)!important}
a.cerrar{line-height:1;font-size:1.5em;position:absolute;top:7%;right:2%;text-decoration:none;color:#bbb}
a.cerrar:hover{color:#222;-webkit-transition:color 1s ease;-moz-transition:color 1s ease;transition:color 1s ease}
#firma{float:left; width:100%; height:34px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; border:1px solid #ccc;}
#hideTy{float:left; width:216px; height:63px; background:url(../graphics/firma.png); overflow:hidden; cursor:pointer}
#hideTy input{display: block !important; width:216px !important; height:63px !important; opacity: 0 !important; overflow: hidden !important; cursor:pointer; text-transform:uppercase}
#comenW{background-color:#eee; border:1px solid #ccc; border-radius:4px; padding:10px; float:left; width:100%; margin-top:10px; text-transform:uppercase}
.panelLeft{float:right; background:url(../graphics/rArrows.png) 8px 22px no-repeat; height:64px !important; border:none; border-left:1px solid #ccc; text-indent:-999999px; width:30px;}
.panelRight{float:right; background:url(../graphics/rArrows.png) 8px -153px no-repeat #dc6d23; height:64px !important; border:none; border-left:1px solid #ccc; text-indent:-999999px; width:30px;}
.panelRight:hover{background:url(../graphics/rArrows.png) 8px -55px no-repeat #dc6d23;}
.panelLeft:hover{background-color:#eee;}
#triangle{background:url(../graphics/rArrows.png) center -31px no-repeat;     height:40px; float:left; max-width:100px; text-overflow:ellipsis; white-space: nowrap; overflow:hidden; font-style:normal; color:#ece7e7}
.msgAlert{float:left; padding:0 10px 5px;margin:17px 0 10px 17px; font-weight: 600; text-transform:uppercase;}
.msgAlert img{float:left; margin-right:5px;}
.msgAlert p{float:left; margin-top:5px; font-weight:700}
#msgRecAgr{float:left; border:1px solid #ccc; width:100%; margin-top:10px; position:relative;}
#msgRecAgr .msgForm{background:#eee; float:left; width:97%; text-transform:uppercase; padding:10px; margin:10px 20px 10px 15px}
.msgForm p{float:left; margin-top:4px; color:#18253a}
.msgForm img{float:left; margin-right:10px;}
.titFormMain{font-family:'Lato', sans-serif; font-weight:300; color:#333; font-size:18px; border-bottom: 1px solid #ddd; padding:10px 0 10px 10px; float:left; width:100%; margin-bottom:10px;}
.addSmallGrayBot{float:left; height:33px; position:relative; padding:2px 10px; text-transform:uppercase; border:1px solid #ccc; color:#333; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; background:url(../graphics/bckGray.png) 0 -24px repeat-x #fff; cursor:pointer}
.addSmallGrayBot span{float:left; margin-top:8px}
#choTip, #choTipEva, #choTipEvaCol, #colPr{float:left; width:100%; height:100%; background:#fff; padding:15px 15px 5px 15px; display:none}
#choTip a{border:1px solid #ccc; padding:8px 20px; text-transform: uppercase; margin: 0 10px; background:url(../graphics/bckGray.png) 0 -24px repeat-x #fff; cursor:pointer; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px;}
#choTipEva a, #choTipEvaCol a, #colPr a{color:#dc6d23}
#closeCho, .closeData{width:14px; position:absolute; right:6px; top:6px; border:1px solid #78C1FF; background:#fff; padding:2px; cursor:pointer}
#closeCho:hover{border:1px solid #78C1FF;}
#choTip span{margin-bottom:10px; padding:20px 0px; border:1px solid #78C1FF; border-radius:4px; background:#f0f8ff; float:left; width:475px; position:relative}
#choTipEva span, #choTipEvaCol span, #colPr span{margin-bottom:10px; padding:20px 20px 0 20px; border:1px solid #78C1FF; border-radius:4px; background:#f0f8ff; float:left; width:495px; position:relative}
.foDep{float:left; width:100%; border-bottom:1px solid #eee; padding:10px }
#forAja fieldset{float:left; width:100%; background: #f0f8ff; padding:0 0 15px 0; border-top: 1px solid #ddd;}
.dataInf .bigInp{background:#fff; cursor:pointer}
.ac_results{width:100%}
#resultadosView{float:left; width:96%; position:relative; margin-left:17px; padding:15px 19px 0;}
#dataPro{border:1px solid #B7E3FF; background:#f0f8ff; float:left; width:100%; position:relative; margin-bottom:25px}
#dataPro table{float:left; width:100%;}
#dataPro table th{font-family: 'Lato', sans-serif; font-weight:300; color:#333; font-size:18px; border-bottom:1px solid #ddd; padding:5px 10px; background:#fff}
#dataPro tbody tr:hover{background:#eee; border-bottom:1px solid #ccc; border-top:1px solid #ccc}
#dataPro tbody tr p, #dataPro tbody tr a{float:left; width:100%; padding:5px 10px; border-bottom:1px solid #eee; height:36px!important; line-height:32px}
#dataPro i{text-transform:uppercase; font-style:normal}
#bac{background:#fff; padding:4px 4px 1px; border:1px solid #B7E3FF; border-radius:4px; position:absolute; right:5px; top:3px;}
#bac img{width:11px}
.prosCoti{float:left; width:100%; border-top: 1px solid #ccc; background:#fff; border-bottom:1px solid #ccc; padding:5px 0;box-shadow:inset 0px 0px 18px -8px #777; -webkit-box-shadow:inset 0px 0px 18px -8px #777; -moz-box-shadow:inset 0px 0px 18px -8px #777; }
.prosCoti li{float:left; width:100%; padding:5px 10px; text-transform:uppercase; border-bottom:1px solid #eee; cursor:pointer}
.styLi{cursor:pointer; font-size:11px; text-transform:uppercase; padding:7px 5px 4px 5px; float:left; width:100%; background: #fff; border-bottom:1px solid #eee;}
.prosCoti li:hover{background-color:beige}
.prosCoti li p{float:left}
#headCot{font-size:13px; text-transform:uppercase; padding:7px 5px 4px 5px; float:left; width:100%; background:#eee; border-bottom:1px solid #ccc;}
.styLi em, .styLi i, .styLi strong, #headCot em, #headCot i, #headCot strong, .styLi b, #headCot b{font-weight:600; font-style:normal; text-transform:uppercase; float:left}
.styLi strong, #headCot strong{width:100px; overflow:hidden; text-overflow: ellipsis;}
.styLi i, #headCot i{width:300px; overflow:hidden; text-overflow: ellipsis;}
.styLi em, #headCot em{width:250px; overflow:hidden; text-overflow: ellipsis;}
.styLi b, #headCot b{width:20px}
.styLi input{margin:0}
.styLi:hover{background:beige}
#cotiInfo h3{padding:10px 5px;}
.checkInp{float:left; margin-right:10px; cursor:pointer}
#copyDatos{float:left; width:100%; background-color:#f0f8ff; padding:10px; margin-top:10px; border:1px solid #B7E3FF; text-transform:uppercase; text-align:right; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;}
#copyDatos label{float:right; line-height:1.6em; width:48px; margin:0; text-align:right; background-color:#eee; padding:5px 6px 4px; border:1px solid #c9c9c9; border-radius:3px; margin-left:5px; font-weight:700; cursor:pointer}
#copyDatos input{float:right; margin:1px 0 0 4px;}
#copyDatos p{float:right; font-weight:700; margin-top:7px; padding-right:10px;}
.valAdd{float:right; margin-left:10px; border:1px solid #dc6d23; background:#dc6d23; cursor:default; text-transform:uppercase; color:#fff; margin:10px 0 0 0; padding:10px 14px 8px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; cursor:pointer; font-weight:800}
.valAdd:hover{background:#005FCB; box-shadow:1px 0px 3px 0px #999; -moz-box-shadow:1px 0px 3px 0px #999; -webkit-box-shadow:1px 0px 3px 0px #999; border:1px solid #fff; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;}
.valGen{float:right; border:1px solid #dc6d23; cursor:default; text-transform:uppercase; color:#fff; margin:10px 10px 0 0; padding:10px 14px 8px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; cursor:pointer;}
.valGen p{color:#dc6d23; font-weight:800}
#folioPrint{position:absolute; right:18px; top:7px; background-color:aliceblue; padding:6px 20px 5px; border: 1px solid #B7E3FF; border-radius:3px; text-transform: uppercase; font-size:13px}
#folioPrint em{font-weight:700; font-style:normal; margin-right:4px;}
#folioPrint span{font-weight:700}
.errorAjax{color:brown; padding:5px 10px; float:left; width:96%; text-transform:uppercase; position:absolute; top:-15px;}
#contentEva table{margin:10px 0;}
#contentEva h3{margin:16px 0 8px; font-size:16px; font-weight:700; float:left; width:100%;}
#contentEva p{font-size:11px; line-height:24px; text-transform:uppercase;}
#contentEva i{float:left; font-style:normal; margin-right:5px; font-weight:700; line-height:18px; height:18px}
.infoEva thead em, #infoEva thead em{float:left; font-size:1.1em; text-align:left; padding:5px 10px; text-transform:uppercase; font-style:normal}
.infoEva tbody em{float:left; text-align:left; padding:5px 10px; font-size:1.1em; font-style:normal}
.infoEva thead th, #infoEva thead th{font-size:14px; padding:2px 0; text-align:center}
.totEva{font-weight:700; padding:10px; background: #fafafa}
.bckEva{background:#fafafa}
#infoEva th{text-align:left}
.infoEva span{float:left; width:100%; text-align:center; border-left:1px solid #ccc; line-height:24px; height:24px;}
.infoEva thead, #infoEva thead{background:#eee; border:1px solid #ccc}
.infoEva tbody th{ padding:6px 0; text-align:center}
#infoEva tbody td{font-size:1em; padding:4px 10px; text-align:left; border-right:1px solid #ccc}
td em, td strong, td p{text-transform:uppercase!important; font-style:normal; font-weight:600}
.infoEva tbody input{height: 23px; width:100%; background:transparent; border-bottom: none; border-top:none; border-right:none; border-left: 1px solid#ccc; text-align:center; font-weight:700}
.infoEva thead .bigTb{font-size:14px;}
.infoEva thead .smaTb, .infoEva thead .medTb{font-size:9px; text-transform:uppercase; font-weight:700}
.bigTb{width:53%;}
.smaTb{width:9%;}
.medTb{width:20%}
.wrapListFormThree fieldset{position:relative}
.dataEva{border:1px solid #ccc; border-bottom:none; margin:0 !important}
.dataEva thead{background:#fafafa}
.dataEva thead th{font-size:12px; font-weight:700; padding:10px 10px 8px !important;}
.dataEva tbody td{padding:7px 10px 5px !important; cursor:pointer}
.dataEva .des{font-size:10px; line-height:15px; float:left; width:100%; font-style:normal; font-weight:700;}
#tabsEva, #tabsE{margin-top:20px}
#tabsEva ul, #tabsE ul{float:left; width:100%; border-bottom:none;}
#tabsEva li a, #tabsE li a{padding:6px 30px 4px; float:left; width:100%;}
#tabsEva ul li, #tabsE ul li{float:left; border:1px solid #ccc; border-bottom:none; text-transform:uppercase}
.ui-state-active, .acti{background: #eeeeee; /* Old browsers */
background: -moz-linear-gradient(top, #eeeeee 73%, #eeeeee 73%, #e5e5e5 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #eeeeee 73%,#eeeeee 73%,#e5e5e5 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #eeeeee 73%,#eeeeee 73%,#e5e5e5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#e5e5e5',GradientType=0 );}
.ui-state-active a, .acti{color: #dc6d23}
.evaDes{padding:10px !important}
.desCen td{text-align:center}
.spaHead input{margin-left:8px}
.calen{position:absolute; right:0; top:10px; z-index:9999}
.usuaInfo{float:left; margin:0 !important;}
#usersEva{float:left; width:100%; border-bottom:1px solid #ccc;}
#usersEva li .actEva{float:left; width:100%;}
.areaN{color:#333; cursor:pointer; font-weight: 600; text-transform:uppercase;}
.steps .content{padding:0 20px;}
#usersEva .spaHead, .blueHead{float:left; font-size: 1em; background-color:#f0f8ff; text-transform:uppercase; font-weight:600; border:1px solid #B7E3FF; width:100%}
#usersEva em{font-style:normal; margin-left:6px; font-weight:700}
.actEva .firInp{margin:0 8px 8px; float:left;}
.actEvaUse{border:1px solid #eee; float:left; width:100%; padding:3px 2px 0 2px; margin-bottom:10px}
#allCheck{margin:8px}
.usuaInfo td{padding:5px 7px; background:#fff; font-weight:600; text-transform:uppercase}
.areaDiv{border-left:1px solid #ccc; border-right:1px solid #ccc; padding:10px 0 0; background:#fafafa; border-bottom:1px solid #fff}
.actb{background: url('../graphics/sprite2.png') -409px -97px  no-repeat; float:left; width:20px; height:20px}
.deactb{background: url('../graphics/sprite2.png') -434px -97px  no-repeat}
#choTipEva select, #choTipEvaCol select{border: 1px solid #ccc; background-color: #fff; height: 29px; text-transform: uppercase; float:left;}
#butEva, #butEvaCol{position:absolute; top:20px; left:225px; width:100px; background:url(../graphics/bckGray.png) 0 -24px repeat-x #fff; padding:4px 5px 0; border:1px solid #B7E3FF; height:29px;-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px; }
#butEva img, #butEvaCol img{width:18px; margin:1px 0 0 0; float:left}
#choTipEva p, #choTipEvaCol p, #colPr p{float:left; width:100%; margin-top:8px}
#contentEva .steps, #choTipEvaCol .steps{margin:0 0 10px !important} #contentEva .wrapListForm{margin-left:0 !important}
#choTipEva b, #choTipEvaCol b, #colPr b{font-size:11px; margin:4px 6px 2px 6px; float:left; text-transform:uppercase;}
.sinPre label{background:#fafafa; border-bottom:1px solid #ccc; float:left; width:100%; height:28px}
.sinPre .remove{margin:0 0 0 5px !important; float:left;}
.sinPre label{padding:6px !important; margin:0 !important}
#msgRecAgr #botRecAg{margin:15px}
.removeT{background: url('../graphics/sprite2.png') -312px 1px  no-repeat; float:left; width:20px; height:13px}
.noMsgEv{background:#fff; float:left; width:100%; padding:8px 10px 7px; text-transform:uppercase; border:none; border-bottom:1px solid #ccc}
#forAja a{margin:10px 0 10px 10px;}
.secPreg{float:left; width:100%; background:#fff; position:relative; border-bottom:1px solid #ccc}
.secPreg input{float:left; width:100%; border:none; background:#fff; text-transform:uppercase; padding-left:30px; height:26px}
.secPreg .borrar{position:absolute; left:5px; top:0; padding:6px; height:24px; cursor:pointer}
.catNomEva{float:left; padding:2px 0}
.tipForm{float:left; background-color:#eee; width:200px; text-transform:uppercase; padding: 10px 0 8px 10px; height:130px;}
.tipFormTwo{float:left; width:200px; text-transform:uppercase; padding: 10px 0 8px 10px;}
#tipForm span{float:left; padding:8px; width:100%; background:#fff}
#tipForm input{float:left;margin-right:5px; text-transform:uppercase; cursor:pointer}
#tipForm em{float:left; padding:3px 8px 0; font-style:normal; text-transform:uppercase}
#colabora{float:left; width:100%;; border:1px solid #ccc; padding:10px; margin-bottom:15px}
#colabora .blueHead{font-weight:700; padding:6px 10px}
#colabora .span{float:left; width:290px; padding-top:10px;}
#colabora b{text-transform:uppercase; width:200px; float:left; line-height:24px; font-weight:700}
#colabora .kUpOne,#colabora .kUpTwo{border:1px solid #ccc; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; width:280px; height:30px; padding:0 10px; text-transform:uppercase}
#ajaxUsu{float:left; width:100%}
.addID{cursor:pointer; background:#fff}
#wrapColabora{float:left; width: 100%; border: 1px solid #ccc; padding: 0 10px 10px; margin: 10px 0; border-radius: 5px; background-color: #fafafa;}
#wrapColabora .addSmallGrayBot{margin-top:22px}
#busFinal{margin-top:10px; position:relative; float:left; width:100%; border-left:3px solid #dc6d23}
.agreCali{float: left; width: 100%; padding:5px 9px 3px; border-bottom: 1px solid #ccc; background:#fff; text-transform:uppercase; border-top:1px solid #fff}
.p46{padding-bottom:46px; }
.agreCali input{border:none; background:transparent}
#ajaxUsu .msgAva{margin-top:25px}
#tablaUsu th{padding:0 10px}
.agreCali i{color:#dc6d23;}
.agreCali em{line-height:18px; font-style:normal; margin-right:5px;}
.agreCali input{text-transform:uppercase; font-weight:700; color: dodgerblue; color:dodgerblue;}
#ajaxUsu #msgAva{margin:10px 0}
.addID:hover{cursor:pointer; background-color:#fafafa}
.addID th{border:1px solid #eee}
.rem{background:url('../graphics/sprite2.png') -311px 1px no-repeat; float:left; width:20px; height:20px}
.subTit{float: left; width: 100%; padding:0 0 10px 10px; font-weight:700; font-size:1.1em;}
.mainSub{font-size: 1.2em; line-height:28px; text-transform:uppercase}
#consultaEval td{font-weight:600; text-transform:uppercase; padding:10px 10px 8px 10px; text-align:left;}
.palomita{background:url('../graphics/sprite2.png') -283px 1px no-repeat; float:left; width:20px; height:20px}
.espera{background:url('../graphics/sprite2.png') -45px -21px no-repeat; float:left; width:20px; height:20px}
.contesta{float: left; position: relative; padding: 3px 10px 3px 7px; text-transform: uppercase; border: 1px solid #78C1FF; color: #333; height: 35px!important; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; margin: 15px 0; background: #fff; cursor: pointer;}
.dataEva .ingo span{float:left; width:100%; text-transform:lowercase; margin-top:3px;}
.dataEva .ingo em{font-size:1.2em; font-style:normal}
#cambiopass{width:360px; margin:60px auto 0}
.alert-warning{float:left; width:100%; padding:6px 0; text-align:center; text-transform:uppercase}
.tablaPreg{position:absolute; background-color:#FFFFE0; top:16px; left:-1px; z-index:9999; width:750px !important}
.tablaPreg p{padding:3px 6px;} .tablaPreg em{font-style:normal; text-transform:uppercase; padding:3px 6px}
.calCol{width:185px !important; border: 1px solid #B7E3FF; padding: 8px 0 7px; background-color: #f0f8ff; border-radius:4px; text-align: center;}
.calCol:hover{background:#dc6d23; color:#fff; border: 1px solid #dc6d23; text-decoration:none}
#forAjaTwo{float:left; width:100%; border:1px solid #ccc; margin:15px 0; border-bottom:none}
#formPre a{margin:0 !important}
.colcol strong{float:left; width:100%;}
.colcol ul li{float:left; width:100%; padding:8px 0}
.colcol em{float:left; width:600px !important}
.colcol i{float:left;}
.personal{float:left; width:100%; padding:10px 0}
.tbEst{float:left; width:155px!important}
.Rtel{width:150px !important}
.Rema{width:240px !important; text-overflow:ellipsis; white-space:nowrap; overflow:hidden}
.fCr{white-space:nowrap;}
.Rori{width:150px !important; text-overflow:ellipsis; white-space:nowrap; overflow:hidden }
.sp{margin-right:5px; line-height:16px; font-style:normal}
#commentC textarea{float: left; text-transform:uppercase; width:100%; margin: 20px 0 0; border: 1px solid #ccc; border-radius: 4px; padding: 10px; margin-bottom: 10px; height: 54px; background:#fafafa}
#aqui{float:left; width:60%; border:1px solid #B7E3FF; margin:0 25px 25px;}
#ventasDash{float:left; width:100%}
#ventasDash th{background:#f0f8ff !important; border-bottom:1px solid #B7E3FF; padding:6px; text-transform:uppercase}
#ventasDash td{padding:3px 0 3px 6px; text-transform:uppercase}
#ventasDash tbody tr{border-bottom:1px solid #ddd}
#infoAvaVen{float:left; margin:0 20px; background-color:#f0f8ff; padding:5px 10px; border:1px solid #B7E3FF; border-radius:4px;}
.msgError{position: absolute; background-color: #fff; top: -13px; color: #333; font-style: normal; padding: 3px; font-size:9px; border-radius: 3px; left: -21px;  z-index:9999; border:1px solid #c30}
.msgError span{position: absolute; bottom: -10px; left:10px}
.msgError em{font-style:normal; font-weight:700}
#busVen{border: 1px solid #eee; background-color:#fafafa; float: left; margin-left: 17px; margin-bottom: 20px; padding:20px 12px; border-radius: 4px; width:96%}
#busVen input{float: left; height: 29px; width: 600px; border-radius: 3px; border: 1px solid #ccc; padding:0 12px; text-transform:uppercase}
#busVen label{ float: left; margin-right: 12px; text-transform: uppercase; padding: 8px 0 0 0;}
#filVen{float:left; margin-right:10px; }
#filVen select{border: 1px solid #ccc; background-color: #fff; height: 29px; text-transform: uppercase; float:left;}
#canvas-holder{float:left; width:20%; text-align:center; border:1px solid #B7E3FF; padding:36px 20px 10px; position:relative}
.titChart{position:absolute; width:100%; top: 0px; left: 0px; background-color: #f0f8ff; padding: 6px 0; text-transform: uppercase; border-bottom:1px solid #B7E3FF;}
.eje{float:left; width:100%; text-overflow:ellipsis; white-space: nowrap; overflow:hidden; border-right:1px solid #B7E3FF}
#ventasDash tbody tr:hover{background:#f0f8ff !important}
#ventasDash .tcenter{background:#fafafa;}
#totVenPros{background:#f0f8ff !important; text-align:center}
#totVenPros td{font-size:1.1em; text-transform:uppercase; font-weight:700}
#totMet{ float: left; width: 30%; border: 1px solid #B7E3FF; margin-bottom: 20px;}
#totMet li{ width:32.5%; text-align:center; float:left; }
#totMet span{font-weight: 700; text-transform: uppercase; padding: 3px 0; float: left; width: 100%; border-bottom: 1px solid #ccc;}
#totMet p{float: left; width: 100%; text-align: center; font-size: 2.8em;}
.redVen{color:#c30}
#wrapDatos{float: left; width: 100%; border-top: 1px solid #ccc;  }
#wrapDatos ul li{float:left; padding:8px 0; width:100%; border-bottom:1px solid #eee; text-transform:uppercase;}
#wrapDatos ul li:hover{background-color:#fafafa;}
#wrapDatos ul li span{float:left; width:170px; padding-left:20px; font-weight:700}
#wrapDatos ul li em{font-style:normal}
#wrapDatos input{border:0px; background:transparent; color:#dc6d23; font-weight:700; padding:0px; text-transform:uppercase}
#creaInfo li{float: left; width: 100%; text-transform: uppercase; margin: 18px 0 0 0; background: #fafafa; padding:6px 10px; border: 1px solid #eee; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;  font-size:.9em;}
#creaInfo b{font-weight:bold; color:#777; display:block; margin:0 0 6px 0;}
#creaInfo em{color:#dc6d23; font-style:normal}
/*---------------- REFERENCIAS------------------*/
#refData{float:left; border:1px solid #ccc;  margin:20px 0 6px 0; width:100%;}
#referencias {border:1px solid #ccc}
#referencias thead .grayField{font-weight:600; padding:4px 6px; text-transform:uppercase}
#referencias tbody td{padding:4px 6px}
#refData strong{text-transform:uppercase; font-size:1em; padding:6px 0 6px 6px!important; background:#eee}
#c_rap{width: 100%;  padding: 6px; text-transform: uppercase; border:none}
#msgRap{float:left; background:#c30; color:#fff; width: 100%; font-weight:bold; padding:6px; text-transform: uppercase}
#folioAgenerar{color:#dc6d23; float:left; width:100%; padding:13px}
.details_local{float:left; border:.5px solid #fff;  width:150px; text-align:center; padding:6px 10px; cursor:pointer; background:#bf5b44; color:#333; font-weight:700; height:240px; text-transform:uppercase; font-size:.9em}
.details_localThree{float:left; border:.5px solid #fff;  width:80px; text-align:center; padding:6px 10px; cursor:pointer; background:#bf5b44; color:#333; font-weight:700; height:52px; text-transform:uppercase; font-size:.9em}
.details_localTwo{float:left; border:.5px solid #fff;  width:80px; text-align:center; padding:6px 10px; cursor:pointer; background:#bf5b44; color:#FFF; font-weight:700; height:28px; text-transform:uppercase; font-size:.9em}
.details_localM{float:left; border:.5px solid #fff;  width:140px; height:100px; text-align:center; padding:6px 0; cursor:pointer; background:#bf5b44; color:#18253a; font-weight:700; padding:20px; text-transform: uppercase; font-size:.9em}
.details_local:hover{background:#A92520}
.form_local{position:fixed; top:120px; left:-280px; width:560px; margin-left:50%; z-index:9999; box-shadow:0px 0px 93px #222; -webkit-box-shadow:0px 0px 93px #222;  -moz-box-shadow:0px 0px 93px #222; background:#eee; border:1px solid #ccc; border-radius:4px; border-radius:4px; border-radius:4px; padding:20px;}
.form_local_ext{position:fixed; top:100px; left:-280px; width:560px; margin-left:50%; z-index:9999; box-shadow:0px 0px 93px #222; -webkit-box-shadow:0px 0px 93px #222;  -moz-box-shadow:0px 0px 93px #222; background:#eee; border:1px solid #ccc; border-radius:4px; border-radius:4px; border-radius:4px; padding:20px;}
.form_local_ext fieldset, .form_local fieldset{background:transparent!important; width:250px!important; padding:10px 0!important}
.form_local_ext label, .form_local label{padding:0 0 2px 10px!important; font-size:1em; color:#555}
.form_local_ext fieldset input, .form_local fieldset input{float:left; width:97%; padding:0 10px; border:1px solid #ccc; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; margin-top:3px; height:28px}
.form_local_ext fieldset select, .form_local fieldset select{float:left; width:97%; border:.5px solid #fff; padding:0 10px; margin-top:3px; height:28px}
.botonLayouts{text-align: center; background: #bf5b44; border: 1px solid #bf5b44; color: #fff;  font-size: 13px; font-weight: 700; text-transform: uppercase; padding: 10px 32px 8px 32px; border-radius: 4px;  width: 100%;  display: block;}
.listo, .listoM{background:rgba(201, 255, 123, 0.97)!important}
.baja-listo{background:rgba(255, 250, 123, 0.97)!important}
.sinChecar{background: #FFD0D0}
.bcTitEx{background:#337AB7; border-bottom:2px solid #333!important}
.bcTitEx:hover{background:#337AB7!important}
.bcTitEx strong{float:left; width:100%; padding:5px 10px; color:#fff; font-weight:700}
.bckGrayEx p{float:left; width:100%; padding:3px 10px !important; text-transform:uppercase; font-weight:700}
.bckGrayEx{background:#fafafa; }
.finalExt{background:#eee;  font-size:1.1em; border-top:2px solid #999}
.finalExt td{border-left:1px solid #ccc;}
.finalExt p{float:left; width:100%; padding:3px 10px!important; text-align:center; font-weight:700}
#plaza_id{border: 1px solid #999; height:36px; float: left; width:100%; margin-bottom:20px;}
.bAllBlack{border:2px solid #999}
#statusLayouts{float:left; width:100%; margin:20px 0; text-transform:uppercase}
#statusLayouts b, #infoLay b{font-weight:700; margin-right:3px}
#statusLayouts p, #infoLay p{float:left; width:100%; padding:2px 0}
.comparacion{float:left; width:100%; margin:10px 0}
#infoLay{float:left; width:100%; border:1px solid #ccc; margin:10px 0; padding:10px; background:#fff; border-radius:5px; text-transform:uppercase}
.cambiaEsta{float: left; width: 100%; border: 1px solid #ccc; height: 33px; margin-top: 3px; background:#555; color:#fff}
#mayus{text-transform:uppercase}
#mayus th{text-transform:uppercase; color:white}
.red{border:1px solid #c30!important}
.nulos{float:left; width:100%}
.nulos strong{float: left; width: 100%;  font-weight: 700;  ; background: #eee; border-bottom: 1px solid #fff; border-top: 1px solid #fff; text-transform: uppercase; padding:6px 10px}
.nulos strong:hover{background:#ccc; }
.nulos span{float:left; border:.5px solid #fff;  width:80px; text-align:center; padding:6px 10px; cursor:pointer; background:rgba(255,219,160,0.73); color:#333; font-weight:700; height:28px; text-transform:uppercase; font-size:.9em}
.inmuebles a{color:#fff}
.nulos strong a{color:#333; font-weight:700; float:left; width:100%; padding: 10px 0 10px 5px}
.REDALERT{color: #fff; background: #D43804; padding: 2px 10px; font-weight: 700;}
#dynamic_select{float:left;  width:100%; margin:0 0 20px 10px}
#dynamic_select select{border:1px solid #ccc; background:#fff; width:300px; height:31px; text-transform:uppercase;}
#altaempresas .inputs{float: left; width: 100%; border: none; height: 31px;}
.grayField{background:#f1f1f1!important}
td p{color:#dc6d23}
#tir, #air, #dir{width:450px;}
#dir span, #tir span{color:#333!important; font-weight:600!important}
#air span{color:#e08d5a!important; font-weight:bold}
.boxCuenta{float: left; width: 245px; margin: 0px 0px 20px 20px; border: 3px solid #d47f43; color: #fff; padding: 4px 10px; border-radius: 4px; background: #bf5b44;}
.frightmdiez{float:right!important; margin-right:10px;}
.solEscrita .observacion:last-child{margin-bottom:20px}
.boxCuenta strong em{font-style:normal; font-size:.8em}
.boxCuenta strong{display: block; font-size:1.6em; font-weight:bold;}
.boxCuenta p{display: block}

.wrapLabel{float:left; width:100%; padding:20px 20px 0 0;}
.wrapLabel textarea{background:#eee; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; }
.obs{font-weight: bold; text-transform: uppercase;}
.file{color: #888; font-weight: lighter;}
#escuelas label, #escuelas strong{text-align: left; padding: 5px 10px!important; text-transform: uppercase; font-weight: 600;  float: left; width: 100%;}
.updateCitas select{float: left; width: 98%; padding: 5px 0; background: #fff; border: 1px solid #999; margin: 8px 0; color: #000;}
.updateCitas textarea{float: left; width: 98%; padding: 10px 5px; border: 1px solid #999; color: #000; border-radius: 5px;}
.updateCitas h1{color: #333; font-size: 1.6em; font-weight: 400; border-bottom: 3px solid #999;  padding-bottom: 10px; margin-bottom: 5px;}
.updateCitas{display: none}
.fechaCitas{background: #eee; border-top: 1px solid #ccc; font-size: .9em; color: #288bf3; cursor: pointer; padding:5px 15px!important}
.blueCalendar{background: url(../graphics/calendar-icon-blue.png) right 4px no-repeat;}
.texBigCal{float: left; width: 100%; padding:10px; margin-top: 7px; border: 1px solid #ccc; background: #eee;}
#editInfoCal td{padding:0px!important}
.fieldsCurrency {margin: 0 10px 0 26px; padding:10px 0}
.fieldsCurrency:before {content: "$"; position: relative;}
.currency{border: none; font-weight:bold}
#propuesta td p{padding:5px 10px; color:#333; text-transform: none!important}
#propuesta #statusPro{color:#dc6d23!important; text-transform: uppercase!important; font-size:.9em}
.comentTable .in{text-transform: none; padding:0 23px; color:#333}
.comentTable .in:focus, .comentTable .inle:focus{text-transform: none}
.sinfoto{width:100%; height:160px; margin-bottom:5px;  background: #eee; float: left;  text-align: center; padding-top:70px; border: 1px solid #ccc; color:#999!important; text-transform: uppercase}
.file-select {position: relative; display: inline-block; font-weight: bold; text-transform: uppercase; font-size:.9em}
.file-select::before {cursor: pointer; background-color: #3395ff; color: white; display: flex; justify-content: center; align-items: center; border-radius: 3px; content: 'Seleccionar'; /* testo por defecto */
  position: absolute; left: 0; right: 0; top: 0; bottom: 0; cursor: pointer}
.file-select input[type="file"] {opacity: 0;width:100%; height: 32px; display: inline-block; cursor: pointer}
#src-file1::before {content: 'Seleccionar Fotografía';}
.wrapFoto{float: left; width:200px; padding:20px;}
.heading h3{font-size:23px; font-weight:400px}
caption h1{float:left; width:100%; background: #25334c; color: #eae6e6; padding:15px 10px 14px 25px;     border-bottom: 1px solid #828282;}
.sele{border: 1px solid #ccc; padding: 5px 5px 5px 0; border-radius: 4px;}
.comProp{float:left; width:100%; border: 1px solid #ccc; margin: 2px 0; border-radius: 5px; padding: 10px;}
#autorizar{background: #ea8d3e;height: 27px;border: 1px solid #ea8d3e;color: #fff;font-weight: bold;padding: 0 20px;border-radius: 3px; float:left; width:100%;}
.breakline{float:left; width:100%; padding:2px;}
#examenes{width: 980px; background: #fff;  margin:30px auto; display: block; padding: 20px; border-radius: 4px; font-size:.9em}
#examenes h1{color:#333; font-size:1.8em; font-weight:400; float:left; width:100%; padding:0px!important; margin:0px!important;}
#examenes h3{color:#333; font-size:1.2em; font-weight:400; float:left; width:100%; padding:0px!important; margin:0px!important;}
 #examenes span{color:#333;  font-weight:400; float:left; width:30px; height:18px; margin-top: -1px;}
.wrapDescripcion{float:left; width:100%; margin:10px 0; background:#eee; padding:8px 10px; border-radius:4px;}
.preguntas{float:left; width:100%; padding-left:10px; margin:20px 0 5px;}
.preguntas p{font-weight:600}
.respuestas{float: left;  padding: 5px 10px; border: 1px solid #eee; margin-right: 10px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; margin-bottom:10px; width:100% }
.respuestas:hover{background:#f0f8ff; cursor: pointer}
#examenes .selected{background:#f0f8ff;}
.respuestas b{float:left; margin:2px 8px; width:95%}
.respuestas input[type=radio] {float:left; margin-right:4px; margin-top:3px;}
.enumere{float:left; border:none; width:60px; text-align: center; padding-bottom:4px}
.respuestas em{float:left; margin:2px 8px; text-decoration: none; width:90%}
.exaUsuario{background: #ea8d3e; color: #fff; padding: 5px 10px; margin: 20px 0 0; float: left; width: 100%; font-size: 1.4em; border-radius: 4px; text-transform: capitalize}
.widthSel{float:left; width:50%;}
.examenesForm em{float: left; font-style: normal; font-size: 1.2em; text-align: center; width: 100%;}
.examenesForm label, .examenesForm input::placeholder, .examenesForm input {text-align:center!important; }
.examenesForm .submit{width:360px; margin:0 auto; display: block; float: none}
#wrapListForm8 a:hover{background:none; color:#e08d5a}
#wrapListForm8 td:hover{background:none!important; color:#e08d5a!important}
#propuestaLaboral td:hover{background:none!important; color:#fff!important}
#propuestaLaboral p{color:#333; text-transform: inherit!important; font-weight:400}
.comenzar{float: left; width: 120px; background: #ea8d3e; color: #fff; padding: 4px 10px; margin: 0 10px; border-radius: 4px; text-align:center}
.comenzar:hover{background:#b97031; color:#fff!important}
.line{border-top: 1px solid #ccc; float: left; width: 100%; margin: 10px 0;}
.citaSmall{font-size: .9em; font-weight: bold;  text-transform: uppercase; color: #3395ff; float:left; width:110px;}
.reagendada, .En_proceso, .Si_se_presento{color: green}
.Cancelada, .No_se_presento{color:red;}
.borradoStatus{font-size: 1em; color: #ffffff; padding: 4px 10px; float: left;  text-transform: capitalize; font-weight: bold;   background: #bf5b44; border-radius: 4px; margin: 6px 20px; text-transform: uppercase;}
.grayField label:hover {color:#333}
#capacitacion textarea, #capacitacion textarea:focus{background:#fff; border: none; padding:10px 25px;}
.descrip{padding:10px;}
.texBigCalDes{float: left; width: 100%; padding: 10px; border: 1px solid #fff; background: #fff;}
.FontWhite{font-size: 1.8em; margin: 0 0 10px; color: #333;}
.comment{padding:6px 10px 7px 10px!important; background: #deedfb; border:1px solid #c5e0fd;  color: #333; text-transform: inherit!important; font-weight: 400;  font-size: 1em; margin-top:8px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; }
.msg{float: left; background: #ea2e2e; margin: 20px 20px 0px 20px; text-align: center; color: #fff; padding: 10px 20px; border-radius: 4px; font-weight: bold;}


.wrapClithirty{float:left; width:25%; margin-left:20px;}
.wrapCliSev{float:left; width:69%; margin-left:20px; position: relative;}
.wrapCliSevCien{display:block; width:80%; margin:0px auto; position: relative;}
.wrapListClient{ border: 1px solid #cacaca; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; margin-bottom: 20px; padding:10px; width:100%; position: relative; float:left; box-shadow: 0px 0px 8px #a6aebb; background:#f8f7f7; font-size:1.1em}
.wrapListClientTwo{ border: 1px solid #cacaca; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; margin-bottom: 20px; width:100%; position: relative; float:left; box-shadow: 0px 0px 8px #a6aebb; background:#ffffff; min-height: 400px;}
.wrapListClientTwo:hover{box-shadow:0px 0px 8px #a8c6e6}
.wrapListClient td, .wrapListClientTwo td{position:relative; }
.wrapListClient tbody, .wrapListClientTwo tbody{ padding:0px 0px; float: left; width: 100%;}
.wrapListClient thead th, .wrapListClientTwo thead th{font-family: 'Lato', sans-serif; color: #bf5b44; font-size: 1.3em; border-bottom:3px solid #b7b5b5; padding: 6px 0 6px 10px; font-weight: 600;}
.wrapListClient table, .wrapListClient td, .wrapListClient  tr, .wrapListClient th, .wrapListClientTwo th, .wrapListClientTwo tr, .wrapListClientTwo td, .wrapListClientTwo table{float:left; width:100%}
.wrapListClientTwo label{text-align: left; padding: 0 10px 0 10px; font-weight: 400; float: left; width: 100%; line-height:1.6em;}
.wrapListClient label{text-align: left; padding: 0 0 0 10px; font-weight: 400; float: left; width: 100%; line-height:1.6em;}
.wrapListClient strong, .wrapListClientTwo strong{text-align: left; padding: 0 6px 0 0px; font-weight: 600; float:left; line-height:1.6em; text-transform:inherit!important; color:#25334c}
.wrapListClient td p, .wrapListClientTwo td p{float:left; width:100%; padding:0 10px; text-transform:uppercase}
.wrapListClient #fech, .wrapListClientTwo #fech { float: right; padding:2px 10px 4px;; font-size: .7em;  margin: 0 20px; border-radius: 4px; color:#25334c!important;}
#tabs li a img{float: left; margin: 0 10px 0 0; height:14px;}
#tabs form{float:left; width:100%; position: relative}
.seguimiento{float: left; width: 100%; min-height: 100px; border: 1px solid #fbe9a9; background: #fff6d6; padding:20px 20px 80px 20px;}
.propuestasSeguimiento{float: left; width: 100%; min-height: 100px; border:1px solid #fbe9a9; background: #fff6d6; padding:20px 20px 80px 20px;}
#tabs-1 form, #tabs-2 form, #tabs-3 form{position: relative; float:left; width:100%;}
.floRiBoton{position: absolute; right: 10px;  background: #3395ff!important; color: #fff;  border: none;  bottom: 10px; padding: 5px 20px;  border-radius: 4px; font-weight: bold;}
.floRiBotonFloat{float:right; margin-right:10px; background: #3395ff!important; color: #fff;  border: none;  padding: 5px 20px;  border-radius: 4px; font-weight: bold;}
.floRiBoton:hover, .floRiBotonFloat:hover{background:#2e7ed4!important; color:#fff!important}
#tabs-2, #tabs-3{padding:0px!important;}
#tabs h1, #flowBoxes h1{padding:20px 20px 0px;  color: #333; font-size: 1.2em; font-weight: 500;}
#tabs li span{float: left; width: 35px; background: #efefefc7; text-align: center;  border-radius: 50px; height: 35px; padding: 8px 10px;  margin-left: 20px; border:1px solid #3a97fc; margin-right: 20px; margin-top:22px;}
#tabs div ul{float: left; width: 100%; padding: 20px 0;  background: url(../graphics/dotComments.png) 32px 11px no-repeat; margin-top:0px}
#tabs div li{float: left; width: 100%; padding-bottom: 10px; background: url(../graphics/bck-lineComments.png) 37px 0 repeat-y;}
.nota{float: left; width:60%; background: #f1f1f1; padding:10px 20px 20px; border:1px solid #e4e4e4; border-radius: 5px;}
.nota strong{float: left; width: 100%; font-weight: 600; color: #636465; font-size: .9em; line-height: 16px;}
.nota strong em{font-style: normal; text-transform: lowercase}
.nota p{font-size: 1.1em; line-height: 1.4em; padding:0px!important; font-weight:400; float:left; width:100%}
.nota b{float: left; width: 100%; font-weight: 600; font-size: .7em; text-transform: uppercase; margin: 3px 0 4px; color:#25334c}
.aviso{width: 253px; background: #5b5b5b; padding: 8px 0; margin: 0 auto; text-align: center; border-radius: 6px; border: 1px solid #ccc; font-weight: 600; color: #fff;}
.midTit{margin-top: 20px; float: left; width: 100%; border-top: 1px solid #ccc; padding-top: 10px;}
.midTit td{font-family: 'Lato', sans-serif; color: #bf5b44; font-size: 1.3em; padding: 15px 0 0px 10px; font-weight: 600;}
.descartado{float: left; background: #ea2e2e; padding:10px 20px; color: #fff; font-weight: bold; font-size: 1.2em; border-radius: 4px;}
.descartado:hover{background: #c52525!important; color:#fff!important; text-decoration:none; border:none!important}
.aprobado{float:left; background: #089208; padding:10px 20px; color: #fff; font-weight: bold; font-size: 1.2em; border-radius: 4px; margin:0 10px;}
.aprobar{float:left; background: #089208; padding:10px 20px; color: #fff; font-weight: bold; font-size: 1.2em; border-radius: 4px; margin-right:10px;}
.aprobar:hover{color:#fff; text-decoration:none; background:#066b06}
.aprobado:hover{background:#087908!important; color:#fff!important; text-decoration:none; border:none!important}
#tabs label{float: left; width: 225px; padding:4px 0 4px 10px!important; font-weight: 600; text-transform: uppercase; font-size:10px!important;}
.textoSmall{font-size:10px;}
#tabs input{background:none;}
#tabs .in{border: none; line-height:24px; height:24px; margin-left:0px;}
#tabs-3 input{background:none; margin-left:8px;}
#tabs input[type=file]{padding-top:3px!important;}
#tabs fieldset{float: left; width: 100%; padding: 5px 0 0px; border-top:1px solid #fbe9a9; background: #ffefb8;}
#tabs fieldset img{float:left; margin:5px 5px 0 0 }
#tabs p{padding:5px 20px;}
#tabs b{font-weight:bold;}
#tabs fieldset:first-child{background: #fde282!important;}
#tabs fieldset:nth-child(2){background:#ffe99c!important;}
#tabs-3 fieldset:first-child{background:#fde282!important; }
#tabs-3 fieldset:nth-child(2){background:#ffe792!important;}
#tabs-3 fieldset:nth-child(3){background:#ffe99c!important;;}
#tabs-3 fieldset {border-top: 1px solid #cccdce; background: #fde282!important;}
#tabs-3 .fieldsCurrency{padding:7px 10px 0}
#tabs-3 li a{float: left;  padding: 10px 0 0; margin-top: 10px;}
#tabs-3 li a:hover{color: #2081ea;}
#tabs .sele{padding:2px 12px 2px 0; border: none; background: no-repeat; cursor: pointer; width:60%}
#tabs .blueCalendar{float: left; width: 100%; border: none; padding: 10px 20px; background: #fdf0c2; font-weight:600}
#tabs .ui-state-active a{background:#deedfb}
.funnel{float: left; width: 95.5%; background:url(../graphics/svg/funnel.svg) 18px 31px #fff no-repeat; margin-bottom: 10px; margin-left: 22px; border-radius: 4px; padding: 20px; position: relative;}
#filtroCalendar{float: left; width: 100%; padding: 10px 20px 9px 20px; margin-bottom: 14px; background: #f1f3f4; border: 1px solid #ccc; border-radius: 5px;}
#filtroCalendar .box{border: 1px solid #78c1ff; padding: 3px 10px; margin-right: 10px; border-radius: 5px;  height: 28px;}
#filtroCalendar .boton{background: #3a97fc; color: #fff; border: 1px solid #1a6eca; border-radius: 5px; padding: 6px 20px; font-weight: bold; text-transform: uppercase; font-size: 11px;}
#filtroCalendar .boton:hover{background: #1a6eca;}
.formIn{border: none}
#prospects{float: left; width:100%; margin-bottom:10px; margin-left: 20px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;  padding:0 0 20px 0;}
.ui-tabs-anchor:hover{background:#deedfb;     border-bottom: 2px solid #3a97fc; }
.stepFunnel{width:19.2%; float:left}
.stepFunnelClients{width:18.2%; float:left; }
.stepFunnelClients h1{text-align: center; margin: 0px!important; padding: 10px 0!important; color: #333; font-size: 1.4em;}
.stepFunnelClients a{background:url(../graphics/svg/userGray.svg) 95% 12% no-repeat #fff}
.stepFunnel p, .stepFunnelClients p{float:left; width:100%; text-align: center; padding:10px 0 5px; font-weight:600; text-transform: uppercase; font-size:.9em}
#flowBoxes span { display:inline-block; position:relative; height:25px; line-height:25px; padding:0 20px; margin-right:2px; background-color:white; width:100%; background:#e0dddd; text-align:center; font-weight: bold; font-size: 1.1em;}
#flowBoxes span.right:after{ content:''; width:18px; height:18px; position:absolute; right:6px; top:-1px; background-color:#e0dddd; z-index:150;  -webkit-transform: translate(10px,4px) rotate(45deg);    -moz-transform: translate(10px,4px) rotate(45deg);     -ms-transform: translate(10px,4px) rotate(45deg);      -o-transform: translate(10px,4px) rotate(20deg); transform: translate(10px,4px) rotate(45deg);}
#flowBoxes span.left:before{content:''; width:18px; height:18px; position:absolute; left:-1px; top:-1px; background-color:white; z-index:50; -webkit-transform: translate(-10px,4px) rotate(45deg);    -moz-transform: translate(-10px,4px) rotate(45deg);     -ms-transform: translate(-10px,4px) rotate(45deg);      -o-transform: translate(-10px,4px) rotate(20deg);         transform: translate(-10px,4px) rotate(45deg);}
#flowBoxes .activo{background-color:#3a97fc; color:white; box-shadow: none;}
#flowBoxes span.activo:after{background-color:#3a97fc;}
.descarta{background: #ea2e2e!important; color: #fff!important;}
.calficiacionLead{float: right; background: #bf5b44; padding: 5px 10px; color: #fff; border-radius: 4px; font-weight: 600; font-size:.8em}
.adjContrato{float: left; padding: 6px 20px; border: 1px solid #8aa3fb; border-radius: 4px; margin-bottom: 20px;  background: background: rgb(255,255,255); background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 55%, rgb(203 221 249) 100%);}
.adjContrato:hover{background: background: rgb(255,255,255); background:linear-gradient(180deg, rgba(255,255,255,1) 0%, rgb(222 237 251) 55%, rgb(203 221 249) 100%);}
.adjContrato img{float: left; margin-right: 10px;}
.preguntas li{float:left; width:100%; padding:10px 0}
.notaDos{padding-left: 20px; border-left: 1px solid #3395ff; margin:0 20px; float:left; width:100%}
.historial{float:left; width:100%}
.responder{float: left!important; padding:3px 0px!important; background: #ea2e2e; color: #fff!important; width: 80px!important; text-align: center; border-radius: 4px; font-size: .9em!important; font-weight: bold; border: 1px solid #e01a1a!important; margin-top:4px; border:1px solid #79b4f3; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; }
.responder:hover{background:#c52525}
.resp textarea{float: left; width: 100%; border:1px solid #7fb8f7; background: #fff6d6; padding:10px 20px; margin: 6px 0; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; }
.resp input[type=submit]{background: #3395ff!important; border: none; padding:4px 20px; margin: 0px!important; color: #fff; font-weight: bold; border-radius: 4px; float:right}
.resp input:hover{background:#2b80dc!important}
.respuesta{float: left; width: 100%; font-size: 1em; margin-top: 5px; border: 1px solid #dcdcdc; background:#f5f4f4; padding: 10px 10px 5px 10px; color: #2081ea; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; }
.respuesta i{float: left; width: 100%; color: #565656; font-size: .7em; padding:0 0 4px 0; font-weight:400; border-radius: 4px; margin-top: 5px; font-style: normal; text-transform: uppercase;}
.nota p strong, .respuesta strong{float: left; width: 74px; padding: 0px; margin: 0px; line-height: 1.4em;}
.redBlink_me {animation: blinker 1s linear infinite; background:red; border-radius:40px; -moz-border-radius:40px; -webkit-border-radius:40px; height: 8px; width: 8px; position: absolute; top: 8px;  left: 8px;}
@keyframes blinker {50% { opacity: 0;  }}
.alertDescartado{float: left; width: 100%;  padding: 20px!important; background: #ffd6d6;  border: 1px solid #ffc4c4;  margin: 20px 0 0; border-radius: 5px;}
#clientePotencial fieldset{float: left; width:100%; padding:4px 0}
#clientePotencial .in{float:left; border:1px solid #ccc; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;  height: 25px; width: 70%;}
#clientePotencial label{float:left; width:28%}
.prospectos{float: left; width: 99%; border: 1px solid #d2d1d1; text-align: left; margin: 0 2% 2px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;  padding: 6px 10px; background:#fff }
.prospectos p{float:left; width: 100%; text-align: left;; padding:0px 10px 0 5px}
.prospectos p i{text-transform: lowercase!important; font-style: normal; font-size: 1.1em;}
.prospectos em{float:left; width: 100%; text-align: left;; padding:0px 10px 4px 0; font-style:normal; color:#333; font-weight:400; margin-top:5px; line-height:20px; font-weight:bold}
.prospectos em span{background: #333; color: #fff; width: 20px; height: 20px; float: left; text-align: center; border-radius: 40px; padding: 4px 0; font-weight: bold; margin-right: 5px;}

.formTemplateDos{float:left; width:100%; padding:0 20px}
.formTemplateDos .field{float:left; width:50%; padding:2px 0; position:relative;}
.formTemplateDos .fielddos{float:left; width:25%; padding:2px 0}
.formTemplateDos .fieldcuatro{float:left; width:33%; padding:2px 0}
.formTemplateDos .fieldtres{float:left; width:100%; padding:6px 0 2px 0; line-height:21px;}
.formTemplateDos .fieldtres select{margin-top:7px;}
.formTemplateDos .fieldtres textarea, .formTemplateDos .field textarea{float: left;width: 100%;margin: 10px 0px;height: 60px;border-radius: 4px;background: #f6f6f6;border: 1px solid #ccc; padding:10px;}
.formTemplateDos .fieldtres textarea{float:left; width:100%}
.formTemplateDos label{padding:4px 0 0 8px!important; width:199px}
.formTemplateDos select{ border:1px solid #ccc; background:#f6f6f6!important; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; padding:4px 0px; color:#555}
.formTemplateDos .inp{height: 25px;border: 1px solid #ccc;background: #f6f6f6!important;width:96%;border-radius: 4px; height:36px; padding:0 10px;}
.formTemplateDos .Informacion:first-child{margin:10px 0px 20px;}
.info{border-bottom: 2px solid #c66d59; padding: 0px 10px 16px 0;  color: #fff; font-weight: 400; float: left;width:96%;font-size: 1.2em;color: #25334c!important;}
.Informacion{border-bottom: 2px solid #c66d59; padding: 0px 10px 16px 0; margin:20px 0 10px 10px;  color: #fff; font-weight: 400; float: left;width:98%;font-size: 1.2em;color: #25334c!important;}
.bloque{float:left; width:100%; padding:3px 0}
.bloque span{float: left; width:150px; }
#direccionSi{display: none}
#message{float: left; width: 100%;}
.mainbottom{    float: left;width: 100%;margin: 10px 0;background: #bf5b44!important;color: #fff;border: none;border-radius: 4px;padding: 8px 0px;text-align: center;font-weight: bold;font-size: 1.1em;}
.mainbottom:hover{background:#9e4531!important}



#flowBoxes span.left:before{content:''; width:18px; height:18px; position:absolute; left:-1px; top:-1px; background-color:white; z-index:50; -webkit-transform: translate(-10px,4px) rotate(45deg);    -moz-transform: translate(-10px,4px) rotate(45deg);     -ms-transform: translate(-10px,4px) rotate(45deg);      -o-transform: translate(-10px,4px) rotate(20deg);         transform: translate(-10px,4px) rotate(45deg);}
#flowBoxes .activo{background-color:#3a97fc; color:white; box-shadow: none;}
#flowBoxes span.activo:after{background-color:#3a97fc;}

#flowBoxes span.uno:after{ content:''; width:18px; height:18px; position:absolute; right:6px; top:-1px; background-color:#ff8533; z-index:150;  -webkit-transform: translate(10px,4px) rotate(45deg);    -moz-transform: translate(10px,4px) rotate(45deg);     -ms-transform: translate(10px,4px) rotate(45deg);      -o-transform: translate(10px,4px) rotate(20deg); transform: translate(10px,4px) rotate(45deg);}
.uno{background:#ff8533!important; color:#fff!important}

#flowBoxes span.dos:after{ content:''; width:18px; height:18px; position:absolute; right:6px; top:-1px; background-color:#eacc2b; z-index:150;  -webkit-transform: translate(10px,4px) rotate(45deg);    -moz-transform: translate(10px,4px) rotate(45deg);     -ms-transform: translate(10px,4px) rotate(45deg);      -o-transform: translate(10px,4px) rotate(20deg); transform: translate(10px,4px) rotate(45deg);}
.dos{background:#eacc2b!important; color:#fff!important}

#flowBoxes span.tres:after{ content:''; width:18px; height:18px; position:absolute; right:6px; top:-1px; background-color:#8aca83; z-index:150;  -webkit-transform: translate(10px,4px) rotate(45deg);    -moz-transform: translate(10px,4px) rotate(45deg);     -ms-transform: translate(10px,4px) rotate(45deg);      -o-transform: translate(10px,4px) rotate(20deg); transform: translate(10px,4px) rotate(45deg);}
.tres{background:#8aca83!important; color:#fff!important}

#flowBoxes span.cuatro:after{ content:''; width:18px; height:18px; position:absolute; right:6px; top:-1px; background-color:#21a9fd; z-index:150;  -webkit-transform: translate(10px,4px) rotate(45deg);    -moz-transform: translate(10px,4px) rotate(45deg);     -ms-transform: translate(10px,4px) rotate(45deg);      -o-transform: translate(10px,4px) rotate(20deg); transform: translate(10px,4px) rotate(45deg);}
.cuatro{background:#21a9fd!important; color:#fff!important}

#flowBoxes span.cinco:after{ content:''; width:18px; height:16px; position:absolute; right:1px; top:0px; background-color:#4f76ec; z-index:150;  -webkit-transform: translate(10px,4px) rotate(45deg);    -moz-transform: translate(10px,4px) rotate(45deg);     -ms-transform: translate(10px,4px) rotate(45deg);      -o-transform: translate(10px,4px) rotate(20deg); transform: translate(10px,4px) rotate(45deg);}
.cinco{background:#4f76ec!important; color:#fff!important}

.gray{color: #b3b2b2!important; text-transform: capitalize!important; font-size: 1em!important; font-weight: 400!important; margin-top:3px}
.overFlow{text-overflow: ellipsis; overflow: hidden;  width: 90%;  white-space: nowrap;}
.titTabs{padding:30px 20px 20px!important;}
.titFunnel{padding:10px 20px 10px!important;}

/*---------------- Botones ------------------*/
#configuraciones ul{float:left; border-right:1px solid #e6e7eb; padding:0 30px; height: 200px; margin-bottom: 20px;}
#configuraciones li{padding:2px 0; font-size:1em;}
#configuraciones h3{color:#ff8533; font-size:20px; margin-bottom:10px}
#configuraciones a{text-decoration:none}
#outside{background:#1c2535!important}


/*---------------- Botones ------------------*/
.bluebotton{float: left; background: #3395ff; border: none; color: #fff; padding: 2px 10px;  border-radius: 5px;  width: 100%; margin-top: 7px; padding: 5px; text-transform: uppercase;  font-size: .9em;} 
.bluebottonSmall{float: left; background: #3395ff; border: none; color: #fff; padding: 2px 10px;  border-radius: 5px;  width:120px; text-align:center; margin:7px; padding: 5px; text-transform: uppercase;  font-size: .9em; font-weight:bold;} 
.bluebotton:hover, .bluebottonSmall:hover{background:#3473b7}
.tagify__tag-text{float: left;  border: 1px solid #ccc; padding: 2px 4px; margin: 0 3px; background: #ffdbc16b; color: #000!important; border-radius: 4px;}

.checkbox-wrapper-2 .ikxBAC { appearance: none; background-color: #dfe1e4!important;border-radius: 72px;border-style: none;flex-shrink: 0;height: 20px;margin: 0;position: relative;width: 30px;}
.checkbox-wrapper-2 .ikxBAC::before {bottom: -6px;content: "";left: -6px;position: absolute;right: -6px;top: -6px;}
 .checkbox-wrapper-2 .ikxBAC, .checkbox-wrapper-2 .ikxBAC::after {transition: all 100ms ease-out;}
.checkbox-wrapper-2 .ikxBAC::after {background-color: #fff!important;border-radius: 50%;content: "";height: 14px;left: 3px;position: absolute;top: 3px;width: 14px;}
.checkbox-wrapper-2 input[type=checkbox] {cursor: default;float:left; margin-right:10px;}
.checkbox-wrapper-2 .ikxBAC:hover {background-color: #c9cbcd!important;transition-duration: 0s;}
.checkbox-wrapper-2 .ikxBAC:checked {background-color: #6e79d6!important;}
.checkbox-wrapper-2 .ikxBAC:checked::after {background-color: #fff!important;left: 13px;}
.checkbox-wrapper-2 :focus:not(.focus-visible) {outline: 0;}
.checkbox-wrapper-2 .ikxBAC:checked:hover {background-color: #535db3!important;}
.pie{font-size: .9em;float: left;width: 100%;margin-top: 3px;color: #868585;font-style: normal;}


#contratos{float: left; margin: 50px 0 0 6px;}
#contratos fieldset:first-child{background: #fde282!important;}
#contratos label{float: left;  padding:4px 20px 4px 20px!important; font-weight: 600; text-transform: uppercase; font-size: .8em; width:inherit!important}
#contratos input{background:none; float:left; border:none!important; height:30px; width:80%;}
#contratoEditor{padding:20px 20px 40px; float: left;  width: 100%;}
#contratoEditorPropuesta{padding: 20px; float: left; width: 94%; border: 4px solid #f5f5f5; margin: 20px; background:#fdfcf7}
#contrat{float: left; width:100%; }
#contratoEditorCliente{padding: 20px; float: left; width: 94%;  border: 4px solid #f5f5f5; background:#fdfcf7}
#contratoEditor p, #contratoEditorPropuesta p{float:left!important; width:100%!important; padding:4px 0px!important; margin:0px!important;}
#contratoEditor strong, #contratoEditorPropuesta strong{float:none!important; line-height:1.6em!important;}

#servicios{float:left; width:100%;}
.serv{float:left; width:100%;}
.serv span{    font-weight: bold; line-height: 1.6em; float: left;  width: 15%; }
.serv em{font-style: normal; font-weight:400; float:left; width:85%; }

.catserv{position: relative}
.catserv input{float: left; width: 100%; border: none; background: aliceblue; padding: 0px 0;}
.inTwo{float: left; width: 100%;  padding: 10px 17px; border: none; color: #333; font-weight: 400; }

#dudas{float:left; width:30%}
.wrapCliSevCien .title{float: left; margin: 20px 20px 10px; width:96%; border-bottom: 1px solid #c7c8ca; padding-bottom: 10px; font-size: 1.2em;}
.verde .overFlow{border-left:2px solid #8aca83;}
.morado .overFlow{border-left:2px solid #4f76ec;}
.naranja .overFlow{border-left:2px solid #ff8533;}
.amarillo .overFlow{border-left:2px solid #eacc2b;}
.azul .overFlow{border-left:2px solid #21a9fd;}
.prospectos .gray{margin-top:0px!important;}
#actualizarPerfil .ui-menu-item{background:#fff}

/*---------------- Layouts  ------------------*/


/*---------------- Secciones  ------------------*/

/*---------------- Login  ------------------*/

/*---------------- Dashboard ------------------*/

/*---------------- General ------------------*/
.error{
	color: red; padding-left: 10px;
}

.personagen,.personafisica,.personamoral{
	display:none;
}

@media (min-width:640px) {

}

@media (min-width:768px) {

}

@media (max-width:1024px) {
  .wrapListForm fieldset .right{width:458px; border-bottom:1px solid #ddd;}
  .wrapLabel label{float:left; width:200px}
  .formTemplateDos .field{float:left; width:100%}
  
}

@media (max-width:1280px) {
	.formTemplateDos .field{float:left; width:50%}

}

@media (min-width:1366px) {

}

@media (min-width:1680px) {

}