/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */
/*
 * Style Sheet - Defines the main look like colors and backgrounds
 * Dont edit this style, please edit the CUSTOM.CSS if you want to customize the theme
 */
/* --------------------------------------------- ROKSPROCKET -------------------------------------------------------*/
.sprocket-headlines {background: #fff!important;border: 1px solid #ddd; max-width:99.99%!important}
a.sprocket-headlines-text {color:#777!important;}
a.sprocket-headlines-text:hover {color:#000!important;}
.sprocket-headlines-navigation .arrow { line-height:130%;}
.sprocket-mosaic-item {border:none!important;margin:10px;margin-left:0!important}
.sprocket-mosaic h2 {font-size: 18px !important;margin: 10px 0 !important; text-align:center}
.sprocket-mosaic-item .sprocket-padding {
    background-color: #fff;
    border: 1px solid #efefef;
    border-radius: 0;
    padding: 10px 10px 0 10px!important;
}
.sprocket-mosaic-item {
    border: none;
    border-radius: none;
}

.layout-slideshow .sprocket-features-pagination {
    bottom: 0;
    left: 0;
    position: relative;
    z-index: 10;
}
#main .sprocket-mosaic .sprocket-mosaic-order ul li, #main .sprocket-mosaic .sprocket-mosaic-order ul li, .sprocket-mosaic .sprocket-mosaic-order li, .sprocket-mosaic .sprocket-mosaic-order li {
    border-radius:0;
    margin: 0;
}
.layout-slideshow .sprocket-features-content {
    bottom: 40px;
}
.sprocket-tabs-nav {
    border-bottom: none;
}

.layout-top .sprocket-tabs-nav {
    padding:0 !important;
}
.sprocket-tabs-nav > li {
    margin-bottom: 0px;
	color:#fff;
}
.sprocket-tabs-nav > li.active > .sprocket-tabs-inner {
    background-color: #000;
	color:#fff;
    border:none!important;
}
.sprocket-tabs-nav > li > .sprocket-tabs-inner {
    border:none!important;
    border-radius:0;
}
/* --------------------------------------------- LAYOUT -------------------------------------------------------*/
body {
  /* Edición para ISEADE */
  background:#fff url("../../../images/bg-general.jpg") top repeat-x;
}
.jp-toolbar-outer {
background:#000;
 -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.3);
   -moz-box-shadow: 0px 0px 10px rgba(0,0,0,.3);
   box-shadow: 0px 0px 10px rgba(0,0,0,.3);

}
#toolbar {
color:#fff;
}

#toolbar a,#toolbar a:visited {
color:#fff;
}

#toolbar a:hover {
color:#999;
}
#toolbar {
margin:5px 0;
padding:5px 0;
}

.jp-top-outer {
position:relative;
z-index:0;
}

#logo {
text-align:left;
float:left;
/* Edición para ISEADE */
margin:0;
}
#banner {
position: relative;
float:right;
margin:10px 0;
right:0;
top: 0;
}
#menubar {
/* Edición para ISEADE */
height:42px;
background: rgba(213,171,65,1) !important;
background: -moz-linear-gradient(top, rgba(213,171,65,1) 0%, rgba(206,157,32,1) 51%, rgba(199,143,2,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(213,171,65,1)), color-stop(51%, rgba(206,157,32,1)), color-stop(100%, rgba(199,143,2,1)));
background: -webkit-linear-gradient(top, rgba(213,171,65,1) 0%, rgba(206,157,32,1) 51%, rgba(199,143,2,1) 100%);
background: -o-linear-gradient(top, rgba(213,171,65,1) 0%, rgba(206,157,32,1) 51%, rgba(199,143,2,1) 100%);
background: -ms-linear-gradient(top, rgba(213,171,65,1) 0%, rgba(206,157,32,1) 51%, rgba(199,143,2,1) 100%);
background: linear-gradient(to bottom, rgba(213,171,65,1) 0%, rgba(206,157,32,1) 51%, rgba(199,143,2,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d5ab41', endColorstr='#c78f02', GradientType=0 );
border-radius: 5px 5px 0px 0px;
-moz-border-radius: 5px 5px 0px 0px;
-webkit-border-radius: 5px 5px 0px 0px;
border: 0px solid #000000;
}

#search {
margin-right:6px;
}

.searchbox .results {
background:none repeat scroll 0 0 #FFF;
border:1px solid #DDD;
right:-3px;
top:38px;
width:300px;
}

.jp-main-outer {
/* Edición para ISEADE */
padding:0 0 20px 0;
overflow: hidden;
background-color:#ffffff;
position:relative;
margin:0 auto;
-moz-box-shadow:0 0 0 10px #ccc;
-webkit-box-shadow:0 0 10px 0 #ccc;
box-shadow:0 0 10px 0 #ccc;
border-radius: 10px 10px 0px 0px;
-moz-border-radius: 10px 10px 0px 0px;
-webkit-border-radius: 10px 10px 0px 0px;
border: 0px solid #000000;
}

.jp-bottom-c-outer {
position:relative;
z-index:0;
background-color:#eee;
padding:20px 0;
}

.jp-footer-outer {
background:#222;
border-top:1px solid #fff;
color:#ccc;
padding:20px 0;
}

.jp-footer-outer a,.jp-footer-outer a:visited {
color:#ccc;
}

.jp-footer-outer a:hover {
color:#fff;
}

.searchbox {
background-color:#FFF;
}
/* Edición para ISEADE */
#maininner {
padding-bottom:20px;
}
#bottom-a,#bottom-b,#bottom-c,#bottom-d,#bottom-e,#bottom-f,#top-a,#top-b,#top-c,#top-d,#top-e,#top-f {
margin-bottom:20px;
padding-bottom:20px;
border-bottom:1px solid #efefef;
}

#footer {
margin:0;
}

.breadcrumbs {
padding:10px 0;
border-bottom:1px solid #FFF;
box-shadow:0 -1px 0 rgba(0,0,0,0.15) inset;
margin-bottom:30px;
}

/*--------------------------------------------- MENU -------------------------------------------------------*/
.menu-dropdown li.level1 {
/* Edición para ISEADE */
color: #FFF;
text-decoration: none;
text-transform: uppercase;
font-weight: bold;
text-shadow: 1px 1px 2px #000;
opacity: 0.9;

margin-right:0;
border:none;
border-right:1px solid #6E1602;
}

.menu-dropdown a.level1,.menu-dropdown span.level1 {
border:none;
}

.menu-dropdown a.level1 > span,.menu-dropdown span.level1 > span {
/*padding:6px 18px;*/
  padding:6px 11.8px;
}

.menu-dropdown .dropdown-bg > div {
border:1px solid #efefef;
background:#fff;
background:rgba(255,255,255,0.97);
}

.menu-dropdown .dropdown {
border-top:none;
top:38px;
}
.menu-line li {
background: none;
}
/*------------------------------------------- MODULE ---------------------------------------------------------*/
.module {
margin:15px;
}

.mod-blank {
border:none!important;
padding:0!important;
margin:0!important;
background:none!important;
}

.mod-clean1,.mod-clean2,.mod-clean3 {
border:none!important;
padding:0!important;
margin:15px!important;
background:none!important;
}

.mod-clean1 h3 {
color:#000;
padding:8px 0;
border-bottom:1px solid #ededed;
}

.mod-clean2 h3 {
background:#000;
color:#FFF;
padding:8px 15px;
}

.mod-box {
border:1px solid #efefef;
border-radius:none;
background: #fdfdfd;
-moz-border-radius:none;
margin:15px;
}

.mod-shadow {
border:1px solid #fff;
border-radius:none;
background:#fdfdfd;
-moz-border-radius:none;
margin:15px;
-moz-box-shadow:0 0 0 10px #ccc;
-webkit-box-shadow:0 0 10px 0 #ccc;
box-shadow:0 0 10px 0 #ccc;
}

.mod-black {
border:none;
background:#222;
color:#ccc;
padding:15px;
}

.mod-black a:link,.mod-black a:visited {
color:#fff;
}

.mod-black a:hover {
color:#888;
}

.mod-black h1,.mod-black h2,.mod-black h3,.mod-black h4,.mod-black h5,.mod-black h6 {
color:#fff;
}

/* -------------------------------------- TOOLS --------------------------------------------------------------*/
img {
height:auto;
max-width:100%;
}

a.button-default:hover,a.button-primary:hover {
background-color:#222;
color:#fff!important;
}

.img-shadow {
-moz-box-shadow:0 0 0 5px #999;
-webkit-box-shadow:0 0 5px 0 #999;
box-shadow:0 0 5px 0 #999;
max-width:100%;
}

.img-polaroid {
-moz-box-shadow:0 0 0 10px #ccc;
-webkit-box-shadow:0 0 10px 0 #ccc;
box-shadow:0 0 10px 0 #ccc;
max-width:100%;
padding:5px;
margin:5px;
background:#fff;
}

img.align-right {
-moz-box-shadow:0 0 0 5px #DDD;
-webkit-box-shadow:0 0 5px 0 #DDD;
box-shadow:0 0 5px 0 #DDD;
max-width:100%;
}

a.lightbox-color {
float:left;
border:1px solid #ededed;
padding:2px;
margin:5px;
}

a.button-default,a.button-primary {
border:none;
}
button { 
padding:6px 10px; 
border:none
}
/* System
----------------------------------------------------------------------------------------------------*/
/* Estilos personalizados para ISEADE */
#sidebar-a .module-title, #sidebar-b .module-title {
  display: none;
}

#innerbottom .mod-box {
  padding: 0;
  -webkit-box-shadow: 3px 3px 8px #666;
  -moz-box-shadow: 3px 3px 8px #666;
  -o-box-shadow: 3px 3px 8px #666;
  box-shadow: 3px 3px 8px #666;
}
#innerbottom .module-title {
  display: block;
  background-color: #5A1102;
  border-left-width: 4px;
  border-left-style: solid;
  border-left-color: #C58B10;
  font-size: 13px;
  font-weight: bold;
  text-transform: uppercase;
  color: #FFF;
  padding: 4px;
  height: 38px;
  overflow: hidden;
  margin: 0;
}
#innerbottom .innerBottom-Content {
  padding: 0 10px 5px 10px;
}
#innerbottom .innerBottom-Content ul {
  list-style-image: url("../../../images/home/bullet.png");
  margin: 0px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 20px;
}
#innerbottom .innerBottom-Content ul li {
  margin-top: 6px;
  margin-bottom: 6px;
}
#innerbottom .innerBottom-Content img {
  width: 96%;
  margin: 0 2%;
}
#innerbottom .innerBottom-Content a {
  color: #882F20;
}

#footer p, #footer a {
  color: #fff; 
}
#footer a:hover {
  text-decoration: underline;
}
#footer div:nth-child(2), #footer div:nth-child(3) {
  background-color: #6b291b;
  border-bottom: 1px #854d3e solid;
}
#footer div:nth-child(2) {
  height: 5px; 
}
#footer div:nth-child(3) ul {
  margin: 12px auto;
}
#footer div:nth-child(3) li {
  padding: 0px 25px;
  font-size: 12px;
  text-transform: uppercase;
}
#footer div:nth-child(4) {
  background-color: #5a1102;
}
#footer div:nth-child(4) p {
  margin: 5px auto;
  font-size: 11px;
}

.blockContent {
  width: 100%;
  border: 1px solid #CCC;
  margin-bottom:20px;
}
.blockContent h2 {
  display: block;
  background: #6E1602;
  margin: 0;
  font-size: 18px;
  font-weight: normal;
  line-height: 20px;
  font-family: "Arial Narrow", Arial, Verdana;
  color: #fff;
  padding: 5px;
}
.blockContent p {
  padding: 5px;
  margin: 0px;
  min-Height: 150px;
}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#sidebar-a .mod-box {
  background: #F9F9F9;
}
#sidebar-a ul {
  margin-left: 15px;
}
#sidebar-a ul li {
  padding: 6px 0;
  list-style-image: url("../../../images/bullet.png");
  margin: 0;
}
#sidebar-a ul li a {
  color: #C58B10;
  text-decoration: none;
  font-weight: bold;
}
#sidebar-a ul li a.active {
  color: #5A1101;
}

.wk-slideshow .caption {
  font-size: 16px;
  padding-left: 20px;
}
.wk-slideshow .caption a {
  text-decoration: none;
}
.wk-slideshow-default > div:hover .next {
  right: 10px;
}
.wk-slideshow-default > div:hover .prev {
  left: 10px;
}

#sidebar-b .mod-box{
  padding: 0px;
  border: none;
}

table.flatcal_main_t {
  width: 100%;
}
#flatcal_minical .flatcal_navbar {
  background-color: #5A1102;
}
#flatcal_minical .flatcal_month_label {
  font-size: 13px;
  color: #FFF;
  text-transform: uppercase;
  font-weight: bold;
  padding: 3px 0px;
}
#flatcal_minical table tr, #flatcal_minical table td {
  border: 1px solid #666;
}
#flatcal_minical .link_prev, #flatcal_minical .flatcal_month_label, #flatcal_minical .link_next {
  border: none;
}
#flatcal_minical td.flatcal_weekdays {
  background: #E7A700;
  font-weight: bold;
  font-size: 10px;
  text-align: center;
  padding: 1px;
}
#flatcal_minical .flatcal_daycell, #flatcal_minical .flatcal_todaycell, #flatcal_minical .flatcal_sundaycell, #flatcal_minical .flatcal_othermonth {
  font-size: 11px;
  background: #FFF;
  color: #333;
  padding: 0px;
  height: 26px;
  width: 30px;
}
#flatcal_minical .flatcal_othermonth {
  background: #eee;
}
#flatcal_minical .flatcal_todaycell {
  background-color: #E7A700;
}
#flatcal_minical .flatcal_daycell:hover {
  background: #eceff5;
}
#flatcal_minical .flatcal_busylink:link, #flatcal_minical .flatcal_busylink:visited {
  background-color: #5A1102; 
  color: #fff;
  font-size: 11px;
  display: block;
  height: 26px;
  line-height: 26px;
}

#innertop .mod-box {
  padding: 0px;
  border: none;
  margin-bottom: 0px;
}
.breadcrumbs {
  border: none;
  box-shadow: none;
  color: #999999;
  text-decoration: none;
  font-size: 10px;
  text-transform: uppercase;
  padding-bottom: 0px;
}

#header-social {
  margin-bottom: 25px;
}
#header-social ul {
  list-style-type: none; 
  margin: 0 90px 0 0; 
  padding: 0;
}
#header-social ul li {
  display: inline; 
  margin-left: 5px;
}
#header-social ul li a {
  font-size: 12px;
  color: #333;
  text-decoration: none;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
}

.article-left-img {
  margin:13px 10px 13px 0 !important;
  float: left;
  background: #EEEEEE;
}
.article-right-img {
  margin:13px 0 13px 10px !important;
  float: right;
  background: #EEEEEE;
}
.article-center-img {
  background: #EEEEEE;
}
.article-left-img .description, .article-right-img .description, .article-center-img .description {
  text-align: center;
  line-height: 30px;
}

#maininner #content .content a {
  color: #882F20;
  text-decoration: none;
}

ul.flechas li {
  padding: 6px 0;
  list-style-image: url(../../../images/bullet.png);
  margin: 0;
}

.catedraticos h3 {
  font-size: 16px;
  font-weight: bold;
  color: #D4Ac64;
  border-bottom: #D4AC64 solid 1px;
  margin-top: 13px;
}
.catedraticos .span2 p {
  text-align: center;
}

#maininner #content .content .jp-accordion-item h3 a {
  color: #fff;
}
h3.ui-accordion-header {
  background: #999;
  border-color: #999;
}
h3.ui-state-active {
  background: #6F1401;
  border-color: #6F1401;
}
.ui-accordion-content {
  background: #fff;
}
.ui-accordion-content ul {
  list-style-type: disc;
}

.nivel {
  height:0px;
  clear:both;
}

#sidebar-a .float-element, #sidebar-b .float-element {
  background: transparent;
  border: none;
  margin: 0 15px;
  padding: 0 15px;
}

.isblog #system .items .intro .item {
  border: 1px solid #CCC;
  border-left: 5px solid #600;
  padding: 5px 8px;
}
.isblog #system .items .intro .item header {
  margin: 0;
}
.isblog #system .items .intro .item header h1 {
  font-size: 18px;
  margin-bottom: 5px;
}
.isblog #system .items .intro .item .links {
  margin: 0;
}
.isblog #system .items .intro .item .links a {
  color: #882F20;
}

.graduados #system .items .item header {
  margin-bottom: 5px;
}
.graduados #system .items .item header h1 {
  margin-bottom: 5px;
}
.graduados .padrino {
  margin-top: 0px;
  font-weight: bold;
}
#content {
  margin-right: 25px;
}
.row-fluid [class*="span"] img {
	width: 100%;
}

.autorNombre {
  font-weight: bold;
  margin-top: 5px;
}
.autorEmpresa {
  
}
.autorEmail a {
  color: #882F20;
  margin-bottom: 5px;
}
.wk-slideshow .caption a {
  color: #fff !important;
}

#no-more-tables td {
  padding: 0px 10px;
}

@media only screen and (max-width: 600px) {	
	/* Force table to not be like tables anymore */
	#no-more-tables table, 
	#no-more-tables thead, 
	#no-more-tables tbody, 
	#no-more-tables th, 
	#no-more-tables td, 
	#no-more-tables tr { 
		display: block; 
	}
 
	/* Hide table headers (but not display: none;, for accessibility) */
	#no-more-tables thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
 
	#no-more-tables tr { 
      border: none; 
      margin-bottom: 10px;
    }
 
	#no-more-tables td { 
		/* Behave  like a "row" */
		border: none;
		position: relative;
		white-space: normal;
		padding: 5x; 
		text-align:left;
	}
 
	#no-more-tables td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
		text-align:left;
		font-weight: bold;
	}
}

#system .item .notaImportante {
  margin-top: 20px;
  border: 1px solid #CCC;
  border-left: 5px solid #600;
  padding: 5px 8px 15px 8px;
  text-align: center;
}
#system .item .notaImportante header {
  color: #D4Ac64;
  font-size: 16px;
  padding-bottom: 8px;
  border-bottom: 1px solid #D4Ac64;
  margin-bottom: 20px;
}

.alianza h3 {
  font-size: 18px;
  margin: 0px;
  padding: 0px;
  line-height: normal;
  font-family: "Arial Narrow", Arial, Verdana;
  color: #900;
}

#system .pagination strong {
  background: #5a1102;
  color: #fff;
}

#system a {
    color: #882F20;
}

#contact-form input, #contact-form textarea {
  width: 201px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  padding: 5px;
  border: #000 solid 1px;
}

.content em {
  color: #222;
}

/* Estilos para tabla de postgrados light  */

.tablaPostgradosLight table {
    border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
	border: 1px solid #ddd;
}

.tablaPostgradosLight th, .tablaPostgradosLight td {
	border: none;			
	padding: 8px;
}
.tablaPostgradosLight td {
	text-align: left;
}
.tablaPostgradosLight th {
	background-color: #5A1102;
	color: #fff;
	font-weight: bold;
	text-align: center;
}

.tablaPostgradosLight tr:nth-child(even){background-color: #f2f2f2}

/* Estilos para sección informativa de postgrados  by Armando*/

.infopostgrado,.infopostgrado div,.infopostgrado span,.infopostgrado h1,.infopostgrado h2,.infopostgrado h3,.infopostgrado h4,.infopostgrado h5,.infopostgrado h6,.infopostgrado p,.infopostgrado img,
.infocursoOnline,.infocursoOnline div,.infocursoOnline span,.infocursoOnline h1,.infocursoOnline h2,.infocursoOnline h3,.infocursoOnline h4,.infocursoOnline h5,.infocursoOnline h6,.infocursoOnline p,.infocursoOnline img
 {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}


.infopostgrado article, 
.infopostgrado aside, 
.infopostgrado section,
.infocursoOnline article, 
.infocursoOnline aside, 
.infocursoOnline section {
    display:block;
}


.infopostgrado .span1,
.infocursoOnline .span1,
.infopostgrado .span2,
.infocursoOnline .span2,
.infopostgrado .span3,
.infocursoOnline .span3,
.infopostgrado .span4,
.infopostgrado .span5,
.infopostgrado .span6,
.infopostgrado .span7,
.infopostgrado .span8,
.infopostgrado .span9,
.infopostgrado .span10,
.infopostgrado .span11,
.infopostgrado .span12,
.infocursoOnline .span12{
    float:left;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}


.infopostgrado .col,.infocursoOnline .col{
  margin-left: 1.5%;
}


.infopostgrado .col:first-child,.infocursoOnline .col:first-child {
  margin-left:0;
}


.infopostgrado .span1,.infocursoOnline .span1{
  width: 6.95833333333%;
  
}

.infopostgrado .span2,.infocursoOnline .span2{
  width: 15.4166666667%;
  
}

.infopostgrado .span3,.infocursoOnline .span3{
  width: 23.875%;
  
}

.infopostgrado .span4,.infocursoOnline .span4{
  width: 32.3333333333%;
  
}

.infopostgrado .span5,.infocursoOnline .span5{
  width: 40.7916666667%;
  
}

.infopostgrado .span6,.infocursoOnline .span6{
  width: 49.25%;
  
}

.infopostgrado .span7,.infocursoOnline .span7{
  width: 57.7083333333%;
  
}

.infopostgrado .span8,.infocursoOnline .span8{
  width: 56.1666666667%;
  
}

.infopostgrado .span9,.infocursoOnline .span9{
  width: 74.625%;
  
}

.infopostgrado .span10,.infocursoOnline .span10{
  width: 83.0833333333%;
  
}

.infopostgrado .span11,.infocursoOnline .span11{
  width: 91.5416666667%;
  
}

.infopostgrado .span12,.infocursoOnline .span12{
  width: 100%;
  margin-left: 0;
}


.infopostgrado .infopostgrado,.infocursoOnline .infocursoOnline{
  font-size: 87.5%;
  color: #252e35;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  line-height: 1.5em;
}


.infopostgrado h1,.infocursoOnline h1{
    font-size: 1.714285714em; /* 24 / 14 */
    line-height: 1.5em; /* 21 / 14 */
}


.infopostgrado h2,.infocursoOnline h2{
  font-size: 1.5em; /* 21 / 14 */
  line-height: 1.5em; /* 21 / 14 */
}


.infopostgrado p,.infocursoOnline p{
    font-size: 1em; /* 14 / 14 */
    line-height: 1.5em; /* 21 / 14 */
    margin-bottom: 1.5em; /* 21 / 14 */
}


.infopostgrado #container,
.infopostgrado .inner,
.infocursoOnline #container,
.infocursoOnline .inner,{
  margin: 0 auto;
  text-align:justify;
}


.infopostgrado header,.infocursoOnline header{
  background: #262F37;
}


.infopostgrado header h1,.infocursoOnline header h1{
  margin: 7px 0 0 0;
}


.infopostgrado #container,.infocursoOnline #container{
  clear: both;
  padding-top: 20px;
}


.infopostgrado .alt,.infocursoOnline .alt{
  color: #fff;
  color: rgba(255,255,255, 0.9);
  letter-spacing: 0.05em;
}

/* MEDIA QUERIES */

/* Responsify Defaults */

@media screen and (max-width: 768px){
  
.infopostgrado nav .span4,.infocursoOnline nav .span4{
    width: 100%;
  }

  
.infopostgrado .span8,
.infopostgrado article,
.infocursoOnline .span8,
.infocursoOnline article{
    width: 100%;
  }


.infopostgrado .span4,
.infopostgrado aside,
.infocursoOnline .span4,
.infocursoOnline aside{
    width: 100%;
    margin-left: 0;
  }


.infopostgrado #container,
.infopostgrado .inner,
.infocursoOnline #container,
.infocursoOnline .inner{
    width: 90%;
    padding: 0 5% 0 5%;
  }
  .infopostgrado .nombre,.infocursoOnline .nombre{   
   font-size: 2.5em;   
  }
}

@media screen and (max-width: 480px){
  
.infopostgrado nav ul li,.infocursoOnline nav ul li{
    width: 100%;
    margin: 0 0 5px 0;
  }


.infopostgrado nav a,.infocursoOnline nav a{
    margin: 0;
    padding: 14px 0 14px 0;
  }
  .infopostgrado .nombre,.infocursoOnline .nombre{   
   font-size: 1.0em;
   font-weight: normal;
  }
}

/* Custom Breakpoints */

@media screen and (max-width: 480px) {
 /* Add your styles for devices with a maximum width of 480 */
}


/* Micro Clearfix */

/* For modern browsers */

.infopostgrado .cf:before,
.infopostgrado .cf:after,
.infocursoOnline .cf:before,
.infocursoOnline .cf:after {
    content:"";
    display:table;
}


.infopostgrado .cf:after,.infocursoOnline .cf:after {
    clear:both;
}

/* For IE 6/7 (trigger hasLayout) */

.infopostgrado .cf,.infocursoOnline .cf {
    *zoom:1;
}
/* Mis estilos */

.infopostgrado .logos,
.infocursoOnline .logos,
.infopostgrado .titulo,
.infocursoOnline .logos,
.infocursoOnline .titulo,
.infocursoOnline .titulo_fondo_ocre{
   text-align:center;
}

.infopostgrado .titulo,.infocursoOnline .titulo,.infocursoOnline .titulo_fondo_ocre{  
   color:#fff;
   padding-top: 3%;
   padding-bottom: 3%;
}
.infopostgrado .titulo{  
   background-color:#5A1102;   
}
.infocursoOnline .titulo{  
   background-color:#003366;   
}
.infocursoOnline .titulo_fondo_ocre{  
   background-color:#6E1602;   
}

.infopostgrado .nombre,.infocursoOnline .nombre{   
   font-size: large;
   font-weight: bold;
}

/* Para acordeon en calendario de postgrados */
.fondoimg h3.ui-state-active{  
   background-color:#01DFDF;
   padding: 0;
   margin: 0:
}
.fondoimg .ui-accordion-icons .ui-accordion-header a {
  background-color: #FFFFFF;  
  border-color: #FFFFFF; 
  border:none !important;
  padding: 0;
}
.fondoimg h3.ui-state-active {
  border-color: #FFFFFF;  
  border:none !important;
}
.fondoimg #aininner #content .content .jp-accordion-item h3 a{
  border-color: #FFFFFF;
  border:none !important;
}
.fondoimg .ui-accordion-content {
  border-color: #FFFFFF;
  border:none !important;
}
.fondoimg .ui-accordion-content ul {
  border-color: #FFFFFF;
  border:none !important;
}
h3.ui-accordion-header {
  border-color: #FFFFFF;
  border:none !important;
}
/* Para botones, por ejemplo en seminarios*/
#maininner #content .content button.boton_1{
  text-decoration: none;
  padding: 3px;
  padding-left: 10px;
  padding-right: 10px;
  font-family: helvetica;
  font-weight: 300;
  font-size: 14px;
  color: #ffff;
  /*background-color: #ecae2c;*/
  background: rgba(90,17,2,1);
  background: -moz-linear-gradient(-45deg, rgba(90,17,2,1) 0%, rgba(241,111,92,1) 11%, rgba(90,17,2,1) 30%, rgba(92,29,17,1) 71%, rgba(90,17,2,1) 100%);
  background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(90,17,2,1)), color-stop(11%, rgba(241,111,92,1)), color-stop(30%, rgba(90,17,2,1)), color-stop(71%, rgba(92,29,17,1)), color-stop(100%, rgba(90,17,2,1)));
  background: -webkit-linear-gradient(-45deg, rgba(90,17,2,1) 0%, rgba(241,111,92,1) 11%, rgba(90,17,2,1) 30%, rgba(92,29,17,1) 71%, rgba(90,17,2,1) 100%);
  background: -o-linear-gradient(-45deg, rgba(90,17,2,1) 0%, rgba(241,111,92,1) 11%, rgba(90,17,2,1) 30%, rgba(92,29,17,1) 71%, rgba(90,17,2,1) 100%);
  background: -ms-linear-gradient(-45deg, rgba(90,17,2,1) 0%, rgba(241,111,92,1) 11%, rgba(90,17,2,1) 30%, rgba(92,29,17,1) 71%, rgba(90,17,2,1) 100%);
  background: linear-gradient(135deg, rgba(90,17,2,1) 0%, rgba(241,111,92,1) 11%, rgba(90,17,2,1) 30%, rgba(92,29,17,1) 71%, rgba(90,17,2,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5a1102', endColorstr='#5a1102', GradientType=1 );
  border-radius: 5px;
  border: 3px double #6E1602;
}
#maininner #content .content button.boton_1:hover{
  opacity: 0.6;
  text-decoration: none;
}
#maininner #content .content button.boton_1 a{
  color: #FFFFFF;  
}
/*Para calendario de postgrados*/

#calendaio_postgrados {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

#calendaio_postgrados > div {
  width: 48%;
  margin-right:2%;
}
#calendaio_postgrados > div > ul > li > a:hover{
    text-decoration: underline !important;
    text-shadow: 0px 1px 2px #882F20;
}