@font-face {
        font-family: 'MyFont';
        src: url('fonts/SuisseIntl-Regular.otf') format('opentype');
        font-weight: normal;
        font-style: normal;
     }



    body{
        /*font-family:adobe-clean, "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;*/
        font-family: 'MyFont', sans-serif;
        font-size:12px;

	    background: #F0F1E6; /*#1C4A6E;*/ /*F7CDBA;*/
    }

    body.es{
	    background: #F0F1E6; /*#5f9545;*/
    }

    .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
        background-color: #1C4A6E;
    }

    body.es .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
        background-color: #5f9545;
    }

    .nav-link{
	color:#000000;
        font-weight: bold;
    }

    .nav-link:hover{
	color:#1C4A6E;
        font-weight: bold;
    }

    body.es .nav-link:hover{
	color:#5f9545;
    }

    .nav-link .active, body.es .nav-link:hover .active, body.es .nav-link .active{
	color:#000000;
    }

    p, h1, form, button{border:0; margin:0; padding:0;}
    .spacer{clear:both; height:1px;}


	/* Styling for message associated with a validation error. */
	form.cleanform  .errMsg {
		color: #CC3333 !important;
		display: block;
		border: 1px solid #1C4A6E; /*CC3333;*/
	}

	body.es form.cleanform  .errMsg {
		border: 1px solid #5f9545;
	}


    form.cleanform{
        margin:0 auto;
        width:940px;
        padding:14px;
        border:solid 2px #1C4A6E; /*E2E2E2;*/
        background:#F0F1E6;
    }

    body.es form.cleanform{
        border:solid 2px #5f9545;
    }


    form.cleanform div.header {
        border-bottom:solid 1px #1C4A6E; /*E2E2E2;*/
        font-size:11px;
        margin-bottom:20px;
    }

    body.es form.cleanform div.header {
        border-bottom:solid 1px #5f9545;
    }

    form.cleanform div.header h1 {
        font-size:21px;
        font-weight:bold;
        margin-bottom:8px;
    }

    form.cleanform div.header .description {
        color: #666666;
    }

    form.cleanform div.header img {
        margin-bottom:20px;
    }

    form.cleanform p{
        font-size:11px;
        margin-bottom:20px;
    }

    form.cleanform label{
        display:block;
        font-weight:bold;
        text-align:right;
        width:160px;
        float:left;
    }

    form.cleanform .small{
        color:#666666;
        display:block;
        font-size:11px;
        font-weight:normal;
        text-align:right;
        width:140px;
    }


    form.cleanform .check{
        font-size:12px;
        padding:4px 2px;
        margin:2px 0 20px 10px;
    }

    form.cleanform input{
        float:left;
        font-size:12px;
        padding:4px 2px;
        border:solid 1px #1C4A6E; /*E2E2E2;*/
        width:200px;
        margin:2px 0 20px 10px;
    }

    body.es form.cleanform input{
        border:solid 1px #5f9545;
    }


    form.cleanform  legend
    {
        font-size:150%;
        font-weight:bold;
	padding: 2px 6px;
	border:none;
        color: #1C4A6E;
    }

    form.cleanform  fieldset{
        border:solid 1px #1C4A6E; /*E2E2E2;*/
        padding:10px;
        margin-bottom: 20px;
    }

    body.es form.cleanform  legend
    {
        color: #5f9545;
    }

    body.es form.cleanform  fieldset{
        border:solid 1px #5f9545;
    }

    form.cleanform select{
        float:left;
        font-size:12px;
        padding:4px 2px;
        border:solid 1px #1C4A6E; /*E2E2E2;*/
        width:200px;
        margin:2px 0 20px 10px;
    }

    body.es form.cleanform select{
        border:solid 1px #5f9545;
    }

    /* Button main class */
    form.cleanform input.button {

        width:125px;
        height:30px;

        font-size:11px;
        font-weight:bold;

        background-color:#1C4A6E; /*f5f5f5;*/
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;

        /*font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;*/
        font-family: 'MyFont', sans-serif;
    font-size:110%;
    text-decoration:none;
    font-weight:bold;
    color:#FFFFFF;
    cursor:pointer;

        background-position: 6px;
        background-repeat:no-repeat;
        text-align:center;

        margin: 5px;
        padding: 5px;
    }

    body.es form.cleanform input.button {
	background-color:#5f9545;
    }

    form.cleanform h2 {
        font-size: 200%;
        color: #1C4A6E;
    }

    body.es form.cleanform h2 {
        color: #5f9545;
    }

    span.info {
      padding: 5px;
    }



    table.t_inscrip {
  width: 100%;
  border-collapse: collapse;
  font-family: Arial, sans-serif;
}

/* Bordes de la tabla */
table.t_inscrip,
table.t_inscrip th,
table.t_inscrip td {
  border: 1px solid #ccc;
}

/* Encabezados */
table.t_inscrip th {
  background-color: #f2f2f2;
  color: #333;
  font-weight: bold;
  padding: 10px;
  text-align: left;
}

/* Celdas */
table.t_inscrip td {
  padding: 10px;
  background-color: #fff;
}

/* Efecto zebra (opcional) */
table.t_inscrip tr:nth-child(even) td {
  background-color: #fafafa;
}

/* Hover (opcional) */
table.t_inscrip tr:hover td {
  background-color: #f1f1f1;
}

h4{
  font-size: 14px;
  font-weight: bold;
}