/**
 * @file
 * Positioning for responsive layout .
 *
 * Define CSS classes to create a table-free, 3-column, 2-column, or single
 * column layout depending on whether blocks are enabled in the left or right
 * columns.
 *
 * This layout uses the Zen Grids plugin for Compass: http://zengrids.com
 */

/*
 * Center the page.
 */





#page,
.region-bottom {
  /* For screen sizes larger than 1200px, prevent excessively long lines of text
     by setting a max-width. */
  margin-left: auto;
  margin-right: auto;
  width:100%;}

/*
 * Apply the shared properties of grid items in a single, efficient ruleset.
 */

#content,
#navigation,
.region-sidebar-first,
.region-sidebar-second {
	padding-left: 15px;
  padding-right: 15px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  word-wrap: break-word;
  _display: inline;
  _overflow: hidden;
  _overflow-y: visible;
}

.page-home #content 		{padding-left: 0px; padding-right: 0px;}

#header, #footer{
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  word-wrap: break-word;
  _display: inline;
  _overflow: hidden;
  _overflow-y: visible;
}

/*
 * Containers for grid items and flow items.
 */

#header,
#main,
#footer {
  *position: relative;
  *zoom: 1;
}
#header:before, #header:after,
#main:before, #main:after,
#footer:before, #footer:after {
  content: "";
  display: table;
}
#header:after,
#main:after,
#footer:after {
  clear: both;
}

/*
 * Navigation bar
 */

@media screen and (min-width: 641px) {
  #main {
    padding-top: 1em;  /* Move all the children of #main down to make room. */
    position: relative;
  }

  #navigation {
    position: absolute;
    top: 0; /* Move the navbar up inside #main's padding. */
    height: 3em;
    width: 100%;
  }
}

/*
 * Use 3 grid columns for smaller screens.
 */

@media screen and (min-width: 641px) and (max-width: 959px) {

  /*
   * The layout when there is only one sidebar, the left one.
   */

  .sidebar-first #content { /* Span 2 columns, starting in 2nd column from left. */
    float: left;
    width: 75%;
    margin-left: 25%;
    margin-right: -100%;
  }
  .sidebar-first .region-sidebar-first { /* Span 1 column, starting in 1st column from left. */
    float: left;
    width: 25%;
    margin-left: 0%;
    margin-right: -25%;
  }

  /*
   * The layout when there is only one sidebar, the right one.
   */

  .sidebar-second #content { /* Span 2 columns, starting in 1st column from left. */
    float: left;
    width: 75%;
    margin-left: 0%;
    margin-right: -75%;
  }
  .sidebar-second .region-sidebar-second { /* Span 1 column, starting in 3rd column from left. */
    float: left;
    width: 25%;
    margin-left: 75%;
    margin-right: -100%;
  }

  /*
   * The layout when there are two sidebars.
   */

  .two-sidebars #content { /* Span 2 columns, starting in 2nd column from left. */
    float: left;
    width: 66.667%;
    margin-left: 33.333%;
    margin-right: -100%;
  }
  .two-sidebars .region-sidebar-first { /* Span 1 column, starting in 1st column from left. */
    float: left;
    width: 33.333%;
    margin-left: 0%;
    margin-right: -33.333%;
  }
  .two-sidebars .region-sidebar-second { /* Start a new row and span all 3 columns. */
    float: left;
    width: 100%;
    margin-left: 0%;
    margin-right: -100%;
    *position: relative;
    *zoom: 1;
    padding-left: 0;
    padding-right: 0;
    clear: left;
  }
  .two-sidebars .region-sidebar-second:before,
  .two-sidebars .region-sidebar-second:after {
    content: "";
    display: table;
  }
  .two-sidebars .region-sidebar-second:after {
    clear: both;
  }
  .two-sidebars .region-sidebar-second .block {
    padding-left: 10px;
    padding-right: 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    word-wrap: break-word;
    _display: inline;
    _overflow: hidden;
    _overflow-y: visible;
  }
  .two-sidebars .region-sidebar-second .block:nth-child(3n+1) { /* Span 1 column, starting in the 1st column from left. */
    float: left;
    width: 33.333%;
    margin-left: 0%;
    margin-right: -33.333%;
    clear: left;
  }
  .two-sidebars .region-sidebar-second .block:nth-child(3n+2) { /* Span 1 column, starting in the 2nd column from left. */
    float: left;
    width: 33.333%;
    margin-left: 33.333%;
    margin-right: -66.667%;
  }
  .two-sidebars .region-sidebar-second .block:nth-child(3n) { /* Span 1 column, starting in the 3rd column from left. */
    float: left;
    width: 33.333%;
    margin-left: 66.667%;
    margin-right: -100%;
  }
}

/*
 * Use 5 grid columns for larger screens.
 */

@media screen and (min-width: 960px) {

  /*
   * The layout when there is only one sidebar, the left one.
   */

  .sidebar-first #content { /* Span 4 columns, starting in 2nd column from left. */
    float: left;
    width: 80%;
    margin-left: 20%;
    margin-right: -100%;
  }
  .sidebar-first .region-sidebar-first { /* Span 1 column, starting in 1st column from left. */
    float: left;
    width: 20%;
    margin-left: 0%;
    margin-right: -20%;
  }

  /*
   * The layout when there is only one sidebar, the right one.
   */

  .sidebar-second #content { /* Span 4 columns, starting in 1st column from left. */
    float: left;
    width: 80%;
    margin-left: 0%;
    margin-right: -80%;
  }
  .sidebar-second .region-sidebar-second { /* Span 1 column, starting in 5th column from left. */
    float: left;
    width: 21%;
    margin-left: 80%;
    margin-right: -100%;
  }

  /*
   * The layout when there are two sidebars.
   */

  .two-sidebars #content { /* Span 3 columns, starting in 2nd column from left. */
    float: left;
    width: 60%;
    margin-left: 20%;
    margin-right: -80%;
  }
  .two-sidebars .region-sidebar-first { /* Span 1 column, starting in 1st column from left. */
    float: left;
    width: 20%;
    margin-left: 0%;
    margin-right: -20%;
  }
  .two-sidebars .region-sidebar-second { /* Span 1 column, starting in 5th column from left. */
    float: left;
    width: 20%;
    margin-left: 80%;
    margin-right: -100%;
  }
}

@media screen and (max-width: 1136px) {
.content-opiniones .field-name-body {
  overflow: initial;
  }
}

@media screen and (max-width: 480px) {
  .content-opiniones .caja-foto-izquierda {
        float: none;
  }
   .content-opiniones .video_plan {
        float: none;
  }
}

@media screen and (max-width: 960px) {
  .contactoUdima .nacional .telefono { background-image:none;}
  .contactoUdima .nacional .whatsapp { background-image:none;}
  .contactoUdima .nacional .mail { background-image:none;}
  .contactoUdima .internacional .telefono { background-image:none;}
  .contactoUdima .internacional .whatsapp { background-image:none;}

.content-opiniones .foto_alumno             {width: 100%!important; float: left; margin-bottom: 20px;}
.content-opiniones .titulo                  { margin-left: 0px!important;}
.content-opiniones .field-name-body         { margin-left: 0px!important;}
}


@media screen and (min-width: 480px) and (max-width: 1211px) {

.pane-areas .pane-content .view-content	{-webkit-column-width: 250px; column-width: 250px; -moz-column-width: 250px;}
}

@media screen and (max-width: 1050px) {
.pane-menu-menu-serv-alumnos 								{background: #E4E4E4!important;}
.pane-menu-menu-serv-alumnos h2.pane-title 					{padding: 10px 10px 5px 10px!important;}
.pane-menu-menu-serv-alumnos .pane-content 					{padding-left: 10px!important;}

/*.block-om-maximenu 											{position: absolute; width: 100%; top: 52px;}*/
.region-megamenu .block-search input[type=text] 			{width: 80px!important;}
.region-megamenu .block-search								{width: 110px!important;}
#block-block-7 												{left: 0!important; top:8px;}


/* Se eliminant titulos de titulos propios y titulos empresas externas */

.page-titulos-propioshtml  #cabecera-tit-prop {
    display: none;
}

.page-titulos-externoshtml  #cabecera-tit-prop {
    display: none;
}


.om-maximenu ul.om-menu li.om-leaf .om-link         {padding: 19px 6px; font-size: 1em;}


.content-opiniones .foto_alumno             {width: 200px; float: left;}
.content-opiniones .titulo                  {margin-left: 220px;}
/*.content-opiniones .field-name-body         {margin-left: 220px;}*/

}



@media screen and (max-width: 320px) {
 .region-megamenu .block-search input[type=text] 			{width: 40px!important;}
 .region-megamenu .block-search 							{width: 70px!important;}
 .footerLinks												{display:none!important;}
 #block-block-7 											{right: 88px!important;}
}

@media screen and (max-width: 360px) {
    #block-block-7 ul li a {
        font-size: 0.917em;
    }
}

@media screen and (max-width: 641px) {
  .megamenu                         { overflow:initial; }
.iconMenu 											{display:block; margin-top: 0px;   }
#block-block-7               {display:block!important; top: 4px; font-size: 0.883em; left: 0!important;}
.block-om-maximenu 											{display:none;}
.megamenu													{height: 52px;}
 .js-tabs 													{display:none;}
 .select-tabs												{display:block!important;}
/* .pane-dos-columnas												{display:none;}*/
 #header 													{background: #fff!important;}
 .udima_responsive											{display:block!important;}
 .sidebars													{display:none;}
 #block-menu-menu-cabecera									{ display:none!important;}
 .pie 														{padding: 10px 20px 30px!important;}
 .pieLogo													{border-right: 0px none!important; min-width: 200px!important;}
 .footerLinks ul li 										{float: none!important;}
 .pie1, .pie2, .pie3										{ display:none!important;}
 #page 														{background: none!important; padding-top: 0px!important;}
 .logoUdima													{width:150px!important; height:45px!important; background-size: 129px 45px!important; background: url(../../images/Logo_UDIMA_Blanco.png) no-repeat;}
.logoUdima a												{width:180px!important; height:50px!important; display:block!important;}
.adicional {display:block; order: 1; width: 100%; padding: 0px;}
#block-block-3, #block-block-4  {display: none;}
.udima_rsp_content {order: 2; padding-top: 10px;}
#block-block-9 {
    margin-top: 0px;
}
.tabs-container												{display:none;}
.accordion-container										{display:block!important;}
/*.block-sharethis											{display:none!important;}*/
.region-adicional											{display:block!important;}
.region-rsp-content											{display:block!important;}
#main 														{padding-top: 1em;}
.field-item table											{margin:0px!important;}
.pie														{display:none!important;}
.rsp_pie													{display:block!important;}
.region-rsp-header											{display:block!important;}
.image-areas											    {display:none!important;}

.telefonos													{display:none!important;}
.rsp_telefonos												{display:block!important; bottom: 0; right: 0.5em; position: absolute;}
.rsp_telefonos	a											{font-size: 1em; text-decoration: none; color: #fff; font-weight: bold;}

.column {
  display: flex;
  flex-direction: column;
}

#block-search-form            {top:0px;}

#mini-panel-video_home_rsp {
    display: flex;
}
}


@media screen and (max-width: 736px) {
.video_plan 											{float:none!important; margin: 0; position: relative; padding-bottom: 56.25%; overflow: hidden;}
.video_plan iframe                                     {position:absolute; height:100%; width:100%;}

.video_plan_izq 											{float:none!important; margin: 0; position: relative; padding-bottom: 56.25%; overflow: hidden;}
.video_plan_izq iframe                                     {position:absolute; height:100%; width:100%;}

}


@media screen and (max-width: 730px) {
.landing .fila1 .texto {float: none; width: 100%; margin-right: 0px;}
.landing .fila1 .video	{padding-bottom: 56.45%;}
.landing .historias .video	{padding-bottom: 56.45%;}
.landing .fila2 .area {width: 29%;}


.video_plan 											{float:none!important; margin: 0; position: relative; padding-bottom: 56.25%; overflow: hidden;}
.video_plan iframe                                     {position:absolute; height:100%; width:100%;}

.video_plan_izq 											{float:none!important; margin: 0; position: relative; padding-bottom: 56.25%; overflow: hidden;}
.video_plan_izq iframe                                     {position:absolute; height:100%; width:100%;}


#udima-form-convalidaciones-solicitud { width: 300px;}
#udima-form-convalidaciones-solicitud .form-item label { width: 100%; float: none; text-align: left; padding-right: 0px;}
#udima-form-convalidaciones-solicitud #edit-description label { width: 100%; float: none; text-align: left; padding-right: 0px;}
#udima-form-convalidaciones-solicitud .description {margin-left: 0px;}
#udima-form-convalidaciones-solicitud textarea {margin-left: 0px;}
#udima-form-convalidaciones-solicitud .resizable-textarea .grippie {  margin-left: 0px;}
#udima-form-convalidaciones-solicitud .form-type-checkbox {    padding-left: 0px;}
#udima-form-convalidaciones-solicitud .form-type-checkbox label { width: auto; float: none; text-align: left; padding-right: 0px;}



#form-udima-solicitud { width: 300px;}
#form-udima-solicitud .form-item label { width: 100%; float: none; text-align: left; padding-right: 0px;}
#form-udima-solicitud textarea {margin-left: 0px;}



.page-solicitar-informacionhtml .resizable-textarea .grippie {  margin-left: 0px;}
.page-solicitar-informacionhtml .form-type-checkbox {    padding-left: 0px;}
.page-solicitar-informacionhtml .form-type-checkbox label { width: auto; float: none; text-align: left; padding-right: 0px;}


}

@media screen and (max-width: 960px) {
.image-areas											    {display:none!important;}
}



@media screen and (max-width: 496px) {
  #udima-form-convalidaciones-solicitud {width: auto;}
  #form-udima-solicitud { width: auto;}
.table-responsive 				{width: 100%; margin-bottom: 15px; overflow-y: hidden;
								 -ms-overflow-style: -ms-autohiding-scrollbar; -webkit-overflow-scrolling: touch;}


 .video_plan 											{float:none!important; margin: 0; position: relative; padding-bottom: 56.25%; overflow: hidden;}
 .video_plan iframe                                     {position:absolute; height:100%; width:100%;}

 .video_plan_izq 											{float:none!important; margin: 0; position: relative; padding-bottom: 56.25%; overflow: hidden;}
 .video_plan_izq iframe                                     {position:absolute; height:100%; width:100%;}


 .contenedor_evento .ev_calendario {float: none; display:none!important;}
 .contenedor_evento .ev_info	{margin-left: 0;}

  .landing .fila2 .area {width: 41%;}


/* Formulario de preinscripción */
#overlay-close, #overlay-close:hover {position: relative;}
.seccion_id									{float:none; width:100%;}
.seccion_direccion 							{float:none; width:100%;}
.seccion_contacto							{float:none; width:100%;}
.seccion_detalle 							{float:none; width:100%;}

}


@media screen and (max-width: 640px) {
.view-listado-cursos-idiomas .masaGris		{float:none; padding:10px; background:#f4f4f4; width:auto;}
.view-listado-cursos-idiomas .view-header	{ float:none; width:auto;}

.view-listado-doctorados .masaGris		{float:none; padding:10px; background:#f4f4f4; width:auto;}
.view-listado-doctorados .view-header	{ float:none; width:auto;}

.destacado-home-responsive { display: block!important; }

}