/*************************************************************************************
**************************************************************************************
**                                                                                  **
**  EL ARCHIVO SE DIVIDE EN LOS MISMOS BLOQUES PRINCIPALES QUE LA ESTRUCTURA HTML:  **
**  ==============================================================================  **
**  - común                                                                         **
**  - wrapper                                                                       **
**  - header_wrapper                                                                **                                                                      **
**  - section                                                                       **
                                                                        **
**  - footer_wrapper                                                                **
**                                                                                  **
**  //////////////////////////////////////////////////////////////////////////////  **
**  //                             ESTILOS BASE                                 //  **
**  //                            width >= 996px                                //  **
**  //////////////////////////////////////////////////////////////////////////////  **
**                                                                                  **
**************************************************************************************
*************************************************************************************/

/***********************************************************************
**  ////////////////////////////////////////////////////////////////  **
**  //                          C O M U N                         //  **
**  ////////////////////////////////////////////////////////////////  **
***********************************************************************/

body {
    margin: 0;
    background: #303030 none repeat scroll 0% 0%;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    overflow-x: hidden;
}

a {
    color: #9e0054;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}


::-moz-placeholder {
    color: #9e0054;
    text-align: center;
    font-size: 12px;
    opacity: 0.8;
}

/* firefox 19+ */
::-webkit-input-placeholder {
    color: #9e0054;
    text-align: center;
    font-size: 12px;
    opacity: 0.8;
}

/* webkit */
:-ms-input-placeholder {
    color: #9e0054;
    text-align: center;
    font-size: 12px;
    opacity: 0.8;
}

/* ie */
:-o-input-placeholder {
    color: #9e0054;
    text-align: center;
    font-size: 12px;
    opacity: 0.8;
}

/* opera */

figure {
    margin: 0;
}

h1,h2{
	color:#9e0054;	
}



/* Datapicker campos fecha */
/* Div principal del datepicker */
.ui-datepicker {
    background: #F0DEE8;
}

/* Tabla con los días del mes */
.ui-datepicker table {
    font-size: 12px;
}

/* La cabecera */
.ui-datepicker .ui-datepicker-header {
    width: 100%;
    font-size: 12px;
    background: #9E0054;
}

/* Para los días de la semana: Sa Mo ... */
.ui-datepicker th {
    color: #9E0054;
}

/* Para los días de la semana 1, 2, ... */
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    color: #9E0054;
}

/* Para items con los días del mes por defecto */
.ui-datepicker .ui-state-default {
    background: #FFFFFF;
}

/* Para el item del día del mes seleccionado */
.ui-datepicker .ui-state-active {
    background: #9E0054;
    color: #FFFFFF;
}

/* Para el item del día actual */
.ui-state-highlight,
.ui-widget-content .ui-state-highlight {
    background-color: lightcyan;
    color: #9e0054;
}

.capas_ocultas {
    display: none;
}


/***********************************************************************
**  ////////////////////////////////////////////////////////////////  **
**  //                       N A V _ H O R                        //  **
**  ////////////////////////////////////////////////////////////////  **
***********************************************************************/

#nav_hor.navigation {
    position: relative;
    float: left;
    left: 0;
    width: 100%;
    height: 26px;
    z-index: 3;
    background: -moz-linear-gradient(top, #9e0054 0%, #6e183d 100%) !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9e0054), color-stop(100%, #6e183d)) !important;
    background: -webkit-linear-gradient(top, #9e0054 0%, #6e183d 100%) !important;
    background: -o-linear-gradient(top, #9e0054 0%, #6e183d 100%) !important;
    background: -ms-linear-gradient(top, #9e0054 0%, #6e183d 100%) !important;
    background: linear-gradient(top, #9e0054 0%, #6e183d 100%) !important;
    color: #FFF !important;
    -webkit-box-flex: 2 !important;
    -moz-box-flex: 2 !important;
    box-flex: 2 !important;
    border: 0 !important;
    border-bottom: 0 !important;
    text-align: center !important;
    min-height: inherit !important;
    /*Anula el alto establecido para las filas de contenido*/
    line-height: normal !important;
    /*Anula el alto establecido para las filas de contenido*/
    font-weight: bold !important;
}

#nav_hor.navigation ul {
    margin: 0;
    padding: 0;
}

#nav_hor.navigation ul li {
    display: inline-block;
    list-style: none;
}

#nav_hor.navigation ul#main_nav {
    float: left;
    height: 38px;
    padding-left: 20px;
}


/***********************************************************************
**  ////////////////////////////////////////////////////////////////  **
**  //                      W R A P P E R                         //  **
**  ////////////////////////////////////////////////////////////////  **
***********************************************************************/

/* Establecemos el ancho del contenedor principal, los márgenes (lo
centramos) y posicionamos todos los elementos a la izquierda. */
#wrapper {
    position: inherit;
    /*width: 979px;*/
    width: 1400px;
    max-width: 100%;
    margin: 0 auto;
    padding: 0 3px;
    background: #FFF url("../images/wrapper_bg.gif") repeat-y scroll 0% 0%;
    background-size: 100% auto;
    border-bottom: 1px solid #D0D0D0;
    z-index: 0;
}









/***********************************************************************
**  ////////////////////////////////////////////////////////////////  **
**  //              H E A D E R _ W R A P P E R                   //  **
**  ////////////////////////////////////////////////////////////////  **
***********************************************************************/

#header_wrapper {
    position: relative;
    float: left;
    left: 1px;
    /* Para que no quede por encima de la línea decorativa lateral */
    width: 99.8%;
    /* Para que no quede por encima de la línea decorativa lateral */
    height: 125px;
    margin: 0;
    background: transparent url("../images/overheader_bg.gif") repeat-x scroll center bottom;
    border-bottom: 1px solid #D0D0D0;
    z-index: 1;
}

#header_logo {
    position: relative;
    float: left;
    left: 0;
    width: 90%;
    height: 125px;
    /* Si lo ponemos de forma abreviada las versiones antiguas de android no lo soportan por ser png
        background: transparent url("../images/logo.png") no-repeat scroll 8% 47% / 236px 85px;*/
    background-color: transparent;
    background-image: url("../images/logo.png");
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: 236px 85px;
    background-position: 2% 47%;
}

#header_logo span {
    display: none;
}

#header_languages {
    position: relative;
    float: right;
    right: 0;
    width: 50%;
    height: 22px;
    padding-top: 6px;
    padding-left: 55px;
    padding-right: 20px;
    /* background: transparent url("../images/languages_bg.gif") no-repeat scroll right 0%;*/
}

#header_languages p {
    position: relative;
    float: left;
    left: 0;
    margin: 0;
    padding-left: 207px;
    font-size: 10px;
    color: #AAA;
}

#header_languages ul {
    position: relative;
    float: right;
    right: 0;
    width: 135px;
    margin-top: -1px;
    list-style: outside none none;
}

#header_languages ul li {
    float: left;
    left: 0;
    width: 67px;
    text-align: center;
}

#header_languages ul li a {
    font-size: 10px;
    text-decoration: none;
    color: #707070;
}

#header_languages ul li a:hover {
    color: #9e0054;
}

#header_languages ul li a.selected {
    color: #9E0054;
    cursor: default;
}

#header_area {
    position: relative;
    float: right;
    right: 0;
    width: 50%;
    height: 114px;
    /* Si lo ponemos de forma abreviada las versiones antiguas de android no lo soportan por ser png
            background: transparent url("../images/area_colegiados2.png") no-repeat scroll 136px 32px / 300px 37px;*/
    background-color: transparent;
    background-image: url(../images/area_colegiados3.png);
    background-repeat: no-repeat;
    background-attachment: scroll;
    /*background-size: 189px 35px;*/
    background-position: 80% 32px;
}

#header_area span {
    display: none;
}




/***********************************************************************
**  ////////////////////////////////////////////////////////////////  **
**  //                       S E C T I O N                        //  **
**  ////////////////////////////////////////////////////////////////  **
***********************************************************************/

section.section_all {
    position: relative;
    float: left;
    left: 1px;
    width: 99.8%;
    margin: 0;
    padding: 7px 15px 17px;
    background: transparent url("../images/content_bg.gif") repeat-x scroll center top;
    z-index: 1;
}




/***********************************************************************
**  ////////////////////////////////////////////////////////////////  **
**  //                 F O O T E R _ W R A P P E R                //  **
**  ////////////////////////////////////////////////////////////////  **
***********************************************************************/

#footer_wrapper {
    position: relative;
    clear: both;
    /* Sin esto lo posicionaría sobre las anteriores al tratarlo como capa flotante */
    width: 99%;
    left: 1px;
    padding: 15px 4px;
    font-size: 12px;
    background: #FFF url("../images/bg_site_info.jpg") no-repeat scroll 0% 0%;
    z-index: 1;
}

#vcard {
    position: relative;
    float: left;
    left: 0;
    padding-left: 5px;
    font-size: 0.9em;
    border-right: 5px solid #E9E9E9;
}

#vcard address p {
    color: #666;
    margin: 0 0 0.25em 0;
}

#socialNets {
    position: relative;
    text-align: center;
}

#socialNets p {
    padding: 0;
    margin: 0 0 .8em;
}

#socialNets ul li {
    display: inline-block;
    position: relative;
    padding: 0;
    margin: 0 .4em 0 0;
}

#socialNets ul li span {
    display: none;
}

#socialNets ul li#twitter a,
#socialNets ul li#youtube a,
#socialNets ul li#facebook a,
#socialNets ul li#linkedin a {
    width: 28px;
    height: 28px;
}

#socialNets ul li#twitter a {
    display: block;
    background: url("../images/logo_twitter.png") no-repeat left top;
}

#socialNets ul li#youtube a {
    display: block;
    background: url("../images/logo_youtube.png") no-repeat left top;
}

#socialNets ul li#facebook a {
    display: block;
    background: url("../images/logo_facebook.png") no-repeat left top;
}

#socialNets ul li#linkedin a {
    display: block;
    background: url("../images/logo_linkedin.png") no-repeat left top;
}

#logospie {
    position: relative;
    float: right;
    right: 0;
    border-left: 5px solid #E9E9E9;
    text-align: center;
}

#logospie ul li {
    position: relative;
}

#logospie ul li a {
    border: none;
}

#logospie ul li a img {
    width: 148px;
    height: 75px;
}
.form-group label:not(.form-check-label),.form-group .col-form-label {
	color:#555;	
	font-weight:bold;
	
}
.btn-primary{
	background-color:#9e0054;
	border-color:#9e0054;
}