/*---------------- 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%;} body{font-family:Helvetica,Arial,sans-serif; -webkit-font-smoothing:antialiased!important; line-height:1.54; color:#555; height:100%; font-size:11px} 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:400;} a{text-decoration:none; color:#777; font-weight:400; cursor:pointer;} .submenu a:hover{color:#61A9FF;} 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;} .inp{float:left; width:100%; border:1px solid #ccc; height:33px; padding:0 10px;} .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:4px 10px 0 16px; width:20px; max-height:19px} .barOut .In{border-bottom:1px solid #ccc;} h1, h2, h3, h4{font-family: 'Lato', sans-serif; font-weight:300; color:#333; font-size:18px; margin-top:10px; line-height:30px} .bckMark{background-color:#f0f8ff} a:hover{color:#6495ED} .alertTab{color:brown; font-weight:700} .ohid{overflow-x:hidden} .alertClick{background:#F5F5DC} .camSta{float: right; } .camSta img{width: 14px; width: 14px; padding: 2px; border: 1px solid #007aff; border-radius: 2px; background: #007aff;} .ch{width:10px; height:10px; margin:0 5px 0 0; float: left;} .GREEN{background: #449c44;} .RED{background: #c30;} .BLUE{background: #193371;} .YELLOW{background:#c1ae07;} .SINCOLOR{background:#333;} .blinkRed{ animation: blinker 1s linear infinite; background: #d64e4e; width: 8px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; float: left; margin-right: 0px; height: 8px; margin-top: 2px; } .contestado{background: #ffe; width: 8px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; float: left; margin-right: 0px; height: 8px; margin-top: 2px; } @keyframes blinker { 50% {opacity: 0; } } .selectForms{padding:10px; width:100%; text-transform: uppercase; float:left; border:0px;} /*---------------- 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:#007aff; border: 1px solid #007aff; 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:#f7f7f8;} #bckDark{background:#333} #bckGray{background-color:#eee;} #mainContainerBlack{background:#fff; margin:110px auto 0; width:730px} .back{float:right; margin-right:10px} #mainContainer{margin-top:50px;} .mainBottonSma:hover{background: #005ec4; /* Old browsers */ background: -moz-linear-gradient(top, #005ec4 0%, #007aff 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#005ec4), color-stop(100%,#007aff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #005ec4 0%,#007aff 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #005ec4 0%,#007aff 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #005ec4 0%,#007aff 100%); /* IE10+ */ background: linear-gradient(to bottom, #005ec4 0%,#007aff 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005ec4', endColorstr='#007aff',GradientType=0 );} .mainBottonSma{background: #007aff; /* Old browsers */ background: -moz-linear-gradient(top, #007aff 15%, #007aff 15%, #0079f2 74%, #005ec4 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(15%,#007aff), color-stop(15%,#007aff), color-stop(74%,#0079f2), color-stop(100%,#005ec4)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #007aff 15%,#007aff 15%,#0079f2 74%,#005ec4 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #007aff 15%,#007aff 15%,#0079f2 74%,#005ec4 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #007aff 15%,#007aff 15%,#0079f2 74%,#005ec4 100%); /* IE10+ */ background: linear-gradient(to bottom, #007aff 15%,#007aff 15%,#0079f2 74%,#005ec4 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007aff', 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, #agregarPromitentedatos, #agregarVendedorBoton, #agregarTerrenoBoton{text-align:center; background:#C82E29; border:1px solid #C82E29; 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: #007aff; /* Old browsers */ background: -moz-linear-gradient(top, #007aff 15%, #007aff 15%, #0079f2 74%, #005ec4 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(15%,#007aff), color-stop(15%,#007aff), color-stop(74%,#0079f2), color-stop(100%,#005ec4)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #007aff 15%,#007aff 15%,#0079f2 74%,#005ec4 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #007aff 15%,#007aff 15%,#0079f2 74%,#005ec4 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #007aff 15%,#007aff 15%,#0079f2 74%,#005ec4 100%); /* IE10+ */ background: linear-gradient(to bottom, #007aff 15%,#007aff 15%,#0079f2 74%,#005ec4 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007aff', 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, #agregarPromitentedatos:hover, #agregarVendedorBoton:hover{color:#fff; background: #c47d7d; /* Old browsers */ background: -moz-linear-gradient(top, #c47d7d 0%, #c82e29 42%, #a80200 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c47d7d), color-stop(42%,#c82e29), color-stop(100%,#a80200)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #c47d7d 0%,#c82e29 42%,#a80200 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #c47d7d 0%,#c82e29 42%,#a80200 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #c47d7d 0%,#c82e29 42%,#a80200 100%); /* IE10+ */ background: linear-gradient(to bottom, #c47d7d 0%,#c82e29 42%,#a80200 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c47d7d', endColorstr='#a80200',GradientType=0 );} .mainBotton:active{background:#A80200} .mainBottonCenter{text-align:center; background:#C82E29; border:1px solid #C82E29; 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; font-size:1.1em!important} .wrapListLow{background:#fff; border-bottom:1px solid #e9e9e9; border-top:1px solid #e9e9e9; padding-top:25px;} .prel, .wrapList, .wrapListForm td, .dataInf{position:relative;} .wrapListFormPdf td{position:relative; vertical-align:top; border:1px solid #eee; padding:0 5px} .fleft, #search fieldset{float:left;} .pl10{padding-left:10px} .pl65{padding-left:65px} .fright{float:right;} #wrapPlus{float:right;} header{position:fixed; width:100%; background-color:#fff; border-bottom:1px solid #c8c7cc; height: 65px!important; text-transform:uppercase; z-index:99999999} header nav{float:right; height:65px!important;} #logoHeader{height:50px; margin-top:9px;} #logoSmall{width:146px; position:absolute; left:10px; top:16px;} #bar{position:fixed; top:0px; background-color:#fff; border-right:1px solid #ccc; height:100%; left:0px; z-index:99999999;} .barIn{width:70px;} .barOut{width:260px;overflow-x:hidden;} #popupPref{position:absolute; top:38px; border:1px solid #fff; right:-3px; z-index:99; background-color:#fff; width:200px; display:none; border:1px solid #ccc;} #popupPref li{float:left; width:100%; border-bottom:1px solid #ccc} #popupPref li a{font-weight:400; padding:8px 20px 6px; text-transform:uppercase; float:left; width:100%;} #popupPref li a:hover{background:#eee; text-decoration:none} #senial{position:absolute; top:-10px; right:20px;} #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:26px 20px 0 60px; height:65px!important;} #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; background-color:#eee; padding:10px; border-radius:50%; top:-14px; left:-50px;} .wrapOpen{float:left; width:100%; padding-left:70px;} .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 #c8c7cc; z-index:99999999999;} .arrowRight{border:none; text-indent:-99999px; background:url(../graphics/menuSprite.png) 218px 22px no-repeat #fff; z-index:99999999999; width:244px; height:64px !important; padding:14px;} .arrowLeft:hover{background:url(../graphics/menuSprite.png) 20px 21px no-repeat #eee;} #navMenu svg{width:32px} .barIn #padMenu{padding-top:64px; float:left; height:65px !important} .barIn .main{float:left; width:69px; padding:14px 5px; cursor:pointer; position:relative} .barOut #navMenu li{float:left; width:275px; padding:10px 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:2px 0 2px 4px; text-transform: uppercase; float:left; font-size:12px; font-weight:400; cursor:pointer; font-style:normal; width:215px; border-bottom:1px solid #ccc;} .bckMarkActive{background:#eee; box-shadow:inset 0px 1px 20px -7px #777; -webkit-box-shadow:inset 0px 1px 20px -7px #777; -moz-box-shadow:inset 0px 1px 20px -7px #777;} .bckMark em{border-bottom:1px solid #f0f8ff !important} .main:hover{background:#eee} #navMenu h1{float:left; width:100%; padding:10px 20px; background:#007aff; border-bottom:1px solid #ccc; font-size:20px; overflow:hidden; border-top:1px solid #c8c7cc; color:#fff; font-weight:400} .wrapClose{margin-left:260px;} #winRight{position:absolute; top:120px; right:-181px; display:none} #actions{ position: absolute; min-height:54px; top: 29px; margin-left: 22px; width:95.5%; border: 1px solid #B7E3FF; padding:7px 0 7px 0px; background-color: #f0f8ff; border-radius: 4px;} .barIn .submenu{position:absolute; font-size:14px; font-weight:300; top:-1px; left:69px; z-index:9999999; border:1px solid #ccc; width:265px; background:#fafafa;} .barOut .submenu{float:left; border-bottom:1px solid #ccc; background:url(../graphics/bckLineTree.png) 25px 18px repeat-y transparent;} .barOut .submenu li{padding:0 !important} .barOut .submenu li a{font-family:'Lato', sans-serif; font-size:13px; font-weight:200; padding:7px 0 7px 43px; float:left; width:100%; color:#000; border-left:3px solid #007aff} .barOut .submenu li a:hover{background:#007aff; color:#fff; font-weight:700} .submenu li{float:left; width:100%} .barIn .submenu li{padding-left:30px; } .submenu li:hover{background:#eee} .heading:hover{background:#fff!important;} .heading{position:relative; background:#fff; 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 ------------------*/ #mainTit{padding:16px 20px 26px;} #mainTitPlano{padding:26px 15px;} #mainTit img{float:left; width:34px; margin-right:10px} #mainTit h1, #mainTit h2, #mainTit h3, #mainTit h4{text-transform:uppercase} #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:20px; border-radius:4px; float:left; margin:4px 7px 3px 0; max-height:20px} .countRed{background-color: #C82E29; 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 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} .addSmallRed{float:left; position:relative; padding:3px 0px 3px 7px; text-transform:uppercase; border:1px solid #d64e4e; height:35px!important; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; margin-left:5px; background:#d64e4e; cursor:pointer} .addSmallRed:hover{background:#b93c3c} .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, .addBlue span{margin-top:8px; float:left; font-style:normal} .addSmall:hover, .valGen:hover, .contesta:hover{border:1px solid #ccc; background:#fff; /* Old browsers */ background:-moz-linear-gradient(top, #ffffff 1%, #f0f9ff 56%, #cbebff 99%, #cbebff 99%, #a1dbff 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%,#f0f9ff 56%,#cbebff 99%,#cbebff 99%,#a1dbff 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 1%,#f0f9ff 56%,#cbebff 99%,#cbebff 99%,#a1dbff 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 1%,#f0f9ff 56%,#cbebff 99%,#cbebff 99%,#a1dbff 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 1%,#f0f9ff 56%,#cbebff 99%,#cbebff 99%,#a1dbff 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#a1dbff',GradientType=0 ); color:#222; box-shadow:1px 0px 3px 0px lightskyblue; -moz-box-shadow:1px 0px 3px 0px lightskyblue; -webkit-box-shadow:1px 0px 3px 0px lightskyblue; } .addSmallPagos{border:1px solid #ccc; font-size:.9em; text-align:center; background:#fff; /* Old browsers */ background:-moz-linear-gradient(top, #ffffff 1%, #f0f9ff 56%, #cbebff 99%, #cbebff 99%, #a1dbff 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%,#f0f9ff 56%,#cbebff 99%,#cbebff 99%,#a1dbff 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 1%,#f0f9ff 56%,#cbebff 99%,#cbebff 99%,#a1dbff 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 1%,#f0f9ff 56%,#cbebff 99%,#cbebff 99%,#a1dbff 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 1%,#f0f9ff 56%,#cbebff 99%,#cbebff 99%,#a1dbff 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#a1dbff',GradientType=0 ); color:#222; box-shadow:1px 0px 3px 0px lightskyblue; -moz-box-shadow:1px 0px 3px 0px lightskyblue; -webkit-box-shadow:1px 0px 3px 0px lightskyblue; width: 138px!important; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; padding:4px 0;} .addSmallPagos:hover{font-weight:700} .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); } .light{font-weight: 200!important; font-style: italic} .active span{font-weight:700; color:#555} .addSmall:active, .addSmallClick:active{background:aliceblue;} .iconEdit img{width:16px; margin-top:2px} #wrapListPlano{height:640px} .wrapListForm, .wrapListFormInmu{margin-left:17px; border:1px solid #eee; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; margin-bottom:20px; padding:2px 20px 10px; width:96%; position:relative;} .wrapListFormPdf{margin-left:17px; margin-bottom:20px; padding:2px 300px 20px 20px; width:96%; position:relative; } .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;} .wrapListFormPdf thead th, .wrapListForm thead th, .wrapListFormThree thead th, .wrapListFormInmu thead th{font-family:'Lato', sans-serif; font-weight:300; color:#333; font-size:18px; border-bottom: 1px solid #ddd; padding:13px 0 13px 10px;} .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%; color:#6495ED;} .bigInpDos{float:left; border:1px solid #fff; height:36px; padding:0 10px 0; width:270px; color:#6495ED;} .bigInpCua{float:left; border:1px solid #ccc; height:36px; padding:0 10px 0; width:270px;} .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:#6495ED; 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:#6495ED; padding:0 10px} .medInpSpe{float:left; width:100%; height:34px; margin-top:1px; border:1px solid #fff; text-transform:uppercase; color:#6495ED; padding-left:65px} .selBig, .selMed, .selExtra{float:left; border:none; height:33px; margin-top:2px; background-color:#fff; width:100%; color:#6495ED; border-radius:0; -webkit-appearance: none; -moz-appearance:none; padding-left:15px} .delToolSmall{border-top:1px solid #ddd} .wrapListFormPdf table, .wrapListForm table, .wrapListFormThree table{float:left; width:100%} .wrapListForm tr, .wrapListFormThree tr{border-bottom:1px solid #ddd;} .wrapListFormPdf label, .wrapListForm label, .wrapListForm strong, .wrapListFormThree label{text-align:left; padding:8px 15px 8px 26px; text-transform:uppercase; font-weight:400; float:left; width:100%;} .wrapListFormThree.grayField strong{text-align:left; padding:8px 15px 8px 26px!important; text-transform:uppercase; font-weight:400; float:left; width:100%;} .wrapListFormPdf td p, .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:#007aff; 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:#007aff; 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 #ccc; margin:5px 0; text-transform:uppercase; padding:8px 15px; height:62px} .proImg img{width:22px; height:19px} #solicitud{background-color:#C82E29;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, .wrapListFormPdf 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:#0a273e} .login{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;} .login h1{font-size:22px; color:#0a273e; 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:#0a273e; font-family: 'Oswald', sans-serif; font-weight:300; float:left; width:100%;} .login img{width:250px; margin:20px 0} .login span{padding:10px 20px; 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:#a5171e; 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: #cc3; /* 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} #mesLog a{color:brown; 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{font-size:1.2em; font-family:arial;} .pdf-container h1{padding:0px!important; margin:0px!important; font-size:1.6em; color:#999} .pdf-container div { font-size: 0; /* removes the whitespace */ } pdf-container div div { display: inline-block; font-size: 14px; } .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 #007aff; 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 #007aff;} .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} .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:#007aff} #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 #007aff; background:#007aff; 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 #007aff; 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:#6495ED; 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: #6495ED} .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, .wrapListFormPdf{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 #007aff} .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:#007aff;} .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') -289px 1px no-repeat; float:left; width:20px; height:20px} .tache{background:url('../graphics/sprite2.png') -314px 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:#6495ED; color:#fff; border: 1px solid #6495ED; 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:200px !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, .textInp{float: left; 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:#7b1212; top:-6px;color: #fff; font-style: bold; text-transform: uppercase; padding: 3px; font-size:9px; border-radius: 3px; left:0; 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:#007aff; 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:#007aff; 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:#6495ED; 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:#C82E29; 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:#C82E29; 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:#C82E29; 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:#C82E29; 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: #C82E29; border: 1px solid #C82E29; 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;} .selectInp{border:1px solid #ccc; background:#fff; width:100%; height:31px; text-transform:uppercase;} .datepicker{float: left; height: 31px; border: none; background: aliceblue; text-align:center} #dateCompra img{margin-top:2px; margin-left:2px; } #comentCompra, #comentConsta{float:left; width:100%; padding:10px 10px 20px; text-transform:uppercase} .comentConsta{float: left; width: 100%; padding: 18px 10px 9px; text-transform: uppercase; border-bottom: 1px dotted #ccc;} #commentC span{position:relative; width:100%; float:left; } .ter h2{background:#eee; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; float: left; width:70%; border: 1px solid #e9e9e9; padding: 7px 10px; font-size: 1.4em; font-weight: bold;} #dataConjunto h3, .agregarInmueble h3, #asignarPago h3{font-size: 1.3em; text-transform: uppercase; font-weight: bold; border-bottom: 3px solid #ccc; padding-bottom: 5px; padding-left:5px;} #dataConjunto fieldset, .agregarInmueble fieldset, #asignarPago fieldset{float: left; width: 100%; } #dataConjunto label, .agregarInmueble label, #asignarPago label{float: left; width: 100%; padding: 12px 5px 5px 10px; text-transform: uppercase; color: #999; } #dataConjunto .bigInpThre, .agregarInmueble .bigInpThre, #asignarPago .bigInpThre{float: left; width: 100%; height: 38px; padding:0 10px} .bigTexThre{float: left; width: 100%; height: 120px; border:1px solid #ccc; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; padding:10px; text-transform:uppercase;} .addBlue{background:#007aff!important; color:#fff!important; float:left; position:relative; padding:3px 10px 3px 7px; text-transform:uppercase; border:1px solid #78C1FF; height:35px!important; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; margin-left:15px; cursor:pointer} .addBlue:hover{background:#1559a5!important} .addSmallConjunto{float: right; position: relative; padding: 4px 10px 4px 7px; text-transform: uppercase; border: 1px solid #78C1FF; color: #333; height: 22px!important; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; margin-left: 15px; background: #fff; cursor: pointer;} .agregarInmueble .select{float: left; width: 30%; background: #fff; border: 1px solid #ccc; height: 38px;} .inmu{background: #f0f8ff; border: 1px solid #b7e4ff; float: left; width: 100%; } .inmu th{font-size: 1.1em!important; text-transform: uppercase; font-weight: bold!important; color:#777 } .wrapListFormInmu tr{border-bottom:1px solid #ddd;} .inmu td{padding:3px 10px; background:#f9f6f6!important} .inmu thead th{padding:6px 0 6px 10px!important} #popupQuick{background: #fff; padding: 10px 30px; position: absolute; top: 64px; width:200px; border:1px solid #ccc; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; } #popupQuick span{position: absolute; top: -10px;} #popupQuick strong{float:left; width:100%; font-size:1.2em; margin:6px 0 10px} #popupQuick li{float:left; width:100%; padding:4px 0} .lower{text-transform:lowercase; font-size:.9em; font-style: normal; padding-left:3px} .addSmallContrato span{font-size: .9em; padding: 3px 0 0; float: left;} .texCon{float: left; width: 100%; padding: 6px 10px; height: 62px; line-height: 1.6em; border-right: 1px solid #ccc;} .texConDos{float: left; width:270px; padding:15px 10px 52px; line-height: 1.6em; vertical-align: top; } .texConTres{float: left; width:270px; padding:5px 10px 75px; line-height: 1.6em; vertical-align: top; resize: none} #finale td label{float:left; width:300px!important;} #promitentedata, #vendedordataid, #terrenodataid, #conjuntodataid, #inmuebledataid, #contratoid, #conceptoID{float: left; width: 100%; background: #fff; border: 1px solid #ccc; height: 38px; font-size: 1.1em; margin:3px 0; text-transform: uppercase;} #agregarTerreno label, #agregarMantenimiento label{float:left; width:100%; text-transform:uppercase; margin:12px 0 4px 8px} #agregarInmueble1, #agregarTerreno{width: 440px; margin:0 auto;} .line{float:left; width:100%; height:102px} .line em{float:left; width:200px; background:#eee; height:102px; padding:10px; font-style: normal} .line strong{float:left; width:200px; padding:10px 10px 0 10px} .line p{float:left; width:200px; padding-left:10px} #finale p{font-size: 1.8em; color: #0579ff; text-align: center; padding: 140px 0; } #finale p a{color:#c30} #fisica, #moral{display: none} .fisica{display:none} .trigger, .triggerBlock{margin:10px 15px 10px 0!important; cursor:pointer} .contratosLink{float: none!important; } #conjuntosInmuebles{float: left; width: 100%; background: #fff; height: 36px; border: 1px solid #ccc;} #conjuntoEdicion{float: left; width: 100.2%; padding: 10px 0 30px; background: #e2e2e2; border: 1px solid #b1b0b0;} #conjuntoEdicion label{float:left; width:100%; padding: 5px 0 4px 20px; text-transform: uppercase;} #conjuntoEdicion select, #conjuntoEdicion input{float: left; width:95%; margin:4px 4px 4px 20px; border: 1px solid #ccc; height: 33px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; padding:2px 10px} .red{background: #c30; width: 10px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; float: left; margin-right: 10px; text-align: center; padding: 4px 3px 0 6px; border-radius: 125px; height: 10px; margin-top: 2px;} .green{background:#008000; width: 30px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; float: left; margin-right: 10px; text-align: center; padding: 4px 3px 0;} .coment{float:left; width:100%; line-height:12px; background:#eee; text-transform: uppercase; padding: 10px; margin: 15px 0 0; border-radius: 5px;} .coment em{float:left; width:100%; color:#007afe; font-size:.9em; margin-bottom:5px; font-style: normal;} /*---------------- Botones ------------------*/ #agregarLeadsBrokers .inp{float:left; width:100%; border:none; background:#fff; padding:10px; float:left; margin-right: 5px} .NEUTRAL{background:#ccc; width:15px; height:15px; border-radius:50px; -moz-border-radius:50px; -webkit-border-radius:50px; float:left; margin-right: 5px} .ROJO{background:#c30; width:15px; height:15px; border-radius:50px; -moz-border-radius:50px; -webkit-border-radius:50px; float:left; margin-right: 5px} .AMARILLO{background:#f7f700; width:15px; height:15px; border-radius:50px; -moz-border-radius:50px; -webkit-border-radius:50px; float:left; margin-right: 5px} .VERDE{background:green; width:15px; height:15px; border-radius:50px; -moz-border-radius:50px; -webkit-border-radius:50px; float:left; margin-right: 5px} /*---------------- Recordatorios ------------------*/ .fieldset{float: left; width: 100%; margin-right: 20px;} .fieldsetDos{float: left; width:56%; margin-right: 20px;} .fieldset label, .fieldsetDos label{padding: 0px 0 3px 5px!important; margin-top: 10px!important; text-transform: inherit!important; color: #007aff!important; } .fieldsetDos textarea{padding:8px 4px 0} .botonCalendario{background: #d64e4e; border: none; margin-top: 10px; float: left; width: 94%; color: #fff; padding: 7px; border-radius: 4px; font-weight: bold;} #recordatorios ul{} #recordatorios li{float: left; width: 100%; padding:6px 6px 2px; color:#333; border: 1px solid #eeeeee; background: #fafafa; } #recordatorios li em{float:left; width:150px; text-align:center; color: #007aff!important; font-style: normal; border-right: 1px solid #007aff; margin-right:10px} #recordatorios li p{float: left} /*---------------- Layouts ------------------*/ /*---------------- Secciones ------------------*/ /*---------------- Login ------------------*/ /*---------------- Dashboard ------------------*/ /*---------------- General ------------------*/ .error{ color: red; padding-left: 10px; } .personagen,.personafisica,.personamoral{ display:none; } #nuevos{float:left; width:100%; border:1px solid #ccc; background:#eee; margin-bottom:30px} #nuevos table{float:left; width:100%; margin:15px 0px; } #nuevos td, #nuevos th, #nuevos tr{padding:4px 10px} #nuevos th{font-weight: bold; background: #3395ff; color:#fff} .p20{padding:20px} .rojo{background: #c30; float: left; width:100%; padding:10px 0; text-align:center; text-transform: uppercase; color: #fff; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; margin-top: 20px; font-weight: bold; font-size: 1em; border:1px solid #c30} .rojo:hover{color:#fff;} /*---------------- Inquilinos ------------------*/ #headerinquilinos{position: fixed;width: 100%; background-color: #fff; border-bottom: 1px solid #c8c7cc; height: 65px!important; text-transform: uppercase; z-index: 99999999999;} #headerinquilinos nav{ float: right; height: 65px!important;} #barInquilinos{position: fixed; top: 0px; background-color:#0e5193; border-right: 1px solid #ccc; height: 100%; left: 0px; z-index: 99999999; color:#fff; width:250px; padding:80px 20px;} #wrapOpenInquilinos b{font-weight:bold} #wrapOpenInquilinos {float: left; width: 100%; padding-left:250px;} #barInquilinos h1{color:#fff; font-weight: bold} #logoHeaderInquilinos{width: 162px; margin:9px 0 0 20px;} #infoInquilinos{float:left; width:100%; padding:40px; line-height: 16px; text-transform: uppercase} #menuInquilino li{font-size:1.2em; line-height:24px; text-transform: uppercase; list-style: disc; font-size: 1.2em; margin-left: 14px;} #menuInquilino li a{color:#fff} .tabHead{background:#b7544e; color:#fff; font-weight: bold; padding:5px 0 8px; text-transform: uppercase } table.main {width:100%; border: 1px solid black; background-color: #fff; text-align:center} table.main td {vertical-align: top; font-family: verdana, arial, helvetica, sans-serif; font-size: 11px; border: 1px solid #ccc; padding: 1px 0 3px;} table.main th {border-width: 1px 1px 1px 1px; background-color: #393b52; text-align: center; color: #fff; padding: 2px 0 4px; border: 1px solid #fff;} table.main a {TEXT-DECORATION: none;} table, td {border: 1px solid #ffffff} .no{background:#eee} .ava{background:#449c44} .edo{width:100%; border: 1px solid #fff; background-color: #fff; } .edo td{border: 1px solid #ffffff; padding: 5px 10px;} .edo th{background: #434346; padding: 5px 8px; color: #fff; font-weight: bold; font-size: 1.1em;} .edo p{font-size:1.1em; font-weight:bold} .edo em{font-size:.9em; color:#666; font-style: normal} .edo tr{border-bottom:2px solid #f1f1f1} .wrapInquilinos span{float: right; background: #ca3f11; color: #fff; padding: 7px 25px; border-radius: 6px; margin: 0 5px 5px 5px; font-weight: bold;} .wrapInquilinos .pagado{float: right; background: #109e42; color: #fff; padding: 7px 25px; border-radius: 6px; margin: 0 5px 5px 5px; font-weight: bold;} .bckGray:hover{background: #dcdcdc!important;} .bckGray{background: #dcdcdc; font-weight:bold; font-size: 1.2em; color:#000} .monto{border-left:2px solid #f1f1f1!important ;} #mainTitInquilinos{float: left; width: 100%; border-bottom: 1px solid #ccc; margin:20px 20px 0 20px; padding-bottom: 10px; padding-bottom: 10px; font-size: 1.8em;} #mainTitInquilinos img{float:left; margin-right: 10px; margin-top: 4px;} #wrapTableNot{float: left; background: #fff; width: 100%; padding: 21px;} #wrapTableNot p{font-size: 1.3em; color:#6868ce} #wrapTableNot em{font-size: .75em; font-style: normal; text-transform: uppercase; color: #989898;} .noLeido{} #wrapListForm5, #wrapListForm4, #wrapListForm6{background:aliceblue; border:1px solid #b7e3ff} .box{float: left; width:27%; margin: 20px 20px 0 0; padding: 10px; border: 1px solid #b7e3ff; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; background:#fff; height:67px; } .box h6{font-weight: bold; color: #3395ff; font-size:1.1em; margin-bottom: 3px; display: block;} .box em{font-weight: bold; font-size:1.1em; font-style:normal} #finanzasHead th{font-weight:bold; font-size:.9em; text-transform: uppercase} #finanzasBody td{ padding:4px 10px} #finanzasBody a{color:#3395ff} #finanzasBody a:hover{color:#c30} .center{text-align:center;} .titFinanzas{margin:10px 30px 5px; font-weight: bold; text-transform: uppercase; font-size: 1.2em; color: #3394ff; display:block} .finanzasProve{margin:0 30px; width:94%} .finanzasProve th{background: aliceblue; border: 1px solid #b5d6fb; padding: 2px;} .finanzasProve td{border: 1px solid #dedede; padding: 2px 2px 0px 4px;} table caption{font-weight: bold; padding: 20px 0 0 10px; text-transform: uppercase; } table caption span{color: #3395ff;} .contestaWrap{float:left; width:100%;} .pagarMantenimiento { box-shadow:inset 0px 1px 0px 0px #cf866c; background:linear-gradient(to bottom, #d0451b 5%, #bc3315 100%); background-color:#d0451b; border-radius:3px; border:1px solid #942911; display:inline-block; cursor:pointer; color:#ffffff; font-family:Arial; font-size:13px; padding:12px 24px; text-decoration:none; text-shadow:0px 1px 0px #854629; float: left; width: 100%; text-align: center; font-size: 1.1em; font-weight: bold; margin:5px 0; } .pagarMantenimiento:hover { background:linear-gradient(to bottom, #bc3315 5%, #d0451b 100%); background-color:#bc3315; color: #fff; text-decoration: none } .pagarMantenimiento:active { position:relative; top:1px; } .selForm{float: left; width: 100%; height: 38px; border: 1px solid #ccc; border-radius: 5px; padding: 0 8px; text-transform: uppercase;} #agregarMantenimiento{width: 100%; margin: 0; background: #fff; float: left; padding: 20px 100px 0 100px;} .infoMan{float: left; width: 116px!important; background: white; border: 1px solid #3395ff; text-align: center; font-size: .8em; border-radius: 3px; padding: 3px; margin-right:10px; color: #3395ff;} .spanInfo{float: left; padding: 6px 0; margin-bottom: 14px;} .blue{background: #007aff; color: #fff; border: 1px solid; padding: 4px 10px; border-radius: 4px;} #header .image-inline img{height:85px;} @media (min-width:640px) { } @media (min-width:768px) { } @media (min-width:1024px) { .wrapListForm fieldset .right, .wrapListFormPdf 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) { } #calendar table td .ocupadas.invalid{ background-color: green; }