.color {
	background-color: #BECCCF;
	border-radius:20px;
}


.tabs {
	position: relative;
	width: 100%;
	overflow: hidden;
	font-weight: 300;
	text-align: center;
	padding: 0px;
	margin-top: 1em;
	margin-right: 0;
	margin-bottom: 0em;
	margin-left: 0;
}



/* Content */
.content section {
	font-size: 1.25em;
	display: none;
	/*max-width: 1230px;*/
	max-width: 100%;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
.content h1 {
	color: #FFF;
	background-color: #f8aa06;
	background-image: url(../img/fondo-ico.png);	
	background-repeat: no-repeat;
	background-position: right;
	font-size: 2em;
	background-attachment: fixed;
	padding-top: 30px;
	padding-right: 10px;
	padding-bottom: 30px;
	padding-left: 10px;
}
.content h2 {
	color: #002C33;
	font-size: 2em;
	padding-top: 30px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	line-height: 50px;
}


.content section:before,
.content section:after {
	content: '';
	display: table;
}

.content section:after {
	clear: both;
}

/* Fallback example */
.no-js .content section {
	display: block;
	padding-bottom: 2em;
	border-bottom: 1px solid #47a3da;
}

.content section.content-current {
	display: block;
}
.todos {
	width: 100%;	
	height: auto;
		
}
.todos li {
	display: inline-block;
	list-style-type: none;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 5px;
}


.todos img {
	height: 120px;
	width: 120px;
	text-align: center;
	background-color: #FFF;
	border-radius: 20px;
	padding: 0px;
	box-shadow: 3px 3px 1px rgba(0,0,0,0.1);
	border: 1px solid #EAEAEA;
	margin: 0px;
}
.mediabox {
	float: left;
	width: 22.5%;
	text-align: center;
	background-color: rgba(168,183,187,0.4);
	border-radius: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	margin: 10px;
	padding-top: 0px;
	padding-right: 0px;
}

.mediabox h2 {
	font-size: 0.9em;
	color: #002C33;
	width: 90%;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	height: 50px;
	border-bottom-width: 1px;
	border-bottom-style: double;
	border-bottom-color: #A3B6BA;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 10px;
	line-height: 20px;
}

.mediabox a:link{
	color: #FFF;
	font-size: 0.8em;
}
.mediabox a:visited{
	color: #FFF;
	font-size: 0.8em;
}
.mediabox a:hover{
	color: #FFF;
	font-size: 0.8em;
}
.vacio {
	background-color: #004652;
	padding: 10px;
	width: 130px;
	display: inline-block;
	border-radius: 10px;
	text-align: left;
	background-image: url(../img/ico-casa.png);
	background-repeat: no-repeat;
	background-position: 93px;
}
.presencial-no {
	background-color: #A8B7BB;
	padding: 10px;
	width: 150px;
	display: inline-block;
	border-radius: 10px;
	text-align: left;
	background-image: url(../img/ico-manos.png);
	background-repeat: no-repeat;
	background-position: right;
	cursor: default;
	color: #FFF;
	font-size: 0.8em;
}
.presencial {
	background-color: #004652;
	padding: 10px;
	width: 150px;
	display: inline-block;
	border-radius: 10px;
	text-align: left;
	background-image: url(../img/ico-manos.png);
	background-repeat: no-repeat;
	background-position: right;
	font-size: 0.8em;
	color: #FFF;
}
.presencial:hover{
	background-color: #f8aa06;
	
}
.sede-no {
	background-color: #A8B7BB;
	padding: 10px;
	width: 150px;
	display: inline-block;
	border-radius: 10px;
	text-align: left;
	background-image: url(../img/ico-casa.png);
	background-repeat: no-repeat;
	background-position: right;
	cursor: default;
	font-size: 0.8em;
	color: #FFF;
}

.sede {
	background-color: #004652;
	padding: 10px;
	width: 150px;
	display: inline-block;
	border-radius: 10px;
	text-align: left;
	background-image: url(../img/ico-casa.png);
	background-repeat: no-repeat;
	background-position: right;
}
.sede:hover{
	background-color: #f8aa06;
	
}
.llamar-no {
	background-color: #A8B7BB;
	padding: 10px;
	width: 150px;
	display: inline-block;
	border-radius: 10px;
	text-align: left;
	background-image: url(../img/ico-camara.png);
	background-repeat: no-repeat;
	background-position: right;
	cursor: default;
	font-size: 0.8em;
	color: #FFF;
}
.llamar {
	background-color: #004652;
	padding: 10px;
	width: 150px;
	display: inline-block;
	border-radius: 10px;
	text-align: left;
	background-image: url(../img/ico-camara.png);
	background-repeat: no-repeat;
	background-position: right;
}
.llamar:hover{
	background-color: #f8aa06;
	
}
 
.mediabox ul {
	margin: 0px;
	padding: 0px;


}
.mediabox li {
	list-style-type: none;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
}

.mediabox img {
	/*	max-width: 100%;*/
	height: 100px;
	width: 100px;
	text-align: center;
	/*float: left;*/
	background-color: #FFF;
	border-radius: 20px;
	padding: 0px;
	margin: 0;
}
.mediabox h2 {

}

.mediabox p {
	padding: 0 0 1em 0;
	margin: 0;
	line-height: 1.3;
}

@media screen and (max-width: 72em) {
.mediabox {
	float: left;
	width: 31%;
	text-align: center;
	background-color: rgba(168,183,187,0.6);
	border-radius: 20px;
	padding-bottom: 10px;
	padding-left: 10px;
	margin: 10px;
	padding-top: 0px;
	padding-right: 0px;
}

.mediabox img {
height: 100px;
	width: 100px;
	text-align: center;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	float: none;
	}
	
	.mediabox a:link{
	color: #FFF;
	font-size: 1em;
}
.mediabox a:visited{
	color: #FFF;
	font-size: 1em;
}
.mediabox a:hover{
	color: #FFF;
	font-size: 1em;
}
.llamar {
	background-color: #004652;
	padding: 10px;
	width: 80%;
	display: inline-block;
	border-radius: 10px;
	text-align: left;
	background-image: url(../img/ico-camara.png);
	background-repeat: no-repeat;
	background-position: right;
}
.llamar-no {
	background-color: #A8B7BB;
	padding: 10px;
	width: 80%;
	display: inline-block;
	border-radius: 10px;
	text-align: left;
	background-image: url(../img/ico-camara.png);
	background-repeat: no-repeat;
	background-position: right;
	cursor: default;
	font-size: 1em;
}
.presencial-no {
	background-color: #A8B7BB;
	padding: 10px;
	width: 80%;
	display: inline-block;
	border-radius: 10px;
	text-align: left;
	background-image: url(../img/ico-manos.png);
	background-repeat: no-repeat;
	background-position: right;
	cursor: default;
	color: #FFF;
	font-size: 1em;
}
.presencial {
	background-color: #004652;
	padding: 10px;
	width: 80%;
	display: inline-block;
	border-radius: 10px;
	text-align: left;
	background-image: url(../img/ico-manos.png);
	background-repeat: no-repeat;
	background-position: right;
	font-size: 1em;
	color: #FFF;
}
}

@media screen and (max-width: 80em) {
	.llamar {	
	width: 60%;	
}
.llamar-no {
	width: 60%;	
}
.presencial-no {	
	width: 60%;	
}
.presencial {
	width:60%;
	
}
}
@media screen and (max-width: 55em) {
.mediabox img {
height: 200px;
	width: 200px;
	text-align: center;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	float: none;
	}
	.tabs nav ul li {
	position: relative;
	background-color: #004652;
	width: 100%;
	text-align: center;
	display: inline-block;
	border-radius: 0px;
	background-repeat: no-repeat;
	background-position: 100px;
	height: 100%;
	margin-top: 5px;
	margin-bottom: 5px;
}
.tabs nav a {
	color: #FFFFFF;
	font-size: 1.2em;
	width: 100%;
	margin: 0px;
	font-weight: bolder;
	text-align: center;
	vertical-align: middle;
	display: block;
	height: 50px;
	padding-top: 10px;
}
.tabs nav a:hover {
	color: #FFFFFF;
	background-color: #f8aa06;
	border-radius: 0px;
	background-image: url(../img/fondo-ico.png);
	background-repeat: no-repeat;
	background-position: 100px;
	padding-top: 10px;
	text-align: center;
}
.tabs nav li.tab-current a {
	color: #FFFFFF;
	background-color: #f8aa06;
	border-radius: 0px;
	background-image: url(../img/bajar.png);
	background-repeat: no-repeat;
	background-position: right;
	padding-top: 10px;
}

	.tabs nav a span {

	/*	display: none;*/
	}

	.tabs nav a:before {

	}

	.mediabox {
		float: none;
		width: auto;
		padding: 0 0 35px 0;
		font-size: 90%;
	}


.mediabox h2 {
	font-size: 1em;
	}

	.mediabox p {
		margin-left: 40%;
		margin-left: calc(40% + 25px);
	}

	.mediabox:before,
	.mediabox:after {
		content: '';
		display: table;
	}

	.mediabox:after {
		clear: both;
	}
}

@media screen and (max-width: 32em) {
	.tabs nav ul,
	.tabs nav ul li a {
	width: 100%;
	text-align: center;		
	}

	.tabs nav ul li {
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left:0px;
	border-radius: none;
	}

	.tabs nav ul li:last-child {
		/*border-right: none;*/
	}

	.mediabox {
		text-align: center;
	}

	.mediabox img {
	max-width: 100%;
	text-align: center;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	}


	.mediabox p {
		margin: 0;
	}
}