/*html { background-color: rgb(0, 255, 255);}*/
html {
	/*background-color: whiteSmoke;*/
	min-height: 100%;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0
}

body {
	font: 14px 'Open Sans', 'Helvetica Neue', Arial, Geneva, sans-serif !important;	
	height: 100%;
	
	
}

.ui-widget {
	font: 1.1em/100% 'Open Sans', 'Helvetica Neue', Arial, Geneva,
		sans-serif !important;
}

textarea {
	font: 13px/170% 'Open Sans', 'Helvetica Neue', Arial, Geneva, sans-serif
		!important;
}

button {
	border: 1px solid #0d3249;
	color: #ffffff;
	background-color: #386a90;
	font-size: small;
	font-family: Verdana;
	text-align: right;
}

.xsmall {
	font-size: x-small;
}

/*reset*/
a {
	text-decoration: none !important;
}

a img {
	border: none !important;
}

a:active {
	outline: none !important;
}

/*Clases*/
.Boton {
	font-family: Verdana;
	font-size: x-small;
}

.VentanaAyuda {
	text-align: left;
	width: 300px;
	margin: 0 auto 0 auto;
}

.SeccionTexto {
	padding: 0px;
	text-align: center;
	vertical-align: text-top;
}

.Justificame {
	text-align: justify;
}

.AlineacionSuperior {
	vertical-align: top;
	margin-left: 0px;
}

.cssPanelProgramacion {
	vertical-align: top;
}

.VerdanaBoldxSmall {
	font-size: x-small;
	font-weight: bold;
	margin-top: 1px;
}

.VerdanaBoldSmall {
	font-size: small;
	font-weight: bold;
}

.VerdanaBoldxxSmall {
	font-family: Verdana;
	font-size: xx-small;
	font-weight: bold;
}

.VerdanaNormalxxSmall {
	font-family: Verdana;
	font-size: xx-small;
}

.VerdanaNormalxSmall {
	font-family: Verdana;
	font-size: x-small;
}

.VerdanaNormalSmall {
	font-family: Verdana;
	font-size: small;
	height: 372px;
	width: 290px;
}

.VerdanaBoldMedium {
	font-size: medium;
	font-family: Verdana;
	font-weight: bold;
}

.VerdanaRoja {
	font-family: Verdana;
	color: #FF0000;
}

.VerdanaRojaBoldxSmall {
	font-size: x-small;
	font-weight: bold;
	color: #FF0000;
}

.VerdanaRojaBoldSmall {
	font-size: small;
	font-weight: bold;
	color: #840000;
}

.VerdanaRojaNormalxxSmall {
	font-family: Verdana;
	font-size: xx-small;
	color: #FF0000;
}

.VerdanaRojaNormalxSmall {
	font-family: Verdana;
	font-size: x-small;
	color: #FF0000;
}

.VerdanaRojaNormalSmall {
	font-family: Verdana;
	font-size: small;
	color: #FF0000;
}

.VerdanaRojaBoldMedium {
	font-size: medium;
	font-family: Verdana;
	font-weight: bold;
	color: #FF0000;
}

.VerdanaRojaBoldxxSmall {
	font-size: xx-small;
	font-family: Verdana;
	font-weight: bold;
	color: #FF0000;
}
/*fin de clases*****/
.link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #0099CC;
	text-decoration: none;
}
/*a.Vinculo:link {font-weight: bold; text-decoration: none; color: #808080}
 a.Vinculo:visited {font-weight: bold; text-decoration: none; color: #808080}
 a.Vinculo:hover {font-weight: bold; text-decoration: none; color: #cc0000}
 a.Vinculo:active {font-weight: bold; text-decoration: none; color: #cc0000}*/
a.Vinculo:link {
	text-decoration: none;
	font-size: small;
	text-align: center;
}

a.Vinculo:visited {
	text-decoration: none;
}

a.Vinculo:hover {
	text-decoration: none;
}

a.Vinculo:active {
	text-decoration: none;
}

a.CleanLink {
	text-decoration: none !important;
}

a.CleanLink:link {
	text-decoration: none !important;
}

a.CleanLink:visited {
	text-decoration: none !important;
}

a.CleanLink:hover {
	text-decoration: none !important;
}

a.CleanLink:active {
	text-decoration: none !important;
}

A.LinkStyle {
	text-decoration: none
}

A.LinkStyle:link {
	text-decoration: none;
	color: inherit
}

A.LinkStyle:visited {
	text-decoration: none;
	color: inherit
} /*must inherit color to show correctly what we want*/
A.LinkStyle:hover {
	text-decoration: none
}

A.LinkStyle:active {
	text-decoration: none
}

.Oculto {
	visibility: hidden;
}

.Visible {
	visibility: visible;
}

/* otros*/
.LabelWrap {
	overflow: hidden;
	white-space: nowrap;
}

.DialogBorder_Fine {
	border: 1px solid #9DA0AA;
}

.Rounded4 {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	behavior: url('/scripts/pie/PIE.htc');
}

.Rounded2 {
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	behavior: url('/scripts/pie/PIE.htc');
}

.RoundedShadow {
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: #666 0px 4px 6px;
	-moz-box-shadow: #666 0px 4px 6px;
	box-shadow: #666 0px 4px 6px;
	/*for IE8 css3 enable*/
	behavior: url('/scripts/pie/PIE.htc');
}

.Shadow {
	-webkit-box-shadow: #666 0px 2px 3px;
	-moz-box-shadow: #666 0px 2px 3px;
	box-shadow: #666 0px 2px 3px;
	/*for IE8 css3 enable*/
	behavior: url('/scripts/pie/PIE.htc');
}

.Gradiente {
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#EEFF99),
		to(#66EE33));
	background: -moz-linear-gradient(top, #EEFF99, #66EE33);
	background: linear-gradient(#EEFF99, #66EE33);
	-pie-background: linear-gradient(#EEFF99, #66EE33);
	behavior: url('/scripts/pie/PIE.htc');
}

.Gradiente_LightGray_Down {
	background: -moz-linear-gradient(top, #FAFAFA, #eaeaea);
	background: -webkit-gradient(linear, left top, left bottom, from(#FAFAFA),
		to(#eaeaea));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
		startColorstr='#FAFAFA', endColorstr='#eaeaea');
	-ms-filter:
		"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FAFAFA', endColorstr='#eaeaea')";
	border: solid 1px #444;
}

.Gradiente_LightGray_UP {
	background: -moz-linear-gradient(top, #F1F1F1, #F5F5F5);
	background: -webkit-gradient(linear, left top, left bottom, from(#F1F1F1),
		to(#F5F5F5));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
		startColorstr='#F1F1F1', endColorstr='#F5F5F5');
	-ms-filter:
		"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#F1F1F1', endColorstr='#F5F5F5')";
	border: solid 1px #444;
}

.modalBackground {
	background-color: Gray;
	-moz-opacity: 0.2;
	filter: alpha(opacity =               20);
	opacity: 0.2;
}

.modalPopup {
	background-color: White;
	border-width: 3px;
	border-style: solid;
	border-color: Gray;
	padding: 3px;
}

.seccion {
	border: solid 1px #DEDEDE;
	text-align: left;
	padding: 10px 10px 10px 10px;
	margin-right: 0px;
	margin-left: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
}

legend {
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	margin: 0 -.4em;
	padding: 5px 15px;
	font-weight: normal;
	font-size: 1em !important;
	background-color: #EEE;
	color: #333;
	border: 1px solid #CCC;
	border-image: initial;
}

legend.right {
	position: absolute;
	top: 20px;
	left: 18px;
}

​

legend.smallLegend {
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	margin: 0;
	padding: 1px 2px;
	font-weight: bold;
	font-size: 1em !important;
	background-color: #EEE;
	color: #333;
	border: 1px solid #CCC;
	border-image: initial;
}

fieldset {
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 1px solid #EEE;
	border-top: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	/*background: #FAFAFA;*/
	background: white;
	/*clear: both;*/
	/*margin: 1em 1em 0em 0.3em;*/
	padding: 1em 1em 1em;
	border-image: initial;
	vertical-align: middle;
	border-image: initial;
}

fieldset.smallFieldSet {
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 1px solid #EEE;
	border-top: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	/*background: #FAFAFA;*/
	background: white;
	clear: both;
	margin: 0.5em !important;
	padding: 0.2em 0.8em 0.8em !important;
	border-image: initial;
	vertical-align: middle;
}

fieldset p {
	margin-bottom: 5px;
	text-align: right;
}

.active {
	background: #FFC !important;
}

.ui-state-highlight {
	background: #FFC !important;
}

.wrap {
	margin: 0 auto 0 auto;
}

.comment {
	background-color: #DEDEDE;
	color: #555;
	padding: 5px;
	margin: 5px;
	font-style: italic;
	text-align: left;
	display: inline-block;
}

.dialog {
	display: none;
}

.floatRight {
	float: right;
}

.floatLeft {
	float: left;
}

.toBottom {
	bottom: 0;
}


div.center, table.center {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.centered {
	text-align: center;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/*Esta clase esta pensada para ser puesta div que tiene un boton para conseguir que ese botón se vaya al fondo de la div padre
de esta que tiene esta clase y a la derecha para conseguir el tipo efecto de boton de formulario. 
Es necesario que la div padre tenga position:relative*/
.formButtonWrapper {
	position: absolute;
	right: 2em;
	bottom: 1em;
}

input[type="radio"]:checked+label span {
	font-weight: bold !important;
}

.inlineBlock {
	display: inline-block;
}

.modalDialog {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.8);
	z-index: 9;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
	pointer-events: none;
	width: 100%;
	height: 100%;
}

.modalDialog:target {
	opacity: 1;
	pointer-events: auto;
	display: block;
}

.closeButton {
	display: block;
	background: url('../img/close24.png') no-repeat 0px 0px;
	right: 8px;
	width: 26px;
	text-indent: -1000em;
	position: absolute;
	top: 8px;
	height: 26px;
}

.close:hover {
	background: #00d9ff;
}

.modalDialog>div {
	position: relative;
	border-radius: 10px;
	margin: 1% auto;
}