@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,700&display=swap);
@import url(https://fonts.googleapis.com/css?family=Merriweather&display=swap);
@import url(https://cruyffinstitute.nl/wp-content/themes/Revera/css/iconos.css);

@font-face {
	font-family: 'icomoon';
	src:url('https://cruyffinstitute.nl/wp-content/themes/Revera/fonts/icomoon.eot?-3vfcz0');
	src:url('https://cruyffinstitute.nl/wp-content/themes/Revera/fonts/icomoon.eot?#iefix-3vfcz0') format('embedded-opentype'),
		url('https://cruyffinstitute.nl/wp-content/themes/Revera/fonts/icomoon.woff?-3vfcz0') format('woff'),
		url('https://cruyffinstitute.nl/wp-content/themes/Revera/fonts/icomoon.ttf?-3vfcz0') format('truetype'),
		url('https://cruyffinstitute.nl/wp-content/themes/Revera/fonts/icomoon.svg?-3vfcz0#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

body,
button,
input,
select,
textarea {
	color: #363636;
	font-size: 14px;
	font-size: 1.3rem;
	line-height: 1.6em;
	font-family: 'Open Sans', sans-serif;
}

body {
	background-image: url(https://johancruyffinstitute.com/wp-content/themes/Revera/images/graficos_cabecera3.jpg);
	background-position: top right;
	background-repeat:no-repeat;
}

body.home {
	background-image: url(https://johancruyffinstitute.com/wp-content/themes/Revera/images/graficos_cabecera_home.jpg);
	background-size:100%;
	background-repeat:repeat-y;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {line-height:1.5}

h1 { font-size: 32px; }
h2 { font-size: 20px; margin-bottom:25px;}
h3 { font-size: 20px; }
h4 { font-size: 18px; margin-bottom:25px;}
h5 { font-size: 16px; font-weight: bold; text-transform: uppercase;}
h6 { font-size: 14px; }

code{
	white-space: normal;
}

p {
	line-height:1.9em;
	margin-bottom:1.5em;
	text-align:left;
}

.card {
	width: 100%;
	padding: 20px;
	background-color: #f1f1f1;
}
.card .card-body ul li:before {
	margin-left: 20px;
}

/* Instagram embed code fullwidth */
iframe[src*="instagram"] {
    width: 40% !important;
    max-width: 40% !important;
	float:left !important;
	margin-right:30px !important;
}

#themagazine-home {width:100%}
#themagazine-home button {padding: 10px 15px;
	font-size: 14px;
	font-weight: 600;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	border:none;
	background-color: #e7c03c;
	box-shadow:none;
	color:#fff;
	display: block;
	margin-top:10px;
	width:100%;
	text-transform:uppercase;
	text-shadow:none;}


a.football-focus {
   -webkit-border-radius: 10px !important;
   -moz-border-radius: 10px !important;
   border-radius: 10px;
   color: #FFFFFF !important;
   font-family: Open Sans !important;
   font-size: 24px !important;
   font-weight: 500 !important;
   padding: 15px 30px !important;
   background-color: #7BB637 !important;
   text-decoration: none !important;
   display: inline-block !important;
   cursor: pointer !important;
   margin-top:30px !important;
   margin-bottom:40px !important;
}

a.football-focus:hover {
   background: #629922 !important;
   text-decoration: none !important;
}

/* COVID */

.su-spoiler-style-covid > .su-spoiler-title {background: #f6f6f6;color: #333;font-size: 14px;font-weight: normal;}
.su-spoiler-style-covid > .su-spoiler-content {font-size:13px; padding:20px 20px 20px 35px;border:solid thin #f6f6f6;}

.su-spoiler-style-covid > .su-spoiler-closed {background-color:#ccc!important}
.su-spoiler-style-covid > .su-spoiler-icon {font-size:8px; color:#00a0e1}

/* BOXES SHORTCODES */
.su-box-style-default {border-color:#00a0e1 !important; }
.su-box-style-default > .su-box-title {text-transform: uppercase;}

/* Links */
a {
	color: #363636;
	-webkit-transition: color .3s ease-in-out,background .3s ease-in-out,border .2s ease-in-out;
	-moz-transition: color .3s ease-in-out,background .3s ease-in-out,border .2s ease-in-out;
	-ms-transition: color .3s ease-in-out,background .3s ease-in-out,border .2s ease-in-out;
	-o-transition: color .3s ease-in-out,background .3s ease-in-out,border .2s ease-in-out;
	transition: color .3s ease-in-out,background .3s ease-in-out,border .2s ease-in-out;

}
a:visited {
	color: #363636;
	text-decoration:none;
}
a:hover,
a:focus,
a:active {
	color:#00a0e1;
	text-decoration: none;
}

/* Privacy Policy */

h4.privacy {margin-top:0;text-transform: uppercase;font-size: 15px;font-weight: 600;margin: 0 0 40px 0;border-bottom: solid thin #cbcbcb;padding-bottom: 15px;border-top: solid 5px #cbcbcb;padding-top: 15px;}
table.privacy {line-height:1.9em; font-size:100%;}
table.privacy tr td {padding:15px;border:solid thin #ccc;}
table.privacy ul, table.privacy ol{margin-top:10px;}
table.privacy ul li {margin-left:-15px;display:flex;}
table.privacy ul li:before {position:inherit;width:2em;font-size:12px; padding-right:10px;}
table.privacy ol li {padding-left:10px; margin-bottom:5px;}


/* Head */


#masthead{
	position: relative;
	padding-top:20px;
}

#masthead img.img-modified {
	width:65px;
	padding-top:15px;
}

.site-branding{
	margin-bottom: 20px;
	margin-top:0px !important;
	float:left;
}

/* =Blockquote
----------------------------------------------- */
.blockquote {
	font-family: 'Merriweather', serif;
	font-size:14px;
	line-height:175%;
	padding:20px;
	background-color: #f1f1f1;
	border-radius: 10px;
	border-bottom: solid thin #cbcbcb;
}

.blockquote img {width:50%;}



/* =Campus
----------------------------------------------- */

.campus {
	padding:5px;
	color:#3b3b3b;
	-webkit-box-shadow: 0px 1px 5px 0px rgba(24, 26, 29, 0.1);
	-moz-box-shadow:    0px 1px 5px 0px rgba(24, 26, 29, 0.1);
	box-shadow:         0px 1px 5px 0px rgba(24, 26, 29, 0.1);
	width:100%;
	height:40px;
	padding-top:10px;
	background:#fff;
}

.campus a {
	margin-top:15px;
}

.campus a:hover {
	color:#3b3b3b;
}

.campus span {
	display:block;
	font-weight:200;
}

.campus i {
	color:#00a0e1;
	font-size:15px;
	margin-right:5px;
}

/* Language selector */

.lang-item {
    display: inline;
	padding-right:5px;
}

.campus ul {
	margin-bottom:0;
}

.campus ul li a {
	color:#232a2c;
}

.current-lang a {
	color:#fff !important;
	background-color:#00a0e1;
	font-weight:300;
	padding:3px 5px;
}


/* Menu */

.menutoggle{
	width: 36px;
	height: 36px;
	color: #777;
	border: 1px solid #cbcbcb;
	border-radius: 3px;
	line-height: 36px;
	text-align: center;
	background: #fff;
	position: absolute;
	right: 20px;
	top:25px;
	display:none;
}


/* Hace el gui�n del logo en sticky azul */

#megaMenu-sticky-wrapper #megaMenu.ubermenu-sticky li.um-sticky-only {
    display: block !important;
	color:#fff !important;
	width:300px !important;
}
#megaMenu-sticky-wrapper #megaMenu.ubermenu-sticky li.um-sticky-only a {
	background: transparent none repeat scroll 0% 0% !important;
	color: #232A5C !important;
}
#megaMenu-sticky-wrapper #megaMenu.ubermenu-sticky li.um-sticky-only a:hover {
	background:none !important;
}

#megaMenu-sticky-wrapper #megaMenu.ubermenu-sticky li.um-sticky-only:hover {
	background:none;
}

#megaMenu-sticky-wrapper #megaMenu.ubermenu-sticky li.um-sticky-only img  {
	margin-top:-36px !important;
}


nav.main-navigation{

	margin-bottom: 20px;
	background: #3a4755;
}
#submenu {
	padding:0px 0px;
	margin: 30px 0 0 0;
	height:60px;
	border-bottom: none;
	float: left;
}
	
#submenu ul {
	width: auto;
	float:left;
	list-style: none;
	margin: 0;
	padding: 0 0px;

	}
	
#submenu li {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	color: #fff;
	font-weight:400;

	}
	
#submenu li a {
	color: #3b3b3b;
	display: block;
	font-weight:600;
    margin: 0;
	padding: 19px 20px 19px 20px;
	text-decoration: none;
	position: relative;
	}

#submenu li a:hover, #submenu li a:active, #submenu .current_page_item a  {
	color: #00a0e1;
	
	}
	
#submenu li a.sf-with-ul {
	padding-right: 10px;
	}	
	

#submenu li ul li a, #submenu li ul li a:link, #submenu li ul li a:visited,
#submenu li ul li ul li a, #submenu li ul li ul li a:link, #submenu li ul li ul li a:visited,
#submenu li ul li ul li ul li a, #submenu li ul li ul li ul li a:link, #submenu li ul li ul li ul li a:visited {
	color:#777;
	width: 148px; 
	margin: 0;
	padding: 10px 15px;
	border-top:1px solid #cbcbcb;
	position: relative;
	font-weight:400;

	}
	
	
#submenu ul li ul li:first-child a,#submenu ul li ul li ul li:first-child a,#submenu ul li ul li ul li ul li:first-child a  {
	border-top:none;
	

}

	
#submenu li ul li a:hover ,#submenu li ul li ul li a:hover ,#submenu li ul li ul li ul li a:hover {
	color: #00a0e1;

		}


#submenu li ul {
	font-size: 12px;
	z-index: 999;
	position: absolute;
	left: -999em;
	height: auto;
	width: 160px;
	margin: 0px 0px 0px 0px;
	padding: 5px 5px;
	background:#fff;
	
	}

#submenu li ul a { 
	width: 150px;
	}

#submenu li ul a:hover, #submenu li ul a:active { 
	}

#submenu li ul ul {
	margin: -44px 0 0 160px;
	}

#submenu li:hover ul ul, #submenu li:hover ul ul ul, #submenu li.sfHover ul ul, #submenu li.sfHover ul ul ul {
	left: -999em;
	}

#submenu li:hover ul, #submenu li li:hover ul, #submenu li li li:hover ul, #submenu li.sfHover ul, #submenu li li.sfHover ul, #submenu li li li.sfHover ul {
	left: auto;
	}

#submenu li:hover, #submenu li.sfHover { 
	position: static;
	}
	


/* PROGRAMAS */

#featured-image-programas {
	width:100%;
	height:200px;
	background-position:94% 20px;
	background-repeat:no-repeat;
	background-size:210px;
}


.posgrados, .postgraduates {
	background-color: #32baa8;
}

.masters-3, .masters-2 {
	background-color: #e65a25;
}

.cursos, .courses {
	background-color: #71a9d0;
}

.bachelor, .grados {
	background-color: #D0CAC3;
}

.executive, .uitvoerend {
	background-color: #00AE88;
}

.icon-curso{padding:25px 20px 15px 5px!important}

#featured-image-pages {
	width:100%;
	height:200px;
	background-position:center;
	background-repeat:no-repeat;
	background-size:100%;
}

#cabecera-programas{
	position: relative;
	overflow:hidden;
	margin-bottom:30px;
	border-top: solid 3px #cbcbcb;
	border-bottom: solid 3px #cbcbcb;
}

h1.entry-title-programas {
	color:#ffffff;
	padding:20px 10px;
	font-size:28px;
	margin-top:100px;
	margin-left:50px;
	background-color: rgba(0,0,0,0.3);
	box-shadow: 8px 0 0 rgba(0,0,0,0.3), -8px 0 0 rgba(0,0,0,0.3);
	font-weight:normal !important;
	line-height:1.1;
}

h1.entry-title-pages {
	color:#ffffff;
	padding:20px 10px;
	font-size:28px;
	margin-top:100px;
	background-color: rgba(0,0,0,0.3);
	box-shadow: 8px 0 0 rgba(0,0,0,0.3), -8px 0 0 rgba(0,0,0,0.3);
	font-weight:normal !important;
	line-height:1.1;
}


/* Programas */


.datos-generales {
	background-color: #f1f1f1;
	border-radius: 5px;
	border: 1px solid #cbcbcb;
	padding:20px;
	margin-bottom:60px;
	padding:30px 30px 15px 30px;
	float:left;
}

.datos-generales:hover {
	-webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.2);
	-moz-box-shadow:    0px 0px 10px 0px rgba(50, 50, 50, 0.2);
	box-shadow:         0px 0px 10px 0px rgba(50, 50, 50, 0.2);
}

.datos-generales .ranking {
	float:right;
	height:300px;
	padding-left:20px;
}
.datos-generales .ranking img {
	margin-top:-25px;
}

.datos-generales ul.datos {
	margin-left:0;
}

.datos-generales ul.datos li {
	position: relative;
	display: block;
	padding: 3px 0 0 30px;
	margin-bottom:8px;
}

.datos-generales ul.datos li span p {display:inline;}

.datos-generales ul.datos li:before {
	display:none;
}


.datos-generales ul.datos li i {
	position: absolute;
	top: 5px;
	left: 0;
	color: #b2b2b2;
	font-size: 16px;
	line-height: 20px;	
}

.datos-generales ul.datos li i.grande {
	position: absolute;
	top: 5px;
	left: 0;
	color: #b2b2b2;
	font-size: 20px;
	line-height: 20px;	
}
.datos-generales p {
	line-height: 1.4em;
	margin-bottom:10px;
	margin-top:20px;
}

/* BLOQUES PARA LAS P�GINAS DE MASTERS, PROGRAMAS Y CURSOS (DOS COLUMNAS) */
.tipo {width:48%; float: left; margin-right:15px; margin-bottom:15px; padding: 5px 15px 10px 15px; min-height:320px;}

	/*.tipo h2.masters-3 {color:#E65A25; background:none; border-left:none !important;font-size:12px !important;font-weight: bold;text-transform: uppercase;}
	.tipo h2.posgrados {color:#32BAA8; background:none; border-left:none !important;font-size:12px !important;font-weight: bold;text-transform: uppercase;}
	.tipo h2.cursos {color:#71A9D0; background:none; border-left:none !important;font-size:12px !important;font-weight: bold;text-transform: uppercase;}*/
	
	.tipo h2.masters-3 {color:#00a0e1; background:none; border-left:none !important;font-size:12px !important;font-weight: bold;text-transform: uppercase;}
	.tipo h2.posgrados {color:#00a0e1; background:none; border-left:none !important;font-size:12px !important;font-weight: bold;text-transform: uppercase;}
	.tipo h2.cursos {color:#00a0e1; background:none; border-left:none !important;font-size:12px !important;font-weight: bold;text-transform: uppercase;}
	
	
.tipo-una-linea {width:48%; float: left; margin-right:15px; margin-bottom:15px; padding: 5px 15px 10px 15px;}
	.tipo-una-linea h2.masters-3 {color:#00a0e1; background:none; border-left:none !important;font-size:12px !important;font-weight: bold;text-transform: uppercase;}
	.tipo-una-linea h2.posgrados {color:#00a0e1; background:none; border-left:none !important;font-size:12px !important;font-weight: bold;text-transform: uppercase;}
	.tipo-una-linea h2.cursos {color:#00a0e1; background:none; border-left:none !important;font-size:12px !important;font-weight: bold;text-transform: uppercase;}

.boton {
	position: relative;
	display: inline-block;
	margin-right: 10px;
	margin-left: 0;
	vertical-align: middle;
	text-align: center;
	font-weight: bold;
	cursor: pointer;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background-color:#00a0e1;
	color:#fff;
	text-shadow: 0 1px rgba(0, 0, 0, 0.4);
	box-shadow: 0px 3px 0px 0px #0188bf;
	padding:10px 20px;
	text-transform:uppercase;
	padding-left:45px;
}

.boton:hover {
	color:#fff;
	background:#0188bf;
}

.boton:visited {
	color:#fff;
}

.boton i {
	
	font-size:20px;
	position:absolute;
	margin-left:-40px;
	width:40px;
}

/* FORMULARIO DE PREINSCRIPCI�N */

.stepwizard i:before {font-family:Icomoon;font-size:35px;font-style:normal; padding-top:10px;}
.stepwizard i.pasos-programa:before {content: "\f011";}
.stepwizard i.pasos-datos:before {content: "\e60f";}
.stepwizard i.pasos-adjuntar:before {content: "\e616";}
.stepwizard i.seleccionado {background-color:#cbcbcb; font-weight:bold;}

p.seleccionado {padding:20px; background-color:#f1f1f1;}

.btn-primary {color:#fff !important}



.stepwizard-row {
    display: table-row;
}

.stepwizard {
    display: table;
    width: 100%;
    position: relative;
	text-transform:uppercase;
	padding:20px;
	margin-bottom:30px;
}

.stepwizard-step .btn-primary {
    background:#00a0e1 !important;
	border: none !important;
    filter: alpha(opacity=100) !important;
}

.stepwizard-step button[disabled] {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
}

.stepwizard-step {text-align:center !important;}

.stepwizard-step p {
    margin-top: 20px;
	font-weight:bold;
	text-align:center;
}

.stepwizard-row:before {
    top: 14px;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 100%;
    height: 1px;
    z-order: 0;

}

.stepwizard-step {
    display: table-cell;
    text-align: center;
    position: relative;
}


.boton-preinscripcion {
	position: relative;
	display: inline-block;
	margin-right: 10px;
	margin-left: 0;
	vertical-align: middle;
	text-align: center;
	font-weight: bold;
	font-size:14px;
	cursor: pointer;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background-color:#232a5c;
	color:#fff;
	text-shadow: 0 1px rgba(0, 0, 0, 0.4);
	padding:10px 20px;
	text-transform:uppercase;
	width:100%;
	-webkit-animation: color_change 1s infinite alternate;
 	-moz-animation: color_change 1s infinite alternate;
  	-ms-animation: color_change 1s infinite alternate;
  	-o-animation: color_change 1s infinite alternate;
  	animation: color_change 1s infinite alternate;
}

@-webkit-keyframes color_change {
  from { background-color: #00a0e1; }
  to { background-color: #232a5c; }
}
@-moz-keyframes color_change {
  from { background-color: #00a0e1; }
  to { background-color: #232a5c; }
}
@-ms-keyframes color_change {
  from { background-color: #00a0e1; }
  to { background-color: #232a5c; }
}
@-o-keyframes color_change {
  from { background-color: #00a0e1; }
  to { background-color: #232a5c; }
}
@keyframes color_change {
  from { background-color: #00a0e1; }
  to { background-color: #232a5c; }
}


.boton-preinscripcion:hover {
	color:#fff;
	background:#00a0e1;
}

.boton-preinscripcion:visited {
	color:#fff;
}


/* Men� programas */


#menu-programas-container {
	float:left;
}

	#menu-programas-container .affix {
	  width: inherit; /*helped keep the content the same size on fluid layouts*/
	  position: fixed;
	  top: 110px;  /*height of the nav*/
	}
	#menu-programas-container .affix-bottom {
	  /* old css width: inherit;
	  position: fixed;
	  top: auto;
	  bottom: 480px;  //height of the footer */
	  width: inherit;
    	position: absolute;
	}
	
	#menu-programas-container .affix-top {
	  top: 110px;
	  position:static;
	}

ul#academic-programs-menu {
	list-style:none;	
}

ul#academic-programs-menu li {
	margin-bottom:10px;
}

ul#academic-programs-menu li a {
	padding:5px 12px;
	background: #00a0e1;
	font-size:13px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background-color:#6d6d6d;
	color:#fff;
	text-shadow: 0 1px rgba(0, 0, 0, 0.4);
	box-shadow: 0px 3px 0px 0px #5c5c5c;
	display:block;
	-webkit-transition: 0;
	-moz-transition: 0;
	-ms-transition: 0;
	-o-transition: 0;
	transition: 0;
}
	ul#academic-programs-menu li.info a {background-color:#00a0e1 !important;}

ul#academic-programs-menu li a:hover {
	background-color:#00a0e1;
	box-shadow: 0px 3px 0px 0px #0188bf;
}

ul#academic-programs-menu li a.mPS2id-clicked {
	padding:5px 12px;
	background: #00a0e1;
	font-size:13px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background-color:#00a0e1;
	color:#fff;
	text-shadow: 0 1px rgba(0, 0, 0, 0.4);
	box-shadow: 0px 3px 0px 0px #0188bf;
	display:block;
}

ul#academic-programs-menu li a.mPS2id-target-first {
	padding:5px 12px;
	background: #00a0e1;
	font-size:13px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background-color:#00a0e1;
	color:#fff;
	text-shadow: 0 1px rgba(0, 0, 0, 0.4);
	box-shadow: 0px 3px 0px 0px #0188bf;
	display:block;
}


/* Layout */

#primary {
	padding-top:0px;
	padding-bottom: 10px;
}

.layout-programas {margin-left:180px;}

#secondary {
	padding-top:0px;
	padding-bottom: 10px;
	padding-left:25px;
}

	.widget-area i {
		color:#00a0e1;
		margin-right:10px;
	}
	
	.widget-area .links {
		margin-bottom:20px;
	}
	
	#documentos {
		width:100%;
		background-color:#f1f1f1;
		
		margin-top:20px;
		padding:10px 15px;
	}
		#documentos p {
			font-weight:bold;
			text-transform:uppercase;
			font-size:13px;
			margin-bottom:5px;
			line-height:14px;
			margin-bottom:10px;
			margin-top:5px;
		}
		
		#documentos ul {
			font-size:13px;
			color:#00a0e1;
			list-style:none;
			margin:0;
		}
		
		#documentos ul li {
			padding-top:0;
		}
		
		#documentos ul a {
			color:#00a0e1;
		}
		
		#documentos i {
			font-size:20px;
			float:left;
		}
		
		
		#documentos ul.estudios li:before {
			font-size:10px;
			font-family: Icomoon;
			content: "\e72b";
			position:absolute;
			width:1em;
			padding-top:2px;
		}
		
		#documentos ul.estudios a {
			font-size:12px;
			display:block;
			padding-left:20px;
		}

		.masters-3, .masters-2 {
			border-left:15px solid #e65a25 !important;
		}
		
		.posgrados, .postgraduates {
			border-left:15px solid #33baa9 !important;
		}
		
		.cursos, .courses {
			border-left:15px solid #71a9d0 !important;
		}

		.executive, .uitvoerend {
			border-left:15px solid #00AE88 !important;
		}

#featured-image {
	width:100%;
	height:330px;
	border-radius:10px 10px 0 0;
	background-repeat:no-repeat;
}

#image-pages {
	border-radius:10px 10px 0 0;
}

.doverlay-pages{
	background: url(images/overlay.png);
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0px;
	top:0px;
	z-index: 10;

}


/* JCI */

#jci{
	max-height: 350px;
	height:350px;
	position: relative;
	background: #fff;
	overflow:hidden;
	margin-bottom:30px;
	border-top: solid 3px #00a0e1;
	border-bottom: solid 3px #00a0e1;
}

.margen {margin-top:30px;}



/* Contacto */

#contacto{
	max-height: 350px;
	height:200px;
	position: relative;
	background: #fff;
	overflow:hidden;
	margin-bottom:30px;
	border-top: solid 3px #f1f1f1;
	border-bottom: solid 3px #f1f1f1;
}

.mapa {
	width:70%;float:left;
}

.contacto {
	margin-left:-10px;
}

	.contacto ul.datos {
		margin-left:0;
	}
	
	.contacto ul.datos li {
		position: relative;
		display: block;
		padding: 0 0 0 20px;
		margin-bottom:3px;
		border-bottom:none;
		line-height:2em;
	}
	
	.contacto ul.datos li:before {
		display:none;
	}
	
	.contacto ul.datos li a:link {
		padding:0 !important;
	}
	
	.contacto ul.datos li i {
		position: absolute;
		top: 3px;
		left: -10px;
		color: #b2b2b2;
		font-size: 16px;
		line-height: 20px;	
	}
	
	.contacto ul.datos li i.sin-margen {
		left:0 !important;
		top:0 !important;
	
	}
	
	
.contacto-footer {
}

	.contacto-footer ul.datos {
		margin-left:0;
	}
	
	.contacto-footer ul.datos li {
		position: relative;
		display: block;
		padding: 0 0 0 20px;
		margin-bottom:10px;
		border-bottom:none;
	}
	
	.contacto-footer ul.datos li:before {
		display:none;
	}
	
	.contacto-footer ul.datos li a:link {
		padding:0 !important;
	}
	
	.contacto-footer ul.datos li i {
		position: absolute;
		top: 3px;
		left: -10px;
		color: #b2b2b2;
		font-size: 16px;
		line-height: 20px;	
	}
	
	.contacto-footer ul.datos li i.sin-margen {
		left:0 !important;
		top:0 !important;
	
	}

/* Campus */

#cuadro-campus {
	width:48%;
	float:left;
	padding:0 20px 20px 20px;
	display:inline;
	margin-bottom:20px;
}

	#cuadro-campus a.titulo, #cuadro-campus strong.titulo {
		border-top:5px solid #cbcbcb;
		border-bottom:solid thin #cbcbcb;
		padding:10px 2px;
		margin-bottom:10px;
		display:block;
		font-size:12px;
	}

#cuadro-agents {
	width:48%;
	float:left;
	padding:0 20px 20px 20px;
	display:inline;
	margin-bottom:20px;
	min-height: 250px;
}

	#cuadro-agents a.titulo, #cuadro-agents strong.titulo {
		border-top:5px solid #cbcbcb;
		border-bottom:solid thin #cbcbcb;
		padding:10px 2px;
		margin-bottom:10px;
		display:block;
		font-size:12px;
		text-transform:uppercase !important;
	}




#featurelist-scrollable-container {
	display: none !important;
}

.entry-title-contact {
	margin-top:15px;
	margin-bottom:35px;
	font-size:28px;
}


/* -- ABOUT --*/

h4.about {
	text-transform:uppercase;
	font-size:15px;
	font-weight:600;
	margin:30px 0;
	border-bottom:solid thin #cbcbcb;
	padding-bottom:20px;
	border-top:solid 5px #cbcbcb;
	padding-top:20px;
}

h4.about a {
	float:right;
	font-size:12px;
	text-transform:none;
	color:#00a0e1;
}

h4.top {
	text-transform:uppercase;
	font-size:15px;
	font-weight:600;
	margin:0 0 30px 0;
	border-bottom:solid thin #cbcbcb;
	padding-bottom:20px;
	border-top:solid 5px #cbcbcb;
	padding-top:20px;
}



img.grayscale {
	/*filter: url("data:image/svg+xml;utf8,<svg xmlns=\'//www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); 
	filter: gray; 
	-webkit-filter: grayscale(100%); */
}


/* SLIDER */

.overlay{
	position: absolute;
	background: #00a0e1;
	width: 30px;
	height: 30px;
	line-height: 35px;
	text-align: center;
	color: #fff;
	font-size: 16px;
	z-index: 100;
	right: 0px;
	bottom: 0px;
}

.hometa{
	font-size: 12px;
	text-transform: uppercase;
	margin-bottom: 10px;
	font-weight: bold;
}

.hometa a {
	color: #00a0e1;
}

.rotador {padding-left:0;padding-right: 0;}


/* Slider Blog */

#slidebox{
	max-height: 450px;
	position: relative;
	overflow:hidden;
	border-top: solid 4px #00a0e1;
	border-bottom: solid 4px #00a0e1;
}


.doverlay{
	background: url(images/overlay.png);
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0px;
	top:0px;
	z-index: 10;

}

img.grayscale {
	/*filter: url("data:image/svg+xml;utf8,<svg xmlns=\'//www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); 
	filter: gray; 
	-webkit-filter: grayscale(100%); */
}
	
	
.flex-caption{
	width: 800px;
	position: absolute;
	top:10%;
	left: 50%;
	margin-left: -400px;
	text-align: center;
	z-index: 120;
	color: #fff;
	
}	
	
.flex-caption h2{
	text-transform: uppercase;
	text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.91);
	font-size: 36px;
	font-weight:600;
	color: #fff;
}

.flex-caption h2 a:link, .flex-caption h2 a:visited{
	color: #fff;
}

.flex-caption p{
	font-size: 16px;
	text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.91);
	margin-bottom:20px;
}

a.frmore{
	display: block;
	border:solid thin #fff;
	text-transform: uppercase;
	width: 150px;
	padding: 15px 24px;
	margin: 10px auto;
	font-size: 14px;
	font-weight:bold;
	color: #fff;
}

a.frmore:hover {
	background-color: #fff;
	color: #3b3b3b;
	border:solid thin #fff;
}


/* Slider Home */

#slidebox-home{
	max-height: 450px;
	position: relative;
	overflow:hidden;
	border:none;
}

.flex-caption-home {
	width: 300px;
	position: absolute;
	top: 38%;
	margin-left: 4%;
	z-index: 120;
	color: #fff;
	background-color:rgba(233, 181, 14, 0.7);
	padding:10px 20px;
}

.flex-caption-home a h2.home {
	text-transform: none;
	color:#fff;
	margin:0;
	line-height:30px;
	font-size:20px;
}

.cuadro-verde {
	background-color:#8aac66; 
	height:167px; 
	text-transform:uppercase;
	color:#fff;
	font-size:20px;
	font-weight:600;
	line-height:24px;
	padding:20px 30px 0 30px;
}

.sin-padding {padding-left:0 !important;}


/* Banner de la home */

.borde-home {border-top:solid 4px #cbcbcb; padding-top:14px; border-bottom: solid 4px #cacaca; padding-bottom: 14px;}


.cuadro-imagen {background:#00a0e1; text-align:center; margin-top:-5px; max-width:300px; height:180px;}
.cuadro-imagen img {width:100%;}


h1.programas-academicos {
	font-size: 30px;
	padding:20px 0 0px 0;
	text-align:center;
	text-transform:none;
	font-weight:200;
}

.program-box {
		
}

.cuadro-masters {width:90%; float:right; background-image:url(images/imagen-master.jpg); background-repeat:no-repeat; height:200px;}
.cuadro-posgrados {width:90%; float:left; background-image:url(images/imagen-posgrado.jpg); background-repeat:no-repeat; height:200px; margin-bottom:50px;}
.cuadro-cursos {width:90%; float:right; background-image:url(images/imagen-cursos.jpg); background-repeat:no-repeat;  height:200px;}
.cuadro-bachelor {width:90%; float:left; background-image:url(images/imagen-bachelor.jpg); background-repeat:no-repeat; height:200px;}
	.cuadro-bachelor p {padding-left:20px; color: #fff !important; text-transform:none;border-bottom:none !important;}

h2.tit-programas {font-weight: 300 !important;
text-transform: none !important;
font-size: 14px !important;
line-height: 20px !important;
padding-bottom: 10px;
border-bottom: solid 2px #00a0e1;
margin-top: 10px;
margin-bottom: 40px;}

h2.tit-programas a {color:#00a0e1 !important;}

.separador {border-top:solid 4px #cbcbcb; margin:40px auto; clear:both; width:100%;}

.porque-cruyff {width:90%; height:200px; float:right; background-color:#f1f1f1; font-family:Georgia, "Times New Roman", Times, serif; font-size:25px; color:#666; text-align:center; padding-top:90px;}

h3.tit-proximos {font-weight:200 !important; text-transform:none !important; padding-top:0 !important; margin-top:0 !important; font-size:23px !important; }
h2.claim {font-weight:200 !important; text-transform:none !important; padding-left:0px; margin-top:0 !important; font-size:23px !important; text-align:center; margin-bottom:20px !important; margin-top:-30px !important;}
ul.programas-home {margin-left:0px; margin-top:30px;}
ul.programas-home li {text-transform:none;margin-bottom: 10px;margin-left: 0px !important; list-style-type: none; border-bottom:solid thin #cbcbcb; padding-bottom:5px;}
ul.programas-home li span {margin-right:10px; display: inline-block; width: 80px; color:#00a0e1; font-weight:600;}


.ultimas-noticias-blog {text-transform: none;margin-bottom: 30px !important;border-bottom: thin solid #CBCBCB;min-height: 230px;padding: 0px 30px 0px 0px;}
.ultimas-noticias-blog span {color:#00a0e1; font-size:10px;}
.ultimas-noticias-blog a{font-weight: 600;display: block;font-size: 14px;padding-top: 8px;}
.ultimas-noticias-blog p{margin-top:10px; line-height:1.8em;}

h2.tit-blog {font-weight:200 !important; text-transform:none !important; padding-top:0 !important; margin-top:0 !important; font-size:23px !important;}
ul.blog-home {margin-left:20px; margin-top:30px; list-style:none; text-transform:none;}
ul.blog-home li:before {
font-family: Icomoon;
content: "\e707";
position: absolute;
left: 0;
width: 2em;
text-align: right;
color: #00a0e1;
font-size:16px;
}

ul.blog-home li {
    margin-bottom: 10px;
    margin-left: 10px;
    list-style-type: none;
}

#cabecera-archive{
	position: relative;
	overflow:hidden;
	margin-bottom:50px;
	border-top: solid 3px #cbcbcb;
	border-bottom: solid 3px #cbcbcb;
	background-image: url('//cruyffinstitute.org/wp-content/uploads/2014/10/jci-razones.png');
}

#featured-image-archive {
	width:100%;
	height:200px;
	background-repeat:no-repeat;
}

.random_banner_css {margin-top:-30px; margin-bottom:40px;}

/* Home widgets */

.fwidgets{
	padding: 40px 0px;
	background: #00a0e1;
}

.homewidget{
	color: #fff;
	text-align: center;
}

.homewidget span{
	border: 5px solid #fff;
	background: transparent;
	width: 70px;
	height: 70px;
	border-radius: 35px;
	display: block;
	line-height: 65px;
	text-align: center;
	margin: 0px auto;
	font-size: 20px;
}

.homewidget h3{
	font-size: 24px;
	font-weight: bold;
}




.section-wide{
	margin-top:0px;
	margin-bottom:40px;
}

.sec{
	margin-bottom: 40px;
	margin-top:40px;
}
.section-title{
	text-transform: uppercase;
	padding-bottom: 20px;
}
.section-title h2{
	font-size: 20px;
	color: #3b3b3b;
	font-weight: bold;
	margin-bottom: 5px;
	padding-top:25px;
}

.section-title p {
	font-weight: bold;
	border-bottom: 1px solid #dfdfdf;
	color: #aaa;
	padding-bottom: 20px;
}

.boxitems {
	background:#f1f1f1;
	max-width:1170px;
	margin:auto;	
}


.boxitems h2 {font-size:17px;}

.boxitems h2 a {
	font-size:75%;
	font-weight:600;
	text-transform:uppercase;
	text-shadow:none;
}

.boxitems h2 a:hover {
	color:#00a0e1;
}


.boxitems .cajas-blog {
	border:solid thin #cbcbcb;
	min-height:230px;
	margin-bottom:20px;
}

.portbox,.postbox,.hthumb{
	position: relative;
	margin-bottom:10px;
}

.hthumb {
	width:100%;
	max-height:140px;
	overflow:hidden;
}

.hthumb a img{
	display: block;

}

.boxitems .zoom-in {
	-webkit-transition: all 1s ease;
  	-moz-transition: all 1s ease;
  	-o-transition: all 1s ease;
  	-ms-transition: all 1s ease;
  	transition: all 1s ease;
}

.boxitems .zoom-in:hover {
	cursor: pointer;
    transform:scale(1.2);
    -ms-transform:scale(1.2); /* IE 9 */
    -moz-transform:scale(1.2); /* Firefox */
    -webkit-transform:scale(1.2); /* Safari and Chrome */
    -o-transform:scale(1.2); /* Opera */
}


.boxitems-feed {padding:10px 15px;}

	.boxitems .cajas-blog h3 {
		padding:0 15px !important;
		line-height:14px;
		margin-top:0 !important;
	}
	
	.boxitems .cajas-blog h3 a:link {
		font-weight:normal !important;
		font-size:14px;
		line-height:17px;
	}
	
	.boxitems p {
		padding:0 15px 0 0 !important;
		font-size:10px !important;
		margin-bottom:5px;
	}

	.cajas-blog p {margin-left:15px;}
	
	.boxitems ul {margin-left:0; min-height:130px;}
	
	.boxitems ul li {
		list-style:none;
		margin-bottom:8px;
		font-size:12px;
		line-height:18px;
	}
	
	.boxitems ul li a {
		text-align: left;
		display: flex;
	}
	
	.boxitems ul li a:hover {
		color:#00a0e1;
	}
	
	.boxitems ul li a:before {
		font-family: FontAwesome;
   		content: "\f054";
   		display: inline-block;
   		padding-right: 10px;
		color: #00a0e1;
		font-size:10px;
   }
   
   .boxitems a.leer-mas {color: #00a0e1; margin-top:30px; display:block}
   
   i.fa-plus-square:before {padding-right:10px;}
	
	
	
/* PLUGIN DE IMAGEN ALEATORIA */

#gallery-1 .gallery-item {
	margin-top:-20px !important;
}

#gallery-1 img {
	border:none !important;
}

.site-content .gallery a img {
	max-width:100% !important;
}


/* Blog */

section-wide-social{
	margin-top:0px;
}


.portbox-social {
	background-color:#f1f1f1;
	margin-bottom:40px;
	padding:20px 30px;
	height:170px;
	border-top:0;
    box-shadow: 0 0 0 1px  rgba(224, 222, 222, 1) inset;
}

.boxitems-social {
	background:#f1f1f1;
	max-width:1170px;
	margin:auto;	
}

.boxitems-social p {
	text-transform:uppercase;
	font-size:13px;
	margin-top:10px;
	margin-bottom:3px;
	color:#666;
}

.boxitems-social h4 {
	text-transform:uppercase;
	font-size:14;
	font-weight:400;
	margin:5px 0 20px 0;
	color:#333;
}

.boxitems-social span {
	font-size:13px;
	font-weight:300;
	color:#666;
}

.section-wide-feed{
	margin-top:0px;
	margin-bottom:40px;
}

	.boxitems-feed {
		padding:20px;
		background-color:#f1f1f1;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		border: solid thin #cbcbcb;
		min-height:350px;
		/*box-shadow: 1px 1px 5px rgba(0,0,0,.15);*/
	}
	
	.boxitems-feed h5 {
		font-size:180%;
		font-weight:300;
		color: #00a0e1;
		
	}

/* RICH SNIPPETS */

#snippet-box {width:100% !important; margin-top:20px !important;}
.snippet-title {width: 100% !important}
.aio-info {width:75% !important}
.snippet-image {width:23% !important; margin-left:10px}
.snippet-label-img {width:28% !important}
.snippet-data-img {width:70% !important}


/* PLUGIN YOUTUBE */

.ytcshort {
	margin:10px 0 0 0 !important;
}
.mfp-iframe-scaler button:hover{
  border:none;
  box-shadow:none;
}


/* Signup form de Mailchimp */

#mc_signup_form {
	max-width:100%;
	position:relative;
}

#mc_signup_form .mc_input {
	height: auto;
	padding:8px 40px 6px 15px;
	font-weight: 300;
	font-size:13px;
	color:#999;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

#mc_signup_submit {
	background: url(images/icon-arrow-right.png) no-repeat 0 0;
	border: none;
	height:15px;
	position:absolute;
	right:8px;
	top:10px;
	width:15px;
}


/* Article */


.page-head{
	background: #00a0e1;
	padding: 10px 0px;
	color: #fff;
}

.page-head h3{
	font-size: 20px;
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom:0;
}

article.post, article.page, section.error-404{
	margin-bottom: 40px;
}

h1.entry-title{
	padding-top:15px;
	margin-bottom: 10px;
	font-size: 24px;
	color: #363636;
	line-height:1.5;
}


h1.entry-title a:link, h1.entry-title a:visited{
	color: #3b3b3b;
}

.entry-header {
	background-color:#f1f1f1;
	border-radius: 10px;
	border-bottom:solid thin #cbcbcb;
	padding:20px;
	text-align:center;
	margin-bottom:10px;
}

.entry-meta{
	font-weight: normal;
	text-transform: uppercase;
	font-size: 12px;
}

.entry-content {
	border-right:solid thin #f1f1f1;
	padding-right:30px;
	margin-top:30px;
}

#quotablecontent {margin-bottom:50px; !important}


.entry-content-programs {
	padding-right:0px;
	margin-top:0px !important;
	border-right: none !important;
}

.entry-content ul li {
	line-height:1.9em;
	margin-bottom:10px;
	margin-left:10px;
	list-style-type:none;
}

.entry-content ul li:before {
    font-family: Icomoon;
	content: "\e707";
    position: absolute;
    left: 0;
    width: 2em;
    text-align: right;
    color: #cbcbcb;
	font-size:16px;
}

.entry-content img {
	
}

.entry-content a {
	border-bottom: 1px dotted #363636;
	color:#363636;
	text-decoration:none;
}

.entry-content a:hover {
	border-bottom: 1px solid #363636;
	text-decoration:none;
}

#tags {
	margin-top:275px;
}
	#tags a {
		background: #00a0e1;
		border-radius: 2px;
		color: #fff !important;
		display: inline-block;
		margin: 2px 0;
		padding: 3px 6px;
		text-decoration:none;
		text-transform:capitalize;
		font-size:90% !important;
		-webkit-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.55);
		-moz-box-shadow:    1px 1px 3px 0px rgba(0, 0, 0, 0.55);
		box-shadow:         1px 1px 3px 0px rgba(0, 0, 0, 0.55);
		-moz-transition-property: background color;
		-moz-transition-duration: 0.2s;
		-moz-transition-timing-function: ease;
		-o-transition-property: background color;
		-o-transition-duration: 0.2s;
		-o-transition-timing-function: ease;
		transition-duration: 0.2s;
		transition-timing-function: ease;
	}
	
	#tags a:hover {
		background:#232a5c;
	}

.celeste {
	color:#00a0e1;
	margin-top:30px;
	display:block;
	font-size:14px;
}

.tit-modulos {
	font-weight:bold;
	margin-bottom:15px;
	display:block;
}

strong.block {
	display:block;
	margin-top:15px;
	margin-bottom:10px;
}

#bloques-programas {

}

	#bloques-programas.primero {
		margin-top:0px;
	}
	
	#bloques-programas.primero-programas {
		margin-top:-30px;
	}
	
	#bloques-programas.tipologia {
		padding-top:40px;
		margin-bottom:40px;
		clear:both;
	}
	
	#bloques-programas h2 {
		font-size: 16px;
		margin-left: 10px;
		margin-bottom: 20px;
	}


	#bloques-programas h4.programas {
		text-transform:uppercase;
		font-size:15px;
		font-weight:600;
		margin:30px 0;
		border-bottom:solid thin #cbcbcb;
		padding-bottom:15px;
		padding-top:15px;
		background:#fff;
	}

		#bloques-programas h4.posgrados,#bloques-programas h4.postgraduates {
			border-top:solid 5px #32baa8 !important;
			border-left:none !important;
			color:#32baa8 !important;
		}
		
		#bloques-programas h4.masters-3, #bloques-programas h4.masters-2 {
			border-top:solid 5px #e65a25 !important;
			border-left:none !important;
			color:#e65a25 !important;
		}
		
		#bloques-programas h4.cursos,#bloques-programas h4.courses {
			border-top:solid 5px #71a9d0 !important;
			border-left:none !important;
			color:#71a9d0 !important;
		}
		
		#bloques-programas h4.grados, #bloques-programas h4.bachelor {
			border-top:solid 5px #D0CAC3 !important;
			border-left:none !important;
			color:#D0CAC3 !important;
		}

		#bloques-programas h4.executive, #bloques-programas h4.uitvoerend {
			border-top:solid 5px #00AE88 !important;
			border-left:none !important;
			color:#00AE88 !important;
		}


	#bloques-programas .modulos-cont {
		line-height:2em;
		margin-bottom:20px;
		margin-top:20px;
		padding: 10px 30px 20px 60px;
		text-align: left;
		position: relative;
		z-index: 10;
		border: 1px solid #e0e0e0;
		background-color: #f1f1f1;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
	}
	
	#bloques-programas .modulos-cont-programas-masters-3 {
		border:solid 3px #e65a25;
		display:inline-block;
		width:100%;
		clear:both;
		margin-top:20px;
	}
	
	#bloques-programas .modulos-cont-programas-posgrados {
		border:solid 3px #32baa8;
		display:inline-block;
		width:100%;
		clear:both;
		margin-top:20px;
	}
	
	#bloques-programas .modulos-cont-programas-cursos {
		border:solid 3px #71a9d0;
		display:inline-block;
		width:100%;
		clear:both;
		margin-top:20px;
	}

	#bloques-programas .modulos-cont-programas-executive {
		border: 3px solid #00AE88;
		display: inline-block;
		width: 100%;
		clear: both;
		margin-top: 20px;
	}
	
	
	#bloques-programas .modulos-cont-left {
		float:left;
		width:100px;
		color:#fff;
		padding-top:10px;
	}
	
		#bloques-programas .modulos-cont-left strong {
			text-transform:uppercase;
			font-weight:bold;
			font-size:14px;
			margin-bottom:5px;
			display:block;
		}
		
		#bloques-programas .modulos-cont-left span {
			font-size:60px;
			font-weight:bold;
			line-height:45px;
			display:block;
			margin-bottom:10px;
			padding-bottom:10px;
		}
		
		#bloques-programas .modulos-cont-left p.creditos {
			font-size:17px;
			text-transform:uppercase;
			letter-spacing:4px;
			border-top:solid thin #fff;
			margin:-7px 15px 10px 0;
		}
		
		
	
	#bloques-programas .modulos-cont-right {
		float:right;
		width:83%;
		padding:10px 20px 10px 0 !important;
	}
	
		#bloques-programas .modulos-right strong {
			font-weight:bold;
			display:block;
		}
	
		#bloques-programas .modulos-cont-right ul {
			padding-left:20px;
		}
		
		#bloques-programas .modulos-cont-right ul li {
			line-height:1.8em;
		}
		
		#bloques-programas .modulos-cont-right ul li:before {
			left:125px;
			font-family: Icomoon;
			content: "\f03e";
		}




table.profes td{
	vertical-align:top;
	border-bottom:solid thin #cbcbcb;
	min-width:160px;
	padding:20px;
}

	table.profes td.info { padding-left:20px; padding-top:0px}
	
	table.profes .info a {color:#363636; border-bottom:none; padding-left:10px; }
	table.profes .info a:hover {color:#00a0e1;}


.circular-image img {
	width: 160px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	border:4px solid rgba(203, 203, 203, 1);
	float:left;
	/*margin-top:20px;
	webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: gray;
	-webkit-filter: grayscale(1);*/
}

/*.circular-image img:hover {
	filter: grayscale(0);
	-moz-filter: grayscale(0);
	-ms-filter: grayscale(0);
	-o-filter: grayscale(0);
	filter: normal;
	-webkit-filter: grayscale(0);
}*/


/* Search */

.widget_search{
	width: 100%;
}
.widget_search label{
	width: 100%;
}
input.search-field{
	border: 1px solid #cbcbcb;
	background: #fafafa;
	height: 30px;
	border-radius: 5px;
	margin-left:10px;
	margin-top:5px;
	padding: 5px 5px;
	width:100px;
}


/* Elimina el cuadro azul cuando se clica */

input:focus, textarea { outline: none !important; }


/* Compartir (de programas) */

.social {margin-top:15px !important}

.share-button.sharer-0 {
	margin-top: -20px;
	margin-left: 15px;
}

.share-button.sharer-0 label {
	font-size: 12px;
	cursor: pointer;
	margin: 0;
	padding: 0px !important;
	background: none !important;
	color: #363636;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}

.share-button.sharer-0 label:hover {opacity:1 !important}

.share-button.sharer-0 label span {
	text-transform:none!important;
	font-size: 12px!important;
	font-family: inherit!important;
	font-weight: normal!important;
	-webkit-font-smoothing: inherit !important;
	margin-left:7px !important;
	padding-left:0 !important;
}

.share-button.sharer-0 .social.active.center {
	margin-left:-17px !important;
}



/* Compartir de entradas */

.ssba {margin-bottom:30px;}
.ssba a {border-bottom:none !important}
.ssba img {margin-bottom:0}


/* Widgets */
.widget {
	margin: 0 0px 30px 0px;
	
}

h1.widget-title, h3.sidetitl {
    font-size: 14px;
 	color:#00a0e1;
 	height: 30px;
 	line-height: 16px;
 	text-transform: uppercase;
 	font-weight: bold;
}

.widget ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px 0px 20px 0px;
}

.widget li {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

.widget ul ul {
    list-style-type: none;
    background-repeat: no-repeat;
    margin: 0px;
    padding: 0px;
}

.widget ul li {
    list-style-type: none;
    margin: 0px;
    margin: 0px 0px;
    color: #6f7779;
	border-bottom: dotted thin #cbcbcb;
	padding: 7px 0;
}

.widget ul li a:link,.widget ul li a:visited {
    color: #6f7779;
    text-decoration: none;
}

.widget ul li a:hover{
	color:#00a0e1;
}

.widget.widget_categories ul li,.widget.widget_pages ul li,.widget.widget_archive ul li,.widget.widget_links ul li,.widget.widget_meta ul li {
    border-bottom: 1px dotted #cbcbcb;
    padding: 7px 0px;
}

.widget.widget_recent_entries ul li  {
	padding: 7px 0px;
     border-bottom: 1px dotted  #cbcbcb;
}

.widget ul#recentcomments li.recentcomments {
     border-bottom: 1px dotted  #cbcbcb;
    padding: 7px 0;
}

.widget .textwidget p {
    padding: 0px 0px;
	text-align:left;
}

#bottom .textwidget a img {margin-right:10px;}

/*
 *
 * Customizing WordPress Tag Cloud
 * @link //wp.me/p33UjS-rl
 *
 */
 
.tagcloud a { 
    background: #f1f1f1;
    border-radius: 3px;
    color: #999 !important;
    display: inline-block;
    margin: 2px 0;
    padding: 5px 10px;
	text-decoration:none;
	font-size:80% !important;
}

.tagcloud a:hover {
	background: #00a0e1;
	color:#fff !important;
}

/* End customizing Wordpress Tag Cloud */

/*-- Calendario AddThisEvent --*/
.addthisevent-drop {
	font-size:13px !important;
	padding:5px 12px 5px 35px !important;
	border: solid thin #CBCBCB !important;
	background-color:#F1F1F1 !important;
	z-index:2 !important;
}

.addthisevent-drop .addthisevent_icon {
	width:15px !important;
	height:15px !important;
	left:10px !important;
	top: 3px !important;
	background: url("//addthisevent.com/gfx/icon-calendar-t1.svg") no-repeat scroll 0% 0% / 15px 15px transparent !important;
}

.addthisevent_dropdown span {
	font-size:12px !important;
	padding: 4px 10px 4px 15px !important;
}

.addthisevent_dropdown .copyx {
	display:none !important;
}

.divider {
	border-top:solid thin #cbcbcb;
	margin-top:30px;
	margin-bottom:20px;
}

/* -- Fin Calendario AddThisEvent -- */

.widget .tagcloud {
    padding: 0px 0px 20px 0px;
}

.widget .tagcloud a{
	color:#F5634A;
}

.widget #calendar_wrap{
	padding:0px 20px 20px 20px;
	color: #6f7779;
}

.widget_ns_mailchimp{
	background: #fff;
	border:1px solid #eaeaea;
	padding: 20px 20px;
}

.widget_ns_mailchimp input.button{
	width: 110px;
	margin: 10px 0px 0px 0px;
}

.widget .newsletter {
	background-color:#00a0e1;
	border-radius:6px;
}

	.widget .newsletter .head {
		color:#fff;
		font-size:20px;
		line-height:20px;
		padding:15px;
		text-align:center;
		font-weight:100;
		letter-spacing:2px;
	}
	
	.widget .newsletter .signup {
		background-color: #f1f1f1;
		padding:15px;
		border-left:solid thin #cbcbcb;
		border-right: solid thin #cbcbcb;
		border-bottom: solid thin #cbcbcb;
	}
	

.squarebanner{
	margin:0px;
}


.squarebanner ul{
	margin:0px 0px 0px 0px;
	padding:0px 0px 10px 0px !important;

}

.squarebanner ul li{
	margin:10px 20px 5px 0px;
	list-style:none;
	float:left;

}
.squarebanner ul li img{
	width: 110px;
	height: 110px;
}

li.rbanner{
	margin-right:0px!important;
}



/* Comments */

#comments{
	
}

h2.comments-title{
	font-size: 16px;
	margin-bottom: 20px;
	color: #00a0e1;
}

#comments ol.comment-list {
    clear: both;
    overflow: hidden;
    list-style: none;
    margin: 0;
}

#comments ol.comment-list li.comment,#comments ol.comment-list li.pingback {
    margin: 0px 0px 10px 0px;
    padding: 0px 0px;
    line-height: 1.6;
	background:#ffffff !important;

}

ol.comment-list li .comment-author .avatar {
     margin: 10px 10px 20px 0px;
     float:left;
     width:64px;
     height: 64px;
     border-radius: 32px;
}

cite.fn {
    color: #444;
    font-style:normal;
    font-weight:bold;
    font-size:14px;
    padding-top: 10px;
    display: inline-block;
}

cite.fn a:link,cite.fn a:visited {
	color:#444;
}

ol.comment-list li .comment-meta{

	padding-bottom: 10px;
}

ol.comment-list li .comment-meta a {
    
    text-decoration: none!important;
    
    
}

.comment-metadata{
	font-size: 12px;
	color: #999;
}

.comment-metadata a:link, .comment-metadata a:visited{
	color: #999;
}

.comment-content{
	padding: 0px 10px 10px 74px;

}

ol.comment-list li .reply {
    color: #00a0e1;
    font-size: 12px;
    margin-left: 74px;
}

ol.comment-list li .reply a {
    color: #00a0e1;

}

.space{
	height:30px;
}


ol.comment-list li ul.children {
    list-style: none;
    text-indent: 0;
    margin: 20px 0px 0px 50px;
}


#respond {
    margin: 30px 0;

}

#respond h3 {
    font-size: 18px;
    color: #3a4755;
    padding: 5px 0px;
    margin:0px 0px;
}

#commentform {
    padding: 0px 0px;
}

#commentform p {
    color: #777;
    margin: 5px 0;
}

.form-allowed-tags{
	font-size:13px;
}

#respond label {
    display:inline;
    color: #777;
    padding: 5px 0;
}

#respond input {
    background: #fff;
    border: 1px solid #cbcbcb;
    color: #777;
    margin: 0 10px 10px 0;
    padding: 5px;
}

#commentform input {
    width: 50%;
    display:block;
    margin-top:5px;
}

#respond input[type="submit"] {
    color: #fff;
	background-color: #6d6d6d;
    cursor: pointer;
    padding: 15px 20px;
	margin: 10px 0;
	width: 170px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border:none;
	font-weight:600;
	text-transform:uppercase;
	text-shadow:none !important;
	box-shadow:none;
}
	
	#respond input[type="submit"]:hover {background:#00a0e1;}

textarea#comment {
    display:block;
    margin-top:5px;
    background: #fff;
    border: 1px solid #cbcbcb;
    width: 70%;
    color: #333;
    margin: 5px 0 0;
    padding: 10px 10px;
}


.form-allowed-tags{
	padding:20px 0px;

}



/* Footer widgets */

#bottom{
	padding: 20px 0px 0px 0px;
	background: #3b3b3b;
	border-top:5px solid #00a0e1;
	background-image:url(images/graficos_footer2.png);
	background-position:right;
	background-repeat:repeat-y;
}

#bottom ul{
	margin:0px 0px;
	padding:0px;
}

h3.bothead{
    font-size: 100%;
	font-weight:600;
    margin-bottom: 10px;
    padding: 10px 0px;
	color:#fff;
	text-transform: uppercase;
	}
	
.botwid{
	color: #aaa;
	}
	
.botwid ul {
	list-style-type: none;
	margin:  0px;
	padding: 0px 0px 0px 0px ;


	}
.botwid li{
	list-style-type: none;
	margin: 0 ;
	padding: 0px 0px;
    border-bottom: 1px dotted rgba(255,255,255,.2);
	}
.botwid ul ul  {
	list-style-type: none;
	margin: 0;
	padding: 0px 0px 0px 0px;
	background-repeat:no-repeat;
		}

.botwid ul ul ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
	border:0;
	}

.botwid ul ul ul ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
	border:0;

	}

.botwid ul li {
	height:100%;
	line-height:18px;
	clear: left;	
	list-style-type: none;
	color: #aaa;
  padding:5px 0;
	}
	
.botwid ul li a:link, .botwid ul li a:visited  {
	color: #aaa;
	text-decoration: none;
	padding: 7px 0px 7px 0px;
	line-height: 20px;/*display:block;*/
	}

.botwid ul li a:hover{
	color: #fff;
	}

.botwid p{
	padding: 5px 0px;
	margin:0;
	line-height:150%;
	
	}

.botwid table {
	width:100%;
	text-align:center;
	color: #818181;
	}		
		
.botwid ul#recentcomments li.recentcomments {
    padding:7px 0;
}

.social {
	margin-top:30px;
}

.social i {
	margin-right:10px;
}
#accredited {margin-bottom:20px;}
#accredited p {font-weight:600; color:#fff;margin-top:10px;margin-bottom:10px;}
#accredited img {margin-right:0 !important;}
#accredited ul {margin-top:20px;}
#accredited a {color:#aaa}

/* Footer */

.site-footer{
	padding: 10px 0px;
	background:#292929;
	font-size: 12px;
	margin-top:20px;
	margin-bottom:0;
}

.fcred{
	padding: 10px 0px;
	color: #eee;
}

.fcred a:link, .fcred a:visited{
	color:#eee;
}

#dynamic-to-top {
	bottom:35px !important;
	right:10px !important;
}



/* TESTIMONIALS */

#testimonios {
	margin-top:20px;
}

blockquote.easy_testimonial {
	margin:0 !important;
	text-align:center;
}

.easy_testimonial blockquote {
	padding:20px 0 !important;
	border-left:none;
	border-top: solid thin #cbcbcb;
	border-bottom: solid thin #cbcbcb;
	background:#f1f1f1;
}

.widget-area blockquote.easy_testimonial .attachment-easy_testimonial_thumb{
	margin:auto !important;
	width:130px !important;
	height:130px !important;
	box-shadow: none !important;
	border: 5px solid #cbcbcb !important;
	border-radius: 50% !important;
	
}
.widget-area blockquote.easy_testimonial img{
	margin:10px auto !important;
	width:130px !important;
	height:130px !important;
	box-shadow: none !important;
	border: 5px solid #cbcbcb !important;
	border-radius: 50% !important;
	text-align:center;
	
}

blockquote.easy_testimonial {
	border-left:none !important;
	padding-left:0 !important;
}

blockquote.easy_testimonial p {
	font-size:14px;
	font-weight:600;
	text-align:center;
	padding:10px 20px;
	color:#00a0e1;
}
blockquote {
	border-left:none;
}
blockquote p:last-child {
	font-weight:normal !important;
	font-size:18px;
	line-height:22px;
	color:#999;
	font-style: normal;
	margin-bottom:10px;
}

.testimonial_body {margin-top:15px;}

.testimonial_body p {
	font-size:12px !important;
	font-weight:normal !important;
	margin-bottom:30px;
}

	.testimonial_body blockquote:before {
		content: "\e610";
		font-family: Icomoon;
		font-weight:normal;
		position:absolute;
		margin-top:-35px;
		margin-left:-15px;
		width:30px;
		height:30px;
		-webkit-border-radius: 15px;
		-moz-border-radius: 15px;
		-ms-border-radius: 15px;
		-o-border-radius: 15px;
		border-radius: 15px;
		background-color:#cbcbcb;
		text-align:center;	
		padding-top:5px;
	}
	
	.testimonial_body blockquote:after {
		content: "\e610";
		font-family: Icomoon;
		position:absolute;
		margin-top:5px;
		margin-left:-15px;
		width:30px;
		height:30px;
		-webkit-border-radius: 15px;
		-moz-border-radius: 15px;
		-ms-border-radius: 15px;
		-o-border-radius: 15px;
		border-radius: 15px;
		background-color:#cbcbcb;
		text-align:center;	
		padding-top:5px;
	}
	
.testimonial_author {text-align:center; padding-top:10px;}	

.testimonial-client {font-weight:bold; display:block;}

blockquote.easy_testimonial .wp-post-image {
	float:none !important;
}

.testimonial-position {font-size:12px; line-height: 20px}


/* ENTIDADES FINANCIERAS */

#entidades {width:100%; margin-top:55px; padding:10px 15px 0 15px;background-color:#fff; border-left:15px solid #cbcbcb; margin-bottom:0}

#entidades p {font-weight:bold;text-transform:uppercase;font-size:13px;margin-bottom:30px;line-height:14px;margin-top:5px;}

#entidades img {
	text-align:center;
	margin-bottom: 20px;
}


/* ESTILOS FORMS */

input[type="radio"], input[type="checkbox"] {margin:10px 10px 10px 0px !important;}

#contact-form {
	background-color:#f1f1f1;
	padding:30px;
	border-radius:3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border:solid thin #cbcbcb;
	margin-bottom:50px;
}

	#contact-form p {margin:0 !important;}	
	
	#contact-form input[type="text"], #contact-form input[type="email"], #contact-form textarea {
		width:100%;
		border-radius:3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		background-color:#fff;
		padding:10px;
		margin:7px 0;
	}
	
	#contact-form select {
		display: block;
		width: 100%;
		padding: 10px 12px 10px 5px;
		color: #555;
		background-color: #FFF;
		background-image: none;
		border: 1px solid #CCC;
		border-radius: 4px;
		box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
		transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
		margin:7px 0;
		font-size:1.3rem;
	}
	
	#contact-form input[type="submit"] {
		padding: 10px 15px;
		font-size: 13px;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
		border:none;
		background-color: #6d6d6d;
		color: #fff;
		text-shadow: 0 1px rgba(0, 0, 0, 0.4);
		box-shadow: 0px 3px 0px 0px #5c5c5c;
		display: block;
		margin-top:15px;
		width:100%;
		text-transform:uppercase;
	}
	
	#contact-form input[type="submit"]:hover {background: #00a0e1;}


/* -- FORMULARIO PREINSCRIPCI�N --*/

.form-control {height:auto !important; font-size:1.3rem !important}


h4.form {
	text-transform:uppercase;
	font-size:15px;
	font-weight:600;
	margin:0 0 30px 0;
	border-bottom:solid thin #cbcbcb;
	padding-bottom:20px;
	border-top:solid 5px #cbcbcb;
	padding-top:20px;
}

.box{
	display: none;
	margin-bottom: 10px;	
}
	
#mainForm ul, .wpcf7-form ul {list-style-type:none; padding-left:0; margin-left:0}
#mainForm ul li.borde {width:100%; border-top:solid thin #cbcbcb; margin-top:40px;}
#mainForm ul.preins {margin-bottom:50px;}
#mainForm ul.preins li {margin-bottom:20px;}
#mainForm ul.preins li:before {font-family:Icomoon;content: "\f0bf";font-size:14px;width:15px; margin-right:10px;}

#mainForm select, .wpcf7-form select {
	width:100%;
	border-radius:3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background-color:#fff;
	padding:10px;
	margin:10px 0;
	font-size:14px;
	margin:7px 0;
}


#mainForm input[type="text"], .wpcf7-form input[type="text"] {
	width:100%;
	border-radius:3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background-color:#fff;
	padding:10px;
	margin:7px 0;
}

#mainForm input[type="button"], .wpcf7-form input[type="button"] {
	padding: 10px 15px;
	font-size: 13px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	border:none;
	background-color: #6d6d6d;
	color: #fff;
	text-shadow: 0 1px rgba(0, 0, 0, 0.4);
	box-shadow: 0px 3px 0px 0px #5c5c5c;
	display: block;
	margin-top:15px;
	width:20%;
	text-transform:uppercase;
}
	
#mainForm input[type="submit"], .wpcf7-form input[type="submit"]{
	padding: 10px 15px;
	font-size: 13px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	border:none;
	background-color: #00a0e1;
	color: #fff;
	text-shadow: 0 1px rgba(0, 0, 0, 0.4);
	box-shadow: 0px 3px 0px 0px #5c5c5c;
	display: block;
	margin-top:20px;
	width:20%;
	text-transform:uppercase;
}

#mainForm input[type="file"], .wpcf7-form  input[type="file"]{
	padding:0;
}

#mainForm button,  .wpcf7-form button {
	padding: 10px 15px;
	font-size: 13px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	border:none;
	background-color: #00a0e1;
	color: #fff;
	text-shadow: 0 1px rgba(0, 0, 0, 0.4);
	box-shadow: 0px 3px 0px 0px #5c5c5c;
	display: block;
	margin:20px 0;
	width:20%;
	text-transform:uppercase;
}

#mainForm button:hover,  .wpcf7-form button:hover {background: #00a0e1;}



/*---- FIN FORMS ----*/




.wpcf7-form-control-wrap span.wpcf7-not-valid-tip {position:inherit; padding:10px; margin-bottom:-30px;}


	
.left {float:left}
.right {float:right}
	
#razones {width:315px; margin-left:20px; margin-bottom:20px; display:inline-block; border: solid thin #f1f1f1;padding-left:20px; padding-top:30px;background:#f1f1f1;}
	#razones img {display:block; margin:auto;}
	#razones .razon {width:42%; float:left; margin-right:20px;}
	#razones p {font-size:20px; line-height:22px;margin-bottom:40px; margin-top:20px; color:#232a5c; text-align:center}
	#razones p.num-razones {font-size:70px; line-height:10px; font-style:italic; color:#dce3ec; font-weight:bold; margin-bottom:0; text-align:center;}
	#razones h5 {text-transform:uppercase; text-align:center; font-size:11px; margin-bottom:30px; color:#232a5c;}



/* P�GINA POR QU� ESTUDIAR EN CRUYFF INSTITUTE */

.razones p {font-size:14px; line-height:22px; margin-top:20px; text-align:center}
p.numero-razon {font-size:90px; line-height:10px; font-style:italic; color:#dce3ec; font-weight:bold; margin-bottom:0; text-align:center; margin-top:50px;}



/* FORMULARIO DE PAGO */


.boto {
	padding: 10px 15px;
	font-size: 13px;
	border-radius: 2px;
	border: medium none;
	background-color: #6D6D6D;
	color: #FFF;
	text-shadow: 0px 1px rgba(0, 0, 0, 0.4);
	box-shadow: 0px 3px 0px 0px #5C5C5C;
	display: block;
	margin-top: 30px;
	margin-bottom:40px;
	width: 40%;
	text-transform: uppercase;
}

.boto:hover {background:#00a0e1; color:#fff;}

h2.inscripcion {
	text-transform:uppercase;
	font-size:15px;
	font-weight:600;
	margin:0 0 30px 0;
	border-bottom:solid thin #cbcbcb;
	padding-bottom:20px;
	border-top:solid 5px #cbcbcb;
	padding-top:20px;
}


/* PAGINA DE PROGRAMAS ACAD�MICOS */

#container-programas {
	/*width:100%;
	clear:both;*/
	margin-top:5px;
}

	h1.programas {font-size:25px; color:#232a5c; line-height:33px; text-align:left; margin-bottom:25px; margin-top:15px;}
	h1.programas img {padding-right:15px; padding-top:5px;}
	
	#container-programas ul li img.new {position:absolute; margin-left:10px; height:20px;}
	
	#container-programas .panel-group .panel + .panel {margin-top:-1px;}
	
	#container-programas .panel-group .panel-heading + .panel-collapse > .panel-body {border-top:none;}
	
	#container-programas .panel-body {padding:0;}
	
	#container-programas .panel-body img {margin-bottom:20px;}
	
	#container-programas .panel-default > .panel-heading {
		border-bottom: solid thin #00a0e1 !important;
		border-top: solid thin #00a0e1 !important;
		background-color:#fff !important;
		border-color:none !important;
	}
	
	#container-programas .panel-default {
    	border-color: #fff;
	}
	
	#container-programas .panel-heading {
		border-top-left-radius: 0px;
		border-top-right-radius: 0px;
		padding:10px 0;
	}
	
	#container-programas .panel {
		border:none;
		box-shadow:none;
	}
	
	#container-programas .panel-title {
		font-weight:700;
		font-size:100%;
	}
	
	#container-programas .panel-title > a {
		color:#00a0e1;
	}
	
	#container-programas .entry-content a{
		border-bottom: 1px dotted #00a0e1 !important;
		color:#00a0e1 !important;
		text-decoration:none !important;
	}
	
	
	.cont-presencial {margin-top:40px !important;}
	.cont-mapa {background:#d7d2cb; margin-bottom:40px;}
	
	p.titulo-programas {
		font-size:18px;
		font-weight:300;
		text-transform:uppercase;
		background:#5d6162;
		color:#fff;
		margin-left:50px;
		padding:0 15px;
	}
	
	.fondo-programas {
		background:#e6e6e6;
		width:20%;
		padding:30px 20px 10px 30px;
		float:left;
		min-height:420px;
		
	}
	
	img.icono-programas {position:absolute; z-index:2;}
	
	p.texto-online {margin-top:10px; width:65%; float:left;}
	p.texto-presencial {margin-top:30px; margin-bottom:30px;}
	
	#vmap {background:#d7d2cb; overflow:hidden; width:80% !important; float:right;}
	
	.campus-virtual {
		background:#e6e6e6;
		border-left: solid 10px #8aac66;
		padding:15px;
		margin-top:15px;
		margin-bottom:35px;
		line-height:10px;
	}
	.campus-virtual p {line-height:1.5em}
	.campus-virtual a {color:#00a0e1; text-decoration:underline;}
	
	.programas-online {background:#e6e6e6; margin-top:30px; padding:20px 15px; min-height:300px;}
	
#container-programas ul {margin:10px 0 30px 0}
#container-programas ul li {list-style:none; margin-bottom:5px;}
#container-programas ul li:before {font-size:13px;font-family: Icomoon;content: "\e707"; margin-right:10px; color:#00a0e1;}
#container-programas ul li a {color:#00a0e1;}
#container-programas ul li a:hover {border-bottom: dotted thin #00a0e1;}
#container-programas ul li img {position:absolute; margin-left:-80px;}

#container-programas strong {}


/* MAPPLIC */

#vmap ul {margin:10px 0 10px 0}
#vmap ul li {list-style:none; margin-bottom:5px;}
#vmap ul li:before {font-size:13px;font-family: Icomoon;content: "\e707"; margin-right:10px; color:#00a0e1;}
#vmap ul li a {color:#00a0e1;}
#vmap ul li a:hover {border-bottom: dotted thin #00a0e1;}

/* Tooltip */

.mapplic-container {background:#fff !important;}

.mapplic-tooltip {
	background-color: #fff !important;
	color:#00a0e1;
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
	display: none;
	max-width: 280px;
	min-width: 120px;
	margin-top: -76px;
	padding: 10px 14px;
	position: absolute;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}

.mapplic-clear-button {display:none !important}

.mapplic-element {background-color:#d7d2cb !important; height:420px !important; width:820px !important;}

.mapplic-tooltip-title {
	font-size:12px !important;
	font-weight:500 !important;
	text-transform:uppercase !important;
	margin: 0 0 0 0 !important;
}

.mapplic-tooltip-description {margin-top:8px !important;}

.mapplic-tooltip-description strong {color:#363636 !important;}

.mapplic-hovertip {
	min-width: 50px;
	pointer-events: none;
}

.mapplic-hovertip .mapplic-tooltip-title {
	margin: 0;
}

.mapplic-tooltip-content {
	max-height: 160px;
	overflow-y: auto;
}

.mapplic-tooltip-description,
.mapplic-tooltip p {
	color: #bbb;
	font-size: 13px;
	margin: 0;
}

.mapplic-tooltip-link {
	background-color: #ccc;
	color: #fff !important;
	font-size: 14px;
	line-height: 26px;
	padding: 0 8px;
	margin-top: 10px;
	display: inline-block;
	float: right;
}

.mapplic-tooltip-link:hover {
	background-color: #aaa;
}

.mapplic-tooltip img {
	max-width: 100%;
}

.mapplic-tooltip-triangle {
	background-image: url(../images/tooltip-triangle.png);
	width: 14px;
	height: 6px;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-bottom: -6px;
	margin-left: -7px;
}

.mapplic-tooltip-close {
	background-color: #eee;
	background-image: url(../images/cross.png);
	background-position: center;
	background-repeat: no-repeat;
	background-color: transparent;
	border: none;
	cursor: pointer;
	float: right;
	margin: 0 -4px 0 0;
	width: 10px;
	height: 10px;
}

.mapplic-element a {border-bottom:none !important;}

.mapplic-element {}


<!-- SHARE INFORMATION -->

[class*=zocial-]:before{font-family:zocial, sans-serif} .share-below{margin-bottom:45px;margin-top:15px} .share-below i {color:#fff; margin-right:0;} .share-below a{text-decoration:none} .share-below ul{list-style:none;margin:0;padding:0} .clearfix{zoom:1} .clearfix:before,.clearfix:after{content:"";display:table} .clearfix:after{clear:both} .action-bar li{float:left;margin-right:10px} .action-bar a{color:#e7e7e7;display:block;font-size:20px;position:relative;text-align:center;-webkit-transition:background .3s;-moz-transition:background .3s;-ms-transition:background .3s;-o-transition:background .3s;transition:background .3s;width:50px; padding:10px; -webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;} 

.action-bar a:hover .tooltip{margin-top:7px;opacity:1} 
.tooltip{border-radius:3px;font-size:12px;height:28px;left:50%;line-height:28px;opacity:0;position:absolute;top:100%;-webkit-transition:margin-top .3s, opacity .3s;-moz-transition:margin-top .3s, opacity .3s;-ms-transition:margin-top .3s, opacity .3s;-o-transition:margin-top .3s, opacity .3s;transition:margin-top .3s, opacity .3s;width:100px;font-family:verdana;margin:0 0 0 -50px; color:#fff;} 
.tooltip:before{content:"";height:8px;left:50%;position:absolute;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);width:8px;margin:-4px 0 0 -4px;} 

.favourite,.favourite .tooltip,.favourite .tooltip:before{background:#c93037} 
.favourite:hover{background:#b02b32} 
.comment,.comment .tooltip,.comment .tooltip:before{background:#4560a2} 
.comment:hover{background:#393978} 
.like, .like .tooltip, .like .tooltip:before {background:#45cbff;}



/*ACREDITACIONES */

.acredtiaciones ul li {list-style:none;}





@media screen and (max-width: 768px) {
	html{
		font-size: 60%;
	}
	
	body {background-size:82%;}

	h1.site-title{
		text-align: center;
	}
	
	h2 {font-size:16px;}
	
	select.mnav{
		width: 100%;
		margin-bottom: 20px;
	}

	#submenu{
		display:none;
		}
		
	.flex-caption{
		display: none;
	}
	.portbox, .postbox{
		margin-bottom: 30px;
	}
	
	.alignleft span {display:none;} /* esconde el slogan */
	
	
	#searchform {display:none}
	
	#megaMenu ul.megaMenu > li.menu-item > a span.wpmega-link-title, #megaMenu ul.megaMenu > li.menu-item > span.um-anchoremulator span.wpmega-link-title {font-size:80% !important; font-weight:300 !important} 

	
	#megaMenu.megaMenuHorizontal ul.megaMenu > li.menu-item > a, #megaMenu.megaMenuHorizontal ul.megaMenu > li.menu-item > span.um-anchoremulator {border:none !important;}
	
	#megaMenu ul.megaMenu > li.menu-item > a, #megaMenu ul.megaMenu > li.menu-item > span.um-anchoremulator, .megaMenuToggle {padding:8px !important;}
	
	.video {width:auto;}
	.video iframe {max-height:125px; margin-top:20px;}
	.cuadro-imagen {width:auto !important; height:auto !important}
	.cuadro-imagen img {width:67% !important}
	
	.cuadro-masters, .cuadro-posgrados, .cuadro-cursos, .cuadro-bachelor {background-size:100%; height:170px;}
	
	/* Botones de compartir */
	.share-below ul li a {width:45px;}
	
	/* Programas */
	#bloques-programas .modulos-cont-left {zoom:.8 !important}
	#bloques-programas .modulos-cont-right ul li:before {left:100px !important;}
	.circular-image img {height:100% !important;}
	
	/* Titulo en home */
	h1.programas-academicos {font-size:20px;}
	h2.tit-programas {font-size:20px !important;}
	
		 
	#slidebox {max-height:300px;}
	.boxitems-social span {font-size:10px !important;}
	.boxitems-social h4 {margin-bottom:5px; font-size:1.5rem}
	
	
	
	.dcw_c2 {width:100% !important;}
	
	/* FEATURED IMAGE ON TOP PAGE */
	
	#featured-image-pages {height:150px; }
	h1.entry-title-programas {margin-top:60px; font-size:18px;}
	.blockquote {font-size:11px;}
	.blockquote img {width:50%;}
	
	
	/* PROGRAMAS */
	
	#cabecera-programas {height:150px;}
	#featured-image-programas {background-size:17%;}
	.share-below ul {zoom:.67}
	.boton-preinscripcion {zoom:.80}
	
	#documentos {padding:5px 10px;}
		#documentos p {font-size:10px;}
		#documentos i {font-size:15px; width:10px !important}
		#documentos ul li {margin-bottom:10px;}
		#documentos ul li a {font-size:10px; line-height:15px;}
		#documentos ul.estudios li:before {font-size:7px; padding-top:0;}
		#documentos ul.estudios a {font-size:10px; padding-left:12px; line-height:15px !important}
	
	blockquote.easy_testimonial {zoom:.8}
		blockquote.easy_testimonial p {font-size:9px !important; line-height:18px !important}
		.testimonial_body blockquote:before,.testimonial_body blockquote:after {font-size:12px; margin-left:30%;}
		.testimonial-position {font-size:9px;}
		
	
	#bloques-programas .modulos-cont-programas-cursos {zoom:.7}
		#bloques-programas .modulos-cont-left span {font-size:34px;}
		table.profes td {vertical-align:top;}
	
	#bloques-programas .modulos-cont-programas-masters-3 {zoom:.7}
		#bloques-programas .modulos-cont-left strong {font-size:9px !important}
		#bloques-programas .modulos-cont-left p.creditos {font-size:9px}
		#bloques-programas .modulos-cont-right ul li {line-height:1.5em}
		
	#bloques-programas .modulos-cont-programas-posgrados {zoom:.7}

	#bloques-programas .modulos-cont-programas-executive {zoom:.7}
		#bloques-programas .modulos-cont-programas-executive .modulos-cont-left strong {font-size:8px !important}
		#bloques-programas .modulos-cont-programas-executive .modulos-cont-left p.executive {font-size:9px}
		#bloques-programas .modulos-cont-programas-executive .modulos-cont-right ul li {line-height:1.5em}
	
	
	/* MENU */
	
	#megaMenu.megaMenuHorizontal ul.megaMenu > li.menu-item.ss-nav-menu-mega > ul.sub-menu-1, #megaMenu.megaMenuHorizontal ul.megaMenu li.menu-item.ss-nav-menu-reg > ul.sub-menu {font-size:5px !important}
	
	#megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega ul.sub-menu li.menu-item.ss-nav-menu-item-depth-1.fullWidthRow, #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega ul.sub-menu li.menu-item.ss-nav-menu-item-depth-1.ss-sidebar {width:30%; float:left;}
	
	
	/* CONTACTO */
	
	#contact-form {padding:15px;}
	.widget .newsletter .head {font-size:14px; letter-spacing:normal;}
	.entry-content .mapa {width:100%; padding-bottom:10px;}
        
}


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

body {
	background:none;
}

#megaMenu #megaMenuToggle {
	padding:12px 10px;
}

#megaMenu ul li.menu-item.ss-nav-menu-mega ul li.menu-item.ss-nav-menu-item-depth-1 {
	padding:0;
}

#megaMenu {
	margin-top:0;
}

#megaMenu.megaResponsive ul.megaMenu > li.menu-item {
	background:#fff !important;
}

#masthead img.img-modified, #masthead img {
	width:65px !important;
}

#megaMenu .ss-colgroup .ss-col, #megaMenu .wpmega-nonlink li.widget, #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega.mega-colgroup > ul > li {
	display:none;
}

/* HOME */

.rotador {
	padding-left:15px;
}

.video {
	margin-left:0;
	width:100%;
}

.video iframe {
	max-height:none;
	width:100%;
}

.cuadro-imagen {
	margin-left:0;
	width:100% !important;
	max-width:none;
}

.cuadro-masters, .cuadro-posgrados, .cuadro-cursos, .cuadro-bachelor {
	background-repeat:no-repeat;
	width:100%;
	margin-bottom:20px;
}

ul.programas-home li span {
	width:auto;
}

h2.tit-proximos {
	padding-left:0;
}

ul.programas-home {
	margin:30px 0 0 0;
}

h2.tit-blog {
	margin-top:30px !important;
}

.fcred {
	padding:10px 25px;
}

/* P�GINA DE PROGRAMAS */

.alignright {
	margin-left:.5em;
}

.site-branding {
	margin-bottom:0;
	float:none;
	margin:auto;
	width:120px;
}

.datos-generales {
	padding:20px 10px;
}

#featured-image-programas {
	background-size:0;
}

#cabecera-programas {
	height:80px;
	margin-bottom:0;
}	

h1.entry-title-programas {
	margin-left: -15px;
	box-shadow: none;
	padding: 20px;
	margin-top: 20px;
}


.entry-content-programs {
	margin-top:0;
}

#bloques-programas h4.programas {
	font-size:13px;
	padding-top:10px;
	padding-bottom:10px;
	margin:35px 0 20px 0;
}


.layout-programas {
	margin-left:0;
}

#menu-programas-container {
	display:none;
}

#bloques-programas .modulos-cont-left {
	width:100%;
}

#bloques-programas .modulos-cont-left span {
	margin-bottom:0;
}

#bloques-programas .modulos-cont-left strong {
	margin-bottom:0;
}

#bloques-programas .modulos-cont-right {
	width:90%;
	margin-right:15px;
}

#bloques-programas .modulos-cont-right ul {
	padding-left:0;
	margin-left:0;
}

#bloques-programas .modulos-cont-right ul li::before {
	left:15px !important;
}

#bloques-programas .modulos-cont-right ul li {
	margin-left:20px;
}

.entry-content ul li {
	margin-left:10px;
}

#bloques-programas .modulos-cont-right p {
	margin-bottom:0;
}

table.profes td {
	min-width:0;
	padding:10px 10px 10px 0;
}

.circular-image img {
	width:70px;
	border: 2px solid #cbcbcb;
}

.testimonial_body blockquote::before, .testimonial_body blockquote::after {
	margin-left:40%;
}

.widget-area blockquote.easy_testimonial .attachment-easy_testimonial_thumb {
	width: 80px !important;
	height:80px !important;
}

blockquote.easy_testimonial p {
	font-size:12px !important;
}

/* BLOG */

.boxitems-social {
	width:90%;
}

.portbox-social {
	padding: 10px 20px;
	height:auto;
	margin-bottom:15px;
}

.boxitems {
	background:#fff;
	border-bottom: solid thin #f1f1f1;
}

.boxitems .cajas-blog {
	min-height:inherit;
}

.hthumb a img{
	display: block;
	width:100%;

}

#featured-image {
	height:140px;
	margin-top:-270px;
}

#tags a {
	margin-top:100px;
}

.entry-header {
	margin-top:-30px;
}

h1.entry-title {
	font-size:20px;
}

.entry-content {
	margin-top:0;
	padding-left:0;
	padding-right:0;
	border-right:none;
}

/* P�GINAS */

#cabecera-programas {
	height:100px;
	margin-bottom:20px;
}

#featured-image-pages {
	background-size:120% 100%;
	height:100px;
}

table td img {
	width:100%;
}

.blockquote img {
	margin-bottom:15px;
	width:100%;
}

/* CONTACTO */

#cuadro-campus {
	padding:0;
	margin-right:6px;
	width:100%;
	min-height: 230px;
}

#cuadro-campus a.titulo, #cuadro-campus strong.titulo {
	line-height:18px;
}

.contacto {
	margin-left:0;
}

#secondary {
	padding-left:15px;
}

/* PROGRAMAS HOME */

p.titulo-programas {
	font-size:15px;
	line-height:17px;
	padding: 5px 10px;
}

.tipo {
	width:100%;
}

.tipo-una-linea {
	width:100%;
}

/* RAZONES EN FORMULARIO */

#razones {
	width:90%;
	margin-left:15px;
}

#razones p {
	text-align: center;
}

#documentos ul li a {
	font-size:12px;
}

#documentos ul.estudios a {
	font-size:12px;
}

}
#bloque_magazine .boxitems{background:transparent !important}

/* Callout nuevo en the magazine  NL */
.programa-destacado-post{display:block;border-top:3px solid #00a0e1;border-bottom:3px solid #00a0e1;position:relative;margin-bottom:2.5em; margin-top:4.5em}
h3.especiality-mini-title{font-size:14px;font-weight:700;margin-top:10px;margin-bottom:0px !important;text-transform:uppercase}
h2.programa-maxi-title{color:#00a0e1;margin-top:0;font-size:30px;padding-right:38%;box-sizing:border-box;width:100%;margin-bottom:0;font-weight:lighter; line-height: 35px;}
.programa-destacado-post article p{color:#707070;font-size:17px}
#content .type-post .programa-destacado-post article p{font-size:13px;line-height:1.5em}
.type-post .thevelop-posts{margin-top:10px;padding-bottom:0;}
.type-post .thevelop-posts .button-in-post{position:absolute;top:35px;right:0px;z-index:9;text-decoration:none;background:#de511b;border-radius:0.4em;color:#FFF;padding:0.3em 0.6em;font-size:16px;margin-right:10px;border:1px solid #de511b;-webkit-transition: all 0.1s ease-in-out; 	-moz-transition: all 0.1s ease-in-out; 	-ms-transition: all 0.1s ease-in-out; 	-o-transition: all 0.1s ease-in-out; 	transition: all 0.1s ease-in-out}
.type-post .thevelop-posts .button-in-post:hover{background:#FFF;color:#de511b}
.type-post .thevelop-posts .button-in-post i{margin-right:10px;font-weight:700}
.type-post .thevelop-posts .button-in-post i:after{content:"|";margin-left:5px}
#content .type-post #primary a.button-in-post{border-bottom:1px solid #de511b}
#content .type-post #primary a.button-in-post:hover{border-bottom:1px solid #de511b}
@media screen and (max-width: 660px) {
.type-post .thevelop-posts .button-in-post{position:inherit;margin-bottom:5px;font-size:19px;display:table}
h2.programa-maxi-title{padding-right:0;}
#masthead img.img-modified, #masthead img {
	width:65px !important;
}
}

.thevelop-ajax-magazine-loader i.fa-repeat {animation-name: rotation;
  animation-duration: 2s;/*animation: rotation 2s infinite linear;*/}

@keyframes rotation {
		from {
				-webkit-transform: rotate(0deg);
				-moz-transform: rotate(0deg);
    			-ms-transform: rotate(0deg);
    			-o-transform: rotate(0deg);
    			transform: rotate(0deg);
		}
		to {
				-webkit-transform: rotate(359deg);
				-moz-transform: rotate(359deg);
    			-ms-transform: rotate(359deg);
    			-o-transform: rotate(359deg);
				transform: rotate(359deg);
		}
}

.lds-ripple {
  display: none;
  position: relative;
  width: 80px;
  height: 80px;
}
.lds-ripple div {
  position: absolute;
  border: 4px solid #232a5c;
  opacity: 1;
  border-radius: 50%;
  animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}
.lds-ripple div:nth-child(2) {
  animation-delay: -0.5s;
}
@keyframes lds-ripple {
  0% {
    top: 36px;
    left: 36px;
    width: 0;
    height: 0;
    opacity: 1;
  }
  100% {
    top: 0px;
    left: 0px;
    width: 72px;
    height: 72px;
    opacity: 0;
  }
}
.col-sm-2.site-branding{width:25%}
.col-sm-10.mainmenu{width:75%}