/*---------------- 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; background:#f7f7f8}
img{color:#f4f4f2;}
ol,ul,li{list-style:none; font-weight:lighter;}
br{clear:both}
blockquote,q{quotes:none;}
.bold{font-weight:800}
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;}
a:hover{color:cornflowerblue}
.submenu a:hover{color:#61A9FF;}
button{cursor:pointer}
strong{font-weight:700;}
.firsUp{text-transform:capitalize}
.tcenter{text-align:center}
.dnone, .submenu, .barIn h1, .barIn strong, .barIn em, .barOut .heading, #popupQuick, #rigWinClose, .none{display:none}
.barOut .heading h3{float:left; padding-left:30px; display:block}
.dblock, .barOut h1{display:block}
.ml20{margin-left:20px;}
.mt10{margin-top:13px}
.svgIcon{margin:0 22px 0 19px; width:24px;}
.barOut #navMenu li img{margin:4px 10px 0 10px; width:24px; max-height:23px}
.barOut .In{border-bottom:1px solid #ccc;}
.alertTab{color:brown; font-weight:700}
.ohid{overflow:hidden}
.prel, .wrapList, .wrapListForm td{position:relative;}
 #wrapPlus{float:right;}

/*---------------- Colores Generales ------------------*/
#triangle.active{color:#61A9FF;}
#desPrincipal{padding:5px 20px 15px}
#desPrincipal p{font-family:'Lato', sans-serif; color:#777; display:block; font-size:18px; font-weight:300;}
h1, h2, h3, h4{font-family: 'Raleway', sans-serif; font-weight:300; color:#333; font-size:28px}
.wrapList{background:#fff; border-bottom:1px solid #e9e9e9; border-top:1px solid #e9e9e9; padding-top:95px;}
#acciones{position:absolute; min-height:52px; left:17px; top:17px; width:96%; border:1px solid #B7E3FF; padding:8px 0; background-color:#f0f8ff; border-radius:4px;}
#acciones img{width:20px; border-radius:4px; float:left; margin:4px 7px 3px 0; max-height:20px;}
/*---------------- Botones------------------*/
.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;}
.botBlanAzu: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; }
/*---------------- Cargador ------------------*/
.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;}

/*---------------------------------------------*/
/*---------------- Template  ------------------*/
/*---------------------------------------------*/

/*----------------   HEADER ------------------*/
header{position:fixed; width:100%; background-color:#fff; border-bottom:1px solid #c8c7cc; height: 65px!important; text-transform:uppercase; z-index:99999}
header nav{float:right; height:65px!important;}
#logoHeader{width:145px; margin:9px 0 0 80px;}
#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}
#notifBar span, #sets span{float:left; width:100%; margin-top:5px; font-weight:600; color:#777;}
#notifBar img, #sets img, #add img{width:20px; margin-bottom:1px; height:19px}
#sets{width:80px; text-align:center; padding:1px;}
#preferences{float:right; padding:26px 20px 0 60px; height:65px!important;}
#options span{position:absolute; background-color:#eee; padding:10px; border-radius:50%; top:-14px; left:-50px; border:1px solid #ccc}
#options img{width:22px; height:19px}
#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}
#notifBar{width:80px; text-align:center; padding:1px }
#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;}
.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.active{float:right; background:url(../graphics/rArrows.png) 8px -153px no-repeat #227CD8; 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 #227CD8;}
.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}
#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;}
#solicitud{background-color:#C82E29; color:#fff; border-radius:50%; padding:3px 5px 3px 6px; font-size:9px; font-weight:700; font-style:normal ;position:absolute; top:6px; right:28px; border:2px solid #fff}
/*---------------- LEFTBAR ------------------*/
#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;}
#navMenu svg{width:32px}
.barIn #padMenu{padding-top:64px; float:left; height:65px !important}
.main:hover{background:#eee}
.barIn .main{float:left; width:69px; padding:14px 5px; cursor:pointer; position:relative}
.barOut #navMenu li{float:left; width:280px; padding:9px 5px 1px; 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 8px; float:left; font-size:15px; font-weight:300; cursor:pointer; font-style:normal; width:215px; border-bottom:1px solid #ccc; color:#333; font-family:'Raleway', sans-serif;}
.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;}
.barIn .submenu li{padding-left:30px;}
.barIn .submenu li a{float:left; width:100%; padding:8px 0}
.barOut .submenu li a{font-family:'Lato', sans-serif; font-size:14px; font-weight:300; padding:6px 0 7px 52px; float:left; width:100%; color:#333}
.barOut .submenu li a:hover{background:#227CD8; color:#fff; font-weight:700}
.submenu li{float:left; width:100%}
.submenu li:hover{background:#eee}
.heading h3{font-size:24px}
.heading:hover{background:#fff!important;}
.heading{position:relative; background:#fff; padding:10px 0 7px}
.heading img{position:absolute; top:0; left:-2px; padding:0px; height:51px!important;}
.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) 220px 20px no-repeat #fff; z-index:99999999999; width:259px; height:64px !important; padding:14px;}
.arrowLeft:hover{background:url(../graphics/menuSprite.png) 20px 21px no-repeat #eee;}
.wrapOpen{float:left; width:100%; padding-left:68px; margin-top:65px;}
.wrapClose{float:left; width:100%; padding-left:255px; margin-top:65px;}
#navMenu h1{float:left; width:100%; padding:14px 20px; background:#227CD8; border-bottom:1px solid #ccc; font-size:20px; overflow:hidden; border-top:1px solid #c8c7cc; color:#fff; font-weight:400}
/*---------------- RIGHTBAR ------------------*/
#rightNav{position:absolute; right:0; top:0; width:300px; background-color:#fff; border:1px solid #ccc; padding:73px 0 0 10px; z-index:9999; height:100%;}
#rightNav strong{background-color:#f0f8ff; border:1px solid #B7E3FF; float:left; width:97%; padding:5px 10px; font-weight:700; font-style:normal; font-size:12px; text-transform:uppercase; color:#777; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px;}
/*---------------- FORMULARIOS------------------*/
.selMed {float:left; height:35px; background-color:#fff; width:100%; text-transform:uppercase; color:cornflowerblue; -webkit-appearance:none; -moz-appearance:none; padding-left:15px; border:none;}
.selSma{position:absolute; left:2px; height:35px; border:1px solid#fff; background-color:#fff; width:100%; text-transform:uppercase; color:cornflowerblue; border-right:1px solid #ddd; border-radius:0; -webkit-appearance:none; -moz-appearance:none; padding-left:15px;}
.medInpSpe {float:left; width:100%; height:34px; margin-top:1px; border:1px solid #fff; text-transform:uppercase; color:cornflowerblue; padding-left:65px}
.bigInp{float:left; border:1px solid #fff; height:30px; padding:0 10px 0; width:100%; text-transform:uppercase; color:cornflowerblue;}
.medInp{float:left; border:none; border-left:1px solid #B7E3FF; border-right:1px solid #B7E3FF; margin-left:10px; height:30px; padding:0 10px 0; width:220px; text-transform:uppercase; color:cornflowerblue; background:#f0f8ff}
.calInp{position:absolute; top:8px; width:16px; right:7px; z-index: 9999;}
.wrapInp{float:left; margin:5px 5px 0 16px; text-transform:uppercase; }
.wrapInp input{margin-left:10px}