/* 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, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {margin: 0;padding: 0;	border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1; background:#f9f9f9; font-family: 'MuseoSans300'; font-size: 12px; color:#666;}
a { text-decoration:none; color:#009CDB;}
p { margin:5px 0; line-height:13px;}
ol, ul, li {list-style: none;}
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {	content: '';	content: none;}
table {	border-collapse: collapse;	border-spacing: 0;}

/* globales */
h1, h2{ color: #666666; font-family: 'MuseoSans300';font-size: 18px; text-shadow: 1px 1px #FFFFFF; }
h3 { color:#009CDB; font-size:14px; margin: 5px 0;}
.clear { clear:both; line-height:0; height:0px;}
.px960{width: 960px; margin: 0 auto;}
.right { float:right;}
.left{ float:left;}
strong {font-family: 'MuseoSans500';}
.sublista { color:#ccc; font-size:10px; margin:3px 0;}
.estado-expediente1 { color: #009CDB !important;}
.estado-expediente2 { color: #FDB813 !important;}
.estado-expediente3 { color: #0C0 !important;}
.estado-expediente4 { color: #C00 !important;}
.estado-expediente5 { color: #666 !important;}
.estado-expediente6 { color: #900 !important;}
.realizado { text-decoration:line-through;}
.hover:hover{ cursor: pointer}
.img-redonda {border:4px solid #FFF;border-radius: 50%;-ms-border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;-khtml-border-radius: 50%; width:65px; height:65px; behavior: url(/css/border-radius.htc); margin:0 0 0 5px;}
.box-redondo {border-radius: 3px;-ms-border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;-khtml-border-radius: 3px;behavior: url(/css/border-radius.htc);}

/* columnas */
.col1 { float:left; width: 950px; margin:5px;}
.col2 { float:left; width: 470px; margin:5px; }
.col2-3 { float:left; width:710px; margin:5px; }
.col2-3half{float:left; width:350px; margin:5px;}
.col3 { float:left; width:310px; margin:5px; }
.col4 { float:left; width:230px; margin:5px; }
.col5 { float:left; width:182px; margin:5px; }

/* leads */
.lead {font-family: 'MuseoSans700';font-size: 18px; text-align:center; padding:10px 0; color:#fff;}
.lead a { color:#fff !important; }
.lead-azul { background:#009CDB;  }
.lead-amarillo { background:#FDB813;  }
.lead-verde { background:#0C0; }
.lead-rojo { background:#C00; }
.lead-gris { background:#CCC; }
/* login */
#logo-login { width:250px; height: 80px; margin: 30px auto; text-align:center;}
#login { width:235px; height:160px; background:url(/img/bck-form-login.png) no-repeat; padding:30px 0 0 25px; margin: 0 50px 0 360px;}
.login input[type=text],.login input[type=password],.login input[type=email],.txtField,.cjComboBox
{border:4px solid #EAEAEA;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-moz-box-shadow:2px 3px 3px rgba(0, 0, 0, 0.06) inset, 0 0 1px #95a2a7 inset;-webkit-box-shadow:2px 3px 3px rgba(0, 0, 0, 0.06) inset, 0 0 1px #95a2a7 inset; box-shadow:2px 3px 3px rgba(0, 0, 0, 0.06) inset, 0 0 1px #95a2a7 inset; margin:3px 0 10px; padding:8px 6px;width:185px; display:block;font-family: 'MuseoSans500';}
.login input[type=text]:focus,.login input[type=password]:focus,.txtField:focus,.cjComboBox:focus{border:4px solid #EAEAEA; -moz-box-shadow:2px 3px 3px rgba(0, 0, 0, 0.04) inset, 0 0 1px #0d6db6 inset; -webkit-box-shadow:2px 3px 3px rgba(0, 0, 0, 0.04) inset, 0 0 1px #0d6db6 inset;box-shadow:2px 3px 3px rgba(0, 0, 0, 0.04) inset, 0 0 1px #0d6db6 inset;color:#333;}

/* forms */
.col4 input {width: 80%;}
.col4 input[type=submit], .col4 input[type=checkbox] { width: auto;}
input, select, textarea {-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background:#fff;background:-moz-linear-gradient(top, #f3f3f3, #FFF);background:-webkit-gradient(linear, left top, left bottom, from(#f3f3f3), to(#FFF));-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#f3f3f3', EndColorStr='#FFF')";border:1px solid #ccc !important;padding:6px 8px;font-family: 'MuseoSans300'; font-size: 11px; margin: 1px 0;}
.btnAzul{-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background:#4386B2;background:-moz-linear-gradient(top, #52A1D3, #4386B2);background:-webkit-gradient(linear, left top, left bottom, from(#52A1D3), to(#4386B2));-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#52A1D3', EndColorStr='#4386B2')";border:1px solid #33688B !important;text-shadow:#33688B 0 -1px;color:#fff; -moz-box-shadow:inset rgba(255,255,255,0.6) 0 1px 1px, rgba(0,0,0,0.1) 0 1px 1px;-webkit-box-shadow:inset rgba(255,255,255,0.6) 0 1px 1px, rgba(0,0,0,0.1) 0 1px 1px;box-shadow:inset rgba(255,255,255,0.6) 0 1px 1px, rgba(0,0,0,0.1) 0 1px 1px;padding:8px 10px;cursor: pointer;font:normal 12px 'MuseoSans500'; width:150px; text-align:center; margin:5px 5px 5px 0; width: auto;}
.btnAzul:hover,.btnAzul:focus,.btnAzul:active{background:#a1d8f0;background:-moz-linear-gradient(top, #4386B2, #52A1D3);    background:-webkit-gradient(linear, left top, left bottom, from(#4386B2), to(#52A1D3));-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#4386B2', EndColorStr='#52A1D3')";}
.btnAzul:active{text-shadow:rgba(0,0,0,0.3) 0 -1px 0px;}
.btnAzul a { color:#fff;}
.btnGris{-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background:#ccc;background:-moz-linear-gradient(top, #ddd, #ccc);background:-webkit-gradient(linear, left top, left bottom, from(#ddd), to(#ccc));-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ddd', EndColorStr='#ccc')";border:1px solid #bbb !important;text-shadow:#bbb 0 -1px;color:#fff; -moz-box-shadow:inset rgba(255,255,255,0.6) 0 1px 1px, rgba(0,0,0,0.1) 0 1px 1px;-webkit-box-shadow:inset rgba(255,255,255,0.6) 0 1px 1px, rgba(0,0,0,0.1) 0 1px 1px;box-shadow:inset rgba(255,255,255,0.6) 0 1px 1px, rgba(0,0,0,0.1) 0 1px 1px;padding:8px 10px;cursor: pointer;font:normal 12px 'MuseoSans500'; width:150px; text-align:center; margin:5px 5px 5px 0;width: auto;}
.btnGris:hover,.btnGris:focus,.btnGris:active{background:#a1d8f0;background:-moz-linear-gradient(top, #ccc, #ddd);    background:-webkit-gradient(linear, left top, left bottom, from(#ccc), to(#ddd));-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ccc', EndColorStr='#ddd')";}
.btnGris:active{text-shadow:rgba(0,0,0,0.3) 0 -1px 0px;}
.btnGris a { color:#fff;}
.btnAmarillo{-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background:#FDB813;background:-moz-linear-gradient(top, #FFCC0C, #FDB813);background:-webkit-gradient(linear, left top, left bottom, from(#FFCC0C), to(#FDB813));-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#FFCC0C', EndColorStr='#FDB813')";border:1px solid #E4A50E !important;text-shadow:#E4A50E 0 -1px;color:#fff; -moz-box-shadow:inset rgba(255,255,255,0.6) 0 1px 1px, rgba(0,0,0,0.1) 0 1px 1px;-webkit-box-shadow:inset rgba(255,255,255,0.6) 0 1px 1px, rgba(0,0,0,0.1) 0 1px 1px;box-shadow:inset rgba(255,255,255,0.6) 0 1px 1px, rgba(0,0,0,0.1) 0 1px 1px;padding:8px 10px;cursor: pointer;font:normal 12px 'MuseoSans500'; text-align:center; margin:5px;width: auto;}
.btnAmarillo:hover,.btnAmarillo:focus,.btnAmarillo:active{background:#FFCC0C;background:-moz-linear-gradient(top, #FDB813, #FFCC0C);    background:-webkit-gradient(linear, left top, left bottom, from(#FDB813), to(#FFCC0C));-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#FDB813', EndColorStr='#FFCC0C')";}
.btnAmarillo:active{text-shadow:rgba(0,0,0,0.3) 0 -1px 0px;}
.btnAmarillo a { color:#fff;}
.btnRojo{-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background:#CC0000;background:-moz-linear-gradient(top, #DD0000, #CC0000);background:-webkit-gradient(linear, left top, left bottom, from(#DD0000), to(#CC0000));-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#DD0000', EndColorStr='#CC0000')";border:1px solid #990000 !important;text-shadow:#990000 0 -1px;color:#fff; -moz-box-shadow:inset rgba(255,255,255,0.6) 0 1px 1px, rgba(0,0,0,0.1) 0 1px 1px;-webkit-box-shadow:inset rgba(255,255,255,0.6) 0 1px 1px, rgba(0,0,0,0.1) 0 1px 1px;box-shadow:inset rgba(255,255,255,0.6) 0 1px 1px, rgba(0,0,0,0.1) 0 1px 1px;padding:8px 10px;cursor: pointer;font:normal 12px 'MuseoSans500'; text-align:center; width:150px;width: auto;}
.btnRojo:hover,.btnRojo:focus,.btnRojo:active{background:#FFCC0C;background:-moz-linear-gradient(top, #CC0000, #DD0000);    background:-webkit-gradient(linear, left top, left bottom, from(#CC0000), to(#DD0000));-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#CC0000', EndColorStr='#DD0000')";}
.btnRojo:active{text-shadow:rgba(0,0,0,0.3) 0 -1px 0px;}
.btnRojo a { color:#fff;}
.btnVerde{-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background:#009900;background:-moz-linear-gradient(top, #00CC00, #009900);background:-webkit-gradient(linear, left top, left bottom, from(#00CC00), to(#009900));-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#00CC00', EndColorStr='#009900')";border:1px solid #006600 !important;text-shadow:rgba(0,0,0,0.2) 0 1px 0px;color:#fff; -moz-box-shadow:inset rgba(255,255,255,0.6) 0 1px 1px, rgba(0,0,0,0.1) 0 1px 1px;-webkit-box-shadow:inset rgba(255,255,255,0.6) 0 1px 1px, rgba(0,0,0,0.1) 0 1px 1px;box-shadow:inset rgba(255,255,255,0.6) 0 1px 1px, rgba(0,0,0,0.1) 0 1px 1px;padding:8px 10px;cursor: pointer;font:normal 12px 'MuseoSans500';width: auto;}
.btnVerde:hover,.btnVerde:focus,.btnVerde:active{background:#009900;background:-moz-linear-gradient(top, #009900, #00CC00);    background:-webkit-gradient(linear, left top, left bottom, from(#009900), to(#00CC00));-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#009900', EndColorStr='#00CC00')"; color:#fff !important;}
.btnVerde:active{text-shadow:rgba(0,0,0,0.3) 0 -1px 0px;}

#crud label {margin: 18px 0 0 0; display:block; width:100px; float:left;}
#crud input, select { float:left; width:200px; margin: 10px 20px 10px 0;}
#crud .nofloat { float:none !important;}
#crud .chekbox { margin: 18px 0 0 0;}

/* datepicker */
.ui-datepicker { width: 200px;display: none; background: #fff;  border-radius: 3px;-ms-border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;-khtml-border-radius: 3px; border:1px solid #94A5B0 !important;color:#fff; -moz-box-shadow:inset rgba(255,255,255,0.6) 0 1px 1px, rgba(0,0,0,0.1) 0 1px 1px;-webkit-box-shadow:inset rgba(255,255,255,0.6) 0 1px 1px, rgba(0,0,0,0.1) 0 1px 1px;box-shadow:inset rgba(255,255,255,0.6) 0 1px 1px, rgba(0,0,0,0.1) 0 1px 1px;  }
.ui-datepicker .ui-datepicker-header { position:relative; padding:5px; background:#4386B2;background:-moz-linear-gradient(top, #52A1D3, #4386B2);background:-webkit-gradient(linear, left top, left bottom, from(#52A1D3), to(#4386B2));-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#52A1D3', EndColorStr='#4386B2')"; border-radius: 3px 3px 0 0;-ms-border-radius: 3px 3px 0 0;-moz-border-radius: 3px 3px 0 0;-webkit-border-radius: 3px 3px 0 0;-khtml-border-radius: 3px 3px 0 0; -moz-box-shadow:inset rgba(255,255,255,0.6) 0 1px 1px, rgba(0,0,0,0.1) 0 1px 1px;-webkit-box-shadow:inset rgba(255,255,255,0.6) 0 1px 1px, rgba(0,0,0,0.1) 0 1px 1px;box-shadow:inset rgba(255,255,255,0.6) 0 1px 1px, rgba(0,0,0,0.1) 0 1px 1px; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 11px; width: 20px; height: 10px; color:#fff; }
.ui-datepicker .ui-datepicker-prev { left:5px; cursor:pointer; }
.ui-datepicker .ui-datepicker-next { right:2px; cursor:pointer; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 5px; line-height: 22px; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: separate !important; }
.ui-datepicker thead { border-bottom:1px solid #bbb;background:#f1f1f1;background:-moz-linear-gradient(top, #f7f7f7, #f1f1f1);background:-webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#f1f1f1));-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#f7f7f7', EndColorStr='#f1f1f1')";}
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; color:#000;  }
.ui-datepicker td {padding: 3px; border-top: 1px solid #f9f9f9; border-left: 1px solid #f9f9f9; border-right: 1px solid #bbbbbb; border-bottom: 1px solid #bbbbbb; width:20px; height:20px;background:#DEDEDE;background:-moz-linear-gradient(top, #EDEDED, #DEDEDE);background:-webkit-gradient(linear, left top, left bottom, from(#EDEDED), to(#DEDEDE));-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#EDEDED', EndColorStr='#DEDEDE')"; }
.ui-datepicker td:hover {background:-moz-linear-gradient(top, #DEDEDE, #EDEDED);background:-webkit-gradient(linear, left top, left bottom, from(#DEDEDE), to(#EDEDED));-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#DEDEDE', EndColorStr='#EDEDED')";}
.ui-datepicker .ui-datepicker-other-month, .ui-datepicker .ui-datepicker-other-month:hover {background:-moz-linear-gradient(top, #f5f5f5, #ECECEC);background:-webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#ECECEC));-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#f5f5f5', EndColorStr='#ECECEC')"; border-top: 1px solid #f9f9f9; border-left: 1px solid #f9f9f9; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: 1px; text-align: center; text-decoration: none; color:#333; font-family: 'MuseoSans300'; text-shadow:#fff 0 1px 0px; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* header */
#header { padding:15px 0; background:#fff;}
#navegacion{background:#00B7C7; height:120px; color:#fff; padding:10px 0; margin:0; border-top:5px solid #5C5A64;}
#navegacion a { color:#fff;}
#navegacion li { float:left; margin:10px 0 0 0;font-family: 'MuseoSans300'; width:96px; height:100px; text-align:center;}
#desconectar {float:right; margin:10px 0; width:100px; text-align:right;}

/* content */
#titulo {width: 470px; margin:5px;}
#content { background:#fff; margin:-40px auto 0 auto; padding:10px 0 10px 0; }
.notificacion { background:#D9EDF7; color:#3A87AD; padding:8px 10px 8px 8px; width:930px; margin:10px 5px; border:1px solid #BCE8F1}
.notificacion-titulo { margin:5px 0 10px 0;}
.notificacion a { color:#009CDB;}
.notificacion-amarilla { background:#FCF8E3; color:#C09853; padding:8px 10px 8px 8px; width:930px; margin:10px 5px; border:1px solid #FBEED5}
.notificacion-amarilla p { color:#000;}
.notificacion-amarilla a { color:#C09853;}
.notificacion-amarilla .opcion {width:50px; float:left; margin:0 10px 10px 0;}
.notificacion-amarilla .texto {width:870px; float:left; border-bottom:1px dashed; margin:0 0 10px 0;}
.notificacion-roja { background:#F2DEDE; color:#B94A48; padding:8px 10px 8px 8px; width:930px; margin:10px 5px; border:1px solid #EED3D7}
.notificacion-roja a { color:#B94A48;}

/* listado */
#listado { border-top:1px solid #ccc; margin:10px 0;}
#listado li { border-bottom:1px solid #ccc; padding:10px 0;}
.listado-texto { float:left; width:550px;}
.listado-texto-col2 { float:left; width:410px;}
.listado-texto-col4 { float:left; width:180px;}
.listado-opcion { float:right; width:50px;}
.listado-opcion-evento { float:right; width:115px;}
.listado-opcion-mailing { float:right; width:80px;}
#listado-comunicaciones {border-top:1px solid #ccc; margin:10px 0;}
li.comunicacion-item { border-bottom:1px solid #ccc; padding:10px 0; height:30px; overflow:hidden;}
li.comunicacion-item:hover { height:auto;}
.listado-comunicaciones-ico { width:30px; height:60px; float:left; margin:0 10px 0 0;}
.listado-comunicaciones-texto { width:870px; float:left; margin:0 10px 0 0;}
.listado-comunicaciones-opcion { width:20px; float:left;}
.listado-comunicaciones-ico-medio { width:30px; height:60px; float:left; margin:0 10px 0 0;}
.listado-comunicaciones-texto-medio { width:640px; float:left; margin:0 10px 0 0;}
.listado-comunicaciones-opcion-medio { width:20px; float:left;}
.listado-carpeta{ float:left; width:100px; text-align:center; padding:5px;}

/* paginador */
#paginador { margin:10px 0;}
#paginador a {color:#009CDB; margin: 0 10px;}

/* grafico */
#grafico-expedientes { height:250px; width:950px; margin:5px;}

/* documento */
#documento { width:710px; margin:5px 0 0 0; height:500px;}

/* modal box */
.modal-box{display:none; background:#FFF;width:640px;padding:35px;font-size:11px;}
#overlay {height:450px;}
div.contentWrap {height:441px;overflow-y:auto;}

@media handheld, only screen and (max-width: 767px) {
	.px960{width: 96%; margin: 0 auto;}
	.notificacion { width:auto;}
	#titulo { width:auto;}
	.col2 { width:auto;}
	.col2-3 { width:98%;}
	.listado-texto, .listado-comunicaciones-texto-medio { width:75%;}
	.ilstado-opcion, .listado-comunicaciones-opcion-medio { width:18%;}
	
	/* login */
	#login { margin: 0 auto 0 auto;}
	
	/* navegacion */
	#navegacion { height:auto;}
}