/*******************************************************/
/*** Estilo para las capas de estructura secundarias ***/
/*******************************************************/


#banner a {
	background-color: transparent;
	color: #ececec;
	display: block;
	height: 40px;
	position: absolute;
	top: 0;
}
#banner p {
	color: #646464;
	font-size: 0.8em;
	padding-top: 18px;
	text-indent: 250px;
}
#micongreso {
    background:url('../imagenes/marca_celeste.png') no-repeat;
	left: 10px;
	width: 200px;
	height:50px !important;
	display:block;
	padding-right:20px;
}
#cfrd {
    background:url('../imagenes/logo_cfrd_gris.png') no-repeat;
	right: 10px;
	width: 130px;
	height:52px !important;
	border-left:1px solid #ddd;
}

#secciones {
	background-color: transparent;
	padding: 0;
}


#mensaje div {
	border: 1px solid;
	font-size: 1.1em;
	height: 28px;
	line-height: 28px;
	margin: 6px 0;
	padding: 2px 20px;
	text-align: left;
	/*width: 876px;*/
}
#mensaje .ok {
	color: #00529B;
	background: #BDE5F8 url('../imagenes/iconos/ok.png') 9px center no-repeat;
}
#mensaje .bad {
	color: #D8000C;
	background: #FFBABA url('../imagenes/iconos/bad.png') 9px center no-repeat;
}



#sesion {
	background: #747c91 url('../imagenes/sesion.jpg_') top center repeat-x;
	
}
#exposicion {
	background: #747c91 url('../imagenes/exposicion.jpg_') top center repeat-x;
	
}
#escritorio {
	background: #747c91 url('../imagenes/escritorio.jpg_') top center repeat-x;

}
#sesion hr {
	border-bottom: 1px solid #E4E7EC;
	border-top: 1px solid #97A2B8;
	height: 1px;
	margin: 0 6px;
}
#exposicion hr {
	border-bottom: 1px solid #E6DBEC;
	border-top: 1px solid #9D74B6;
	height: 1px;
	margin: 0 6px;
}
#escritorio hr {
	border-bottom: 1px solid #77B6E2;
	border-top: 1px solid #3A5898;
	height: 1px;
	margin: 0 6px;
}
#sesion h3, #exposicion h3, #escritorio h3 {
	color: #efefef;
	font-size: 1.7em;
	margin: 6px;
}

#sesion img.avatar, #exposicion img.avatar, #escritorio img.avatar {
	height: 132px;
	margin: 0 6px;
	width: 180px;
}

#sesion ul, #exposicion ul, #escritorio ul {
	list-style: none;
	margin: 9px 18px;
	padding: 0;
}
#sesion li, #exposicion li, #escritorio li {
	background: transparent url('../imagenes/li.jpg') left center no-repeat;
	color: #efefef;
	font-size: 0.8em;
	list-style: none;
	padding: 0 0 3px 15px;
}
#sesion li a, #exposicion li a, #escritorio li a {
	color: #efefef;
}
#sesion p, #exposicion p, #escritorio p {
	color: #ffffff;
	font-size: 0.8em;
	margin: 5px 9px;
	text-align: left;
}
#sesion p.mensaje, #exposicion p.mensaje, #escritorio p.mensaje {
	color: #F1CE16;
	text-align: center;
}
#sesion label {
	color: #F0EEEF;
}


/*********************************************/




#ficha h3 {
	color: #efefef;
	font-family: 'Trebuchet MS', 'Tahoma', sans-serif;
	font-size: 1.7em;
	margin: 6px;
}
#ficha img {
	height: 132px;
	margin: 10px;
	width: 180px;
}
#ficha p {
	color: #4d4d4d;
	font-size: 0.8em;
	margin: 6px 10px;
	text-align: left;
}
#ficha li {
	background: transparent url('../imagenes/li.jpg') left center no-repeat;
	color: #4d4d4d;
	font-size: 0.8em;
	list-style: none;
	padding: 0 0 3px 15px;
}
#ficha li a {
	color: #4d4d4d;
}
#ficha thead th {
	background-color: #969696;
	border: 0;
	color: #ffffff;
	font-size: 0.9em;
	font-weight: bold;
	text-align: center;
	/* CSS 3 borde con curva */
	border-radius: 3px 3px 0 0;
	-khtml-border-radius: 3px;
	-moz-border-radius: 3px 3px 0 0;
	-o-border-radius: 3px;
	-webkit-border-radius: 3px;
}
#ficha tbody td {
	background-color: #c7c7c7;
	color: #205867;
	font-size: 0.8em;
	font-weight: normal;
	line-height: 15px;
	padding: 1px 6px;
	text-align: left;
}
#ficha input[type="button"], #ficha input[type="submit"], #login input[type="button"], #login input[type="submit"] {
	background: transparent url('../imagenes/boton-ficha-leave.jpg') top center no-repeat;
	border: 0;
	color: #FFFFFF;
	cursor: pointer;
	float: left;
	font-size: 0.9em;
	height: 21px;
	line-height: 18px;
	letter-spacing: 0em;
	padding-bottom: 3px;
	width: 66px;
}
#ficha input[type="button"]:hover, #ficha input[type="submit"]:hover, #login input[type="button"]:hover, #login input[type="submit"]:hover {
	background: transparent url('../imagenes/boton-ficha-enter.jpg') top center no-repeat;
	border: 0;
	color: #FFFFFF;
	cursor: pointer;
	float: left;
	font-size: 0.9em;
	height: 21px;
	line-height: 18px;
	letter-spacing: 0em;
	padding-bottom: 3px;
	width: 66px;
}
#toggle {
	background: transparent url('../imagenes/toggle.jpg') top center no-repeat;
	color: #ffffff;
	display: block;
	height: 90px;
	position: absolute;
	left: 210px;
	top: 13px;
	width: 19px;
}
#deskarea {
	min-height: 376px;	
}
#workarea {
	min-height: 376px;
	float: left;
	margin-left: 19px;
	width: 751px !important;
}
#workarea hr, #deskarea hr {
	border-top: 1px solid #b3bec8;
	height: 1px;
	margin: 6px 0;
	padding: 0;
	width: 90%;
}
#clear {
	clear: both;
	overflow: hidden;
	height: 1px;
}
#tips {
	background: #4a5865 url('../imagenes/tips.jpg') top center repeat-x;
	height: 40px;
	padding: 0 10px;
	width: 954px;
}
#tips a {
	color: #4a5865;
}
#tips p {
	text-align: center;
}
#tips img {
	height: 32px;
	margin: 3px 12px;
	width: 32px;
}
#creditos p {
	color: #565656;
	font-size: 0.8em;
	line-height: 12px;
	padding-top: 6px;
	text-align: center;
}
.validation-passed {
	border: 1px solid green;
} /* campo valido */
.validation-failed {
	border: 1px solid red;
} /* campo invalido */
.validation-advice {
	color: #C00;
	font-size: 0.8em;
	line-height: 12px;
	position: relative;
} /* mensaje de error */
.bubble {
	background-color: #179ab4;
	height: auto;
	width: 210px;
	z-index: 9999;
	border-width: 2px;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-o-border-radius: 6px;
	-khtml-border-radius: 6px;
}
.tip-top {
	display: none;
}
.tip-bottom {
	display: none;
}
.tip-text {
	display: none;
}
.tip-title {
	color: #FFFFFF;
	font-size: 90%;
	padding: 6px 12px;
	text-align: left;
	text-transform: uppercase;
}
.basictab {
	border-bottom: 3px solid #005D6F;
	font-size: 85%;
	list-style-type: none;
	margin: 12px 0 6px 0;
	padding: 2px 0;
	text-align: left; /*set to left, center, or right to align the menu as desired*/
}
.basictab li {
	display: inline;
	margin: 0;
}
.basictab li a {
	background-color: #179ab4;
	border: 1px solid #A2D6E1;
	border-bottom: none;
	color: #ffffff;
	margin-right: 3px;
	padding: 2px;
	text-decoration: none;
	/* CSS 3 borde con curva */
	border-radius: 3px 3px 0 0;
	-khtml-border-radius: 3px;
	-moz-border-radius: 3px 3px 0 0;
	-o-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.basictab li a:hover {
	background-color: #005d70;
}
.basictab li.selected a { /*tab activa*/
	background-color: #005d70;
	color: #ffffff;
	position: relative;
}

#informacion h3{
	border-bottom:1px solid #ddd !important;
	color:#ff5202;
}

#informacion a:link,#informacion a:visited{
	color:#da4602;
}

table#tablaValue{
	background:#c6ff98;
	border-collapse:collapse;
}

#tablaValue th{
	background:#82b558;
	border:1px solid #fff;
	height:30px;
}

#tablaValue td{
	border:1px solid #fff;
}

#aceptadoPago{
	color:green;
}

#aceptadoPago img{
	float:left;
	margin:0 10px 10px 0;
}

textarea{
	padding:2px 6px;
}

.pagoOK{
	background:green;padding:1px 4px;float:left;color:white;text-transform: uppercase;font-size:10px;
}

.Fecha{
    float:left;
    width:320px;
}

.fechas{
    background:#da4d16;    
    min-height:84px;color:white;   
    padding:20px 0 0 0; 
}

.col-md-4{
    width:320px;
    float:left;
}

.dia
{
position: relative;
margin:0 20px 20px 5px;
width: 40px;
height: 25px;
float:left;
font-size:40px;
padding: 5px 10px 30px 10px;
background: red;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
border: #FFFFFF solid 2px;
}

.dia:after
{
content: '';
position: absolute;
border-style: solid;
border-width: 14px 0 14px 15px;
border-color: transparent red;
display: block;
width: 0;
z-index: 1;
right: -15px;
top: 19px;
}

.dia:before
{
content: '';
position: absolute;
border-style: solid;
border-width: 15px 0 15px 16px;
border-color: transparent #FFFFFF;
display: block;
width: 0;
z-index: 0;
right: -18px;
top: 18px;
}

.mes h4{
    font-size:25px;
    font-weight:bold;
    margin:0;
    padding:0;
    text-align:left;
}

.descripcion{
    float:left;   
    font-size:13px;
}

.cke_notification_warning {
  background: #c83939;
  border: 1px solid #902b2b;
  display: none;
}
