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

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{background: #505050;
    color: #eae6e6;
    width: 99%;
    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;}
#acciones {position: absolute;
    min-height: 52px;
    left: 17px;
    top: 17px;
    width: 96%;
    padding: 8px 0;
    background-color: #505050;
    border-radius: 4px;}
.botBlanAzu {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;}
.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;}
.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; text-decoration: underline}
.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:#232323}
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; font-weight:lighter;}
a{text-decoration:none; color:#777; font-weight:400; cursor:pointer;}
.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{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}
a:hover{color:#dc6d23}
.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:#bf5b44; 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; margin-top:10px}
.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: #c47d7d; /* Old browsers */
background: -moz-linear-gradient(top, #c47d7d 0%, #bf5b44 42%, #a80200 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c47d7d), color-stop(42%,#bf5b44), color-stop(100%,#a80200)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #c47d7d 0%,#bf5b44 42%,#a80200 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #c47d7d 0%,#bf5b44 42%,#a80200 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #c47d7d 0%,#bf5b44 42%,#a80200 100%); /* IE10+ */
background: linear-gradient(to bottom, #c47d7d 0%,#bf5b44 42%,#a80200 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c47d7d', endColorstr='#a80200',GradientType=0 );}
.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; }
.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}
.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;}
header nav{float:right; height:65px!important;}
#logoHeader{width:210px; margin-top:2px;}
#logoSmall{width:146px; position:absolute; left:50px; top:9px;}
#bar{position:fixed; top:0px; background-color:#454646; height:100%; left:0px; z-index:99999999;  box-shadow: 0px 23px 18px #000000ba;}
.barIn{width:70px;}
.barOut{width:260px;overflow-x:hidden;}
#popupPref{position: absolute;
    top: 28px;
    right: -10px;
    z-index: 9;
    background-color: #1c1c1d;
    width: 149px;
    display: none;
    border-radius: 8px;}
.int{float:left; width:100%; border:none; font-size:1.1em;}
#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; text-align:center}
#popupPref li a{font-weight:600; padding:8px 20px 6px; text-transform:uppercase; float:left; width:100%; }
#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; border-left:1px solid #fff; border-right:1px solid #fff; padding:15px 8px 0 8px; height:64px!important; cursor:pointer}
#settings:hover, #add:hover, #obPref:hover{background-color:#fafafa; border-left:1px solid #ddd; border-right:1px solid #ddd;}
#add{float:left; border:none; background:transparent; padding:15px 0; height:64px !important; border-left:1px solid #fff; border-right:1px solid #fff;}
#add span{float:left; width:100%; margin-top:5px; font-weight:600; color:#777; text-transform:uppercase}
#preferences{    float: right;
    padding: 18px 20px 0 55px;
    height: 51px!important;
    background: #1c1c1d;
    border-radius: 51px;
    margin: 10px;
    border: 1px solid #1a1a1b;}
#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:#777;}
.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 #656565; 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 #333;}
#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 #3c3b3b;
    color: #ffffff9e!important;
    border-top: 1px solid #525151;}
.bckMarkActive{background:#212121; box-shadow:inset 0px 1px 20px -7px #000; -webkit-box-shadow:inset 0px 1px 20px -7px #000; -moz-box-shadow:inset  0px 1px 20px -7px #777;}
.bckMark em{border-bottom:1px solid #f0f8ff !important}
.main:hover{background:#000}
#navMenu h1{    float: left;
    width: 100%;
    padding: 10px 20px;
    background: #3e3d3d;
    font-size: 20px;
    overflow: hidden;
    color: #fff;
    font-weight: 400;}
.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: #505050;
    border-radius: 4px;}
.barIn .submenu{position: absolute;
    font-size: 14px;
    font-weight: 300;
    top: -1px;
    left: 69px;
    z-index: 9999999;
    width: 265px;
    background: #454646;}
.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: 400;
    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:#353535}
.heading:hover{background:#2f3031!important;}
.heading{position:relative; background:#353535; 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: #454646;
    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:400; 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}

#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: #454646;
    font-weight: 400;}
.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:400; 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:#da5c08;}
#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 #ccc; margin:5px 0; text-transform:uppercase; padding:8px 15px; height:62px}
.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:5px;}

/*---------------- 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:#313131}
.login{float:left; width:100%; background:#fff; padding-bottom: 20px; border:8px solid #52524f; 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:400; 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 20px; background-color:#c36129; float:left; text-transform:uppercase;}

.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:400; 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 #2989d8; 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: #2989d8; /* Old browsers */
background: -moz-linear-gradient(top, #2989d8 0%, #2989d8 93%, #7db9e8 100%, #7db9e8 101%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2989d8), color-stop(93%,#2989d8), color-stop(100%,#7db9e8), color-stop(101%,#7db9e8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #2989d8 0%,#2989d8 93%,#7db9e8 100%,#7db9e8 101%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #2989d8 0%,#2989d8 93%,#7db9e8 100%,#7db9e8 101%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #2989d8 0%,#2989d8 93%,#7db9e8 100%,#7db9e8 101%); /* IE10+ */
background: linear-gradient(to bottom, #2989d8 0%,#2989d8 93%,#7db9e8 100%,#7db9e8 101%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2989d8', 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:400}
#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:#000}
.small-text{font-size:7px}
#adjustWrapBlack form{float:left;width:730px;background:#fff;padding:30px;margin-top:15px;box-shadow:0 4px 7px #000;-moz-box-shadow:0 4px 7px #000;-webkit-box-shadow:0 4px 7px #000}

/*---------------- 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:400}
.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: 400; 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:#000}
.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:400; 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}
.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: 400; text-transform:uppercase;}
.steps .content{padding:0 20px;}
#usersEva .spaHead, .blueHead{float:left; font-size: 1em; background-color:#f0f8ff; text-transform:uppercase; font-weight:400; 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:400; 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:400; 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: 400px; 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:400; 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:#000; 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;}
.bloqueado{float: right; margin-top:3px; margin-right:6px:}


/*---------------- Botones ------------------*/


/*---------------- 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 (min-width:1024px) {
  .wrapListForm fieldset .right{width:458px; border-bottom:1px solid #ddd;}
  .wrapLabel label{float:left; width:200px}
}

@media (min-width:1280px) {

}

@media (min-width:1366px) {

}

@media (min-width:1680px) {

}