/** RESETEANDO LA HOJA DE ESTILO **/
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, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
center, u, b, i {
     margin: 0;
     padding: 0;
     border: 0;
     outline: 0;
     font-weight: normal;
     font-style: normal;
     font-size: 100%;
     font-family: inherit;
     vertical-align: baseline
}



body {
     line-height: 1
}

:focus {
     outline: 0
}

ol, ul {
     list-style: none
}

table {
     border-collapse: collapse;
     border-spacing: 0
}

blockquote:before, blockquote:after, q:before, q:after {
     content: ""
}

blockquote, q {
     quotes: "" ""
}

input, textarea {
     margin: 0;
     padding: 0
}

hr {
     margin: 0;
     padding: 0;
     border: 0;
     color: #000;
     background-color: #000;
     height: 1px;
}

/** **/

html {
  /*background: #fff url( Layout/html.png ) no-repeat bottom right; ITSTYLE */
  background: #FCFCFC; /* ITSTYLE */
  height: 100%;
}

body {
  color: #000;
  font-size: 100%;
  font-family: 'open sans', sans-serif;
  line-height: 1.5;
  min-width: 460px;
  max-width: 100%;
  margin: auto;
  width: 95%;
  -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
/*  width: 55em; */
}

h1, h2, h3, h4, h5, h6 {
  /*color: #e00; */
  color: #6a7176;
  /*font-family: "Century Gothic", sans-serif;*/
}

h1, h2 {
  /*background: #000 url( Layout/header.png ) repeat-x bottom; ITSTYLE */
  background: #EEE url( Layout/header2.png ) repeat-x bottom;
  /*border: 3px solid #e00; ITSYLE */
  /* border: 3px solid #59798E;
  color: #6a7176; ITSYLE */
  border: 1px solid #ccc;
  color: #5e686e;
  /*font-family: "Century Gothic", sans-serif;*/
  padding: 0.5em;
}

h1, h2, h3, h4, h5, h6, #logindisplay, #menu, #footer, .rightImage {
  /*font-variant: small-caps;
  letter-spacing: 0.15em;*/
    text-transform: uppercase;
  letter-spacing: 0.02em;
  
}

h1 {
  /*background: url( Layout/headerMvc.png ) no-repeat right center;
  background: url( Images/itsoft_transparente.gif ) no-repeat right center;*/
  background: url( none ) no-repeat right center transparent;
  border: 0;
  font-size: 150%;
}

h2 {
  /*font-size: 130%;*/
  font-size: 110%;
  padding-top: 2px;
  padding-bottom: 2px;
  border-radius: 12px;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  -ms-border-radius: 12px;
  -khtml-border-radius: 12px;
/*
  -moz-border-radius-topleft: 12px;
  -moz-border-radius-topright: 12px;
  -webkit-border-top-left-radius : 12px;
  -webkit-border-top-right-radius : 12px;
*/
}

h3 {
  font-size: 120%;
}

h4 {
  font-size: 115%;
}

h5 {
  font-size: 110%;
}

h6 {
  font-size: 105%;
}

a:active
{
  outline: none;
}

:focus
{
  -moz-outline-style: none;
}

/**  **/

.page {
  background: transparent url( none ) no-repeat;
  border: 1px solid #DDDDDD; /* ITSTYLE */
  color: #fff;
  margin-top: 1em;
  padding: 1em;
}

.roundBig, .page {
  border-radius: 24px;
  -moz-border-radius: 24px;
  -webkit-border-radius: 24px;
  -ms-border-radius: 24px;
  -khtml-border-radius: 24px;
}

.round {
  border-radius: 16px;
  -moz-border-radius: 16px;
  -webkit-border-radius: 16px;
  -ms-border-radius: 16px;
  -khtml-border-radius: 16px;
}

.roundSmall {
  border-radius: 12px;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  -ms-border-radius: 12px;
  -khtml-border-radius: 12px;
}

.roundSmaller {
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -ms-border-radius: 6px;
  -khtml-border-radius: 6px;
}

.roundT {
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-bottomright: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -ms-border-radius-bottomleft: 0;
  -ms-border-radius-bottomright: 0;
  -khtml-border-radius-bottomleft: 0;
  -khtml-border-radius-bottomright: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.roundB {
  -moz-border-radius-topleft: 0;
  -moz-border-radius-topright: 0;
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0;
  -ms-border-top-left-radius: 0;
  -ms-border-top-right-radius: 0;
  -khtml-border-radius-topleft: 0;
  -khtml-border-radius-bottomright: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.roundBD {
  -moz-border-radius-topleft: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomleft: 0;
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -ms-border-top-left-radius: 0;
  -ms-border-top-right-radius: 0;
  -ms-border-radius-bottomleft: 0;
  -khtml-border-radius-topleft: 0;
  -khtml-border-radius-bottomright: 0;
  -khtml-border-radius-bottomleft: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0;
}

.tAlignRight 
{
    text-align: right !important;    
}

.tAlignCenterBGTransparent
{
    text-align: center !important;    
    background: transparent !important;
}

#menuUserMain 
{
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 190px;
    white-space: nowrap;
}

#logindisplay, #menu {
  font-size: 110%;
}

#logindisplay {
  /* color: #e00; ITSTYLE */
  color: #6a7176;
  padding: 0.25em 0;
  text-align: right;
}

#logindisplay a {
  color: #fff;
  text-decoration: none;
}

#logindisplay a:hover {
  text-decoration: underline;
}

#import {
  display: none;
  visibility: hidden;  
}


/**/
#main {
  /*background: #fff url( Layout/html.png ) no-repeat top left; ITSTYLE */
  background: #fcfcfc; /*ITSTYLE*/
  /* border: 3px solid #e00; ITSTYLE*/
  /* border: 3px solid #83B1D0; */
  border: 1px solid #dddddd;
  border-top: 0;
  /*color: #000;*/
  color: #666666;
  padding: 1em;
}

#main p, #main ul, #main ol {
  margin: 1em;
}

#main li ul, #main li ol {
  margin: 0 1em;
}

/* #main li {
  color: #e00;
} ITSTYLE */
#main li {
  color: #6a7176;
}

#main li span {
  /*color: #000;*/
}
/**/

/**/
#mainlogin {
  /* background: #fff url( Layout/html.png ) no-repeat top left; ITSTYLE */
  background: #fcfcfc ; /* ITSTYLE */
  /*border: 3px solid #59798E;  ITSTYLE */
  border: 0 solid;
  /*color: #000;*/
  color: #666;
  padding: 1em;
}

#mainlogin p, #mainlogin ul, #mainlogin ol {
  margin: 1em;
}

#mainlogin li ul, #mainlogin li ol {
  margin: 0 1em;
}

/* #mainlogin li {
  color: #e00;
} ITSTYLE */
#mainlogin li {
   color: #6a7176;
}

#mainlogin li span {
  /*color: #000;*/
}

/**/

#menucontainer {
  /*background: #83B1D0 url( Layout/menu2.png ) repeat-x bottom;
  background-repeat: repeat-x;
	background-image: url( Layout/menu2.png );
  	background-image: -moz-linear-gradient(top, #82B0CF -25%, #6a7176);
	background-image: -webkit-linear-gradient(top, #82B0CF -25%, #6a7176);
	background-image: -o-linear-gradient(top, #82B0CF -25%, #6a7176);
	background-image: -ms-linear-gradient(top, #82B0CF -25%, #6a7176);*/
  /*border: 3px solid #e00; 
  border: 3px solid #83B1D0;ITSTYLE */ 
  border: 1px solid #dddddd;
  border-bottom: 0; 
	background-color:#5e686e;
  
}

#menucontainer a {
  color: #fff;
}

#title {
  /* background: #000 url( Layout/header.png ) repeat-x bottom; ITSTYLE */
    background-repeat: repeat-x;
	background-image: url( Layout/header2.png );
  	background-image: -moz-linear-gradient(top, #F9F9F9, #E5E5E5);
	background-image: -webkit-linear-gradient(top, #F9F9F9, #E5E5E5);
	background-image: -o-linear-gradient(top, #F9F9F9, #E5E5E5);
	background-image: -ms-linear-gradient(top, #F9F9F9, #E5E5E5);
  /* border: 3px solid #e00; ITSTYLE 
  border: 3px solid #59798E;*/
  border: 1px solid #ccc;
  position: relative;
}

#title > .menucontent { width:300px;}
#title img {
  position: absolute;
  /*margin-top: -60px;*/
  margin-top: 0;
  left: 0;
  /*top: 50%;*/
  top: 0;
  z-index: 3;
}

#title h1 {
  /* padding-left: 130px; ITSTYLE */
  padding-left: 240px; /*ITSTYLE */
  /* color: #6a7176; ITSTYLE */
  color: #5e686e
} 


/* JQGrid Fix */


.ui-jqgrid tr.ui-row-ltr td {
    vertical-align: middle !important;
}

.ui-jqgrid .ui-jqgrid-bdiv {
    overflow: hidden !important;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
	border: medium none !important;
}

ul#menu {
  background: url( Layout/menuMvc2.png ) no-repeat right center;
  color: #fff;
  list-style: none;
  overflow: auto;
  background-position-x: 94%;
  margin-right:0.5px;
}

ul#menu li, ul#menu a {
  display: block;
}

ul#menu li {
  float: left;
}

ul#menu a {
  border-bottom: 0;
  /*margin-right: 0.5em;*/
  /*padding: 0.5em;*/
  padding: 0.5em 0.8em;
  white-space:nowrap;
  text-decoration: none;
  font-size: 0.8em;
  text-align: center;
  /*border-top-left-radius: 14px;
  border-top-right-radius: 14px;*/
  border-radius:14px;
}

ul#menu > li > a
{
	border-top-left-radius: 14px;
	border-top-right-radius: 14px;
	border-bottom-left-radius: 0px !important;
	border-bottom-right-radius: 0px !important;
}

ul#menu .current {
  text-decoration: none;
}

ul#menu a:hover {
  text-decoration: underline;
}

ul#menu a:hover, ul#menu .current {
  /* background: #fff; ITSTYLE */
  /* color: #e00; ITSTYLE */
  background: #fcfcfc;
  color: #6a7176;
}

.rightImage {
  background: #000;
  float: right;
  /* border: 3px solid #e00; ITSTYLE */
  border: 3px solid #6a7176;
  margin-bottom: 1em;
  margin-left: 1em;
  padding: 6px;
  text-align: center;
  text-decoration: none;
}

.rightImage, .rightImage a {
  color: #fff;
}

.rightImage img {
  display: block;
}

#main .rightImage p {
  margin: 0.5em 0;
}

.section {
  /* border-top: 1px dotted #e00; ITSYLE */
  border-top: 1px dotted #6a7176;
  padding-top: 1em;
}

.tablaInforme 
{
	margin-top: 10px;
	border-collapse: collapse;
	font-size: 0.9em;
}

.even
{
	background-color: #cccccc;
}

.odd
{
	background-color: transparent;
}

.tablaInforme th {
	/* background-color: #e00; ITSTYLE */
	background-color: #6a7176;
	color: #ffffff;
	padding-right: 10px;
	text-align: left;
}

.tablaInforme td
{
	padding-right: 10px;
	white-space: nowrap;
	text-align: left;
}

.panelImage 
{
	margin:0px;
	height: 100px;
	width: 100px;
}

.nonSelectedPanel
{
	border: solid 5px #f00;
	border:#80A7D2;
	border-width:1px;
	border-style:solid;
	margin:0px;
	display:block;
	margin:0px;
	height: 100px;
	width: 100px;
}

.selectedPanel
{
	border: 1px black solid;
	height: 90px;
	width: 90px;
}

.linkPhotos 
{
}

.imgPhotosSelected
{
	height: 100px;
	width: 100px;
	border: solid 1px black;
}

.imgPhotos
{
	height: 100px;
	width: 100px;
	border-width: 0px;
}

/**/

.menu2container 
{
	position:absolute;
	top: inherit;
	z-index: 110;
	background-color: transparent;
	/*width: 800px;
	right: 0;*/
	/*width: 206px;*/
	left: inherit;
	/*border: 1px solid green;*/
	width: 230px;
}

.menu3container 
{
	position:absolute;
	top: inherit;
	z-index: 50;
	background-color: transparent;
	left: inherit;
	width: 350px;
}

.menualertcontainer 
{
	position:absolute;
	top: inherit;
	z-index: 50;
	background-color: transparent;
	left: inherit;
	width: 165px;
}

.menu4container
{
	position:absolute;
	top: inherit;
	z-index: 50;
	background-color: transparent;
	left: inherit;
	width: 130px;
}

.menu2content
{
/*	right: 0;*/
	left: 0;
	position:absolute;
	top: inherit;
	z-index: 51;
	background-color: #6a7176;
	filter:alpha(opacity=99);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
}

.menualertcontent
{
/*	right: 0;*/
	width: 165px;
	left: 0;

	position:absolute;
	top: inherit;
	z-index: 51;
	/*background-color: #e00;*/
    background-color: #ff0000;

	filter:alpha(opacity=99);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
}

.menu3content
{
/*	right: 0;*/
	/*width: 355px;*/
	left: 0;

	position:absolute;
	top: inherit;
	z-index: 51;
	/*background-color: #e00;*/
    /*background-color: #ff0000; ITSTYLE */
	background-color: #6a7176;

	filter:alpha(opacity=99);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
}

.menu4content
{
/*	right: 0;*/
	/*width: 355px;*/
	left: 0;

	position:absolute;
	top: inherit;
	z-index: 51;
	/*background-color: #e00;*/
    /*background-color: #ff0000; ITSTYLE */
	background-color: #6a7176;

	filter:alpha(opacity=99);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
}

.menu3content .menu2 li
{
    /*width: 365px;*/
}

ul.menu2 {
  display: inline;
  list-style: none;
  overflow: auto;
  width:100%;
}

ul.menu2 li, ul.menu2 a {
  display: block;
}

ul.menu2 li {
  float: right;
    width: 100%;
    padding:4px;
  /*width: 215px;*/
  /*width: 191px;*/
}

ul.menu2 a {
  border-bottom: 0;
  margin-right: 0.5em;
  padding: 0.5em;
}

ul.menu2 .current {
  text-decoration: none;
}

ul.menu2 a:hover {
  text-decoration: underline;
}

ul.menu2 a:hover, ul.menu2 .current {
  background: #fff;
  color: #e00;
}

/* */

#menuConfig a
{
	/*width: 175px;*/
}

#alertmenu a
{
	width: 175px;
}

.menu2withtabs 
{
	width: 230px;
	/*width: 190px;*/
}

.menu2withtabs div
{
	margin: 0px;
	padding: 0px;
}

.menualertwithtabs 
{
	width: 140px;
}

.alertab 
{
	width: 140px !important;
}
.menualertwithtabs div
{
	margin: 0px;
	padding: 0px;
}

.menu3withtabs 
{
	width: 125px;
}

.menu3withtabs div
{
	margin: 0px;
	padding: 0px;
}

.menu4withtabs 
{
	width: 130px;
}

.menu4withtabs div
{
	margin: 0px;
	padding: 0px;
}

.menu2withtabs a:hover {
  /*text-decoration: underline;*/
    /*background-color: #ff0000;  ITSTYLE */
	background-color: #6a7176;
	
  /*border-top-left-radius: 14px;
  border-top-right-radius: 14px;*/
  filter:alpha(opacity=99);
  -moz-opacity:0.9;
  -khtml-opacity: 0.9;
  opacity: 0.9;
  border-radius:14px;
}

.firstleveltab
{
    /*background-color: #ff0000; ITSTYLE */
	background-color: #6a7176; 
	font-weight: bold;
}

.floatBar 
{
	filter:alpha(opacity=99);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
	/*Overriding js effect*/
	bottom: 5px!important;
    position: fixed!important;
    top: initial!important;
}

.floatBarUser
{
    /*background-color: #ff0000; ITSTYLE */
	background-color: #59798E;
    font-weight: bold;
    color: #ffffff;
    z-index: 20000;  
    /* border: 2px solid #e00; ITSTYLE */
	border: 2px solid #59798E;

	filter:alpha(opacity=99);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
}

.imgLang
{
    cursor: pointer;
    padding:1px;
    border:1px solid transparent;
    margin-left: 1px;
    margin-right: 1px;
    margin-bottom: -2px;
    margin-top: 1px;
}

.imgLangSel
{
    padding:1px;
    border:1px solid #F39314; /* ITSTYLE */
    margin-left: 1px;
    margin-right: 1px;
    margin-bottom: -2px;
    margin-top: 1px;
}

fieldset fieldset 
{
    padding: 5px;
    border-bottom: none;
    border-left:none;
    border-right:none;
    padding-left: 20px;
}

    
.sf option 
{
    margin: 2px;
    margin-right: 5px;
}



.label_empresa, .label_username, .label_password
{
    color: rgb(45, 61, 72);
}

#footer {
  margin-top: 0.5em;
  text-align: right;
  /*border-top: dotted 1px rgb(45, 61, 72); ITSTYLE */
  border-top: dotted 1px rgb(175, 181, 188);
  color: #999;
  font-size: 0.8em;
}

.floatBarLang
{
    padding-left: 5px;
    padding-right: 5px;
    background-color: #ffffff;
    font-weight: bold;
    color: #ffffff;
    z-index: 20000;  
    /* border: 2px solid #e00; ITSTYLE */
	border: 2px solid #59798E;

	filter:alpha(opacity=99);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;

    height: 22px;
}


#imgES 
{
    display: block;
    width: 19px;
    height: 12px;
    background:url('images/spanishletters.bmp') no-repeat 1px;
    cursor: pointer;
}

#imgEN 
{
    display: block;
    width: 19px;
    height: 12px;
    background: url('images/englishletters.bmp') no-repeat 1px;
    cursor: pointer;
}

#imgLogo
{
    display: block;
    /*width: 202px;
    height: 87px;*/
    width: 150px;
    height : 60px;
    /*background: url('images/cpLogo2.gif') no-repeat 1px;*/
    background: url('images/works_por_itsoft.png') no-repeat 0;
    border-radius: 16px 0 0 16px;
}

.fg-button { 
    outline: 0;
    padding: -4px 0px 4px 0px;
    padding: .4em 1em; 
    text-decoration:none !important; 
    cursor:pointer; 
    position: relative; 
    text-align: center; 
    zoom: 1; 
}

.fg-button:hover 
{
    background-color: #fffca1;
    color: #aaaaaa;
}

.jquery-checkbox       {display: inline; font-size: 20px; line-height: 20px; cursor: pointer; cursor: hand;}
.jquery-checkbox .mark {display: inline;}

.jquery-checkbox img {vertical-align: middle; width: 60px; height: 20px;}
.jquery-checkbox img{background: transparent url(Images/checkbox2.png) no-repeat;}

.jquery-checkbox img{
	background-position: 0px 0px;
}
.jquery-checkbox-hover img{
	background-position: 0px -20px;
}
.jquery-checkbox-checked img{
	background-position: 0px -40px;
}
.jquery-checkbox-checked .jquery-checkbox-hover img {
	background-position: 0px -60px;
}

.jquery-checkbox-disabled img{
	background-position: 0px -80px;
}
.jquery-checkbox-checked .jquery-checkbox-disabled img{
	background-position: 0px -100px;
}

.ui-jqgrid tr.jqgrow td {
    white-space: normal;
    height:auto;
    padding: 0.65em 2px;
    border-top: #bbbbbb 1px solid;
    border-bottom: #bbbbbb 0px solid;
    border-left: #dddddd 0px solid;
    border-right: #dddddd 1px dotted;
    cursor: pointer;
}

.actividadGlobal {
    color: #83b1d0;
    font-weight: bold;
}

.importante 
{
    color: #83b1d0;
    font-weight: bold;    
}

/*
    MOVE'12
*/
em  
{
	font-weight: bold; 
	padding-right: 0; 
}
.msgError em  
{
	color: red; 
	font-weight: bold; 
	padding-right: 0; 
}
.msgOk em  
{
	color: #668AA3;
	font-weight: bold; 
	padding-right: 0; 
}

.heading {
font-weight: bold;
color: rgb(78, 106, 125);
font-size: 1.2em;
}

.subheading {
font-weight: bold;
color: rgb(78, 106, 125);
font-size: 1.1em;
}

#pnlContenedor {
float: left;
width: 100%;
padding-left: 1.5%;
font-size: 1.2em;
}

.msgError{
    width:50%;
    background: none repeat scroll 0 0 #FFEBC1;
    border-bottom: 2px solid #FDBF3B;
    border-top: 2px solid #FDBF3B;
    padding:3px;
    margin-bottom:5px;
	color:#D45C00 !important;
}
.msgError span{
	color:#D45C00 !important;
}

.msgOk{
    width:50%;
    background: none repeat scroll 0 0 #FFEBC1;
    border-bottom: 2px solid #FDBF3B;
    border-top: 2px solid #FDBF3B;
    padding:3px;
    margin-bottom:5px;
	color:#668AA3 !important;
}
.msgOk span{
	color:#668AA3 !important;
}

#seccionActividad {
overflow: hidden;
float: left;
/*width: 50%;*/
/*margin-right: 3%;
background: none repeat scroll 0px 0px rgb(212, 237, 254);*/
}

#seccionActividad ul {
overflow:hidden;
list-style: none;
/*padding:10px*/
}


#seccionIncidencia {
overflow: hidden;
float: left;
/*width: 50%;*/
/*background: none repeat scroll 0px 0px rgb(212, 237, 254);*/
}

#seccionIncidencia ul {
overflow:hidden;
list-style: none;
/*padding:10px*/
}

#seccionDetalle {
overflow:hidden;
float: left;
width: 30%;
margin-left: 3%;
}

#seccionDetalle ul {
overflow:hidden;
list-style: none;
padding:10px;
}

#lstIdDisp, #tabContactoLista, #divListaFechas, #divListaNegraFechas, #divListaHoras {
    float: left;
    width: 90%;
    overflow-y: auto;
    overflow-x: hidden;
    height:125px;
    background: none repeat scroll 0% 0% #E0F3FF;
}
#divListaFechas, #divListaNegraFechas, #divListaHoras {
	height:300px;
}
#tabContactoLista {
width: 105%;
position: relative;
top: 10px;
left:5px;
}
#tabContactoAlta {
width:100%;
}

#lstIdDisp ul li , #tabContactoLista ul li, #divListaFechas ul li, #divListaNegraFechas ul li, #divListaHoras ul li{
overflow:hidden;
display:block;
margin:2px;
background: none repeat scroll 0% 0% rgb(247, 248, 248);
}

.columnAlert {
    float: left;
    width: 200px;
}

/* Clear floats after the columns */
.rowAlert:after {
    content: "";
    display: table;
    clear: both;
}

#divListaHoras{
    margin-top:10px;
}

#divListaHoras span{
    font-size:1.2em;
}

#divListaHoras li
{
    width: 195px;    
}

#seccionDescripcion{
overflow: hidden;
float: left;
margin-top:10px;
    background: none repeat scroll 0% 0% rgb(212, 237, 254);
}

.dialogoDelEtiqueta{
    font-size: 0.75em;
    font-weight:bold;
}

#tabs{
	min-height: 515px;
}

/* prueba drag'n drop */
/*d&d1*/
	#lstTodos ul.selectable.emp,#lstTodosAct ul.selectable.act, #pnlLstDisponibilidad ul.selectable.sus{
		margin:0;
		padding:2px;
		background: #fff;
		list-style: none;
		max-height: 290px;
		overflow-x: hidden;
		overflow-y: auto !important;
				
	}
	#pnlLstDisponibilidad ul.selectable.sus{
	    /*border: 1px solid #EEEEEE;
		padding: 0 3px 0 0;
		width: 100%;*/
	}
	
	/*Comentado Alberto
	/*#lstTodos ul.selectable.emp,#lstTodosAct ul.selectable.act {
		width: 360px;
	}*/
	
/**/

#lstTodos ul.selectable.act{
	background-color: #dadada;
}

/*d&d2*/
	#pnlLstDisponibilidad ul.selectable.sus li, #pnlLstDisponibilidad ul.selectable.sus li .parent ul li, 
	#pnlLstDisponibilidad ul.lstAsig li,
	#lstTodos ul.selectable.emp li,#lstTodosAct ul.selectable.act li{
		margin: 0;
		padding: 0;
		cursor: default; 
		font-size: 1em; list-style: none; overflow: hidden; overflow-y: hidden;
		/*float:left;
		width:100%;*/
	}
	#pnlLstDisponibilidad ul.selectable.sus li, #pnlLstDisponibilidad ul.selectable.sus li .parent ul li,
	 #pnlLstDisponibilidad ul.lstAsig li{
		/*height: 30px !important;*/
	}
	
	
	.subdisponible {
	    overflow:hidden;
	    background: url("images/ui-bg_multicolor_1x100.png") repeat-x scroll 50% 50% #D4EDFE !important;
		border: 0 none !important;
		margin: 0 !important;
		width: 100% !important;
	}
	
	.subdisponible li {
		/*background: url("images/ui-bg_multicolor_1x100.png") repeat-x scroll 50% 50% #D4EDFE !important;
		border: 0 none !important;
		display: inline-table !important;
		margin: 0 !important;
		width: 100% !important;*/
	}
	
	.subdisponible div{
	    float:left;
		width: 100px !important;
		height:30px;
		line-height:30px;
		padding-left:2px;
	}
	
	.subdisponibleBis{
	    overflow:hidden;
	    background: url("images/ui-bg_multicolor_1x100.png") repeat-x scroll 50% 95% #D4EDFE !important;
		border: 0 none !important;
		margin: 0 !important;
		width: 100% !important;
	}
	
	.subdisponibleBis li {
		/*background: url("images/ui-bg_multicolor_1x100.png") repeat-x scroll 50% 95% #D4EDFE !important;
		border: 0 none !important;
		display: inline-table !important;
		margin: 0 !important;
		width: 100% !important;*/
	}
	
	.subdisponibleBis div{
	    float:left;
		width: 100px !important;
		height:30px;
		line-height:30px;
		padding-left:2px;
	}
	
/*d&d3*/
	#pnlLstDisponibilidad ul.selectable.sus li {
		/*width: 100%;*/
	}
	#pnlLstDisponibilidad ul.selectable.sus li .parent ul li {
		/*width: 101px !important;
		/*background:red;*/
	}
	
	#pnlLstDisponibilidad .parent ul {
		padding:0;
	}
	
    /*ul.lstAsig {
		
	}*/
	#pnlLstDisponibilidad .parent ul li{
	    width: 100px !important;
	}
	
	
    #pnlLstDisponibilidad ul.lstAsig {
		/*display:inline !important;
		padding: 2px 0;
		width:100% !important;*/
		
		cursor: default;
        font-size: 1.1em;
        height: 30px;
        line-height: 30px;
        list-style: none outside none;
        margin: 0px;
        overflow: hidden;
	}
	
	#pnlLstDisponibilidad ul.lstAsig li{
	    display:inline-table !important;
		width: 100px !important;
		/*background:blue !important;
			cursor: default !important;
			font-size: 1.1em !important;
			height: 30px !important;
			line-height: 30px !important;
			list-style: none outside none !important;
			margin: 0 !important;
			overflow: hidden !important;
			padding: 0 !important;*/
			
			
			margin: 0;
            padding: 0;
            cursor: default;
            font-size: 1em;
            list-style: none;
            overflow: hidden;
            overflow-y: hidden;
	}
	

/**/


	


/*d&d4*/
	#lstTodos ul.selectable.emp li:hover,#lstTodosAct ul.selectable.act li:hover{
		border-color:#4E6A7D;
	}
		
	#lstSelecciondados ul.selected.emp,#lstSelecciondadosAct ul.selected.act,#pnlLstDisponibilidad ul.selected.sus{
		margin:0;
		padding:2px;
		background: #fff;
		list-style: none;
		height: 290px;
		overflow-x: hidden;
		overflow-y: auto !important;
	}

	#lstSelecciondados ul.selected.emp li,#lstSelecciondadosAct ul.selected.act li{
		margin: 0; padding: 0; cursor: default; 
		font-size: 1em; list-style: none; overflow: hidden; overflow-y: hidden;
	}

	#lstSelecciondados ul.selected.emp li:hover,#lstSelecciondadosAct ul.selected.act li:hover{
		border-color:#4E6A7D;
	}
	
	#lstTodos ul.selectable.emp li {
		/*width: 100%;*/
	}
	
	#lstTodos ul.ficticia.emp li{
	    width:90px !important;
	}
	
	#lstSelecciondados ul.ficticia.emp li{
	    width:90px !important;
	    float:left;
	}
	
	
	#lstTodosAct ul.selectable.act li{
		/*width: 200px !important;*/
	}
/**/

/*d&d5*/
	#pnlLstDisponibilidad ul.lstAsig li  {
		background-color: transparent !important;
		border: 0 solid !important;
		/*background-position: 50% 50% !important;*/
		background-position: 50% 50%;
	}

    #pnlLstDisponibilidad ul.ulCabecera li{
        width:100px;
    }

/*          Elemento contenedor draggable para Actividades          */
.parentAct{
	float:left;
	overflow:hidden;
	width:100%;
}

.parentAct div {
	/*border:solid 1px red;*/
}

.parentAct ul{
		margin: 0; padding: 2px; cursor: default; 
	line-height: 30px; height: 30px; font-size: 1.1em; list-style: none; overflow: hidden; overflow-y: hidden;
/*	width:100%;*/
}

.parentAct ul li.liRegla
{
    /*width:210px !important;*/
    /*width:200px !important;*/
}

.parentAct ul li{
	display:inline-table;
	width:90px;
	border:0px;
}

.parentAct ul li span{
    font-weight:bold; 
}

/*        --------------------------------------            */

.parent{
	float:left;
	overflow:hidden;
	width:100%;
}

.parent div {
	/*order:solid 1px red;*/
}

.parent ul{
		margin: 0; padding: 2px;cursor: default; 
	line-height: 30px; height: 30px; font-size: 1.1em; list-style: none; overflow: hidden; overflow-y: hidden;
	/*width:100%;*/
}

.parent ul li{
	display:inline-table;
	width:90px;
	border:0px;
}

.parent ul li span{
    font-weight:bold; 
}

.ulCabecera{
    margin: 0; 
    cursor: default; 
	width:100%;
	padding:2px;
	font-size: 1.1em;
}

.ulCabecera li{
    display:inline-table;
	width:90px;
	font-weight:bold; 
	margin-top:5px;
}

.ulCabecera li span
{
    font-weight:bold; 
}

.ulFiltro{
    margin: 0; 
    cursor: default; 
	width:100%;
	padding:2px;
	font-size: 1.1em;
}

.ulFiltro li{
    display:inline-table;
	/*width:90px;*/
	font-weight:bold; 
	margin-top:5px;
	width:100%;
}

.ulFiltro li span{
    /*font-weight:bold; */
}

/* Drag & drop*/

.disponible  li{
	background-image: url("images/ui-bg_multicolor_1x100.png");
	background-repeat:repeat-x;
	background-position: 50% 15%;
	background-color:#EEEEEE;
	border: 2px solid #FFFFFF;
}

.disponible_ya_asignado li{
	/*background-color:#D4EDFE !important;*/
	border: 2px solid #FFFFFF;
}

.disponible_ya_asignado li.esActividadGlobal, .disponible li.esActividadGlobal{
    /*background-color:#F4EAFE !important;*/
	background-color:#F3E2CB!important;
	background-image: none !important;
    z-index:1;
}

.disponible_ya_asignado li.esActividadGlobal div ul li, .disponible li.esActividadGlobal div ul li
{
    /*background-color:#F4EAFE !important;*/
	background-color:#F3E2CB!important;
	background-image: none !important;
    z-index:1;
}

.instrucciones {
	background: #fff url(Images/instrucciones_draganddrop.png ) no-repeat -33px 120px;
    float: left;
    height: 300px;
    margin: 50px 15px 0;
    padding:10px;/*padding: 14px;*/
    width:70px;/*width: 60px;*/
	color: #999999;
	font-size: 1.2em;
	text-align: center;
	word-wrap: break-word;
}

.indrop{
    width:330px !important;
    height:24px;
}

.indrop ul.ficticia{
	cursor: default; 
	line-height: 30px; height: 30px; font-size: 1.1em;
	width:100%;
	margin:auto !important;
	padding:2px !important;
	background: #FFEBC1;
	border: 2px dashed #FDBF3B;
	list-style: none;
    overflow: hidden;
    opacity:0.9;
}

.indrop ul.ficticia li.liRegla
{
    width:210px !important;
}

.indrop ul.ficticia li{
    background:transparent !important;
    border:0px;
	margin: 0 !important; padding: 0 !important; cursor: pointer; display:inline-table; width:90px;
	font-size: 1em; list-style: none; overflow: hidden;
}

/* Menú miga de pan  */    

.ulMigaPan,.ulMigaPanEmp,.ulMigaPanEtiq, .ulMigaPanContacto {
    cursor: default;
    display: block;
    font-size: 1.1em;
    color: #6a7176;
}

.ulMigaPan li,.ulMigaPanEmp li,.ulMigaPanEtiq li, .ulMigaPanContacto li {
    display: block;
    font-weight: bold;
    line-height: 1.6em;
    margin-top: 5px;
    /*padding: 5px;*/
    float:left;
}

.ulMigaPan li a, .ulMigaPanEmp li a,.ulMigaPanEtiq li a,.ulMigaPanContacto li a{
    color: #6a7176;
    text-decoration:underline;
}

.ulMigaPan li a:hover,.ulMigaPan li a:visited,.ulMigaPanEmp li a:hover,.ulMigaPanEmp li a:visited,.ulMigaPanEtiq li a:hover,.ulMigaPanEtiq li a:visited,.ulMigaPanContacto li a:hover,.ulMigaPanContacto li a:visited{
    color: #6a7176;
    text-decoration:underline;
}

.ulMigaPan li span,.ulMigaPanEmp li span,.ulMigaPanEtiq li span,ulMigaPanContacto li span{
    /*font-size:1.5em; */
    font-weight:bold;
	color: #80A7D2;
}

/* Ul formulario nueva actividad  */

.ulNuevaActividad{
    cursor: default;
    display: block;
    font-size: 1.1em;
}

.ulNuevaActividad li {
    display: block;
    font-weight: bold;
    line-height: 1.6em;
    margin-top: 5px;
    padding: 5px;
    float:left;
}

/*Botones*/ /*#5BC0DE, #339BB9*/

.btn.info,.btn.info:hover{color:#ffffff;}
.btn.info{
	background-color:#7097B2;background-repeat:repeat-x;	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-image: linear-gradient(top, #83B1D0, #7097B2);
	border-left-color: #7097B2;
	border-right-color: #7097B2;
	border-top-color: #7097B2;
	border-bottom-color: #22697d;
}
.btn {
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #bbb;
	text-decoration:none;
	cursor:pointer;
	display:inline-block;
	background-color:#e6e6e6;
	background-repeat:no-repeat;
	padding: 5px 14px 6px;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	color: #333;
	/*font-size: 0.8em;*/
	font-size:11.5px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	-webkit-transition: 0.1s linear all;
	-moz-transition: 0.1s linear all;
	-ms-transition: 0.1s linear all;
	-o-transition: 0.1s linear all;
	transition: 0.1s linear all;
	background-image: -moz-linear-gradient(top, #ffffff 25%, #e6e6e6);
	background-image: -webkit-linear-gradient(top, #ffffff 25%, #e6e6e6);
	background-image: -o-linear-gradient(top, #ffffff 25%, #e6e6e6);
	background-image: -ms-linear-gradient(top, #ffffff 25%, #e6e6e6);


	background-image: linear-gradient(top, #ffffff 25%, #e6e6e6);/*line-height:normal;*/
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6');
	    outline: none;
    background-image: linear-gradient(top, #ffffff 25%, #e6e6e6);/*line-height:normal;*/
	}
.btn:hover{
	background-position:0 -15px;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F6F6F6', endColorstr='#E6E6E6');
	color:#333;
	text-decoration:none;
}
.btn:focus{
	/*outline:1px dotted #666;*/
}
.bind, .bsave, .bcancel, .bcreate, .basign, .bedit {
	background-image: url("Images/bin.png");
	background-repeat: no-repeat;
	background-color: transparent;
    display: block;
    height: 16px;
    line-height: 16px;
    padding-left: 20px;
    /*width: 56px;*/
	color: #333333;
}
.bind {background-position:  0 0;}
.bsave {background-position:  0 -64px;} 
.bcancel {background-position:  0 -80px;}
.bcreate {background-position:  0 -96px;}
.basign {background-position:  0 -112px;}
.bedit{background-position:  0 -128px;}

.spanBoton
{
	color: #333333;
}

/* Grid Formulario de Edición */
.contenedorPadre, .loginPadre{
    font-size: 1.15em; 
    overflow: hidden; 
    padding: 10px;
	margin:1.5em auto 0;
		
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.15);
}
.contenedorPadre {
	background-color: #E2F3FE;
	border: 1px solid #C7DEED;
}

.contenedorPadre h6{
    font-size: 92% !important;
    margin-top: 1em;
}

.loginPadre{
	background-color:#F4F4F4;
	border: 1px solid #dddddd;
}

.stress{
	width:90%;
}

.stressBotonera{
    position:relative;
    right:9%;
}

.loginstress{
	width:18em;
}

.contenedorPpal{
    clear:both;
    float:left;
    width:100%;
    overflow:hidden;
}
.contenedorPpal ul {
	list-style: none;
}

.contenedorPpal div.col1{
    float:left;
    width:70%;
}

.contenedorPpal div.logincol1{
    float:left;
    width:100%;
}

.contenedorPpal div.logincol1 input[type='text'], input[type='password']
{
	width:100%;
}


/*.contenedorPpal div.colListadoFechas{
    float:left;
    width:49%;
}

.contenedorPpal div.colListadoReglas{
    float:left;
    width:49%;
}

.col1 div.colSuperior{
    float:left;
    width:100%;
}*/

.col1 div.colDetalleFecha, div.colDetalle, .logincol1 div.loginDetalle{
    clear:both;
    float:left;
    width:100%;
    overflow:hidden;
}

.contenedorPpal div.col2{
    float:right;
	width: 29%;
    /*height:350px;*/
}

.contenedorBotonera{
    clear:both;
    float:left;
    width:100%;
    text-align:right;
	margin: 1em 0 0.5em 0;
}

.loginBotonera{
    text-align:center;
	clear:both;
	float:left;
	margin:0.5em 0 0.75em;
	width: 100%;
}

.loginBotonera a{
	width: 16em !important;
	text-align:center !important;
}

.loginBotonera input{
	width: 16em !important;
	text-align:center !important;
}

/** Maquetación formularios **/

.colDetalle div,.DoscolDetalle div{
    width: 44%;
}

.colDetalle div,.DoscolDetalle div,.colSuperior div{
    display: block;
    float: left;
	padding: 0 2.5% 0 1.5%;
}

.colDetalle div.cp{
    overflow:hidden;
    padding:0;
    width:0;
}

.colDetalle div.cp input{
    overflow:hidden;
    min-width:0px;
}

.colDetalle ul li,.DoscolDetalle ul li,.colSuperior ul li, .loginDetalle ul li{
	width:100%;
	float:left;
	display:block;
}

.colDetalle ul li,.DoscolDetalle ul li,.colSuperior ul li{
	margin:0.1em 0;
}
.colDetalle ul li input,.colSuperior ul li input{
    min-width: 98%;
}

.colFecha div{
    width: 200px;
    margin-top: 10px;
}

.colFecha div{
    display: block;
    float: left;
}

.colFecha input{
    overflow:hidden;
    min-width:0px;
}

.colFecha ul li{
	width:100%;
	float:left;
	display:block;
}

.colFecha ul li{
	margin:0.1em 0;
}
.colFecha ul li input{
    min-width: 40%;
}






.DoscolDetalle ul li input{
    min-width: 90%; /* Soluciona el problema de la mezcla de operaciones con distintas unidades  */
}

.colDetalle ul li input,.DoscolDetalle ul li input,.colSuperior ul li input{
	padding: 0.2em 0;
	
}


.loginDetalle ul{
	margin-top:0 !important;
}

.loginDetalle ul li{
	margin:0.2em 0;
}

.colDetalle .checklist .checkbox{
    min-width:0 !important;
    background:red;
}

/*
colDetalle para sustituciones
*/
.colDetalleFecha div{
    display: block;
    float: left;
	padding: 0 2.5% 0 1.5%;
    width: 44%;
}

.colDetalleFecha div.cp{
    overflow:hidden;
    width:0px;
}

.colDetalleFecha ul li{
	width:100%;
	float:left;
	display:block;
	margin:0.1em 0;
}

.colDetalleFecha ul li input{
	padding: 0.2em 0;
}

.colDetalleFecha .checklist .checkbox{
    min-width:0 !important;
    background:red;
}

#panelGlobal ul {
	display:inline;
}

#panelGlobal ul li {
	float:left;
	width: auto;
	margin:0 1em 0 0;
}

#panelGlobal input {
	width:3.5em !important;
}
#panelGlobal select {
	width:8em !important;
	padding: 5px 8px;
}

#panelGlobal {
	width:100% !important;
}

/*** form styling **/

/*.contenedorPpal select { /*NFF*/
/*   -moz-appearance: none;
   -webkit-appearance: none;
   -o-appearance: none;
   appearance: none;
 }*/



/** we remove the red glow around required fields since we are already using the red star */
.contenedorPpal input:required, .contenedorPpal textarea:required, .contenedorPpal select { 
    -moz-box-shadow:none;  
    -webkit-box-shadow:none;  
    -o-box-shadow:none;  
    box-shadow:none;  
}




/** inputs and textarea**/
.contenedorPpal input:not([type="submit"]), .contenedorPpal textarea, .contenedorPpal select {
outline:none;
display:block;
/*width:380px; NFF*/
padding:4px 4px;
/*border:1px dashed #DBDBDB;*/
border:1px solid #DBDBDB;
color:#3F3F3F;
font-family:'Droid Sans',Tahoma,Arial,Verdana sans-serif;
font-size:14px;
/*border-radius*/
-webkit-border-radius:2px;
   -moz-border-radius:2px;
        border-radius:2px;
/*transition*/
-webkit-transition:background 0.2s linear,
				   box-shadow 0.6s linear;
   -moz-transition:background 0.2s linear,
				   box-shadow 0.6s linear;
     -o-transition:background 0.2s linear,
				   box-shadow 0.6s linear;
        transition:background 0.2s linear,
				   box-shadow 0.6s linear;
}
.contenedorPpal input:not([type="submit"]):active, 
.contenedorPpal textarea:active,
.contenedorPpal input:not([type="submit"]):focus, 
.contenedorPpal textarea:focus,
.contenedorPpal select :active,
.contenedorPpal select :focus
{
/*background:#F7F7F7;*/
background:#FFFFED;
/*border:dashed 1px #969696;*/
border:solid 1px #FFCC00;
/*box-shadow*/
-webkit-box-shadow:2px 2px 7px #E8E8E8 inset;
   -moz-box-shadow:2px 2px 7px #E8E8E8 inset;
        box-shadow:2px 2px 7px #E8E8E8 inset;
}
.contenedorPpal input:not([type="submit"]){
height: 20px;
}

/* placeholder */
::-webkit-input-placeholder  { 
color:#BABABA; 
font-style:italic;
}
.contenedorPpal input:-moz-placeholder,
.contenedorPpal textarea:-moz-placeholder{ 
color:#BABABA;
font-style:italic;
} 
.contenedorPpal textarea{
min-height:150px;
resize:vertical
}




/** labels**/


.contenedorPpal label{
/*line-height:2em;*/ /*NFF*/
color:#7F7E7E;
-webkit-transition: color 1s ease;
   -moz-transition: color 1s ease;
	    transition: color 1s ease;
}
.contenedorPpal label:hover{
color:#191919;
}
.contenedorPpal label:before{
color:#C1BFBD;
-webkit-transition: color 1s ease;
   -moz-transition: color 1s ease;
	    transition: color 1s ease;
}
.contenedorPpal label:hover:before{
color:#969696;
-webkit-transition: color 1s ease;
   -moz-transition: color 1s ease;
	    transition: color 1s ease;
}

p{
margin-bottom:20px;
}
.indication{
color:#878787;
font-size:12px;
font-style:italic;
text-align:right;
padding-right:10px;
}
.required{
color:#4E6A7D;
}


/** checklist**/

.checklist, .radiolist{
    background: none repeat scroll 0 0 #E2F3FE;
    display: block;
	float: right;
	width: 100%;
	border-bottom:1px solid #F0F9FF;
}

.checklist li, .radiolist li{
    height: 44px;
	border-bottom:1px solid #C7DEED;
	border-top:1px solid #F0F9FF;
	margin: 0 !important;
}
.checklist label{
	background-image: url("images/caracteristicas.png");
	background-repeat:no-repeat ;
    line-height: 44px;
    /*padding: 13px 0 13px 50px; */
	padding: 0 0 0 50px;
	float: left;
	color:#7097B2;
	width: 88px;
	height:44px;
	overflow:hidden;
}
.icogps {background-position:0 0;}
.icogpsCombo 
{	background-position:0 0;
    width:0px !important;
}
.icofoto {background-position:0 -44px;}
.icofotoCombo 
{
	background-position:0 -44px;
	width:0px !important;
	}
.icoglobal {background-position:0 -88px;}
.iconfc {background-position:0 -132px;}
.icoobligatoria {background-position:0 -176px;}
.icobidi {background-position:0 -352px;}
.checklist input[type="checkbox"], .checklist input[type="radio"], .checklist input:active, .checklist input:focus {
	float: left;
	margin: 13px 0 0 13px;
	margin: 0; /* IE7 */
	margin: 5px \9; /* IE8-9 */
	border:1px none black !important;
	background:#E2F3FE !important;
	box-shadow:#E2F3FE !important;
	cursor:pointer;
}

#clienteasignado{
    list-style-type: none; 
    margin: 0; 
    padding: 0; 
    width: 100%;
    overflow:hidden;
}

#clienteasignado li{
 float:left;
 padding: 0.4em; 
 line-height: 18px;
 display:block;
 width:100%;
}


/* Sustituciones 

#pnlLstDisponibilidad {
    clear:both;
    float:left;
    width:500px;
    height:300px;
    overflow:auto;
    border:solid 1px red;
}

#pnlLstDisponibilidad ul.lstDisponibilidad{
    float: left;
    width: 100%;
    overflow: auto;
}

#pnlLstDisponibilidad ul.lstDisponibilidad li{
    display:block; 
}

#pnlLstDisponibilidad ul.lstDisp{
    float: left;
    width: 100%;
    overflow: auto;
}

#pnlLstDisponibilidad ul.lstDisp li {
    overflow:hidden;
    display:inline-table;
    margin:2px;
}

#pnlLstDisponibilidad ul.lstAsig{
    float: left;
    width: 100%;
    overflow: auto;
}

#pnlLstDisponibilidad ul.lstAsig li{
    display:inline-table;
}

/* Sustituciones drag'n drop */
#secCalendario {
	width:30%;
}
#secListado {
	width:66%;
	font-size:0.7em;
}

#LstDisponibilidad ul.selected.sus li{
	margin: 0; padding: 0; cursor: default; 
	 font-size: 1em; list-style: none; overflow: hidden; overflow-y: hidden;
}

#LstDisponibilidad ul.selected.sus li:hover{
    border-color:#4E6A7D;
}


.botoneraDisp{
    margin-top:5px;
}

.free-day {
  /*background: #2e9500 !important;*/
  background: none repeat scroll 0 0 #9FD7FD !important;
}
 
.free-day a {
  opacity: 0.7 !important;
}

.textoSpan{
    font-weight:normal !important; 
}

.divElementoIE{
    float:left;
    padding-top:6px;
}

.actividadGlobal td {
    background-color:#F3E2CB !important;
    color:Black !important;
}
.actividadNoGlobal td {
    background: url("images/ui-bg_multicolor_1x100.png") repeat-x scroll 50% 50% #D4EDFE !important;
    color:Black !important;
}

/** wizard**/

.multi-line-button {
	width: 400px;
	float:left;
}

.tituloWizard {
    color: #51738F !important;
	margin-bottom: 0px !important;
    font-size: 1em;
    line-height: 18px;
    opacity: 0.6;
    text-align: center;
}
.wizard li {
	/*height:130px !important;*/
}
.lblwizard {
    background: url("images/step_background.png") no-repeat scroll 0 12px transparent;
    color: #FFFFFF !important;
    display: block;
    float: left;
    font-size: 0.9em;
    height: 55px;
    margin: 25px 0 25px 3px;
    padding-top: 25px;
    text-indent: 3px;
    width: 50px;
}
.descripcionPaso  {
	font-weight: bold !important;
	display: block !important;
	opacity: 0.9 !important;
	color: #51738F !important;
	float: left !important;
	text-align: center !important;
	width: 440px !important;
	font-size: 18px !important;
	margin-top: 10px !important;
	text-shadow: 0 1px 2px #B1C4D5;
}
.contenedorSubidaFichero {
    left: 50px;
    top: 10px;
	position: relative;
	padding-left:0 !important;
	padding-right:0 !important;
	width: 308px !important;
	height:30px !important;
}
.contenedorSubidaFichero div{
	padding-left:0 !important;
}
span.SubidaFichero input {
    border: 0px solid !important;
    cursor: pointer;
    height: 30px;
    margin: 0 auto;
    overflow: hidden;
    padding: 0;
    width: 310px;
}
/* Over_Jquery-ui.css */
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
	border:solid 1px #FFCC00 !important;
	background:#FFFFED !important;
/*box-shadow*/
-webkit-box-shadow:2px 2px 7px #E8E8E8 inset !important;
   -moz-box-shadow:2px 2px 7px #E8E8E8 inset !important;
        box-shadow:2px 2px 7px #E8E8E8 inset !important;
}
#lnkUpload {
	/*border:solid 1px #FFCC00 !important;*/
	background:#FFFFED !important;
/*box-shadow*/
-webkit-box-shadow:2px 2px 7px #E8E8E8 inset !important;
   -moz-box-shadow:2px 2px 7px #E8E8E8 inset !important;
        box-shadow:2px 2px 7px #E8E8E8 inset !important;
    display: block;
    line-height: 26px;
    min-width: 300px;
    padding-left: 10px;
    text-decoration: none;
	color: #999;
}

.listaContactos{
    clear:both;
    float: left;
    background: none repeat scroll 0% 0% #E0F3FF;
    width:100%;height:auto;padding:0;
}

.listaContactos ul li {
overflow:hidden;
float:none; 
display:block;
margin:2px;
background: none repeat scroll 0% 0% rgb(212, 237, 254);
line-height:20px;
font-size:0.8em;
}

.tabSelectedLeft{
    border-left:solid 1px red;
    border-top:solid 1px red;
    border-bottom:solid 1px red;
}

.tabSelectedRight{
    border-right:solid 1px red;
    border-top:solid 1px red;
    border-bottom:solid 1px red;
}

.overrideStyle textarea{
	min-width:250px;
	max-width:250px;
	min-height:50px;
	max-height:100px;
}

/*.ui-tabs-vertical { width: 250px !important; }
  .ui-tabs-vertical .ui-tabs-nav { padding: .2em .1em .2em .2em; float: left; width: 50px !important; }
  .ui-tabs-vertical .ui-tabs-nav li { clear: left; width: 100% !important; border-bottom-width: 1px !important; border-right-width: 0 !important; margin: 0 -1px .2em 0; }
  .ui-tabs-vertical .ui-tabs-nav li a { display:block; }
  .ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active { padding-bottom: 0; padding-right: .1em; border-right-width: 1px; border-right-width: 1px; }
  .ui-tabs-vertical .ui-tabs-panel { padding: 1em; float: right; width: 200px !important;}*/

#contenedorTab {
	width:100%;
	height:200px;
	max-height:200px;
	/*overflow-y:auto !important;*/	
	margin:0;
	padding:0;
	border:solid 0;
}
#contenedorTab  ul{
    background-color: #E2F3FE !important;
    background-image: none;
    border: medium none;
    border-radius: 0 0 0 0 !important;
    left: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    position: relative !important;
    /*width: 270px !important;*/
	border-shadow: none;
}
#contenedorTab ul li {
    border-top-right-radius: 0.4em;
    border-top-left-radius: 0.4em;
    border-bottom-right-radius: 0em !important;
    border-bottom-left-radius: 0em !important;
}
#tabLista {
	width:230px !important;
	padding:5px !important;
}
#tabNuevo {
    height: 150px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    width: 100%;
}
#listaContactos li{
	width:230px !important;
	border-radius:0 !important;
}
#contenedorTab ul li{
	width: 45%;
}

/* Over JQUI */
#dialogClient {
	overflow: hidden; 
}

.check1
{
	display:inline-block !important;
}
.comboConIcono
{
	width:140px;
	position:relative;
	top:6px;
}


.exportAll
{
	display:inline-block;
	float:right;
	padding-right: 10px;
}

.bordeInformes
{
	border-width:3px;
	border-style:solid;
	border-color:#59798E;
	padding-top:10px !important;
	padding-bottom:20px;
}

.disabled
{
	pointer-events: none;
	opacity:0.4
}

.contadorActividadesPendientes
{
	color:White !important;
	background:#B74042 !important;
}

.fondoBlancoImgEstadoInstalacion
{
	background-color:#ffffff;
}

.tablagen{
  display: table;
  border-collapse: separate;
  border-spacing: 3px;
}

.fila{
  display: table-row;
}

.col{
  display: table-cell;
  padding: 2px;
  /*background: #fff;*/
  background: transparent;
  white-space:nowrap;
}

.colData{
  display: table-cell;
  padding: 2px;
  background: #E5E5E5;
  text-align:left;
  width:300px;
}

.colData input[type="text"]{
    box-sizing:border-box;
    width:100%;
}

.colData input[type="number"]{
    box-sizing:border-box;
    width:50px;
}

.colDataL{
  display: table-cell;
  padding: 2px;
  background: #E5E5E5;
  text-align:left;
  width:300px;
}

.colDataLDividido{
  display: table-cell;
  padding: 2px;
  background: #E5E5E5;
  text-align:left;
  width:150px;
}

.colDataL input[type="text"]{
    box-sizing:border-box;
    width:100%;
}

.colDataL input[type="number"]{
    box-sizing:border-box;
    width:50px;
}

#autorefresco, #autorefrescoPopup
{
    float:right;
    display:inline-block;
    cursor:pointer;
    padding-top:3px;
    padding-right:6px;
    /*width:24px;
    height:24px;
    margin:0px;
    background: url("images/set_refresh.png") no-repeat scroll 0 -48px transparent;
    text-indent: -9999px;*/
}

#lnkRefrescar, #lnkRefrescarPopup
{
    float:left;
    display:inline-block;
    cursor:pointer;
    padding-top:3px;
    padding-right:3px;
    /*width:24px;
    height:24px;
    margin:0px;
    background: url("images/set_refresh.png") no-repeat scroll 0 0 transparent;
    text-indent: -9999px;*/
}

#lnkRefrescar:hover {
	background-position: 0 -24px;
}

#lnkPeriodo{
    text-decoration:none !important;
}

#lnkPeriodo:hover {  
    background-color:transparent;
    text-decoration:none !important;
    color:white !important;
}

.contenedorRefresco{
    float:right;
    min-width:280px;
}

.contenedorRefrescoPopup{
    float:right;
    min-width:280px;
    /*background-color:Gray;*/
}

.test{
display:inline-block;font-size: 0.7em;vertical-align:top;min-width:820px
}

/*@media (max-width: 600px) {
  .facet_sidebar {
    display: none;
  }
}*/

.listadoPendiente{
    background: url("images/PTE_ENTREGA.png") no-repeat scroll 0 0 transparent;
    padding-left:25px;
    color:orange;
    line-height:20px;
}


@media (max-width: 1210px) {
.divSuperiorResto { max-width: 454px;}
}

.divSuperiorEmpleados, .divSuperiorClientes {
    min-width: 50%!important;
    background-color :#fff;
}

.divSuperiorResto > .divSuperiorEmpleados > div > #ui-multiselect-empleados,
.divSuperiorResto > .divSuperiorClientes > div > #ui-multiselect-clientes {   
    min-width: 98%; max-width: 98%;
    display:table;
}

.divSuperiorResto > .divSuperiorEmpleados > div > #ui-multiselect-empleados > #ui-multiselect-selected-empleados,
.divSuperiorResto > .divSuperiorEmpleados > div > #ui-multiselect-empleados > #ui-multiselect-available-empleados,
.divSuperiorResto > .divSuperiorClientes > div > #ui-multiselect-clientes > #ui-multiselect-selected-clientes,
.divSuperiorResto > .divSuperiorClientes > div > #ui-multiselect-clientes > #ui-multiselect-available-clientes {
    display:table-cell;
	/* Firefox */
	min-width: -moz-calc(50% - 1px);
	/* WebKit */
	min-width: -webkit-calc(50% - 1px);
	/* Opera */
	min-width: -o-calc(50% - 1px);
	/* Standard */
	min-width: calc(50% - 1px);   
	/* Firefox */
	max-width: -moz-calc(50% - 1px);
	/* WebKit */
	max-width: -webkit-calc(50% - 1px);
	/* Opera */
	max-width: -o-calc(50% - 1px);
	/* Standard */
	max-width: calc(50% - 1px);   
}

.static_inline
{
	display:inline-block;
	position:static;
}

.limitado
{
	max-width: 1276px !important;
}

.ui-widget {
  font-family: 'open sans', sans-serif!important;
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
  font-family: 'open sans', sans-serif!important;	
}

#mainlogin p {
	color #666;
	font-weight: 200!important;
}

.ui-th-column, .ui-jqgrid .ui-jqgrid-htable th.ui-th-column {
    border: solid 1px transparent!important;
}
.ui-widget-header  
{
	border: 1px solid #6a7176; 
	background: #6a7176 50% 50% repeat-x; 
	color: #ffffff; 
	font-weight: bold; 
}

.cabeceraContrato
{
	display: table; 
	margin: 0 auto; 
	padding: 0px;
}

.celdaContrato
{
	display: table-cell; 
	vertical-align: middle; 
	height: 35px; 
	overflow: hidden; 
	/*width: 395px; */
	text-align: right; 
	padding-right: 5px; 
	line-height: 0.9em;
}

.spanContrato
{
	text-shadow: 0 1px 0px #838383; 
	color: #D4D4D4; 
	opacity: 0.8;
	   overflow: hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    width:150px;
    display:inline-block;
}

.celdaBotonContrato
{
	display: table-cell; 
	height: 35px;
}

.botonContrato
{
	margin-top: 4px; 
	text-align: center; 
	/*width: 70px; */
	padding: 0px; 
	opacity: 0.9;
}

.liCambiarContrato {
    width: 340px !important;
    font-size: 0.8em;
    height: 35px!important;
    overflow: hidden;
}

#tabs > .ui-widget-header  
{
	border: 1px solid transparent; 
	border-bottom: 1px solid #ddd;
	background: #FFFFFF 50% 50% repeat-x; 
	color: #6A7176; 
	font-weight: bold; 
}

.pointer
{
	cursor:pointer;
}

/*Override fila seleccionada jqgrid*/
.ui-widget-content .ui-state-highlight
{
	background: #FFEBC1 url('none') 50% 50% repeat-x !important;
}

.ui-widget-content .ui-state-hover
{
	background: url('none') 50% 50% repeat-x rgba(255,235,193,0.25) !important;
}

.ui-widget-content .ui-state-highlight:hover
{
	background: #FFEBC1 url('none') 50% 50% repeat-x !important;
}

.ui-state-default{   
	border: 1px solid transparent!important;
}

#menuUser 
{
	height:100%;
	}

#title .menucontent 
{
	height:60px;
	margin-right:15px;
}

#title .menucontent div
{
	display: block;
	height:100%;	
}

#title .menucontent div a
{
    float: left;
    padding: 15px 15px 21px;
    color: #777;
    text-decoration: none; 
}

#title .firstleveltab 
{
	background-color: transparent !important;
	color:Black !important;
}

#title .menu2content
{
	width:100%;
	opacity: 1 !important;
}

#title .menu2 div
{
	display:block;
}

#title .menu2 a
{
	width: 70% !important;
    margin: 25px 30px !important; 
}


#title .menu2content div a
{
    float: left;
    padding: 7px;
    color: #777;
    text-decoration: none; 
}

#title .menu2container
{
	z-index: 60;
}

#divListaBlancaHoras .colContainer
{
	width:100%;
}
/*********START  ALERTAS > DATOS GENERALES **********/


#datosGenerales .fullwidth{
	width: 99%;
	margin-bottom: 10px;
	float:left;
}

#datosGenerales .lista{
	width: 100%;
	border-radius: 2px;
	overflow-y: scroll;
	min-height: 100px;
	background-color: white;
	border: 1px solid #D0CCCC;
	margin: 5px 0px;
	
}

#datosGenerales .lista li{
	padding: 2px 5px 2px 5px;
	border: 1px solid #9A9A9A;
	border-radius: 2px;
	margin:1px;
	background-color: white;
	float:left;
    font-size: 0.8em;
    line-height: 1em;
}

#datosGenerales .lista li * {
	float:left;
}

#datosGenerales #txtEmailDestinatario{
	width: 200px;
	float:left;
}

/*********END  ALERTAS > DATOS GENERALES **********/



/*********START  ALERTAS > TRABAJADORES **********/

#trabajadores .fullwidth{
	width: 98%;
	margin-bottom: 10px;
	float:left;
}

#trabajadores #pnlSeleccionTipoAlertaTrabajador label{
	font-size: 1em;
    color: #6a7176;
    text-transform: uppercase;
}



/*********END  ALERTAS > TRABAJADORES **********/


/*********START  ALERTAS > ACTIVIDADES **********/

#actividades .fullwidth{
	width: 98%;
	margin-bottom: 10px;
	float:left;
}

#actividades #pnlSeleccionTipoAlertaActividad label{
	font-size: 1em;
    color: #6a7176;
    text-transform: uppercase;
}



/*********END  ALERTAS > ACTIVIDADES **********/




/*********START  ALERTAS > CENTROS **********/


#clientes .fullwidth{
	width: 98%;
	margin-bottom: 10px;
	float:left;
}

#clientes #pnlSeleccionTipoAlertaCliente label{
	font-size: 1em;
    color: #6a7176;
    text-transform: uppercase;
}




/*********END  ALERTAS > CENTROS **********/

/*********START  ALERTAS > FECHAS **********/
#divListaBlancaHoras *
{
	float: left;
}

#divListaBlancaHoras .fullwidth{
	width: 100%;
	margin-bottom: 10px;
}

#divListaBlancaHoras .control *{
	font-size:1.2em !important;
	line-height: 1.2em !important;
}

#divListaBlancaHoras .control input{
	margin: 0px 5px 0px 5px;
	padding: 0px;
}

#divListaBlancaHoras .indented{
	margin-left:25px;
}

#divListaBlancaHoras .colSuperior h3{
    font-size: 150%;
    font-weight: bold;

}

#divListaBlancaHoras .ColFormulario{
    width:100%;
	padding-left: 15px;
}

#divListaBlancaHoras .ColCalendario {
    width:49%;
}

#divListaBlancaHoras .ColFormulario li input[type=radio]
{
	height: 30px;
    width: 15px;
}

#divListaBlancaHoras .ColFormulario .lbl-radio
{
	font-size: 140%;
	padding-left:10px;
	width: 50%;
}

#divListaBlancaHoras  .btn i
{
	font-size: 1.5em;
}

#divListaBlancaHoras .ColFormulario .checklistDias > li
{
	width:13%;
}

#divListaBlancaHoras .ColFormulario .checklistDias  label
{
	width:15%;
	font-size: 120%;
	line-height: 1.4em;
	margin-left: 5px;
}
#divListaBlancaHoras .ColFormulario .checklistDias  input
{
	width:35%;
}

#divListaBlancaHoras .ColFormulario #controlSemanas input{
	width:40px;
}

#divListaBlancaHoras .ColFormulario #controlFechasExcluir label,
#divListaBlancaHoras .ColFormulario #controlFechasExcluir input {
	/** para centrar con el boton **/
	padding: 6px 0px 7px 0px;
}

#ui-multiselect-alertaEmpleados
{
    width:820px !important;
}

#ui-multiselect-selected-alertaEmpleados
{
    width:410px !important;
}

#ui-multiselect-available-alertaEmpleados
{
    width:409px !important;
}

#ui-multiselect-alertaClientes
{
    width:820px !important;
}

#ui-multiselect-selected-alertaClientes
{
    width:410px !important;
}

#ui-multiselect-available-alertaClientes
{
    width:409px !important;
}

#ui-multiselect-alertaActividades
{
    width:820px !important;
}

#ui-multiselect-selected-alertaActividades
{
    width:410px !important;
}

#ui-multiselect-available-alertaActividades
{
    width:409px !important;
}

#divListaBlancaHoras .ColFormulario .lista{
	height: 80px;
	width: 480px;
	overflow-y: scroll;
}

#divListaBlancaHoras .ColFormulario .lista li{
	padding: 2px 5px 2px 5px;
	border: 1px solid #9A9A9A;
	border-radius: 2px;
	margin:1px;
	background-color: white;
	
}

#divListaBlancaHoras .ColFormulario .listaRoja{
	border: 1px solid #DECBCB;
	background-color: #F9F1F1;
}

#divListaBlancaHoras .ColFormulario .listaVerde{
	border: 1px solid #AAC39F;
	background-color: #F2FFF1;
}


#divListaBlancaHoras #calendario
{
	width: 450px;
	margin: 0 auto;
	text-align: center;
	font-size: 12px;
    font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
    float:none !important;
	padding: 10px;
	border: 1px solid #BDBCBC;
	background-color: #F9F9F9;
}

#divListaBlancaHoras #calendario .fc-content table{
	background-color:white;
}

	
#divListaBlancaHoras #calendario *
{
	float:none !important;
}

.boton-grid
{
	margin-bottom:10px;
}

#dialogAlert
{
    display: none; 
}

/*********END  ALERTAS > FECHAS **********/


.divAdjustImportButton div 
{
    height: 95px !important;
}