html {
	overflow: auto;
}

.floatLeft {
	float: left;
}

input {
	text-shadow: 1px 1px 0 rgba(256,256,256,1.0);
	background: #fff;
	border: 1px solid #fff;
	border-radius: 3px;
	box-shadow: inset 0 1px 3px rgba(0,0,0,0.50);
	padding-left: 10px;
}


	input:hover {
		background: #dfe9ec;
	}

	input:focus {
		background: #dfe9ec;
		box-shadow: inset 0 1px 2px rgba(0,0,0,0.25);
	}

textarea {
	text-shadow: 1px 1px 0 rgba(256,256,256,1.0);
	background: #fff;
	border: 1px solid #fff;
	border-radius: 3px;
	box-shadow: inset 0 1px 3px rgba(0,0,0,0.50);
	padding-left: 10px;
	padding-top: 5px;
	font-size: 12px;
}


	textarea:hover {
		background: #dfe9ec;
	}

	textarea:focus {
		background: #dfe9ec;
		box-shadow: inset 0 1px 2px rgba(0,0,0,0.25);
	}

#contentCalendario {
	width: 96%;
	background: #fff;
	width: 96%;
	min-width: 860px;
	margin: 1% 2%;
	float: left;
	padding-bottom: 10px;
}

.content {
	width: 100%;
	float: left;
}

.content96 {
	margin: auto 2%;
	width: 96%;
	float: left;
}

.content25 {
	width: 25%;
	float: left;
}

.content35 {
	width: 35%;
	float: left;
}

.content75 {
	width: 75%;
	float: left;
}

.midContent {
	width: 50%;
	float: left;
}

.content47L {
	width: 47%;
	float: left;
	margin: 0 1% 0 2%;
}

.contentShadow {
	box-shadow: 0 3px 4px #AAAAAA;
}

.content47R {
	width: 47%;
	float: left;
	margin: 0 2% 0 1%;
}

.top30 {
	margin-top: 30px;
}

.rowDatos {
	float: left;
	width: 100%;
}

	.rowDatos .lblDatos {
		font-size: 12px;
		float: left;
		width: 34%;
		text-align: right;
		margin-left: -1px;
		height: 33px;
		line-height: 33px;
		padding-right: 1%;
		overflow: hidden;
	}

	.rowDatos .lblInfo {
		font-size: 12px;
		float: left;
		width: 62%;
		text-align: left;
		padding-left: 3%;
		height: 33px;
		line-height: 33px;
	}

.content92 .rowDatos .lblDatos {
	border-bottom: solid 2px #4a7cba;
}

.content92 .rowDatos .lblInfo {
	border-bottom: solid 1px #ddd;
}

.rowDatos .lblInfoNL {
	font-size: 12px;
	float: left;
	width: 62%;
	text-align: left;
	padding-left: 3%;
	height: 33px;
	line-height: 33px;
}

.rowDatos .inpInfo {
	font-size: 11px;
	height: 25px;
	margin-top: 3px;
}

.rowDatos .fecInput {
	height: 25px;
	margin-top: 3px;
	width: 200px;
}

.bar2_96_2 {
	height: 3px;
	background: #ddd;
	width: 96%;
	margin: auto 2%;
	float: left;
}

#contenidoCalendario {
	background: #fff;
	width: 96%;
	height: 96%;
	float: left;
	padding: 2%;
}

	#contenidoCalendario h3 {
		margin-left: 7px;
		font-size: 16px;
		font-weight: normal;
		float: left;
		color: #4A7CBA;
	}

.lblInfo > p {
	color: #AAAAAA;
}

#contenidoCalendario .titleIcon {
	margin-left: 2%;
	font-size: 18px;
	font-weight: normal;
	float: left;
	color: #4A7CBA;
}

/* POPUP */
.ui-widget-content {
	background: #fff !important;
	overflow: hidden !important;
}

.ui-dialog {
	height: auto !important;
}

.ui-widget-content {
	background: none !important;
	border: 0px !important;
}

.ui-widget-header {
	background: none !important;
	border: 0px !important;
}

#crearNuevoEvento, #dialogCerrar {
	border-top: solid 1px #4A7CBA !important;
}

/* SELECT */
div.selectBox {
	position: relative;
	display: inline-block;
	cursor: default;
	text-align: left;
	line-height: 25px;
	clear: both;
	color: #fff;
	margin-top: 3px;
}

span.selected {
	width: 167px;
	text-indent: 20px;
	border: 1px solid #ccc;
	border-right: none;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
	background: #fff;
	overflow-y: auto;
	cursor: pointer;
}

span.selectArrow {
	height: 25px !important;
	width: 30px;
	border: 1px solid #ddd;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	text-align: center;
	font-size: 20px;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
	background: #4A7CBA;
	cursor: pointer;
}

span.selectArrow, span.selected {
	position: relative;
	float: left;
	height: 25px;
	z-index: 1;
}

div.selectOptions {
	position: absolute;
	top: 24px;
	left: 0;
	width: 198px;
	max-height: 190px;
	border: 1px solid #ccc;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	overflow-y: auto;
	background: #f6f6f6;
	display: none;
	z-index: 2;
	cursor: pointer;
	box-shadow: 0 3px 4px #AAAAAA;
}

span.selectOption {
	display: block;
	width: 80%;
	line-height: 20px;
	padding: 5px 10%;
	border-top: solid 2px #ddd;
	cursor: pointer;
}

	span.selectOption:hover {
		border-color: #4A7CBA;
		color: #4A7CBA;
	}

span.selectArrow, span.selected {
	position: relative;
	float: left;
	height: 25px;
	z-index: 1;
	background: #FFFFFF;
}


.content8 {
	width: 6%;
	float: left;
	margin-left: 2%;
}

.content92 {
	width: 92%;
	float: left;
}
/* POPUP */
.ui-widget-content {
	background: #fff !important;
}

.ui-dialog {
	height: auto !important;
}

.ui-dialog-content {
	overflow: hidden !important;
}





.btnGrandeCalendario {
	height: 40px;
	border-bottom: solid 2px #ddd;
	margin: 0 10px;
	float: right;
	padding: 0 15px;
}

	.btnGrandeCalendario:hover {
		border-color: #4A7CBA;
		box-shadow: 0 3px 4px #AAAAAA;
		cursor: pointer;
	}

		.btnGrandeCalendario:hover * {
			color: #4A7CBA;
		}

.iconBtnGrandeCalendario {
	width: 30px;
	font-size: 22px;
	line-height: 40px;
	height: 40px;
	float: left;
	padding-top: 10px;
}

.txtBtnGrandeCalendario {
	line-height: 40px;
	height: 40px;
	float: left;
}



/* grid */

.content63 {
	float: left;
	width: 63%;
	margin-left: 2%;
	box-shadow: 0 3px 4px #AAAAAA;
}

.isDay {
	float: left;
	width: 14.28571428571429%;
	margin-left: -1px;
	border-left: solid 1px #ddd;
	border-bottom: solid 1px #ddd;
	overflow: hidden;
	height: 65px;
	border-collapse: collapse;
	cursor: pointer;
}

.headDia {
	text-align: center;
	line-height: 30px;
	height: 30px;
	float: left;
	width: 14.28571428571429%;
	margin-left: -1px;
	border-left: solid 1px #ddd;
	overflow: hidden;
	background: #3c6ea0;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzNjNmVhMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyZDUwODciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #3c6ea0 0%, #2d5087 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3c6ea0), color-stop(100%,#2d5087));
	background: -webkit-linear-gradient(top, #3c6ea0 0%,#2d5087 100%);
	background: -o-linear-gradient(top, #3c6ea0 0%,#2d5087 100%);
	background: -ms-linear-gradient(top, #3c6ea0 0%,#2d5087 100%);
	background: linear-gradient(to bottom, #3c6ea0 0%,#2d5087 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3c6ea0', endColorstr='#2d5087',GradientType=0 );
}

	.headDia h3 {
		text-align: center;
		float: none !important;
		margin-left: -1px !important;
		color: #fff !important;
	}


.numDia {
	font-size: 28px;
	height: 62px;
	line-height: 65px;
	text-align: center;
	width: 100%;
	float: left;
	border-bottom: solid 3px #ddd;
}

	.numDia p {
		color: #888 !important;
	}

.barNEvento {
	float: right;
	margin-top: -60px;
	margin-right: 10px;
}

.itemNEvento {
	border-radius: 3em 3em 3em 3em;
	color: #FFFFFF;
	float: left;
	font-size: 14px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	width: 20px;
}

.eveIns {
	background: #f00;
}

.eveHor {
	background: #0f0;
}

.evePer {
	background: #62c7ca;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiM2MmM3Y2EiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDA5NDlmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-radial-gradient(center, ellipse cover, #62c7ca 0%, #00949f 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#62c7ca), color-stop(100%,#00949f));
	background: -webkit-radial-gradient(center, ellipse cover, #62c7ca 0%,#00949f 100%);
	background: -o-radial-gradient(center, ellipse cover, #62c7ca 0%,#00949f 100%);
	background: -ms-radial-gradient(center, ellipse cover, #62c7ca 0%,#00949f 100%);
	background: radial-gradient(ellipse at center, #62c7ca 0%,#00949f 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#62c7ca', endColorstr='#00949f',GradientType=1 );
}


.eveCal {
	background: #4c8fbb;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiM0YzhmYmIiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMmQ1MDg3IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-radial-gradient(center, ellipse cover, #4c8fbb 0%, #2d5087 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#4c8fbb), color-stop(100%,#2d5087));
	background: -webkit-radial-gradient(center, ellipse cover, #4c8fbb 0%,#2d5087 100%);
	background: -o-radial-gradient(center, ellipse cover, #4c8fbb 0%,#2d5087 100%);
	background: -ms-radial-gradient(center, ellipse cover, #4c8fbb 0%,#2d5087 100%);
	background: radial-gradient(ellipse at center, #4c8fbb 0%,#2d5087 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c8fbb', endColorstr='#2d5087',GradientType=1 );
}

.disabled-day {
	background: #efefef;
}

	.disabled-day P {
		color: #aaa !important;
	}


.selected-day {
	background: #eee !important;
}

	.selected-day .content .numDia {
		border-bottom-color: #4A7CBA;
	}

	.selected-day P {
		color: #4A7CBA !important;
	}


.current-day {
	border-bottom-color: #4A7CBA;
	background: #fff;
}

	.current-day .content .numDia {
		border-bottom-color: #4A7CBA;
	}

	.current-day P {
		color: #4A7CBA !important;
	}

.barNavCalendario {
	height: 45px;
	float: left;
	width: 99.9999%;
	box-shadow: 0 3px 4px #AAAAAA;
	background: #4c8fbb;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRjOGZiYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyZDUwODciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #4c8fbb 0%, #2d5087 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4c8fbb), color-stop(100%,#2d5087));
	background: -webkit-linear-gradient(top, #4c8fbb 0%,#2d5087 100%);
	background: -o-linear-gradient(top, #4c8fbb 0%,#2d5087 100%);
	background: -ms-linear-gradient(top, #4c8fbb 0%,#2d5087 100%);
	background: linear-gradient(to bottom, #4c8fbb 0%,#2d5087 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c8fbb', endColorstr='#2d5087',GradientType=0 );
}


.btnLeft10, .btnRigth10 {
	float: left;
	width: 10%;
	height: 45px;
	line-height: 45px;
	text-align: center;
	color: #fff;
	font-size: 22px;
	cursor: pointer;
}

	.btnLeft10 span, .btnRigth10 span {
		color: #fff;
		font-size: 22px;
		height: 45px;
		line-height: 45px;
	}

.stsNav80 {
	width: 80%;
	float: left;
	text-align: center;
	height: 45px;
}

	.stsNav80 P, .stsNav80 P B {
		color: #fff;
		font-size: 24px;
		line-height: 45px;
	}


/*EVENTOS */
.rowEvento {
	width: 96%;
	border-bottom: solid 3px #ddd;
	float: left;
	cursor: pointer;
	padding: 2%;
	background: #ffffff;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZGRkZGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #ffffff 0%, #dddddd 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#dddddd));
	background: -webkit-linear-gradient(top, #ffffff 0%,#dddddd 100%);
	background: -o-linear-gradient(top, #ffffff 0%,#dddddd 100%);
	background: -ms-linear-gradient(top, #ffffff 0%,#dddddd 100%);
	background: linear-gradient(to bottom, #ffffff 0%,#dddddd 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddddd',GradientType=0 );
}

	.rowEvento:hover {
		background: none repeat scroll 0 0 #FFFFFF;
		border-color: #4A7CBA;
		box-shadow: 0 3px 4px #AAAAAA;
		color: #58ACD3;
		margin-bottom: 6px;
		margin-left: 6px;
		background: #fff;
		margin: 5px 0 0 5px;
	}

		.rowEvento:hover * {
			border-color: #4A7CBA;
		}

.infoEvento, .HinfoEvento {
	overflow: hidden;
	float: left;
	width: 65%;
}

.titleEvento {
	width: 100%;
	height: 30px;
	float: left;
	line-height: 30px;
	border-bottom: solid 1px #ddd;
	margin-bottom: -1px;
	font-size: 14px;
}

.dscEvento {
	width: 96%;
	margin-left: 4%;
	height: 15px;
	float: left;
	font-size: 11px;
}

.horasEvento, .HhorasEvento {
	float: right;
	width: 35%;
	text-align: right;
}

.hIniEvento {
	float: left;
	width: 50%;
	text-align: center;
	margin-left: -1px;
	border-left: solid 1px #ddd;
	line-height: 45px;
}

.hFinEvento {
	float: left;
	width: 50%;
	text-align: center;
	border-left: solid 1px #ddd;
	margin-left: -1px;
	line-height: 45px;
}

.hHIniEvento {
	float: left;
	width: 50%;
	text-align: center;
}

.hHFinEvento {
	float: left;
	width: 50%;
	text-align: center;
}

.btnGrandeMain {
	height: 40px;
	border-bottom: solid 2px #ddd;
	margin: 0 10px;
	float: right;
	padding: 0 15px;
}

.mensajealert {
	float: left;
	font-size: 13px;
	height: auto;
	width: 350px;
	padding-top: 15px;
	text-align: center;
}


#iconalert, .iconalert {
	color: #4A7CBA;
	float: left;
	font-size: 50px;
	height: 50px;
	line-height: 50px;
	margin-left: 20px;
	width: 100px;
	padding-top: 15px;
}

.iconBtnGrandeMain {
	width: 30px;
	font-size: 22px;
	line-height: 40px;
	height: 40px;
	float: left;
	padding-top: 10px;
}

.txtBtnGrandeMain {
	line-height: 40px;
	height: 40px;
	float: left;
}

#alerts {
	border-top: solid 1px #4A7CBA !important;
}

.btnGrandeMain:hover {
	border-color: #4A7CBA;
	box-shadow: 0 3px 4px #AAAAAA;
	cursor: pointer;
}

	.btnGrandeMain:hover * {
		color: #4A7CBA;
	}

.icon-paper-clip:hover {
	cursor: pointer;
	color: #4A7CBA;
}

@media(max-width:1200px) {
	.infoEvento, .HinfoEvento {
		width: 60%;
	}
	.titleEvento {
		font-size:12px;
	}

	.horasEvento, .HhorasEvento {
		width: 40%;
		font-size: 9px;
	}
}