/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */


/* =============================================================================
   HTML5 element display
   ========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section{ display: block; }

audio[controls], canvas, video{ display: inline-block; *display: inline; *zoom: 1; }


/* =============================================================================
   Base
   ========================================================================== */

/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 *    http://clagnut.com/blog/348/#c790
 * 2. Force vertical scrollbar in non-IE
 * 3. Remove Android and iOS tap highlight color to prevent entire container being highlighted
 *    www.yuiblog.com/blog/2010/10/01/quick-tip-customizing-the-mobile-safari-tap-highlight-color/
 * 4. Prevent iOS text size adjust on device orientation change, without disabling user zoom
 *    www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
 */

html{ font-size: 100%; overflow-y: scroll; -webkit-overflow-scrolling: touch; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

body{ margin: 0; font-size: 13px; line-height: 1.231; }

body, button, input, select, textarea{ color: #222; }

/*
 * These selection declarations have to be separate
 * No text-shadow: twitter.com/miketaylr/status/12228805301
 * Also: hot pink!
 */

::-moz-selection{ background: #fe57a1; color: #fff; text-shadow: none; }

::selection{ background: #fe57a1; color: #fff; text-shadow: none; }


/* =============================================================================
   Links
   ========================================================================== */

a:focus{ outline: thin dotted; }

/* Improve readability when focused and hovered in all browsers: people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active{ outline: 0; }


/* =============================================================================
   Typography
   ========================================================================== */

abbr[title]{ border-bottom: 1px dotted; }

b, strong{ font-weight: bold; }

blockquote{ margin: 1em 40px; }

dfn{ font-style: italic; }

hr{ display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

ins{ background: #ff9; color: #000; text-decoration: none; }

mark{ background: #ff0; color: #000; font-style: italic; font-weight: bold; }

/* Redeclare monospace font family: en.wikipedia.org/wiki/User:Davidgothberg/Test59 */
pre, code, kbd, samp{ font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }

/* Improve readability of pre-formatted text in all browsers */
pre{ white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q{ quotes: none; }

q:before, q:after{ content: ""; content: none; }

small{ font-size: 85%; }

/* Position subscript and superscript content without affecting line-height: gist.github.com/413930 */
sub, sup{ font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup{ top: -0.5em; }

sub{ bottom: -0.25em; }


/* =============================================================================
   Lists
   ========================================================================== */

ul, ol{ margin: 1em 0; padding: 0 0 0 20px; }

dd{ margin: 0 0 0 40px; }

nav ul, nav ol{ list-style: none; margin: 0; padding: 0; }


/* =============================================================================
   Embedded content
   ========================================================================== */

/*
 * Improve image quality when scaled in IE7
 * code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
 */

img{ border: 0; -ms-interpolation-mode: bicubic; }

/*
 * Correct overflow displayed oddly in IE9
 */

svg:not(:root){
    overflow: hidden;
}


/* =============================================================================
   Figures
   ========================================================================== */

figure{ margin: 0; }


/* =============================================================================
   Forms
   ========================================================================== */

form{ margin: 0; }

fieldset{ border: 0; margin: 0; padding: 0; }

/*
 * 1. Correct color not inheriting in IE6/7/8/9
 * 2. Correct alignment displayed oddly in IE6/7
 */

legend{ border: 0; *margin-left: -7px; padding: 0; }


/*
 * 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers
 */

button, input, select, textarea{ font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }

/*
 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
 * 2. Correct inner spacing displayed oddly in IE6/7
 */

button, input{ line-height: normal; *overflow: visible; }

/*
 * 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 */

button, input[type="button"], input[type="reset"], input[type="submit"]{ cursor: pointer; -webkit-appearance: button; }

/*
 * Consistent box sizing and appearance
 */

input[type="checkbox"], input[type="radio"]{ box-sizing: border-box; }

input[type="search"]{ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }

/*
 * Remove inner padding and border in FF3/4
 * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/
 */

button::-moz-focus-inner, input::-moz-focus-inner{ border: 0; padding: 0; }

/* Remove default vertical scrollbar in IE6/7/8/9 */
textarea{ overflow: auto; vertical-align: top; }

/* Colors for form validity */
input:valid, textarea:valid{ }

input:invalid, textarea:invalid{ background-color: #f0dddd; }


/* =============================================================================
   Tables
   ========================================================================== */

table{ border-collapse: collapse; border-spacing: 0; }


/* =============================================================================
   Primary styles
   Author:
   ========================================================================== */

@font-face{
    font-family: 'Klavika';
    src: url('/fuentes/klavika-regular-webfont.eot');
    src: url('/fuentes/klavika-regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('/fuentes/klavika-regular-webfont.woff') format('woff'),
    url('/fuentes/klavika-regular-webfont.ttf') format('truetype'),
    url('/fuentes/klavika-regular-webfont.svg#KlavikaRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face{
    font-family: 'Klavika';
    src: url('/fuentes/klavika-bold-webfont.eot');
    src: url('/fuentes/klavika-bold-webfont.eot?#iefix') format('embedded-opentype'),
    url('/fuentes/klavika-bold-webfont.woff') format('woff'),
    url('/fuentes/klavika-bold-webfont.ttf') format('truetype'),
    url('/fuentes/klavika-bold-webfont.svg#KlavikaBold') format('svg');
    font-weight: bold;
    font-style: normal;

}

@font-face{
    font-family: 'Proxima Nova';
    src: url('/fuentes/ProximaNova-Regular.otf');
    font-weight: normal;
    font-style: normal;
}

@font-face{
    font-family: 'Proxima Nova';
    src: url('/fuentes/ProximaNova-Bold.otf');
    font-weight: bold;
    font-style: normal;
}

@font-face{
    font-family: 'Proxima Nova';
    src: url('/fuentes/ProximaNova-Light.otf');
    font-weight: lighter;
    font-style: normal;
}


@font-face{
    font-family: 'Proxima Nova';
    src: url('/fuentes/ProximaNova-Semibold.otf');
    font-weight: 500;
    font-style: normal;
}

@font-face{
    font-family: 'lato';
    src: url('fonts/lato/lato-regular-webfont.eot');
    src: url('fonts/lato/lato-regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/lato/lato-regular-webfont.woff') format('woff'),
    url('fonts/lato/lato-regular-webfont.ttf') format('truetype'),
    url('fonts/lato/lato-regular-webfont.svg#latoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face{
    font-family: 'lato';
    src: url('fonts/lato/lato-bold-webfont.eot');
    src: url('fonts/lato/lato-bold-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/lato/lato-bold-webfont.woff') format('woff'),
    url('fonts/lato/lato-bold-webfont.ttf') format('truetype'),
    url('fonts/lato/lato-bold-webfont.svg#latobold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face{
    font-family: 'latolight';
    src: url('fonts/lato/lato-light-webfont.eot');
    src: url('fonts/lato/lato-light-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/lato/lato-light-webfont.woff') format('woff'),
    url('fonts/lato/lato-light-webfont.ttf') format('truetype'),
    url('fonts/lato/lato-light-webfont.svg#latolight') format('svg');
    font-weight: normal;
    font-style: normal;
}


body, header, footer{
    width: 100%;
    /*background:#f2f1ed;*/
    color: #4d4d4d;
    font-family: Arial, sans-serif;
    font-size: 12px;
}

a{
    color: #07736d;
    font-weight: bold;
    text-decoration: none;
}

a:hover{
    color: #404040;
}

header{
    /*height:398px;*/
    background: #fff;
    /*background: linear-gradient(top, rgb(255,255,255) 13%, rgb(237,237,237) 57%);
  background: -o-linear-gradient(top, rgb(255,255,255) 13%, rgb(237,237,237) 57%);
  background: -moz-linear-gradient(top, rgb(255,255,255) 13%, rgb(237,237,237) 57%);
  background: -webkit-linear-gradient(top, rgb(255,255,255) 13%, rgb(237,237,237) 57%);
  background: -ms-linear-gradient(top, rgb(255,255,255) 13%, rgb(237,237,237) 57%);*/
}

.boton{
    background-color: #000;
    color: #ccc;
    text-transform: uppercase;
    font-weight: bold;
    border: 0;
    height: 21px;
    line-height: 21px;
}


#t_portada header{
    /*height:478px;*/
}

.body_privado header{
    background: #07736d;
}

.cabecera{
    display: block;
    overflow: hidden;
    position: relative;
}

.cabecera img{ width: 100%; display: block;}

.popup-video-cabecera{
    display: block;
    position: absolute;
    width: 110px !important;
    background: #f5f5f5 url("/images/fondo_boton_video.png") no-repeat scroll right center;
    left: 20%;
    bottom: 10%;
    color: #0b675e;
    font-family: "lato";
    font-size: 18px;
    padding: 13px 50px 13px 20px;
}

.popup-video-cabecera.solo-movil{
    display: none;
}

#main{
    width: 100%;
    background-color: #fff;
    padding-bottom: 3%
}

.contenedor{
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    position: relative;
}

#main .contenedor{
    /*padding:0 2% 0 2%;
  width:96%;*/
}

footer .contenedor{
    border-top: 1px solid #d7d7d7;
    padding: 20px 1% 0 2%;
    width: 94%;
    position: relative;
}

.logovg{
    position: absolute;
    bottom: 20px;
    right: 10px;
}

.logovg img{
    margin-left: 5px;
    vertical-align: bottom;
}

.logovg a:hover{
    color: #787878;
}

.menu_superior_extranet, .menu_superior_extranet #logo_principal{
    background-color: #07736d !important;
}

#caja_menu_superior{
    background-color: #fff;
    width: 92%;
    padding: 10px 4%;
    z-index: 12;
    overflow: hidden;
}

.lazo-color{ position: absolute; top: 20px; left: 160px;}

#logo_principal{
    float: left;
    width: 20%;
    background: #fff;
    margin-top: 10px;
}

#navegacion_principal{
    width: 80%;
    float: left;
    position: relative;
}


#barra_navegacion_superior{
    float: left;
    width: 100%;
}

#caja_menu_superior #enlaces_arriba{
    line-height: 27px;
    text-align: center;
    margin-top: 8px;
    float: left;
    width: 40%;
}

#caja_menu_superior #enlaces_arriba li{
    display: inline;
}

#caja_menu_superior #enlaces_arriba a{
    color: #007069;
    font-family: 'PT Serif', serif;
    text-decoration: none;
    font-weight: bold;
    padding: 0 20px;
    font-size: 14px;
}

#caja_menu_superior #enlaces_arriba #enlaces_interes{
    background: url(/images/ico_enlaces.png) no-repeat 0 1px;
}

#caja_menu_superior #enlaces_arriba #correo_web{
    background: url(/images/ico_correo.png) no-repeat 0 1px;
}

#caja_menu_superior #ventanilla_unica{
    background: #606060 url(/images/ventanilla_unica.png) no-repeat 3px 0;
    padding: 0 11px 0 39px;
    color: #fff;
    font-family: 'PT Serif', serif;
    font-size: 14px;
    font-weight: bold;
    float: right;
    margin-right: 7px;
    height: 29px;
    line-height: 29px;
    margin-top: 8px;
}

#buscador_general{
    margin: 8px 0 0 0;
    float: right;
    width: 30%;
}


#buscador_general input{
    border: 1px solid #808b9f;
    height: 27px;
    width: 73%;
    padding: 0 1%;
    vertical-align: top;
}

#buscador_general fieldset{
    height: 28px;
}

#buscador_general button{
    background-color: #07736d;
    color: #fff;
    height: 29px;
    border: 0;
    font-size: 13px;
    width: 20%;
    text-align: center;
    vertical-align: top;
}

#caja_menu_superior #menu_arriba{
    width: 100%;
    top: 34px;
    right: 0px;
    text-align: center;
    clear: both;
    position: absolute;
    float: left;
}

#caja_menu_superior #menu_arriba li{
    display: inline;
    padding: 0 0 0 10px;
}

#caja_menu_superior #menu_arriba a{
    font-family: 'lato';
    font-size: 18px;
    font-weight: bold;
    text-decoration: none;
    color: #787878;
    padding: 0 9px;
}

#caja_menu_superior #menu_arriba a:hover{
    color: #219891;
}

#logos_pie{
    width: 40%;
    float: left;
    /*max-width:200px;*/
    overflow: hidden;
}

footer{
    padding: 25px 0;
}

footer nav{
    /*padding-left:180px;*/
    /*width:78%;*/
    width: 78%;
    float: right;
    max-width: 950px;
}

footer nav #menu_arbol{
    float: right;
    width: 100%;
}

footer nav li{
    float: left;
    /*
  width:18.5%;
  */
    width: 15.1%;
    padding: 0 0 0 1.5%;
    background: url(/images/separador_menu_pie.png) no-repeat 2% 2px;
}

footer nav li li{
    float: none;
    width: auto;
    padding: 0;
    padding-left: 6px;
    background: url(/images/lifooter.gif) 0 5px no-repeat;
}

footer nav a{
    font-family: 'Klavika', sans serif;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    color: #999;
    text-transform: uppercase;
    /*  padding:0 9px;*/

}

footer nav li li a{
    font-family: Arial, sans serif;
    font-size: 12px;
    color: #787878;
    background: none;
    text-transform: none;
    font-weight: normal;
    padding: 0;
}

footer nav li li a:hover{
    color: #000;
}

footer nav li ul{
    margin-top: 8px;
}

footer #logos_pie p{
    padding: 3px 0 10px 20px;
}

footer #logos_pie a, footer #logos_pie span{
    display: block;
    color: #787878;
    font-weight: normal;
}

footer #logos_pie .correo_web{
    color: #006e66;
    font-weight: bold;
}

footer #logos_pie .logo_extra_pie{
    float: left;
    margin-right: 18px;
    margin-bottom: 10px;
}

footer #logos_pie .logo_extra_pie2{
    float: left;
    margin-right: 8px;
    margin-bottom: 10px;
}

#t_portada #galeria{
    position: relative;
    z-index: 3;
    margin: 0;
    padding: 0;
    overflow: hidden;
}


#t_portada #galeria, #t_portada #galeria_fotos a{
    display: block;
    width: 100%;
    text-decoration: none !important;
}

#t_portada #galeria, #t_portada #galeria_fotos a img, #t_portada #galeria_fotos img{
    width: 100%;
}


#t_portada #galeria .hint{
    display: block;
    position: absolute;
    bottom: 20%;
    left: 10%;
    color: rgb(23, 23, 23);
    font-size: 30px;
    background-color: #fff;
    font-family: 'Klavika', serif;
    padding: 25px 25px;
    /*background-color: red;*/
    width: 30%;
}

#t_portada #galeria .fondo{
    position: relative;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
}

#t_portada #galeria .hint div p{
    margin: 0;
}

#t_portada #galeria .hint div:first-child{
    font-weight: normal;
    text-decoration: underline;
}

#t_portada #galeria .hint div.subtitulo{
    font-family: 'lato';
    font-size: 15px;
    margin-top: 7px;
    color: #454545;
}

#t_portada #galeria div{
    color: #171717;
    font-size: 30px;
    font-family: 'Klavika', serif;
}

#galeria{
    width: 100%;
    position: relative;
    /*height:308px;*/
    margin: 40px 0 11px 0;
}

#galeria .primera{
    position: static !important;
}

#galeria .foto_galeria{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-repeat: no-repeat;
}

#galeria #galeria_izq, #galeria #galeria_der{
    position: absolute;
    top: 45%;
    z-index: 100;

    cursor: pointer;
}

#galeria #galeria_izq{
    left: 15px;
}

#galeria #galeria_der{
    right: 15px;
}

.body_privado #navegacion_adicional{
    margin: -112px 0 0 0;
}

.body_privado #main{
    /*margin:-113px 0 0 0;*/
    margin: 0;
}

#navegacion_adicional{
    width: 100%;
    float: left;
    height: 112px;
}


#navegacion_adicional .columna3 p{
    width: 100px;
    float: left;
    font-family: 'Klavika', sans serif;
    color: #acacac;
    font-size: 24px;
    padding: 26px 0 0 5px;
    line-height: 22px;
}

#navegacion_adicional .columna3 p strong{
    color: #313131;
    font-size: 20px;
    font-weight: normal;
}

#navegacion_adicional ul{
    padding-top: 14px;
}

/*
#navegacion_adicional .semi_op{
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;
}
#navegacion_adicional .semi_op:hover{
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}
*/

#navegacion_adicional ul li{
    float: left;
    /* max-width:100px;
       width:20%;*/
    margin-right: 5%;
    text-align: center;
}

#navegacion_adicional li a{


    text-align: center;
    color: #07726c;
    width: 100%;
}

#navegacion_adicional li a strong{
    color: #4c4c4c;
    display: block;
    margin: 0 auto;
}

#navegacion_adicional li img{
    /*display:block;*/
    margin: 0 auto 4px auto;
}


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

.columna2{
    width: 47%;
    margin: 0 1.5%;
    float: left;
}

.columna3{
    width: 73%;
    margin-right: 1%;
    float: left;
    padding-left: 1%;
}

.columna4{
    width: 98%;
    padding: 1%;

}

#mostrar_login_colegiados{
    display: none;
}

#main{
    padding-top: 1%;
}

#t_portada #main{
    padding-top: 2%;
}

#t_html #main{
    padding-top: 0.5%;
}

#destacados{
    width: 100%;
    float: left;
    clear: both;

}

/*

#destacados .destacado{
  width:23.5%;
  margin-right: 1.5%;
  float:left;
}

#destacados .destacado .foto_destacado{
  width:100%;
}

#destacados .destacado h2{
  font-size:16px;
  font-family:'PT Serif', serif;
  line-height:20px;
}

#destacados .destacado .contenido_editor{
  font-size:12px;
  color:#8c8c8c;
  margin-top:5px;
  padding:0 !important;
}
*/

#agenda_portada h2{
    border-color: #afbac2;
    border-style: dashed;
    border-width: 1px 0;
    padding: 4px 1% 4px 1.5%;
    float: left;
    width: 97.5%;
    color: #ababab;
    font-size: 16px;
    font-family: 'PT Serif', serif;
    margin: 15px 0;
}

#agenda_portada h2 a{
    float: right;
    color: #ababab;
}

#agenda_portada h2 a, #agenda_portada h2 strong{
    font-weight: normal;
}

#agenda_portada h2 a strong{
    color: #07736d;
}

.evento_portada{
    width: 23.5%;
    margin-right: 1.5%;
    float: left;
    padding-bottom: 5px;
    border-style: dashed;
    border-width: 0 0 1px 0;
    border-color: #afbac2;
}

.evento_portada p a{
    color: #8b8b8b;
    font-weight: bold;
    text-decoration: none;
}


.evento_portada h3{

    font-size: 14px;
    font-family: 'PT Serif', serif;
    line-height: 17px;
    margin-bottom: 6px;
}

.evento_portada h3 a:hover{
    color: #686868;
}

.fecha_grande_agenda{
    width: 52px;
    height: 48px;
    float: left;
    font-weight: bold;
    color: #fff;
    padding: 0 0 2px 0;
    margin-right: 15px;
    font-family: 'PT Serif', serif;

    background: #3a3c3b;
    background: linear-gradient(top, #707070 0%, #393939 100%);
    background: -o-linear-gradient(top, #707070 0%, #393939 100%);
    background: -moz-linear-gradient(top, #707070 0%, #393939 100%);
    background: -webkit-linear-gradient(top, #707070 0%, #393939 100%);
    background: -ms-linear-gradient(top, #707070 0%, #393939 100%);

}

.fecha_grande_agenda .dia{
    font-size: 30px;
    width: 100%;
    display: block;
    text-align: center;
    height: 30px;
}

.fecha_grande_agenda .mes{
    font-size: 13px;
    text-transform: uppercase;
    width: 100%;
    display: block;
    text-align: center;
}

.pestanyas_extranet{
    font-family: Klavika, sans-serif;
    font-size: 16px;
    position: relative;
    z-index: 777;
    float: left;
    margin: -32px 0 0 13%;
}

.pestanyas_extranet li{
    float: left;
    padding: 8px 15px 5px 40px;
    border-radius: 5px 5px 0 0;
    margin: 0 5px 0 0;
}

.pestanyas_extranet li a{
    color: #fff;
    font-weight: normal;
}

.pestanya_comunidad, .pestanya_comunidad_sel{
    background: #3e3e3e url(/images/comunidad/ico_comunidad.png) no-repeat 5px 5px;
}

.pestanya_comunidad:hover, .pestanya_comunidad_sel{
    /*background-color: #5f5f5f;*/
    background-color: linear-gradient(bottom, #3e3e3e, #242424);
    background-color: -o-linear-gradient(bottom, #3e3e3e, #242424);
    background-color: -moz-linear-gradient(bottom, #3e3e3e, #242424);
    background-color: -webkit-linear-gradient(bottom, #3e3e3e, #242424);
    background-color: -ms-linear-gradient(bottom, #3e3e3e, #242424);
}

.pestanya_informacion, .pestanya_informacion_sel{
    background: #00736d url(/images/comunidad/ico_informacion.png) no-repeat 9px 6px;
}

.pestanya_informacion:hover, .pestanya_informacion_sel{
    background-color: #308f88;
}

.pestanya_legislacion, .pestanya_legislacion_sel{
    background: #c54133 url(/images/legislacion/ico_legislacion.png) no-repeat 9px 6px;
}

.pestanya_legislacion:hover, .pestanya_legislacion_sel{
    background-color: #e56049;
}

#login_colegiados{
    background-color: #07736d;
    width: 100%;
    height: 112px;
    position: relative;
}

#login_colegiados fieldset{
    padding: 8px 5% 18px 5%;
}

#login_colegiados fieldset, #login_colegiados .datos_colegiado{
    width: 90%;

    border-style: dashed;
    border-width: 0 0 1px 0;
    border-color: #529d99;
}

#login_colegiados .datos_colegiado{
    border: 0;
    padding: 6px 5% 10px 5%;
}

#login_colegiados .datos_colegiado h3{
    margin: 2px 0 0 0;
    line-height: 24px;
}

#login_colegiados .datos_colegiado h3 a{
    color: #fff;
    font-weight: normal;
}

#login_colegiados .datos_colegiado h4{
    color: #9cc7c5;
    font-size: 16px;
    font-family: 'Klavika', sans-serif;
    font-weight: normal;
}

#login_colegiados .datos_colegiado h4 a{
    color: #9cc7c5;
    font-weight: normal;
}

.mensaje_validacion{
    margin: 0;
    padding: 0;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
}

#botones_colegiado{
    height: 20px;
    position: absolute;
    bottom: 0;
    width: 100%;
}

#botones_colegiado #boton_inicio_colegiados{
    background-color: #a64273;
}

#botones_colegiado a{
    display: inline-block; *display: inline; *zoom: 1;
    padding: 0 9px;
    color: #a9a9a9;
    text-transform: none;
    margin-right: 5px;
}

#login_colegiados h3{
    font-size: 24px;
    font-family: 'Klavika', sans-serif;
    color: #6aaba7;
    font-weight: normal;
    margin: 4px 0 7px 0;
}


#login_colegiados input{
    width: 39%;
    padding: 0 1%;
    margin-right: 2%;
    height: 21px;
    line-height: 21px;
    border: 0;
    float: left;
    font-weight: bold;
    color: #c0c0c0;
}

#login_colegiados button{
    float: left;
    width: 12%;
}

#login_colegiados p{
    padding-top: 9px;
    text-align: center;
}

#login_colegiados p a{
    color: #fff;
}

#logos_grandes{
    text-align: center;
}

.logo_extra_grande{
    padding-right: 5px
}

/*
#noticias{
  margin-top:0;
}

#noticias h2{
  background-color:#a64273;
  color:#ffffff;
  width:86%;
  padding:5px 7% 5px 7%;
  font-family: 'Klavika', sans-serif;
  font-size:16px;
  font-weight:normal;
}

#noticias .noticia{
  border-style:dashed;
  border-width:0 0 1px 0;
  border-color:#afbac2;
  padding:11px 2%;
  width:96%;
}

#noticias .noticia h3{
  margin:0;
}

#noticias .noticia h3 .fecha{
  color:#a64273;
  font-weight:bold;
}

#noticias .noticia h3 a {
   color:#525252;
   font-size:11px;
   font-weight:normal;
}
#noticias .noticia h3 a:hover{
   color:#000;
}

#noticias .ver_mas{
  float:right;
  color:#ababab;
  font-size:15px;
  font-family:'PT Serif', serif;
  padding:5px 4px 0 0;
  font-weight:normal;
}

#noticias .ver_mas strong{
  color:#a64273;
  font-weight:normal;
}
#noticias .ver_mas:hover{
  color:#555;
}
#noticias .ver_mas strong:hover {
  color:#555;
}
*/
h1{
    font-size: 22px;
    color: #07736d;
    font-family: 'PT Serif', serif;
    font-weight: bold;
    text-align: left;
    line-height: 24px;
}

.titulo_caja{
    float: left !important;
    clear: both;
    width: 100%;
}

.titulo_caja h1{
    float: left;
}

.boton_volver{
    color: #fff;
    font-size: 13px;
    background-color: #313131;
    height: auto;
    padding: 4px 0;
    font-weight: bold;
    float: right;
    width: 70px;
    text-align: center;
}

.boton_volver:hover{
    color: #ddd;
}

#main #migas{
    margin: 5px 0 15px 0;
}

#migas a{
    color: #848484;
}

#migas .activo a{
    color: #07736d;
}


.apartado_carpeta{
    width: 24%;
    float: left;
    padding-right: 1%;
    /* max-width:300px;*/
    margin-bottom: 15px;
}

.apartado_carpeta img{
    width: 100%;
    display: block;
}

.apartado_carpeta strong{
    /*height:26px;*/
    background: transparent url(/images/cinta_carpetas.png) no-repeat 0 0;
    display: block;
    color: #fff;
    padding: 0 0 4px 4px;
    width: 100%;
    position: absolute;
    z-index: 4;
    bottom: 15px;
    left: -4px;
}

.apartado_carpeta span{
    min-height: 26px;
    line-height: 26px;
    background: #07736d;
    display: block;
    padding: 0 7px;
}

.apartado_carpeta span:hover{

}

.apartado_carpeta ul{
    margin-top: 5px;
    padding: 0;
}

.apartado_carpeta li{
    background: url(/images/bullet_carpetas.png) no-repeat 4px 6px;
    padding-left: 10px;
}

.apartado_carpeta a{
    color: #666;
    font-weight: normal;
    display: block;
    position: relative;
}

.apartado_carpeta li a:hover{
    color: #000;
    padding-left: 2px;
    font-weight: normal;
    display: block;
    position: relative;
}

#columna_menu h2{
    color: #ababab;
    font-size: 16px;
    font-family: 'PT Serif', serif;
    border-width: 1px 0;
    border-style: dashed;
    border-color: #ababab;
    font-weight: normal;
    padding: 3px 0;
    text-align: center;
    margin: 7px 0 0 0;
}

#columna_menu li{
    padding: 0 5% 0 0;
    text-align: right;

}

#columna_menu li a{
    color: #929292;
    font-size: 14px;
    padding: 2px 9px 2px 0;
    background: url(/images/triangulo_subapartado.png) no-repeat 100% 8px;
    display: block;
}

#columna_menu li a:hover{
    color: #6aa28a;
}

#columna_menu .activo a{
    color: #07736d;
}

.titulo_descargas{
    background: #07736d;
    font-family: 'Klavika', sans serif;
    color: #fff;
    width: 96%;
    padding: 2px 2% 2px 2%;
    font-weight: normal;
    cursor: pointer;
}

.titulo_descargas strong{
    background: url(/images/folder_page_white.png) no-repeat 0 2px;
    padding-left: 23px;
    font-weight: normal;
}

.lista_descargas{
    margin: 0 0 10px 0;
    padding: 0;
}

.lista_descargas li{
    border-color: #afbac2;
    border-style: dashed;
    border-width: 0 0 1px 0;
    padding: 7px 0 7px 2%;
}

.lista_descargas li a{
    color: #525252;
    font-weight: normal;
}

.lista_descargas li a:hover{
    color: #6aa28a;
}

.enlaces_relacionados{
    background-color: #303030;
    width: 90%;
    padding: 5%;
    margin: 10px 0 0 0;
}

.enlaces_relacionados h2{
    font-family: 'Klavika', sans serif;
    font-size: 30px;
    color: #fff;
    font-weight: normal;
}

.enlaces_relacionados h3{
    font-family: 'Klavika', sans serif;
    font-size: 16px;
    color: #838383;
    font-weight: normal;
    margin-top: -3px;
}

.enlaces_relacionados ul{
    margin: 0;
    padding: 0 0 5px 0;
}

.enlaces_relacionados li{
    padding: 3px 0 3px 8px;
    background: url(/images/bullet_relacionados.png) no-repeat 0 8px;
}

.enlaces_relacionados a{
    color: #fff;
    font-size: 11px;
}

.contenido_editor{
    text-align: justify;
    line-height: 16px;
    position: relative;
    padding: 5px 15px;
}


.contenido_editor ul{
    padding: 0;
    margin: 10px;
}

.contenido_editor ul li{
    margin: 6px 15px;
    list-style: none;
    padding-left: 10px;
    background: url(/images/bgli.gif) 0 3px no-repeat;
}

.contenido_editor h3{
    color: #07736d;
    font-size: 14px;
    border-width: 0 0 1px 0;
    border-style: dashed;
    border-color: #afbac2;
    padding: 0 0 3px 0;
}

.contenido_editor img{
    max-width: 100%;
}

.navegacion_select{
    display: none;
}

/* CURSOS -----------------------------------*/
#columna_menu .titulo_descargas{
    width: 100%;
    text-align: left;
    color: #fff;
    text-indent: 15px;
    font-family: 'Klavika', sans serif;
    font-size: 16px;
    border: none;
    margin-top: 20px;
    padding: 6px 0;
}

#columna_menu .lista_descargas li{
    text-align: left;
    padding: 4px 0;

}

#columna_menu .lista_descargas li a{
    color: #525252;
    font-size: 12px;
    padding-left: 22px;
    background-position: 2px 0 !important;
}

#columna_menu .lista_descargas li a:hover{
    color: #07736d;
}

#buscador_cursos{
    color: #fff;
    font-size: 16px;
    background: #006463;
    padding: 0
}

#buscador_cursos label span{
    padding: 12px 18px;
    font-weight: bold;

}

#buscador_cursos select,
#buscador_cursos input{
    padding: 2px;
    border: 0;
    font-size: 16px;
    color: #fff;
    background-color: #008483;
    margin-right: 10px;
    padding: 12px;
}

#buscador_cursos .filtrar{
    background: #000;
    border-radius: 2px;
    border: none;
    color: #ccc;
    text-transform: uppercase;
    font-size: 14px;
    padding: 4px 9px;
}

.listado_cursos td{
    padding: 9px;
}

.listado_cursos th{
    padding: 6px;
    background: #83c324;
    text-align: left;
    color: #fff;
}

.listado_cursos .mas_info{
    background: url('/images/bgmasinfo.gif') 0 0 no-repeat;
    padding: 2px;
    padding-right: 5px;
    padding-left: 19px;
    border: 1px solid #dfdfdf;
    color: #666;
    font-size: 12px;
    font-weight: normal;
}

.listado_cursos .mas_info:hover{
    color: #333;
}

.lista_curso_nombre{
    padding-left: 15px;
    background: url(/images/licurso.gif) 5px 5px no-repeat;
}

.lista_curso_nombre a:hover{
    color: #333;
}


/*.contenido_editor p.info_matri_curso{
    margin-top:35px;
    margin-bottom:20px;
}*/
.contenido_editor p.info_matri_curso{
    float: right;
    margin-top: 35px;
    position: relative;
    bottom: 15px;
}

.info_plazas{
    width: 230px;
    display: block;
}

.info_plazas,
#cont_precio_curso{
    background: #f5f4ea;
    border: 1px solid #e1d7b2;
    font-size: 13px;
    padding: 7px 4px;
    color: #888;
}

#cont_precio_curso{
    display: inline;
}

.contenido_editor .inscripcion_curso .contenedor_precio{
    margin-top: 30px;
}

#cursos_matriculacion{
    font-family: 'Tahoma', Arial, Helvetica, Sans-serif;
}

.info_plazas strong,
#cont_precio_curso strong{
    font-weight: bold;
    color: #288681;
    font-size: 19px;
    margin-right: 3px;
}

.btn_matriculacion img{
    vertical-align: middle;
    margin-top: 10px;
}

.btn_matriculacion{
    margin-right: 15px;
}

.contenido_editor .detalle_curso,
.contenido_editor .inscripcion_curso{
    list-style: none;
    margin: 0;
    padding: 0;
    margin-bottom: 45px;
}

.contenido_editor .detalle_curso li,
.contenido_editor .inscripcion_curso p{
    list-style: none;
    margin: 0;
    padding: 5px;
}

.contenido_editor .detalle_curso li p{
    clear: both;
    padding-left: 19%;
    margin-bottom:0px;
}

.contenido_editor .detalle_curso li{
    background: none;
}

.detalle_curso label,
.inscripcion_curso label{
    padding-right: 3px;
    font-weight: bold;
    color: #07736d;
}

.detalle_curso a{
    color: #888;
    font-weight: normal;
}

.detalle_curso a:hover{
    color: #07736d;
}

/*
.contenido_editor .detalle_curso .c_verde,
.contenido_editor .inscripcion_curso .c_verde,
.listado_cursos .c_verde{
    background:#edf5f5;
}
.contenido_editor .detalle_curso .c_blanco,
.contenido_editor .inscripcion_curso .c_blanco,
.listado_cursos .c_blanco{
    background:#ffffff;
}
*/
.contenido_editor .detalle_curso span{
    color: #666;
    font-weight: bold;
    font-size: 13px;
}

.volver_listado{
    display: block;
    clear: both;
    text-align: right;
    margin: 35px 0;
}

.volver_listado a,
.btn_inscribirse,
.listado_completo,
#boton_anuncio{
    color: #fff;
    text-transform: uppercase;
    border-radius: 4px;
    font-size: 11px;
    font-weight: normal;
    padding: 6px 12px;
    border: none;
    background: #07736d;
    background-image: linear-gradient(top, rgb(1, 123, 115) 39%, rgb(47, 140, 134) 62%);
    background-image: -o-linear-gradient(top, rgb(1, 123, 115) 39%, rgb(47, 140, 134) 62%);
    background-image: -moz-linear-gradient(top, rgb(1, 123, 115) 39%, rgb(47, 140, 134) 62%);
    background-image: -webkit-linear-gradient(top, rgb(1, 123, 115) 39%, rgb(47, 140, 134) 62%);
    background-image: -ms-linear-gradient(top, rgb(1, 123, 115) 39%, rgb(47, 140, 134) 62%);
}

.btn_inscribirse:disabled{
    background: #ccc;
}

.btn_inscribirse_disabled{
    color: #fff;
    text-transform: uppercase;
    border-radius: 4px;
    font-size: 11px;
    font-weight: normal;
    padding: 6px 12px;
    border: none;
    background: #ccc;
    margin: 20px 0;
    cursor: auto !important;
}

.volver_listado a:hover,
.btn_inscribirse:hover,
.listado_completo:hover,
#boton_anuncio:hover{
    background-image: linear-gradient(top, rgb(4, 179, 174) 39%, rgb(126, 199, 195) 62%);
    background-image: -o-linear-gradient(top, rgb(4, 179, 174) 39%, rgb(126, 199, 195) 62%);
    background-image: -moz-linear-gradient(top, rgb(4, 179, 174) 39%, rgb(126, 199, 195) 62%);
    background-image: -webkit-linear-gradient(top, rgb(4, 179, 174) 39%, rgb(126, 199, 195) 62%);
    background-image: -ms-linear-gradient(top, rgb(4, 179, 174) 39%, rgb(126, 199, 195) 62%);
}

.btn_compra{
    color: #fff;
    text-transform: uppercase;
    border-radius: 4px;
    font-size: 11px;
    font-weight: normal;
    padding: 6px 12px;
    border: none;
    background: #07730c;
    display:block;
    margin-top:20px;
    text-align:center;
    font-weight: bold;
    background-image: linear-gradient(top, rgb(1, 123, 27) 39%, rgb(84, 168, 88) 62%);
    background-image: -o-linear-gradient(top, rgb(1, 123, 27) 39%, rgb(84, 168, 88) 62%);
    background-image: -moz-linear-gradient(top, rgb(1, 123, 27) 39%, rgb(84, 168, 88) 62%);
    background-image: -webkit-linear-gradient(top, rgb(1, 123, 27) 39%, rgb(84, 168, 88) 62%);
    background-image: -ms-linear-gradient(top, rgb(1, 123, 27) 39%, rgb(84, 168, 88) 62%);
}

.btn_compra:hover{
    color:#fff;
    background-image: linear-gradient(top, rgb(7, 150, 38) 29%, rgb(121, 206, 125) 72%);
    background-image: -o-linear-gradient(top, rgb(7, 150, 38) 29%, rgb(121, 206, 125) 72%);
    background-image: -moz-linear-gradient(top, rgb(7, 150, 38) 29%, rgb(121, 206, 125) 72%);
    background-image: -webkit-linear-gradient(top, rgb(7, 150, 38) 29%, rgb(121, 206, 125) 72%);
    background-image: -ms-linear-gradient(top, rgb(7, 150, 38) 29%, rgb(121, 206, 125) 72%);
}

.inscripcion_curso p{
    padding: 6px;
}

.btn_baja_curso, .volver_listado a.btn_baja_curso{
    color: #fff;
    text-transform: uppercase;
    border-radius: 4px;
    font-size: 11px;
    font-weight: normal;
    padding: 6px 12px;
    border: none;
    background: #6f6d6d;
    background-image: linear-gradient(top, rgb(156 153 153) 39%, rgb(111 109 109) 62%);
    background-image: -o-linear-gradient(top, rgb(156 153 153) 39%, rgb(111 109 109) 62%);
    background-image: -moz-linear-gradient(top, rgb(156 153 153) 39%, rgb(111 109 109) 62%);
    background-image: -webkit-linear-gradient(top, rgb(156 153 153) 39%, rgb(111 109 109) 62%);
    background-image: -ms-linear-gradient(top, rgb(156 153 153) 39%, rgb(111 109 109) 62%);
}

.inscripcion_curso p input[type='text'],
.inscripcion_curso p textarea,
.inscripcion_curso p select{
    padding: 3px;
    border: 1px solid #a5ccca;
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-style: italic;
    color: #aaa;
    width: 240px;
}

.inscripcion_curso p input[type='radio']{
    margin-right: 20px;
}

.inscripcion_curso p select{
    font-style: normal;
    width: auto;
    color: #4d4d4d;
}

.inscripcion_curso label{
    padding-right: 5px;
}

.opciones_colegiado strong,
.opciones_complemento strong{
    display: block;
    float: left;
    width: 44%;
    margin-left: 1%;
    text-align: left;
    line-height: 18px;
    font-weight: normal;
    text-transform: uppercase;
}

.opciones_colegiado input,
.opciones_complemento input{
    margin-right: 15px;
}

.opciones_colegiado,
.opciones_complemento{
    clear: both;
    border-bottom: 1px dotted #ccc;
    padding: 6px 0;
}

.opciones_colegiado span,
.opciones_complemento span{
    display: block;
    float: left;
    margin-left: 5%;
    width: 50%;
}

.btn_inscribirse{
    margin: 20px 0;
}

#cont_no_colegiado,
#cont_si_colegiado{
    display: none;
}

#info_adicional_complemento1,
#info_adicional_complemento2,
#info_adicional_complemento3{
    display: none;
    clear: left;
    padding: 9px;
}

.divisior_form_actividades{
    background: #e8f3ec;
}

.bloque_form_actividades{
    margin: 8px 0 !important;
    background: #f4f4f4;
    border-top: 1px dashed #ccc;
    border-bottom: 1px dashed #ccc;
}

#login_matriculacion_colegiados{
    background: url(/images/bgformlog.gif) 0 0 no-repeat;
    padding: 18px 5px;
    margin-left: 145px;
}

#login_matriculacion_colegiados input{
    padding: 3px;
    font-size: 11px;
    width: 85px;
    margin-left: 10px;
    color: #888;
}

#login_matriculacion_colegiados .btn_log_colegiado{
    width: auto;
    background: #222;
    color: #ddd;
    text-transform: uppercase;
    border: 1px solid #333;
    margin: 0 8px;
}

.datos_facturacion_colegiado{
    background: #fff;
    padding: 20px;
    border: 1px solid #ddd;
}

.acomp{
    border: 1px solid #ddd !important;
    width: 30px !important;
    font-style: normal !important;
    margin-right: 10px;
}

.datos_facturacion_colegiado input{
    font-size: 10px !important;
    color: #444 !important;
    font-style: normal !important;
    width: 300px !important;
}

.datos_facturacion_colegiado h5{
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    color: #777;
    border-bottom: 1px dotted #999;
    margin-bottom: 10px;
}

.datos_facturacion_colegiado p{
    font-weight: bold;
}

.datos_facturacion_colegiado input{
    border: 1px solid #c7c7c7 !important;
}

.cont_matriculacion{
    clear: left;
    margin-top: 25px;
}

.cont_matriculacion h3{
    margin: 10px 0;
}

.cont_matriculacion select{
    margin-bottom: 10px;
    padding: 2px;
    border: 1px solid #ccc;
}

/* EXTRANET -----------------------------------*/

/*
#t_extranet .apartado_desplegado{
  width:46.5%;
}

#t_extranet .apartado_desplegado .apartado_extranet2{
  height:236px;
}*/

#elementos_extranet{
    width: 100%;
    float: left;
    position: relative;
}

.apartado_extranet{
    width: 21.5%;
    float: left;
    padding-left: 2%;
    margin-right: 1.5%;
    background-color: #deddd9;
    margin-bottom: 13px;
    cursor: pointer;
}

.apartado_extranet2{
    background-color: #f2f1ed;
    background-repeat: no-repeat;
    background-position: 95% 93%;
    border-style: solid;
    border-width: 0 1px 1px 0;
    border-color: #deddd9;
    height: 112px;
    position: relative;
    overflow: hidden;
}

.apartado_extranet strong{
    color: #6c6b6b;
    font-size: 20px;
    font-family: 'Pt serif', serif;
    position: absolute;
    bottom: 5%;
    left: 10px;
    padding-right: 32px;
}

#t_extranet .apartado_desplegado ul{
    display: none;
    position: absolute;
    top: 0;
    left: 0;
}

.extranet_pag{
    position: absolute;
    display: none;
    bottom: 50px;
    right: 25px;
    z-index: 999;
    opacity: 0;
    filter: alpha(opacity:0);
}

.pag_bloque{
    float: left;
    background: #777;
    color: #fff;
    font-size: 11px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width: 15px;
    height: 15px;
    margin-right: 7px;
}

.pag_bloque:hover,
.bloq_activo{
    background: #444 !important;
}

.apartado_extranet ul{
    background-color: #f2f1ed;
    margin: 0 0 0 10px;
    padding: 10px 0 25px 0;
    width: 90%;
    display: none;
    /*
  float:right;
  display:none;
  */
    opacity: 0;
    filter: alpha(opacity:0);
}

.apartado_extranet ul li a{
    background-color: #f2f1ed;
}

.apartado_extranet ul li a:hover{
    color: #333 !important;
}

.apartado_extranet li{
    width: 44%;
    float: left;
    border-style: dashed;
    border-color: #b1acc7;
    border-width: 0 0 0 1px;
    padding: 3px 2%;
    padding-left: 8px;
    font-size: 13px;
}

#menu_extranet{
    float: left;
    width: 55%;
}

#menu_extranet li{
    width: 50%;
    float: left;
}

#menu_extranet li a{
    color: #fff;
    font-family: 'Pt serif', serif;
    font-size: 14px;
    font-weight: bold;
    border-style: dashed;
    border-width: 0 0 0 1px;
    border-color: #72afac;
    padding-left: 9px;
}

.menu_superior_extranet #buscador_general{
    width: 40%;
}

.cabecera-extranet-left{
    width: 50%;
    float: left;
    margin-bottom: 15px;
}

.cabecera-extranet__banner{
    max-width: 97%;
}

#buscador_general .boton_gordo, .boton_gordo{
    color: #fff;
    font-size: 13px;
    background-color: #313131;
    height: auto;
    padding: 7px 0;
    font-weight: bold;
    float: right;
    width: 22%;
}

#buscador_general #volver_publica{
    float: right;
    clear: right;
    margin-top: 14px;
    width: auto;
    padding: 7px 12px;
}

.contenido_turno table{
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 0;
}

.contenido_turno .campoTabla, .contenido_turno .etiTabla{
    padding: 5px;
    text-align: left;

}

.contenido_turno .campoTabla{
    border-bottom: 1px dashed #ddd;
    text-align: left;
}

.contenido_turno .subgrupotabla{
    padding-top: 10px;
    font-weight: bold;
    color: #07736d;
}

.contenido_turno .etiTabla{
    background-color: #07736d;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
}

.contenido_turno .indiceListado{
    color: #848484;
    font-size: 16px;
}

.contenido_turno .entexto{
    font-size: 14px;
    padding-left: 4px;
    vertical-align: middle;
}

.contenido_turno td img{
    vertical-align: middle;
}

/*------- LISTADO DE CURSOS --------*/
.listado_cursos tr:nth-child(odd){
    background-color: #f2f2f2;
}

.listado_cursos tr:nth-child(even){
    background-color: #fff;
}

.listado_cursos td{
    border-bottom: 1px dashed #ddd;
}

/*------- DETALLE CURSO --------*/
.detalle_curso label{
    margin-right: 5px;
}

.detalle_curso li:nth-child(odd){
    background-color: #f2f2f2;
}

.detalle_curso li:nth-child(even){
    background-color: #fff;
}

.detalle_curso li{
    border-bottom: 1px dashed #ddd;
}

.detalle_curso li h3{
    color: #555;
    font-weight: bold;
    font-size: 14px;
    text-transform: uppercase;
    padding: 0;
    margin: 0;
    border: none;
}

.info_matriculacion{
    clear: both;
}

.info_matriculacion,
.info_guia{
    background: #f2f2f2 url('/images/bg_info.gif') 0 0 no-repeat;
    border: 1px solid #ddd;
    margin: 20px 0;
    padding: 12px;
    padding-left: 30px;
}

/*------- MATRICULACIÓN --------*/
/*
.inscripcion_curso p:nth-child(odd) {
   background-color: #F2F2F2;
}
.inscripcion_curso p:nth-child(even) {
   background-color: #FFF;
}
*/
/*------- INSCRIPCION --------*/
.confirmar_pedido{
    border: 3px solid #ddd;
    font-size: 13px;
}

/*--------- BUSQUEDA ----------*/
#termino_busqueda,
.resultado{
    display: block;
    margin-bottom: 25px;
}

.resultado{
    background: url('/images/bg_resultado.gif') 0 0 no-repeat;
    padding-left: 30px;
}

.resultado h3{
    font-family: 'PT Serif', serif;
    font-size: 19px;
    font-weight: normal;
    margin-bottom: 4px;
}

/*-------- NOTICIAS -------------*/
.noticia_lista,
.evento{
    color: #777;
    background: url(/images/bgnoticias.gif) 0 bottom repeat-x;
    padding-top: 14px;
    padding-bottom: 2px;
    overflow: hidden;
}

.noticia_ampliada{
    color: #777;
}

.noticia_ampliada .entradilla{
    font-weight: bold;
    color: #4d4d4d;
    margin-bottom: 10px;
    margin-top: 5px;
}

.noticia_ampliada .fecha_noticia{
    font-family: 'PT Serif', serif;
    font-size: 16px;
    color: #057066;
    font-weight: normal;
    margin-top: 15px;
}

.contenido_editor .noticia_lista h3,
.contenido_editor .evento h3{
    border: none;
    margin: 0px;
    margin-top: 5px;
}

.noticia_lista h3 a,
.evento h3 a{
    font-family: 'PT Serif', serif;
    font-size: 17px;
    font-weight: normal;

}

.noticia_lista h3 a:hover,
.evento h3 a:hover{
    color: #333;
}

.noticia_lista .ver_mas{
    text-align: right;
}

.noticia_lista .et_fecha,
.evento .et_fecha{
    background: none repeat scroll 0 0 #07736d;
    display: block;
    line-height: 26px;
    min-height: 26px;
    padding: 0 7px;
    font-size: 12px;
}

.noticia_lista strong,
.evento strong{
    background: url("/images/cinta_carpetas.png") no-repeat scroll 0 0 transparent;
    color: #fff;
    display: block;
    left: -4px;
    padding: 0 0 4px 4px;
    position: relative;
    width: 150px;
    z-index: 4;
}

.noticia_lista .contenido_texto strong, .evento .contenido_texto strong{
    display: inline;
    color: #333;
    background: none;
}

.enlaces_relacionados h3 a{
    font-family: 'Klavika', sans serif;
    font-size: 15px;
    font-weight: normal;
    display: block;
    padding-top: 15px;
    color: #ccc;
}

.enlaces_relacionados h3 a:hover{
    color: #999;
}

/*-------- AGENDA -------------*/
.agenda_centro,
.noticia_lista{
    padding-bottom: 25px;
}

#meses{
    text-align: center;
}

table.calendario{
    border: medium none;
    border-collapse: separate !important;
    border-spacing: 3px;
    empty-cells: show;
    margin: 5px;
    width: 85%;
    margin: 0 auto;
    padding: 10px;
    border-radius: 8px;
}

#contenedor_calendario{
    background: #f3f3f3;
    padding-bottom: 9px;
}

table.calendario caption{
    background: #777;
    border: 1px solid #777;
    border-radius: 3px;
    padding: 5px 0;
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.1em;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0;
    /*
    padding-bottom: 10px;
    padding-top: 22px;
    */
    text-align: center;
    text-decoration: none;
}

table.calendario caption a{
    margin: 0 9px;
}

.calendario tbody{
    border: 1px solid #ddd;
}

table.calendario td{
    background: #f4f4f4;
    border-radius: 5px;
    border: 1px solid #ddd;
    color: #626262;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    padding: 3%;
    text-align: center !important;
}

table.calendario td.seleccionado{
    background: #13796e;
    border: 1px solid #13796e;
    color: #fff !important;
}

table.calendario td.seleccionado a{
    color: #fff !important;
}

table.calendario td.activo, table.calendario td.activo a{
    background: none repeat scroll 0 0 #4f91b8 !important;
    color: #fff !important;
}

table.calendario .Sun a, table.calendario .Sun{
    color: #626262;
}

.evento strong{
    width: 190px;
}

/*------- GUIA COLEGIAL --------*/
#tabla_resp{
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 30px;
}

#tabla_resp td,
#tabla_resp th{
    padding: 5px;
}

#tabla_resp td{
    border-bottom: 1px dashed #ddd;
    text-align: left;
}

#tabla_resp tr:nth-child(odd){
    background-color: #f2f2f2;
}

#tabla_resp tr:nth-child(even){
    background-color: #fff;
}

#tabla_resp th{
    background-color: #666;
    color: #fff;
    padding: 5px;
    text-align: left;
}

#tabla_resp a{
    color: #07736d;
    font-weight: normal;
}

#tabla_resp .etiqueta{
    text-transform: uppercase;
}

.form_guia_colegial input{
    width: 70px;
}

.form_guia_colegial label{
    padding-top: 4px;
    width: 100px;
    padding-left: 10px;
    display: inline-block;
}

@media (max-width: 900px){
    .form_guia_colegial input{
        width: 90% !important;
    }
}

@media (min-width: 1300px){
    .form_guia_colegial fieldset{
        display: inline-block;
    }
}


/*------ ANUNCIOS -----*/
#nuevo_anuncio{
    overflow: hidden;
    margin: 10px 0;
}

#nuevo_anuncio form{
    margin: 0;
    padding: 0;
    padding-left: 3%;
    border-top: 1px dashed #bbb;
    border-bottom: 1px dashed #bbb;
    color: #777;
    font-style: italic;
    background: url('/images/bgformanuncio.gif') 0 0 repeat-x;
}

#nuevo_anuncio form fieldset{
    margin: 5px;
}

#nuevo_anuncio label,
.nueva_oferta label,
.nueva_colegiacion label{
    clear: both;
    display: block;
    float: left;
    width: 70px;
    text-align: left;
    margin: 4px 0;
    color: #777;
    line-height: 16px;
}

#nuevo_anuncio input,
#nuevo_anuncio textarea,
#nuevo_anuncio select,
.nueva_oferta input,
.nueva_oferta textarea,
.nueva_oferta select,
.nueva_colegiacion input,
.nueva_colegiacion textarea,
.nueva_colegiacion select{
    display: block;
    float: left;
    width: 160px;
    padding: 2px;
    border: 1px solid #ddd;
    margin: 4px 0;
    color: #999;
    font-family: Arial, Helvetica, Sans-serif;
}

.nueva_oferta input[type="checkbox"]{
    width: auto !important;
}

.nueva_oferta input,
.nueva_oferta textarea,
.nueva_oferta select{
    display: inline;
    float: none;
    width: 210px;
}

.nueva_oferta input[type=radio]{
    width: auto !important;
}

.nueva_oferta label,
.nueva_colegiacion label{
    display: block;
    width: 380px;
    color: #555;
    margin: 4px 0;
}

.detalle_curso .label_block{
    display: block;
    width: 100%;
    margin: 4px 0;
}

.detalle_curso .textarea_grande{
    width: 65%;
    height: 130px;
}

.nueva_oferta li:before, .nueva_oferta li:after{ content: ""; display: table; }

.nueva_oferta li:after{ clear: both; }

.nueva_oferta li{ zoom: 1; }

.nueva_colegiacion li:before, .nueva_colegiacion li:after{ content: ""; display: table; }

.nueva_colegiacion li:after{ clear: both; }

.nueva_colegiacion li{ zoom: 1; }

.titulo_anuncios{
    margin: 20px 0;
    font-size: 14px;
}

.listado_anuncios{
    margin: 0;
}

#nuevo_anuncio input[type="radio"],
.bolsa_trabajo input[type="radio"]{
    display: inline;
    float: none;
    width: 20px;
    margin: 0;
}

.bolsa_trabajo .fecha{
    width: 70px;
}

#nuevo_anuncio #no_colegiado{
    margin-right: 5px;
}

#nuevo_anuncio textarea{
    height: 100px;
}

.btn_nuevo_anuncio{
    display: block;
    clear: both;
    margin: 10px;
    border: none !important;
    padding: 3px 10px !important;
    width: auto !important;
    background: #000;
    color: #ccc !important;
    font-size: 13px !important;
}

#boton_anuncio{
    cursor: pointer;

}

#contacto_anuncio{
    display: none;
}

.bolsa_trabajo fieldset,
.form_nueva_oferta fieldset,
.form_nueva_colegiacion fieldset,
.form_congresos fieldset{
    border-radius: 9px;
    border: 1px solid #ddd;
    padding: 10px;
    margin-bottom: 20px;
}

.bolsa_trabajo legend,
.form_nueva_oferta legend,
.form_nueva_colegiacion legend{
    background: #fff;
    color: #777;
    text-transform: uppercase;
    padding: 4px;
    font-size: 15px;
    font-weight: bold;
    margin-left: 15px;
}

.nueva_oferta,
.nueva_colegiacion{
    margin: 0 !important;
}

/*------ CONGRESOS ------*/
.form_congresos legend{
    background: #777;
    color: #fff;
    padding: 3px 10px;
    font-size: 11px;
    text-transform: uppercase;
}

.form_congresos fieldset{
    border: 1px solid #c6c6c6;
}

.form_congresos h4{
    color: #07736d;
    font-weight: normal;
    background: #e4eaea;
    border: none;
    padding: 3px;
    border-top: 1px dashed #bfd7d6;
    border-bottom: 1px dashed #bfd7d6;
    margin-bottom: 15px;
}

.form_congresos select{
    padding: 2px;
    border: 1px solid #ccc;
    color: #777;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

/*------ GALERIA -------------*/
#t_galeria #galeria{
    margin: 5px auto;
    overflow: hidden;
    position: relative;
    width: expression(document.body.clientWidth > 530? "530px": "auto" );
    max-width: 750px;
}

#galeria_apartado{
    height: 220px;
    margin-top: 10px;
    position: relative;
}

html > body #galeria_apartado{
    height: auto;
    min-height: 220px;
}

#galeria_apartado p{
    color: #878787;
    font-size: 11px;
    margin-top: 3px;
}

.info_ampliar{
    background: url("/images/zoom.png") no-repeat scroll 0 0 transparent;
    color: #999;
    font-size: 11px;
    margin-left: 20px;
    margin-top: -10px;
    padding-left: 18px;
}

.imagen_galeria, .mini_cover{
    background: url("/images/bggaleria.gif") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    display: inline;
    float: left;
    height: 145px;
    overflow: hidden;
    padding: 1px;
    width: 190px;
}

.imagen_galeria img, .mini_cover img{
    width: 170px;
}

#t_galeria #galeria #gal_arrow_izq{
    cursor: pointer;
    left: 2%;
    position: absolute;
    top: 40%;
}

#t_galeria #galeria #gal_arrow_der{
    cursor: pointer;
    position: absolute;
    right: 2%;
    top: 40%;
}

#botones_galeria{
    background: none repeat scroll 0 0 #878787;
    bottom: 20px;
    height: 28px;
    padding: 0 4px;
    position: absolute;
}

#botones_galeria span{
    background: url("/images/ico_lupa.gif") no-repeat scroll 0 0 transparent;
    color: #fff;
    display: inline;
    float: left;
    font: bold 11px Tahoma, Arial, Helvetica, sans-serif;
    height: 12px;
    margin: 6px 4px 0;
    padding-left: 16px;
    text-decoration: none;
}

.btn_galeria{
    border: medium none !important;
    cursor: pointer;
    display: inline;
    float: left;
}

/*------ OFERTAS DE EMPLEO -----*/
.ofertas{
    margin: 20px 0;
}

/*------ COLEGIACION -----*/
.contenido_editor .detalle_curso .ast_blue,
.ast_blue{
    font-size: 17px;
    margin: 0 2px;
    color: #06c0f6;
}

.contenido_editor .detalle_curso .ast_red,
.ast_red{
    font-size: 17px;
    margin: 0 2px;
    color: #f9144a;
}

#banner_extranet{
    /*position:absolute;
  z-index:1089;
  left:50%;
  top:20px;*/
    display: block;
    margin: 25px auto;
}


/* =============================================================================
   Non-semantic helper classes
   Please define your styles before this section.
   ========================================================================== */

/* For image replacement */
.ir{ display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }

.ir br{ display: none; }

/* Hide for both screenreaders and browsers:
   css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden{ display: none; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: by Jon Neal.
  www.webaim.org/techniques/css/invisiblecontent/  &  j.mp/visuallyhidden */
.visuallyhidden{ border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: drupal.org/node/897638 */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus{ clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible{ visibility: hidden; }

/* Contain floats: nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before, .clearfix:after{ content: ""; display: table; }

.clearfix:after{ clear: both; }

.clearfix{ zoom: 1; }

/* seccion sociedades profesionales */

.detalle_sociedad{
    background: url("../img/fnd_detalle_sociedad_sup.gif") no-repeat scroll left top rgba(0, 0, 0, 0);
    margin-bottom: 10px;
    margin-top: 10px;
    padding-top: 2px;
    width: 100%;
}

.detalle_sociedad .envuelve{
    background: url("../img/fnd_iframe_2.gif") no-repeat scroll left bottom rgba(0, 0, 0, 0);
    width: 100%;
}

.detalle_sociedad h2.titulodetalleConFondo{
    background-color: #666;
    color: #fff;
    font-size: 1.2em;
    margin: 8px 2px 2px;
    padding: 5px 0 5px 5px;
}

.detalle_sociedad .cuadroblanco{
    border: 1px solid #e2e1dd;
    margin: 2px;
    padding: 6px 0;
}

.negrita{
    font-weight: bold;
}

.detalle_sociedad .fila{
    padding: 2px 8px 2px 15px;
}

.detalle_sociedad form .fila{
    margin-bottom: 12px;
}

.detalle_sociedad .fila{
    margin-left: 40px;
    padding-bottom: 10px;
}

.detalle_sociedad .fila label.label_med{
    width: 100px;
}

.detalle_sociedad .fila label{
    color: #42413b;
    float: left;
    padding: 4px 2px 1px 0;
    width: 140px;
}

.detalle_sociedad .fila input[readonly]{
    border-style: none;
    border-width: 0;
    text-transform: uppercase;
}

.detalle_sociedad .fila input{
    margin-top: 2px;
    padding: 1px 2px 1px 5px;
    width: 350px;
}

.detalle_sociedad input{
    border: 1px solid #a9a9a9;
    color: #42413b;
    font-size: 1.1em;
    text-align: left;
}


/* --------------------------------------------
              RESTYLING
   -------------------------------------------- */
.navegacion_superior{
    background-color: #d3d3d3;
    /*overflow: hidden;*/
}

.menu_permanente{
    color: #006463;
    display: flex;
    font-family: 'lato';
    font-size: 12px;
    font-weight: normal;
    text-align: center;
    text-transform: uppercase;

    display: flex;
    flex-flow: row wrap;
    justify-content: center;
}

.menu_permanente > li{
    border-left: 1px solid white;
}

.menu_permanente > li:first-child{
    border: 0;
}

.menu_permanente a{
    display: block;
    font-weight: normal;
    min-height: 17px;
    outline: none;
    padding: 8px 20px;
}

.menu_permanente a:hover{
    color: white;
}

.menu_permanente a img{
    vertical-align: middle;
    margin-right: 14px;
}

.menu_permanente_item-parent{
    position: relative;
}

.submenu_permanente{
    background: #d3d3d3;
    display: none;
    flex-flow: row wrap;
    position: absolute;
    text-align: left;
    top: 100%;
    left: 0;
    white-space: nowrap;
    z-index: 1;
}

.submenu_permanente li{
    width: 100%;
}

.login_ul{
    display: flex;
    flex-flow: row wrap;
}

.colegiados_formulario_li{
    min-width: 200px;
    position: relative;
}

.colegiados_formulario_li.oscuro{
    color: white;
    background-color: #006463;
    border: none;
    display: inline-block;
}

.colegiados_formulario_li.gris{
    color: white;
    background-color: #4a4a4a;
    border: none;
    display: inline-block;
}

.colegiados_formulario_li.oscuro a, .colegiados_formulario_li.gris a{
    color: white;
}

.colegiados_formulario_li.sesion_activa{
    color: white;
    background-color: #006463;
}

.colegiados_formulario_li.sesion_activa a{
    color: white;
}

.menu_permanente .formulario_colegiados_visible{
    background-color: #006463;
    color: white;
}

.menu_permanente .formulario_colegiados_visible a{
    color: white;
}

.colegiados_formulario{
    background-color: rgb(0, 100, 99);
    box-sizing: border-box;
    display: none;
    min-height: 100px;
    padding: 15px;
    position: absolute;
    text-align: center;
    text-transform: none;
    width: 100%;
    z-index: 1000;
}

.gris .colegiados_formulario{
    background-color: #4a4a4a;
}

.colegiados_formulario input{
    display: block;
    border: 0;
    min-width: 160px;
    width: 100%;
    padding: 7px 10px;
    box-sizing: border-box;
    -moz-box-sizing: border-box; /* Firefox */
    font-family: "Proxima Nova";
    margin: 0 auto 9px auto;
    width: 150px;
}

.colegiados_formulario input[type="submit"],
.colegiados_formulario .button,
.colegiados_formulario .button_inicio{
    background-color: black;
    color: white;
    font-weight: bold;
    display: block;
}

.recordarme{
    display: block;
    width: 150px;
    margin: 5px 0;
}

.colegiados_formulario input[type="checkbox"]{
    width: auto;
    min-width: 0;
    margin: 0;
    display: inline;
    background: #fff !important;
    border: 1px solid #fff !important;
}

.colegiados_formulario .button,
.colegiados_formulario .button_inicio,
.colegiados_formulario .mensaje_validacion{
    
}

.colegiados_formulario .button_inicio{
    background-color: rgb(166, 66, 115);
    margin-bottom: 10px;
}

.buscador_superior{
    position: absolute;
    width: 100%;
    background-color: #d3d3d3;
    top: -40px;
    opacity: 0.5;
    transition: all 1s linear;
    -moz-transition: all 1s linear;
    -o-transition: all 1s linear;
    -webkit-transition: all 1s linear;
    z-index: 1;
}

.buscador_superior_visible{
    top: 0px;
    opacity: 1;
    transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    -webkit-transition: all 0.25s linear;
}

.buscador_centrado{
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    margin: 0 auto;
    max-width: 720px;
    width: 100%;
}

.buscador_superior form{
    width: 80%;
    margin-right: 10px;
}

.buscador_superior fieldset{
}

.buscador_superior input[type="text"]{
    background-color: #ccc;
    box-sizing: border-box;
    border: 0;
    color: white;
    height: 32px;
    margin: 1px 0;
    padding: 0 10px;
    vertical-align: middle;
    width: 100%;
}

.buscador_superior img{
    display: block;
}

.ico-open-menu,
.ico-open-menu_permanente{
 display: none;
}


/* home */

.enlaces-home{
    width: 100%;
    overflow: hidden;
    border-bottom: 1px solid #d7d7d7;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.enlace-home{
    float: left;
    /*width: 20%;*/
    width: calc( 100% / 11 );
    text-align: center;
    font-family: 'Klavika';
    font-size: 17px;
    color: #666;
}

.enlace-home__img{
    margin: 0 auto;
    width: 90%;
    position: relative;
}

.enlace-home__img img{
    width: 100%;
}

.enlace-home__img--hover{
    position: absolute;
    top: 0;
    left: 0;
    height: 0;
    overflow: hidden;
    transition: all 0.2s linear;
    width: 100%;
}

.enlace-home:hover .enlace-home__img--hover{
    height: 100%;
}

/*
.enlace-home img{
  width: 58%;
  transition: all 0.3s linear;
}
*/
.enlace-home a{
    font-weight: normal;
    color: #666;
    transition: all 0.3s linear;
}

.enlace-home a:hover{
    color: #219891;
}

.enlace-home:hover a{
    color: #219891;
}

/*
.enlace-home:hover img{
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  -khtml-opacity: 0.7;
  opacity: 0.7;
}
*/


.antetitulo{
    margin: 0;
    font: 11px Arial, Helvetica, sans-serif;
    color: #999;
    text-transform: uppercase;
}

.contenido_editor p.antetitulo{
    margin: 0 0 5px;
}

.contenido_editor .noticia_lista p.antetitulo{
    margin: 5px 0 0;
}

.tit-noticias-home, .tit-destacados-home, .tit-agenda-home{
    font-family: 'latolight';
    font-weight: normal;
    font-size: 30px;
    color: #959595;
    margin: 0 0 10px;
    padding: 0;
    border-bottom: 1px solid #d7d7d7;
    padding-bottom: 5px;
}

.noticias-home{
    float: left;
    width: 21%;
    overflow: hidden;
}

.noticias-home #noticias{
    width: 100%;
    overflow: hidden;
}

#noticias{
    margin-top: 0;
}

#noticias .foto_noticia{
    float: left;
    width: 28%;
    margin-right: 3%;
}

#noticias .noticia{
    border-bottom: 1px dashed #afbac2;
    padding: 0 2%;
    width: 96%;
    overflow: hidden;
    margin-bottom: 10px;
    padding-bottom: 10px;
}


#noticias .noticia h3{
    margin: 0;
}

#noticias .noticia h3 .fecha{
    color: #a6a6a6;
    font-weight: bold;
}

#noticias .noticia h3 a{
    color: #565656;
    font-size: 13px;
    font-family: 'lato';
    transition: all 0.2s ease-in-out;
}

#noticias .noticia h3 a:hover{
    color: #219891;
}

#noticias .ver_mas{
    float: right;
    color: #bebebe;
    font-size: 15px;
    font-family: 'Klavika';
    padding: 5px 4px 0 0;
    transition: all 0.2s ease-in-out;
}

#noticias .ver_mas:hover{
    color: #219891;
}

.noticia_lista .foto_noticia{
    float: left;
    width: 28%;
    margin-right: 3%;
}

.agenda-home{
    width: 42%;
    float: left;
    margin: 0 2%;
    overflow: hidden;
}

.caja-agenda-home{
    background: #f2f1ed;
    width: 100%;
    padding: 10px 0 0 0;
}

.bullet-cursos{
    background-color: #fff;
    display: inline-block;
    margin-right: 0.5em;
    border-radius: 100%;
    width: 8px;
    height: 8px;
}


.banner_home_cursos{
    box-sizing: border-box;
    width: 100%;
    display: block;
    color: #fff;
    padding: 11px 5px 11px 67px;
    background: #00675e url(/images/ico_formacion.png) no-repeat 25px 11px;
    font-size: 21px;
    font-family: lato;
    transition: background-color 0.3s ease;
}

.banner-formacion-miembros{
    margin-top: 30px;
}

.enlace-formacion-miembros{
    display: block;
    position: relative;
}

.enlace-formacion-miembros .banner,
.enlace-formacion-miembros:hover .banner-hover{
    width: 100%;
    position: relative;
    z-index: 1;
}

.enlace-formacion-miembros .banner-hover,
.enlace-formacion-miembros:hover .banner{
    position: absolute;
    z-index: -1;
}

.ver_en_calendario{
    padding: 15px 0 10px 37px;
    background: url(/images/ico_formacion2.png) no-repeat 4px 9px;
    float: right;
    clear: both;
}

.banner_home_cursos:hover{
    color: #fff;
    background-color: #666;
}

.subtit-agenda-home{
    padding: 0 4%;
}

.subtit-agenda-home h3{
    font-size: 30px;
    color: #171717;
    font-family: 'Klavika';
    font-weight: normal;
    text-transform: uppercase;
    float: left;
    margin-right: 3%;
    width: 50%;
}

.agenda__item{
    width: 100%;
    overflow: hidden;
    margin-bottom: 20px;
}

.subtit-agenda-home__link{
    float: right;
    margin-left: 2%;
    color: #525252;
    font-size: 15px;
    line-height: 18px;
    font-weight: normal;
    font-family: Arial, Helvetica, sans-serif;
    margin-top: 10px;
    text-decoration: underline;
}

.agenda__item img{
    float: left;
    width: 40%;
    margin-right: 3%;
    transition: opacity 0.2s ease-in-out;
}

.agenda__item img:hover{
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
}

.agenda__item p{
    margin-bottom: 8px;
}

.agenda__item__tit{
    font-family: 'lato';
    font-weight: bold;
    font-size: 19px;
    line-height: 22px;
    margin-bottom: 10px;
    margin-left: 3%;
}

.agenda__item__tit a{
    color: #292929;
    transition: all 0.2s ease-in-out;
}

.agenda__item__tit a:hover{
    color: #219891;
}

.agenda__item__fecha{
    font-family: 'lato';
    font-weight: bold;
    font-size: 14px;
    color: #07736d;
    margin-left: 3%;
}

.agenda__item__desc{
    color: #717171;
    font-family: 'lato';
    font-weight: bold;
    font-size: 16px;
    font-weight: 500;
    margin-left: 3%;
}

.agenda__item--peq{
    width: 90%;
    margin: 0 5% 10px;
}

.agenda__item--peq .agenda__item__tit{
    font-size: 14px;
    margin-left: 0;
}

.agenda__item--peq a{
    color: #565656;
}

.agenda__item__tit a .agenda__itempeq__fecha{
    color: #a6a6a6;
}

.tag-categoria{
    font: 11px Arial, Helvetica, sans-serif;
    color: #fff;
    background: #999;
    padding: 2px 4px;
}

.tag-evento{background: #b5a68f;}

.tag-congreso{background: #81103b;}

.tag-curso{background: #287f7e;}

.tag-junta{background: #d1872e;}

.destacados-home{
    float: right;
    width: 33%;
    overflow: hidden;
}

.destacado{
    width: 46%;
    margin-right: 2%;
    float: left;
}

.destacado .foto_destacado{
    width: 100%;
}

.destacado h2{
    font-size: 16px;
    font-family: 'lato';
    line-height: 20px;
    color: #292929;
}

.destacado a{
    color: #292929;
    transition: all 0.2s ease-in-out;
}

.destacado a:hover{
    color: #219891;
}


/* calendario grande */
.filtros-calendario{
    overflow: hidden;
    width: 100%;
    margin: 15px 0 20px;
    padding: 0;
}

.filtros-calendario li{
    float: left;
    display: inline;
    font: 13px Arial, Helvetica, sans-serif;
    margin: 0 15px 0 0;
    padding: 0;
}

.filtros-calendario span{
    transition: all 0.2s ease-in-out;
}

.filtros-calendario a:hover span{
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6;
}

.filtros-calendario .tag-categoria{
    font-size: 13px;
    padding: 5px 10px;
    display: block;
}

.calendar-loader{text-align: center; width: 100%; margin: 10px 0;}

.calendar-loader img{ vertical-align: middle;}

.fc-header{ margin-bottom: 10px;}

.fc-header-title{
    font-family: 'lato';
    font-weight: bold;
    font-size: 20px;
    color: #07736d;
}

.fc-event{
    border: 1px solid #f5f5f5;
    font-size: 12px;
    font-weight: normal;
}

.fc-event:hover .fc-event-title{
    color: #fff;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
}

.fc-event-inner{
    width: 96%;
    padding: 2px 2%;
}


/* cookies */
.cookies_ask{
    position: relative;
    top: 0px;
    left: 0px;
    width: 96%;
    text-align: center;
    background-color: #fff;
    border-bottom: 1px solid #999;
    padding: 11px 2%;
    color: #666;
    font: 11px/15px Arial, Helvetica, sans-serif;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.cookies_ask strong{
    color: #006463;
    font-size: 12px;
}

.cookies_ask a{
    color: #269997;
}

.cookies_ask a:hover, .cookies_ask a:active{
    color: #006463;
    text-decoration: underline;
}

.cookies_ask button{
    background: #fff;
    border: 1px solid #269997;
    color: #269997;
    font-weight: bold;
    margin: 0 15px;
    padding: 5px 15px;
}

.cookies_ask button:hover{
    background: #269997;
    color: #fff;
}

p.ga_info{
    font-style: italic;
    text-decoration: underline;
}

.cerrar_cookies{
    position: absolute;
    top: 3px;
    right: 3px;
}

.cerrar_cookies:hover{
    opacity: 0.6;
    filter: alpha(opacity=60); /* IE lt 8 */
    -ms-filter: "alpha(opacity=60)"; /* IE 8 */
    -khtml-opacity: .60; /* Safari 1.x */
    -moz-opacity: .60; /* FF lt 1.5, Netscape */
}


/* pie */
footer .contenedor{ padding-bottom: 30px;}

.logo_pie{
    float: left;
    margin-right: 2%;
}

.enlaces-pie{
    float: right;
    margin-left: 2%;
    color: #b7b6b1;
}

.enlaces-pie__tit{
    font-family: 'Klavika';
    font-weight: normal;
    font-size: 18px;
    text-transform: uppercase;
    color: #171717;
    margin-bottom: 10px;
}

.enlaces-pie ul{
    margin: 0;
    padding: 0;
}

.enlaces-pie li{
    margin-bottom: 5px;
}

.enlaces-pie a{
    font: 14px Arial, Helvetica, sans-serif;
    color: #b7b6b1;
}

.enlaces-pie-horizontal{
    vertical-align: middle;
    font-size: 16px;
}

.enlaces-pie-horizontal a{
    font-size: 16px;
}

.enlaces-pie-horizontal a:hover{
    text-decoration: underline;
}

.enlaces-pie-horizontal img{
    vertical-align: middle;
}

.enlaces-pie-horizontal-redes{
    margin-right: 20px;
}

.enlaces-pie-horizontal-redes a{
    display: inline-block;
    margin: 0 2px;
    width: 32px;
    height: 32px;
}

.enlaces-pie-horizontal-redes a:hover{
    opacity: 0.8;
    text-decoration: none;
}

.telefono-desktop{
    display: inline-block;
}

.telefono-mobile{
    display: none;
}

.banner_horizontal{
    margin: 15px 0 30px;
}

.banner_horizontal a{
    display: block;
}

.banner_horizontal img{
    max-width: 100%;
    display: block;
}

.logos_destacados img{
    margin: 5px;
}

.logovg{ bottom: 5px}


/* slider */
.contenido_editor ul.rslides{
    margin: 0;
}

.slider{
    position: relative;
    overflow: hidden;
    margin: 0 0 20px;
}

.slider .slider_controls{
    position: absolute;
    left: 20px;
    bottom: 30px;
    z-index: 2;
}

.slider .prev{
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    width: 30px;
    height: 30px;
    text-indent: -20000px;
    background: url("/images/slider_left.png") no-repeat;
}

.slider .next{
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    width: 30px;
    height: 30px;
    text-indent: -20000px;
    background: url("/images/slider_right.png") no-repeat;
}

.slider .ampliar_slider{
    display: inline-block;
    float: right;
    height: 30px;
    vertical-align: middle;
    width: 30px;
}

.slider .rslides a, .slider .rslides img{
    width: 100%;
}

.tit_photo_slider{
    position: absolute;
    bottom: 5px;
    right: 0;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.5);
    width: 96%;
    padding: 3px 2%;
    color: #f5f5f5;
    z-index: 400;
    text-align: right;
    font-family: 'latolight';
    font-weight: normal;
    font-size: 13px;
}


/**** mantenimiento ****/
.en-mantenimiento{
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    text-align: center;
}

.en-mantenimiento img{
    width: 100%;
}

.tit-mantenimiento{
    font-family: 'latolight';
    font-size: 35px;
    line-height: 45px;
    margin-bottom: 20px;
    color: #07736d;
    text-align: center;
}

.en-mantenimiento p{
    font-size: 17px;
    line-height: 20px;
    margin-top: 15px;
    color: #4d4d4d;
}

.en-mantenimiento strong{
    color: #07736d;
}

.apartado_extranet__bannercertificados{
    max-width: none;
    position: relative;
    top: -8px;
}


/* =============================================================================
   PLACEHOLDER Media Queries for Responsive Design.
   These override the primary ('mobile first') styles
   Modify as content requires.
   ========================================================================== */

@media only screen and (max-width: 380px){
    /* Style adjustments for viewports 768px and over go here */
    .apartado_extranet--banner{
        padding-left: 1%;
        background-color: transparent;
        border: none;
    }

    .apartado_extranet--banner .apartado_extranet2{
    / / background-color: transparent;
        border: none;
    }

    .apartado_extranet--banner .apartado_extranet2 img{
        margin-top: 18px;
    }

    .apartado_extranet__bannercertificados{
        max-width: 100%;
        position: relative;
        top: 0px;
    }

    .pestanyas_extranet{
        float: left;
        margin: 0 0 0 0;
        padding-left: 2px;
    }


    .pestanyas_extranet li{
        padding: 8px;
        background-image: none;
    }

    #caja_menu_superior #menu_arriba a, #menu_extranet li a{
        font-size: 12px !important;
    }

    #navegacion_adicional .columna3{
        top: -15px !important;
    }

    .ico-open-menu,
    .ico-open-menu_permanente{
        cursor: pointer;
        display: block;
        margin: 10px 0 10px 10px;
    }

    #menu_arriba{ display: none;}


    @-moz-document url-prefix(){
        #navegacion_principal{
            margin-bottom: 15px;
        }
        .body_privado #navegacion_principal{
            margin-bottom: 45px;
        }
    }

    @-moz-document url-prefix(){
        #navegacion_principal{
            margin-bottom: 15px;
        }
        .body_privado #navegacion_principal{
            margin-bottom: 45px;
        }
    }


    #t_portada #galeria{

    }

    #galeria #galeria_izq, #galeria #galeria_der{ width: 10%; top: 30%;}

    #galeria #galeria_izq{ left: 5px;}

    #galeria #galeria_dch{ right: 5px;}

    #t_portada #galeria .hint{ bottom: 25%; left: 5%; font-size: 12px; padding: 5px; width: 40%;}

    #t_portada #galeria div{font-size: 13px;}

    #t_portada #galeria .hint div.subtitulo{ display: none;}


    /* restyling */
    /* home */
    #logo_principal{ text-align: center; padding: 10px 0; width: 100%; height: auto;}

    #logo_principal img{ width: 40%;}

    .enlace-home{width: 50%; margin-bottom: 10px;}

    .enlace-home__img{ width: 80%;}

    .noticias-home, .agenda-home, .destacados-home{ width: 96%; padding: 0 2%; float: none; margin: 0 0 10px;}

    .subtit-agenda-home h3{ font-size: 23px;}

    .subtit-agenda-home__link{ font-size: 12px;}

    .colegiados_formulario{ width: 96%; padding: 13px 2% 6px; position: relative;}

    #los_campos{margin-left: 40px;}

    .logo_pie{ float: none;}

    #logos_pie{ width: 100%; max-width: none; float: none; margin: 10px 0 0;}

    .logovg{position: relative; right: auto; bottom: auto; width: 100%; clear: both;}

    .enlaces-pie{width: 45%; margin: 10px 0 0 3%;}

    .agenda__item__tit{font-size: 16px; line-height: 18px;}

    /* calendario */
    .fc-header-title{ font-size: 12px;}

    html .fc, .fc table{ font-size: 11px;}

    .fc-event, .fc-button{font-size: 11px;}

    .filtros-calendario li{ font-size: 11px; margin: 0; width: 50%; text-align: center;}

}

@media only screen and (max-width: 719px){

    body, #noticias .noticia h3 a, #enlaces_relacionados a, .contenido_editor{
        font-size: 13px;
    }

    .columna_superflua{
        display: none;
    }

    /* restyling */
    /* home */
    #caja_menu_superior #menu_arriba a, #menu_extranet li a{
        font-size: 12px !important;
    }

    .menu_permanente li{
        border-left: 0;
        width: 100%;
    }

    .menu_permanente li.mobile-oculto{
        display: none;
    }

    .menu_permanente_item-parent > a{
        display: none;
    }

    .submenu_permanente{
        display: flex !important;
        justify-content: center;
        position: static;
    }

    .submenu_permanente li{
        border-left: 1px solid white;
        width: auto;
    }

    .submenu_permanente li:first-child{
        border-left: none;
    }

    #logo_principal{ text-align: center; padding: 10px 0; width: 100%; height: auto;}

    #logo_principal img{ width: 40%; max-width: 160px; }

    .ico-open-menu,
    .ico-open-menu_permanente{
        cursor: pointer;
        display: block;
        margin: 10px 0 10px 10px;
    }

    #menu_arriba{ display: none;}

    .enlace-home{width: 33.3%; margin-bottom: 10px; font-size: 13px;}

    .enlace-home__img{ width: 80%; max-width: 157px;}

    .noticias-home, .agenda-home, .destacados-home{ width: 96%; padding: 0 2%; float: none; margin: 0 0 10px;}

    .subtit-agenda-home h3{ font-size: 23px;}

    .subtit-agenda-home__link{ font-size: 12px;}

    .colegiados_formulario{ width: 96%; padding: 13px 2% 6px; position: relative;}

    #los_campos{margin: 0 20px;}

    .logo_pie{ float: none;}

    #logos_pie{ width: 100%; max-width: none; float: none; margin: 10px 0 0;}

    .enlaces-pie{width: 45%; margin: 10px 0 0 3%;}

    .agenda__item__tit{font-size: 16px; line-height: 18px;}

    /* calendario */
    .fc-header-title{ font-size: 12px;}

    html .fc, .fc table{ font-size: 11px;}

    .fc-event, .fc-button{font-size: 11px;}

    .filtros-calendario li{ font-size: 11px; margin: 0; width: 50%; text-align: center;}


    .lazo-color{ position: absolute; top: 10px; left: 150px;}

    .contenido_editor iframe, .contenido_editor object{
        width: 250px !important;
        height: 150px !important;
    }

    #navegacion_principal{

        float: left;
        clear: both;
        width: 100%;
        position: relative;
        background: #313131;
    }

    /*
  #t_portada #navegacion_principal{
    top:172px;
  }*/
    #caja_menu_superior{
        padding: 0;
        width: 100%;
        top: 0;
        background: none;
        position: static;
    }


    /*
  #logo_principal{
    padding:10px 0 0 6%;
    height:83px;
    width:94%;
    background:#FFFFFF;
    margin:0;
  }*/
    .logo_extra_grande, #caja_menu_superior #enlaces_interes{
        display: none;
    }

    #caja_menu_superior #enlaces_arriba{

        position: absolute;
        right: 0;
        top: -90px;
    }

    #caja_menu_superior #enlaces_arriba li{
        float: right;
    }


    #caja_menu_superior #menu_arriba, #menu_extranet{
        text-align: left;
        margin: 0;
        padding: 10px 0;
        position: static;
        background-color: #313131;
    }

    #caja_menu_superior #menu_arriba li, #menu_extranet li{
        width: 44%;
        float: left;
        padding: 0 2% 5px 4%;
    }

    #caja_menu_superior #menu_arriba a, #menu_extranet li a{
        color: #fff;
        font-size: 18px;
    }

    #menu_extranet{
        width: 100%;
        background-color: #000;
    }

    .menu_superior_extranet #buscador_general{
        width: 96%;
        padding: 2%;
    }

    .menu_superior_extranet #buscador_general input{
        width: 73%;
    }

    .columna3{
        width: 98%;
    }

    .columna1{
        width: 100%;
        margin: 0;
    }

    .columna2{
        width: 97%;
        margin: 0 1.5%;
    }

    .evento_portada{
        width: 100%;
        margin-right: 0;
    }

    #destacados .destacado{
        width: 46%;
        margin: 0 2%;
    }

    .apartado_extranet{
        width: 46.5%;
    }

    .apartado_extranet strong{
        font-size: 18px;
    }

    #navegacion_adicional .columna3, #ventanilla_unica, footer nav{
        display: none;
    }


    #logos_pie{
        width: 100%;
        max-width: 100%;
    }

    footer #logos_pie .logo_extra_pie{
        margin-right: 5px;
    }


    #galeria #galeria_izq, #galeria #galeria_der{ width: 8%; top: 32%;}

    #galeria #galeria_izq{ left: 0px;}

    #galeria #galeria_dch{ right: 0px;}

    #t_portada #galeria .hint{ bottom: 25%; left: 5%; font-size: 13px; padding: 5px; width: 40%;}

    #t_portada #galeria div{font-size: 13px;}

    #t_portada #galeria .hint div.subtitulo{ display: none;}


    #buscador_general{
        position: static;
        left: 0;
        top: 130px;
        width: 96%;
        padding-left: 2%;
    }

    #buscador_general input{
        width: 76%;
    }


    #t_portada header{
        height: auto;
    }

    header{
        height: auto; /*280px; /*448px;*/

    }

    header .cabecera .cabecera{
        display: none;
    }

    .popup-video-cabecera{
        display: none;
        position: relative;
        left: 0%;
        bottom: 0%;
    }

    .popup-video-cabecera.solo-movil{
        display: block;
        margin-bottom: 15px;
    }


    #navegacion_adicional{
        /* position:absolute;*/
        height: 51px;
        overflow: hidden;
        margin-top: 8px;
    }

    .body_privado #navegacion_adicional{
        margin: 8px 0 0 0;
    }

    .body_privado #main{
        margin: 8px 0 0 0;
    }

    /*
  #t_portada #navegacion_adicional{
    top:274px;
  }*/
    #t_portada .login_mostrado{
        height: 386px;
    }

    .login_mostrado{
        height: 386px;
    }

    .login_mostrado #navegacion_adicional #campos_login, .login_mostrado #navegacion_adicional p{
        display: block;
    }

    .login_mostrado #navegacion_adicional, #navegacion_adicional .columna1{
        height: 110px;
    }

    #login_colegiados h3{
        float: left;
        width: 70%;
    }

    .login_mostrado #login_colegiados #mostrar_login_colegiados{
        display: none;
    }

    .login_mostrado #navegacion_adicional fieldset{
        border-style: dashed;
        border-width: 0 0 1px 0;
        border-color: #529d99;
    }

    #navegacion_adicional .columna1{
        height: 51px;
    }

    #navegacion_adicional #campos_login, #navegacion_adicional p{
        display: none;
    }

    #login_colegiados{
        /* height:75px;*/
    }

    #login_colegiados .datos_colegiado{
        float: left;
        width: 65%;
        padding: 0 0 0 2%;
    }

    #login_colegiados h4{
        display: none;
    }

    #login_colegiados #botones_colegiado{
        display: block;
        float: left;
        width: 30%;
        position: static;
        padding: 0;
    }

    #login_colegiados #botones_colegiado .boton{
        width: 90%;
        margin-top: 3px;
    }

    #navegacion_adicional fieldset{
        border: 0;
    }

    #login_colegiados .datos_colegiado h3{
        width: 70%;
        float: left;
        font-size: 18px;
        margin-top: 5px;
        line-height: 20px;
    }

    #login_colegiados #mostrar_login_colegiados{
        display: block;
        float: right;
        margin: 6px 10px 0 0;
        width: 20%;
        line-height: 20px;
        height: 28px;
        background-color: #313131;
        color: #fff;
        border: 0;
        font-size: 14px;
    }

    #agenda_portada h2{
        margin: 8px 0 5px 0;
    }

    .evento_portada{
        padding: 9px 0;
        position: relative;
    }

    .evento_portada h3, .evento_portada p{
        padding-left: 65px;
    }

    .evento_portada .fecha_grande_agenda{
        position: absolute;
        top: 9px;
        left: 0;
    }

    .evento_portada{
        height: auto !important;
    }

    #noticias{
        margin-top: 5px;
    }

    .apartado_carpeta{
        width: 96%;
        clear: both;
        margin: 0 0 15px 0;
        padding: 3% 2%;
        background-color: #f2f2f2;
        max-width: 100%;
    }

    .apartado_carpeta img{
        width: 30%;
        float: left;
        margin-right: 3%;
    }

    .apartado_carpeta strong{
        background: none;
        /*display:block;*/
        float: left;
        width: 60%;
        line-height: 15px;
        color: #07736d;
        position: static;
        padding: 0 0 4px 4px;
        font-size: 15px;
        height: auto;
    }

    .apartado_carpeta span{
        background: none;
        display: inline;
        line-height: 16px;
        padding: 0;
    }

    .apartado_carpeta ul{
        margin: 0;
        width: 60%;
        float: left;
    }

    .enlaces_relacionados{
        padding: 1.5% 3%;
        width: 94%;
    }

    #main{
        padding: 0;
    }

    #columna_menu{
        height: 38px;
        line-height: 38px;
        background: #d6d6d6;
        text-align: center;
        margin: 0 auto;
        margin-bottom: 10px;
    }

    #columna_menu h2, #columna_menu ul{
        display: none;
    }

    .navegacion_select{
        display: block;

    }

    .navegacion_select span{
        color: #07736d;
        font-family: 'Pt serif', serif;
        font-size: 16px;
        padding-right: 3%;
        width: 20%;
        text-align: right;
        float: left;
    }

    .navegacion_select select{
        width: 74%;
    }

    #buscador_cursos select, #buscador_cursos input{
        display: block;
        margin: 8px 0;
        padding: 4px;
    }

    .info_plazas{
        display: block;
        width: auto;
        margin: 20px 0;
    }

    .btn_matriculacion img{
        margin: 0;
        margin-top: 10px;
    }

    .inscripcion_curso p select{
        width: 260px;
    }

    #login_matriculacion_colegiados{
        background: url("/images/bgformlog2.gif") no-repeat scroll 0 0 transparent;
    }

    #login_matriculacion_colegiados input,
    #login_matriculacion_colegiados .btn_log_colegiado{
        display: block;
        margin: 5px 0;
    }

    #meses{display: none;}

    .form_guia_colegial input{
        width: 170px;
        display: block;
        margin: 3px 0;
        margin-bottom: 8px;
    }

    .form_guia_colegial .filtrar{
        width: 80px;
        margin-top: 10px;
    }

    /* Force table to not be like tables anymore */
    #tabla_resp, #tabla_resp thead, #tabla_resp tbody, #tabla_resp th, #tabla_resp td, #tabla_resp tr{
        display: block;
    }

    /* Hide table headers (but not display: none;, for accessibility) */
    #tabla_resp thead tr{
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    #tabla_resp tr{ border: 1px solid #ccc; margin-bottom: 10px;}

    #tabla_resp td{
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px dotted #ccc;
        position: relative;
        padding-left: 30%;
        color: #555;
    }

    #tabla_resp td:before{
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 6px;
        left: 6px;
        width: 25%;
        padding-right: 10px;
        white-space: nowrap;
    }

    #tabla_resp td:nth-of-type(4){border: none;}

    /*
        Label the data
        */
    .tabla_guia_colegial td:nth-of-type(1):before{ content: "Nombre:"; color: #777;}

    .tabla_guia_colegial td:nth-of-type(2):before{ content: "N. Col:";color: #777; }

    .tabla_guia_colegial td:nth-of-type(3):before{ content: "Domicilio:";color: #777; }

    .tabla_guia_colegial td:nth-of-type(4):before{ content: "Ejerciente:";color: #777;}

    .tabla_guia_colegial td:nth-of-type(5):before{ content: "Seguro RCP:";color: #777;}

    .listado_anuncios td:nth-of-type(1):before{ content: "Fecha:"; color: #777;}

    .listado_anuncios td:nth-of-type(2):before{ content: "Categoría:";color: #777; }

    .listado_anuncios td:nth-of-type(3):before{ content: "Título:";color: #777; }

    .listado_anuncios td:nth-of-type(4):before{ content: "Anunciante:";color: #777;}

    .ofertas td:nth-of-type(1):before{ content: "Referencia:"; color: #777;}

    .ofertas td:nth-of-type(2):before{ content: "Publicación:";color: #777; }

    .ofertas td:nth-of-type(3):before{ content: "Puesto:";color: #777; }


    .nueva_oferta label,
    .nueva_colegiacion label{
        clear: both;
        display: block;
        float: none;
        width: 100%;
        text-align: left;
        margin: 4px 0;
        color: #777;
    }


    #navegacion_adicional{
        height: 54px;
    }

    .pestanyas_extranet li{
        padding: 8px 15px;
        background-image: none;
    }

    .pestanyas_extranet li a{
        font-size: 14px;
    }

    .pestanyas_extranet{
        top: 0;
        float: left;
        margin: 0;
    }


    #navegacion_adicional .columna3{
        vertical-align: top;
        position: relative;
        top: -12px;
        z-index: 999;
        height: 35px;
        display: block;
    }

    .navegacion_adicional_publico .columna3{
        display: none !important;
    }

    .pestanyas_extranet li a{
        font-size: 14px;
    }

    .pestanyas_extranet{
        top: 0;
    }

    #navegacion_adicional .columna3{
        vertical-align: top;
        position: relative;
        top: -12px;
        z-index: 999;
        height: 35px;
        display: block;
    }

    #navegacion_adicional{
        height: 51px;
    }

    .login_mostrado #navegacion_adicional, .body_privado #navegacion_adicional{
        height: 88px;
    }

    .navegacion_adicional_publico{
        min-height: 51px !important;
    }

    .navegacion_adicional_logueado{
        height: 51px !important;
    }

    #t_portada .login_mostrado{
        height: 326px;
    }

    @-moz-document url-prefix(){
        #navegacion_principal{
            margin-bottom: 15px;
        }
        .body_privado #navegacion_principal{
            margin-bottom: 45px;
        }

    }

    .detalle_sociedad .fila, .detalle_sociedad .fila input, .detalle_sociedad span{
        margin-left: 0px !important;
    }

    .detalle_sociedad .fila input, .detalle_sociedad .fila label, .detalle_sociedad span{
        display: block !important;
        width: 100% !important;
    }

    .logos_destacados img{
        width: 18%;
        margin: 0;
    }

    .enlaces-pie-horizontal-redes{
        margin-right: 0;
        display: block;
        margin-bottom: 10px;
    }

    .enlaces-pie-horizontal{
        width: 100%;
        margin: 15px 0;
    }

    .telefono-desktop{
        display: none;
    }

    .telefono-mobile{
        display: inline-block;
    }

    .cabecera-extranet-left{
        width: 100%;
        float: none;
        margin-bottom: 15px;
    }

    .cabecera-extranet__banner{
        max-width: 100%;
    }
}

@media only screen and (min-width: 720px) and (max-width: 1000px){

    .logos_destacados img{
        width: 18%;
        margin: 0;
    }

    .enlaces-pie-horizontal-redes{
        margin-right: 0;
        display: block;
        margin-bottom: 10px;
    }

    .enlaces-pie-horizontal{
        width: 100%;
        margin: 15px 0;
    }

    .telefono-desktop{
        display: none;
    }

    .telefono-mobile{
        display: inline-block;
    }

    /* Style adjustments for viewports 768px and over go here */
    body, #noticias .noticia h3 a, #enlaces_relacionados a{
        font-size: 13px;
    }

    #t_portada #galeria div{ font-size: 22px;}

    #t_portada #galeria .hint div.subtitulo{font-size: 13px;}


    .lazo-color{ position: absolute; top: 20px; left: 120px;}

    .evento_portada, #destacados .destacado{
        width: 48%;
        margin-right: 2%;
    }

    .apartado_extranet{
        width: 46.5%;
    }

    .columna3{
        width: 71%;
    }

    .columna1{
        width: 27%;
        /*margin-left:1%;*/
    }

    .columna2{
        width: 70%;
        float: right;
    }


    #caja_menu_superior #menu_arriba li{
        padding-left: 1px;
    }


    #ventanilla_unica{
        display: none;
    }

    #caja_menu_superior #enlaces_arriba{
        width: 60%;
    }

    #caja_menu_superior{
        padding: 8px 1% 12px 1%;
        width: 100%;
    }


    footer .contenedor{
        padding: 0 1% 0 2%;
        width: 97%;
    }


    #caja_menu_superior #menu_arriba a, footer nav a{
        font-size: 13px;
    }

    #caja_menu_superior #menu_arriba a{
        padding: 0 6px;
    }

    footer nav{
        display: none;
    }

    footer #logos_pie{
        width: 90%;
        max-width: 500px;
    }

    #buscador_general{
        width: 40%;
    }

    .logo_extra_grande{
        padding: 0;
    }

    #login_colegiados h3{
        font-size: 20px;
    }

    #navegacion_adicional .columna3 p{
        display: none;
    }

    /*
  #navegacion_adicional li a{
    width:14%;
  }
*/
    #navegacion_adicional ul li{
        margin-right: 0%;
        /*display:inline;
    width:20%;*/
    }

    #navegacion_adicional li img{
        display: block;
        /* width:85%;*/
        margin: 0 auto 4px auto;
    }

    #agenda_portada h2{
        margin: 8px 0 0 0;
    }

    .evento_portada{
        margin-top: 10px;
    }

    .apartado_carpeta{
        width: 32.3%;
        max-width: 350px;
    }

    #botones_colegiado a{
        font-size: 10px;
        margin-right: 3px;
    }

    .form_guia_colegial input{
        width: 170px;
        display: block;
        margin: 3px 0;
        margin-bottom: 8px;
    }

    table.calendario{
        padding: 0;
        width: 100%;
    }

    .contenido_editor p.info_matri_curso{
        float: none;
        margin-top: 35px;
    }

    /* restyling */
    .menu_permanente{font-size: 12px;}

    .colegiados_formulario{ min-width: 140px;}

    .colegiados_formulario input{ min-width: 90px;}

    .subtit-agenda-home h3{ font-size: 20px;}

    .subtit-agenda-home__link{ font-size: 13px;}

    .agenda__item__tit{ font-size: 17px;}

    footer #logos_pie{width: 40%; /*max-width: 220px;*/}
}

/* =============================================================================
   Print styles.
   Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print{
    *{ background: transparent !important; color: black !important; text-shadow: none !important; filter: none !important; -ms-filter: none !important; }

    /* Black prints faster: sanbeiji.com/archives/953 */
    a, a:visited{ color: #444 !important; text-decoration: underline; }

    a[href]:after{ content: " (" attr(href) ")"; }

    abbr[title]:after{ content: " (" attr(title) ")"; }

    .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after{ content: ""; }

    /* Don't show links for images, or javascript/internal links */
    pre, blockquote{ border: 1px solid #999; page-break-inside: avoid; }

    thead{ display: table-header-group; }

    /* css-discuss.incutio.com/wiki/Printing_Tables */
    tr, img{ page-break-inside: avoid; }

    img{ max-width: 100% !important; }

    @page{
        margin: 0.5cm;
    }

    p, h2, h3{ orphans: 3; widows: 3; }

    h2, h3{ page-break-after: avoid; }
}

ul.detalle_curso.nueva_colegiacion li{
    display: flex;
    align-items: center;
}

ul.detalle_curso.nueva_colegiacion li label{
    width: 100%;
}

.lobo-link{
    display: flex;
    align-items: center;
    color: #999;
    font-weight: normal;
    font-size: 11px;
    line-height: 15px;

}

#img-lobo{
    margin-left: 5px;
    vertical-align: bottom;
    width: 75px;
    margin-top: -11px;
}


/* Banner Aniversario */
.banner-aniversario{
    position: relative;
    margin-bottom: 30px;
    width: 100%;
}

.banner-aniversario img{
    width: 100%;
    height: auto;
}

#contador{
    color: #fff;
    position: absolute;
    left: 36.5%;
    background: -moz-linear-gradient(top, #45484d 0%, #000 100%);
    background: -webkit-linear-gradient(top, #45484d 0%, #000 100%);
    background: linear-gradient(to bottom, #45484d 0%, #000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#45484d', endColorstr='#000000', GradientType=0);
    top: 15%;
    display: flex;
    width: 19%;
    padding: 10px;
    box-sizing: border-box;
    border-radius: 4px;
}

#contador .timmer_c{
    width: 33%;
    text-align: center;
    padding: 0 10px;
    box-sizing: border-box;
}

#contador .timmer_number{
    font-size: 32px;
    font-weight: bold;
    text-align: center;
}

@media (max-width: 1000px){
    #contador .timmer_c{
        padding: 0 5px;
    }

    #contador .timmer_number{
        font-size: 22px;
    }
}

#contador .timmer_label{
    text-align: center;
    font-size: 8px;
    text-transform: uppercase;
}

.banner-aniversario .imgPC{
    display: block;
}

.banner-aniversario .imgMv{
    display: none;
}

@media (min-width: 600px and max-width:

780px

){
    #contador .timmer_number{
        font-size: 32px;
    }

}

@media (max-width: 780px){
    .banner-aniversario .imgMv{
        display: block;
    }

    .banner-aniversario .imgPC{
        display: none;
    }

    #contador{
        left: auto;
        right: 5%;
        width: 35%;
        top: 8%;
    }

    #contador .timmer_number{
        font-size: 18px;
    }

}

@media (max-width: 500px){
    .banner-aniversario .imgMv{
        display: block;
    }

    .banner-aniversario .imgPC{
        display: none;
    }

    #contador .timmer_c{
        padding: 0;
    }

    #contador{
        left: auto;
        right: 5%;
        width: 35%;
        top: 5%;
    }

    /*
  #contador .timmer_number {
      font-size: 32px;
  }
  */
}

/* COLEGIACION */

ul.detalle_curso.nueva_colegiacion li.req_no_ejerciente{
    
}

/* PATROCINADORES FOOTER */

.patrocinadores-pie{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 25px;
    margin-top: 50px;
    margin-bottom: 30px;
}
.patrocinadores-pie a{
    outline:none;
}
.patrocinadores-pie a img{
    transition: transform 0.2s ease;
}
.patrocinadores-pie a img.aon{
    width: 90px;
}
.patrocinadores-pie a:hover img{
    transform: scale(1.05);
    transition: transform 0.2s ease;
}