@charset "utf-8";
@import url("../../_common/css/header.css"); /*toda la cabecera principal*/
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700);
@import url(https://fonts.googleapis.com/css?family=Roboto+Slab);

body {
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    /*font-size: 14px;*/
    line-height: 1.42857143;
    color: #333;
	margin:0;
	padding:0;
	background-color: #fafafa;
}
#contenedor_1180 {
	width:1180px;
	margin:0 auto;
	padding-top: 51px;
}

@media(max-width: 1180px){
	#contenedor_1180 {
		width:100%;
	}
}

@media(max-width: 980px){
	#contenedor_1180 {
		padding-top: 0px;
	}
}

div#sitios_recomendados_sec div#sitios_img{
	float: left;
}

div#temas_actualidad_sec div#arpa_actualidad_sec{
	text-align: center;
}

#nav_arquiReligiosa {
	width:100%;
	float:left;
	position:relative;
	background-color:#e1e7e7;
	margin-top:10px;
	margin-bottom:10px;
}
#menu_nav {
width:auto;
margin-left: 550px;
height:45px;
}
.boton_nav {
width:130px;
height:30px;
margin-top:7px;
text-align:center;
float:left;
}
.responsiveMenuTheme1 {
    font-family: "Roboto","Arial Narrow",Arial,Helvetica,sans-serif !important;
    font-size: 16px !important;
	font-weight:300;
}
#banner_ar {
	width:100%;
	text-align: center;
	position:relative;
/*	-webkit-box-shadow: 0px 0px 4px 0px rgba(50, 50, 50, 0.75);
		-moz-box-shadow: 0px 0px 4px 0px rgba(50, 50, 50, 0.75);
			box-shadow: 0px 0px 4px 0px rgba(50, 50, 50, 0.75);	*/
}

@media(max-width: 1180px){
	div#contenedor_1180 div.item-page div div#banner_ar div#promocional{
		display: none;
	}
}

#puebla {
	width: 33.8%;
    height: 500px;
	background-color:#fff;
	padding:20px 40px;
	float:left;
	position:relative;
}
#slider_ar {
	width: 65.2%;
	height:500px;
	float:left;
	position:relative;
	z-index: 1;
}

@media(max-width: 1180px){
	#slider_ar, #puebla{
		width:100%;
	}
	#slider_ar, #puebla{
		height: auto;
	}
}
.titulo1 {
	font-weight:600;
	font-size:36px;
	margin-top:0px;
	margin-bottom:0px;
}
.titulo2 {
	font-size:36px;
	margin-top:20px;
	margin-left:20px;
}

@media(max-width: 454px){
	.titulo1 {
		font-size:24px;
	}
	.titulo2 {
		font-size:24px;
	}
}

.titulo3 {
	font-size:22px;
	margin-top:0px;
	margin-left:20px;
}
.titulo1, .titulo2, .titulo3, .txt_banner, .vermas {
	font-family:"Roboto";
}
.titulo1, .titulo2, .titulo3, .txt_banner {
	text-align:left;
}
.titulo1, .titulo2, .titulo3 {
	color:#0064a3;
}
.txt_banner {
	font-weight:400;
	font-size:17px;
	color:#606060;	
	font-family:"Roboto";
	margin-bottom: 1px;
}
#puebla a, #puebla a:active, #puebla a:hover, #puebla a:visited {
font-family:"Roboto";
font-weight:300;
font-size:18px;
color:#606060;
text-align:right;
text-decoration:none;
display:block;
padding:1px;
}
#puebla a:hover{
text-decoration:underline !important;
}
#conoce_puebla {
	width:100%;
	float:left;
	position:relative;
}
.conoce_title {
	font-family:"Roboto";
	font-size:50px;
	color:#0064a3;
	margin-top:50px;
	text-align:left;
}
.txt_conoce {
	font-family:"Roboto";
	font-size:18px;
	color:#606060;
	text-align:left;
	margin-left:40px;
	margin-right:40px;
	margin-bottom:60px;
}
#noticias {
	width:100%;
	float:left;
	position:relative;
}
#radio_ar {
	/*width:auto;*/
	width:770px;/*width temporal*/
	float:left;
	position:relative;
}
#noticias_twitter {
	/*width:auto;*/
	width:410px;/*width temporal*/
	height:572px;/*height temporal*/
	float:left;
	position:relative;
}
#contacto {
	width:100%;
	margin-top:20px;
	padding-bottom:20px;
	position:relative;
	overflow: hidden;
	}
#contacto p {
	text-align:center;
	font-family:"Roboto";
	font-size:26px;
	color:#606060;
	}
#contactos {
	width: 100%;
	position: relative;
	margin: 0 auto;
	text-align: center;
}
.contacto_link {
	width: 33%;
	display: inline-table;
	position: relative;
	margin-top: 25px;
}

@media(max-width: 794px){
	.contacto_link {
		width: 100%;
	}
}

.contacto_link img {
	height: 23px;
	position: relative;
}
.contacto_link a, .contacto_link a:active, .contacto_link a:hover, .contacto_link a:visited {
	font-family: "Roboto";
	font-weight: 300;
	font-size: 18px;
	color: #2279af;
	text-decoration: none;
	display: inline-block;
	padding: 1px;
	margin-left: 10px;
	position: relative;
}
.programa_ar {
	padding:20px;
	float:left;
	position:relative;
}
.programa_txt1 {
	font-family:"Roboto";
	font-weight:300;
	font-size:18px;
	text-align:right;
	margin:0px;
	color:#000;
}
.programa_txt2 {
	font-family:"Roboto";
	font-weight:500;
	font-size:30px;
	text-align:right;
	margin:0px;
	color:#000;
}
.descripcion_ar {
	padding:20px;
	float:left;
	position:relative;
}
.descripcion1 {
	font-family:"Roboto";
	font-weight:300;
	font-size:18px;
	text-align:left;
	margin:0px;
	color:#000;
}
.descripcion2 {
	font-family:"Roboto";
	font-weight:300;
	font-size:16px;
	text-align:left;
	color:#606060;
}
.descripcion3 {
	margin-left:20px;
}
.descripcion3 a, .descripcion3 a:active, .descripcion3 a:visited {
	font-family:"Roboto";
	font-weight:300;
	font-size:16px;
	text-align:left;
	margin:0px;
	color:#000;
	text-decoration:none;
}
.descripcion3 a:hover {
	text-decoration:underline;
	color:#0064a3;	
}
.temact {
	margin-left: 20px;
	margin-bottom:10px;
}
.temact a, .temact a:active, .temact a:visited {
	font-family:"Roboto";
	font-weight:500;
	font-size:26px;
	text-align:left;
	color:#000;
	text-decoration:none;
}
.temact a:hover {
	text-decoration:underline;	
}
.margen_5 {
	margin-top:5px;	
}
.mbottom_0 {
	margin-bottom:0px;
}
.mtop_0 {
	margin-top:0px;
}
/*--------------------------------ESTILOS INDEX----------------------------*/
.templo {
	width: 250px;
	height: 250px;
	position: relative;
	display: inline-block;
	margin-top: 40px;
	margin-left: 10px;
	margin-right: 10px;
	-webkit-box-shadow: 0px 0px 6px 0px rgba(111, 111, 111, 0.50);
	-moz-box-shadow: 0px 0px 6px 0px rgba(111, 111, 111, 0.50);
	box-shadow: 0px 0px 6px 0px rgba(111, 111, 111, 0.50);
	text-align: center;
	margin: 20px 10px auto;
}
.templo a, .templo a:active, .templo a:hover, .templo a:visited {

}
#catalogo {
	width: 100%;
	position: relative;
	margin: 0 auto;
    margin-bottom: 0px;
	margin-bottom: 20px;
	text-align: center;
}
/*--------------------------------ESTILOS CATALOGO----------------------------*/
#media, #parrafos_templo {
	width:50%;
	position:relative;
	float:left;
}

@media(max-width: 1054px){
	#media, #parrafos_templo {
		width:100%;
		position:relative;
		float:left;
	}

	#parrafos_templo {
		padding: 0px 15px;
	}
}

#media img {
	margin:20px;
	position:relative;
	float:left;
	width: 500px;
}

@media(max-width: 540px){
	#media img {
		width: 88%;
		height: 100%;
	}
}

#media #archivos_multimedia img {
	margin: 0px 10px 10px 20px;
	cursor: pointer;
	position: relative;
	display: inline-block;
	width: 50px;
}
#archivos_multimedia {
	margin-top:10px;
	width:100%;
	position:relative;
	float:left;
}
.file_type {
	font-family:"Roboto";
	font-weight:500;
	font-size:12px;
	color:#0064a3;
	margin:0px;
	float:left;
	position:relative;
}
#archivos_multimedia a, #archivos_multimedia a:active, #archivos_multimedia a:hover, #archivos_multimedia a:visited {
	font-family:"Roboto";
	font-weight:300;
	font-size:14px;
	color:#606060;
	text-decoration:none;
	display:block;
	padding:1px;
	float:left;
	position:relative;
}
#archivos_multimedia a:hover{
text-decoration:underline !important;
}
.archivo {
	width: 49%;
	position: relative;
	display: inline-block;
	float: left;
}
.texto_templo {
	font-family:"Roboto";
	font-size:18px;
	color:#606060;
	text-align:left;
	margin-right:20px;
	margin-top:10px;
}
#galeria_templo {
	width:100%;
	position:relative;
	float:left;
}
#galeria_templo img {
	margin:0px !important;
}
#galeria_templo li.sig-block {
	margin-left:20px;
	margin-top:20px;
}
#ubicacion_mapa {
	/*margin:20px;
	position:relative;
	float:left;*/
	display: none;
}
.clearfooter {
    clear: both;
    height: 100%;
}
/* -----------------  REDISEÑO 2017   ---------------------*/
#programas_radio, .programas_arpa, #convocatorias, #recomendaciones, #sitios_recomendados, #sitios_recomendados_sec, #arpa_actualidad, #arpa_recomendaciones, #arpa_actualidad .moduleItemImage, #arpa_actualidad .moduleItemTitle, #arpa_recomendaciones .moduleItemImage, #arpa_recomendaciones .moduleItemTitle, #sitios_lista, #sitios_img, #temas_img, #lecturas_img, #temas_actualidad_sec, #arpa_actualidad_sec, #lecturas_recomendadas_sec, #arpa_recomendaciones_sec, #promocional, #arpa_actualidad_sec .moduletable, #arpa_actualidad_sec .moduletable .even, #arpa_actualidad_sec .moduletable .odd, #arpa_recomendaciones_sec .moduletable, #arpa_recomendaciones_sec .moduletable .even, #arpa_recomendaciones_sec .moduletable .odd, #arpa_recomendaciones_sec .moduletable lastItem, #arpa_recomendaciones_sec .moduleItemTitle, #arpa_recomendaciones_sec .moduletable, #arpa_recomendaciones_sec .moduletable .even, #arpa_recomendaciones_sec .moduletable .odd, #arpa_recomendaciones_sec .moduletable lastItem, #arpa_recomendaciones_sec .moduleItemImage, #separacion {
	position:relative;
	display: inline-block;
}
#recomendaciones{
	z-index: 0;
}
#programas_radio{
	text-align: center;
}
/*--------------    MARGENES    -----------*/
#arpa_actualidad .moduletable, #arpa_recomendaciones .moduletable, #arpa_actualidad_sec .moduletable .moduleItemTitle {
	margin-top:5px;
}
#recomendaciones, #arpa_recomendaciones_sec .moduletable .even, #arpa_recomendaciones_sec .moduletable .odd, #arpa_recomendaciones_sec .moduletable lastItem, #separacion {
	margin-top:40px;
	float:left;
}
.programas_arpa, #arpa_actualidad_sec .moduletable, #lecturas_img, #lecturas_recomendadas_sec {
	margin-top:20px;
}
#arpa_actualidad_sec .moduletable .even, #arpa_actualidad_sec .moduletable .odd {
	margin-left:40px;
	margin-top: 40px;
}
#lecturas_img {
	margin-left:40px;
}
#arpa_actualidad .moduleItemTitle a, #arpa_recomendaciones .moduleItemTitle a, #arpa_recomendaciones_sec .moduleItemTitle {
	margin-left:10px;
}
#radio2, #radio3 {
	margin-left:20px;
}

@media(max-width: 782px){
	#radio2, #radio3 {
		margin-left:0px;
	}	
}

#recomendaciones, #arpa_actualidad_sec, #arpa_recomendaciones_sec {
	margin-bottom:40px;
}
#lecturas_img {
	margin-bottom:20px;
}
/*--------------  FIN  MARGENES    -----------*/
#convocatorias {
	width:720px;
	height:auto;
	float:left;
}

@media(max-width: 1180px){
	#convocatorias {
		width:100%;
	}
}

#arpa_actualidad .moduleItemIntrotext, #arpa_recomendaciones .moduleItemIntrotext, #arpa_recomendaciones_sec .moduleItemIntrotext {
	margin-top:5px;
	padding-left:125px;
	/*padding-right:70px;*/
	font-family: "Roboto";
	font-weight: 300;
	font-size: 16px;
	text-align: left;
	color: #606060;
}
#arpa_actualidad .moduleItemImage, #arpa_recomendaciones .moduleItemImage, #arpa_recomendaciones_sec .moduleItemImage {
	margin-left:20px;
	height:93px;
	width:93px;
	overflow:hidden;
	float:left;
}
#arpa_actualidad .moduleItemImage img, #arpa_recomendaciones .moduleItemImage img, #arpa_recomendaciones_sec .moduleItemImage img {
	height:93px;
}
#arpa_actualidad .moduleItemTitle a:active, #arpa_actualidad .moduleItemTitle a:link, #arpa_actualidad .moduleItemTitle a:visited, #arpa_recomendaciones .moduleItemTitle a:active, #arpa_recomendaciones .moduleItemTitle a:link, #arpa_recomendaciones .moduleItemTitle a:visited, #arpa_actualidad_sec .moduletable .moduleItemTitle a:active, #arpa_actualidad_sec .moduletable .moduleItemTitle a:link, #arpa_actualidad_sec .moduletable .moduleItemTitle a:visited, #arpa_recomendaciones_sec .moduleItemTitle a:active, #arpa_recomendaciones_sec .moduleItemTitle a:link, #arpa_recomendaciones_sec .moduleItemTitle a:visited {
	color:#000;
	text-decoration:none;
	font-family: "Roboto";
}
#arpa_actualidad .moduleItemTitle a:hover, #arpa_recomendaciones .moduleItemTitle a:hover, #arpa_actualidad_sec .moduletable .moduleItemTitle a:hover, #arpa_recomendaciones_sec .moduleItemTitle a:hover {
	color:#0064a3;
	text-decoration:underline;
}
.moduleItemDateCreated {
	display:none;
}

#arpa_actualidad, #arpa_recomendaciones{
	width: 453px;
}

@media(max-width: 736px){
	#arpa_actualidad, #arpa_recomendaciones{
		width: 100%;
	}
}

#sitios_recomendados{
	width:453px;
}


@media(max-width: 1180px){
	#sitios_recomendados{
		width:100%;
	}
}

#radio_pleca, #programas_radio, #recomendaciones, #sitios_recomendados_sec, #arpa_actualidad_sec, #lecturas_recomendadas_sec, #temas_img, #lecturas_img, #temas_actualidad_sec, #arpa_actualidad_sec .moduletable, #arpa_recomendaciones_sec, #separacion {
	width:100%;
}
.sombra_box {
-webkit-box-shadow: 0px 0px 6px 0px rgba(111, 111, 111, 0.50);
		-moz-box-shadow: 0px 0px 6px 0px rgba(111, 111, 111, 0.50);
			box-shadow: 0px 0px 6px 0px rgba(111, 111, 111, 0.50);	
}
#radio_pleca {
	position:relative;
	background-color:#43b193;
	text-align:center;
}

@media(max-width: 360px){
	div#radio_pleca img{
		width: 100%;
	}
}

.programas_arpa {
	/*width:377px;*/
	width: 47%;
	margin-top:20px;
}

@media(max-width: 384px){
	.programas_arpa {
		width:100%;
	}
}

.radio_tit {
	background-color:#5fa0c9;
	padding:15px;
	font-family:"Roboto";
	font-weight:500;
	font-size:18px;
	color:#FFF;
	text-align: left;
}
.radio_descrp a:active, .radio_descrp a:link, .radio_descrp a:visited, .radio_descrp a:hover {
	color:#3383b5;
}
.radio_descrp {
	padding:20px;
}
.radio_descrp .descripcion1 {
	font-size:15px;
}
.descripcion1 a, .descripcion1 a:active, .descripcion1 a:visited {
	font-size:16x;
	text-align:left;
	margin:0px;
	color:#000;
	text-decoration:none;
}
.descripcion3 a:hover {
	text-decoration:underline;
	color:#0064a3;	
}
#sitios_recomendados p, #lecturas_img, #arpa_recomendaciones_sec .moduleItemTitle, .temact {
	text-align:left;
}
div#sitios_recomendados p.vermas.mbottom_0.mtop_0{
	margin-right: 5px;
}
.vermas {
	font-size:16px;
	text-align:right !important;
}
.vermas a:active, .vermas a:link, .vermas a:visited {
	color:#418bba;
	text-decoration:none;
}
.vermas a:hover {
	color:#418bba;
	text-decoration:underline;
}
#arpa_actualidad_sec .moduletable img {
	width:340px;
	height:256px;
}
@media(max-width: 366px){
	#arpa_actualidad_sec .moduletable img {
	    width: 100%;
	    height: 100%;
	}
}
#arpa_actualidad_sec .moduletable .odd {
	width: 50%;
}
#arpa_recomendaciones_sec .moduletable {
	padding-left:20px;
}
#arpa_recomendaciones_sec .moduletable .even, #arpa_recomendaciones_sec .moduletable .odd, #arpa_recomendaciones_sec .moduletable lastItem {
	width: 32%;
}
@media(max-width: 1000px){
	#arpa_actualidad_sec .moduletable .odd, #arpa_actualidad_sec .moduletable .even {
	    width: 100%;
	}
	#arpa_actualidad_sec .moduletable .odd, #arpa_actualidad_sec .moduletable .even{
	    margin-left: 0px;
	}
}
@media(max-width: 586px){
	div#contenedor_1180 div.item-page div div#lecturas_recomendadas_sec div#lecturas_img img{
		width: 94%;
		height: 100%;
	}
	div#contenedor_1180 div.item-page div div#lecturas_recomendadas_sec div#lecturas_img{
		margin: 0px 10px !important;
	}
}
#arpa_recomendaciones_sec .moduletable .moduleItemTitle {
	max-width:240px;
}
#arpa_recomendaciones_sec .moduleItemImage {
	background-color:#333;
}
.itemBackToTop {
	display:none;
}
/*--------------------------------- Esilos Artículos ---------------------------*/
.itemImageBlock, .itemFullText {
	float:left;
}
.itemFullText {
	padding:8px 0;
    width: 70%;
}.ocultar{
	display: none;
	margin: 0 auto;
	margin-bottom: 22px;
}
/*Header --- (en lugar de bootstrap)*/
.row {
    margin-right: -15px;
    margin-left: -15px;
}
.logoHeader {
    width: 135px;
    float: left;
    margin-right: 25px;
}
a {
    color: #337ab7;
    text-decoration: none;
    background-color: transparent;
    box-sizing: border-box;
}
img {
    vertical-align: middle;
}
img {
    border: 0;
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.titulo_sitio {
    color: #4d4d4d;
    font-size: 24px;
    padding-left: 25px;
    font-family: 'Spinnaker', sans-serif;
    text-transform: uppercase;
}
.tituloHeader {
	line-height: 1.42857143;
}
/*Footer*/
/* Footer de posgrados */
footer{
    display: block;
    overflow: hidden;
}
.footer{
	background-image: url("../img/fondo_pie.jpg");
	min-height: 395px;
	font-family: 'Montserrat', sans-serif;
	font-size: 15px;
	font-weight: 300;
	color: #FFFFFF;	
}

.super_poderes {
    border-top: 1px solid #b61b1b;
    min-height: 67px !important;
}

.footer .container {
    padding: 3% 0;
	height: 360px;
}
.escudo, .informes {
    width: 25%;
    float: left;
}
.escudo {
    text-align: center;
    padding: 0px !important;
}
.posg_direccion {
    margin-top: 15px;
}

.links, .links div, .informes {
    padding: 0px !important;
}

.link, .link1 {
    width: 50%;
    float: left;
}

.links {
    width: 50%;
    float: left;
}

footer ul {
    list-style: none;
}

.footer ul .primero {
    margin-top: 0px;
}

.footer ul li a {
    color: #FFFFFF;
}

.footer ul li {
    margin: 20px 0;
}

.posg_redes img {
    margin: 15px 15px 15px 0;
}

.posg_telefono{
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 20px;
    font-weight: 300;
    margin-bottom: 10px;
}

.posg_telefono img{
    margin-right: 20px;
}

.posg_telefono span {
    font-size: 30px;
}

.container2 {
    padding: 11px 0;
    width: 97%;
    margin: 0 auto;
    text-align: center;
}
.posg_acre{
	float: left;
	width: 16%;
	text-align: center;
}
.padding_right{
	width: 10%;
}
.padding_left {
   width: 10%;
}
@media (max-width: 992px){
	.container, .container2 {
		width: 100%;
	}
	.escudo img{
		width: 100px;
	}
	.escudo, .links {
		width: 30%;
	}

	.informes {
		width: 40%;
	}

	.link, .link1{
		width: 100%;
		float: none;
	}
}
@media (max-width: 882px){
	.posg_tel {
		position: relative;
		right: 0;
		font-family: 'Roboto Condensed', sans-serif;
		font-size: 20px;
		font-weight: 300;
		width: 63%;
		float: left;
	}
	.posg_tel_img {
		width: 118px;
		text-align: center;
		float: right;
	}
	.escudo{
		width: 53%;
	}
	.links{
		top: 282px;
		position: absolute;
		height: 189px;
		width: 80%;
		margin: 0 10%;
	}
	.footer .container{
		height: 480px;
		position: relative;
	}
	.link, .link1 {
		width: 50%;
		float: left;
	}
	.escudo img {
		width: 80px;
	}
	.posg_direccion {
		font-size: 20px;
	}
	.footer ul {
		list-style-image: url("/templates/posgrados/images/plantilla/vineta_pie.png");
	}
	footer div.footer div.container div.informes div.posg_clima{
		display: none;
	}
	footer div.footer div.container div.informes div.posg_redes a img.ocultar{
		display: inline;
	}
}
@media (max-width: 670px){
	.padding_right, .padding_left{
		width: 20%;
	}
	.posg_acre {
		margin: 0px 1%;
		padding: 20px 0;
		display: inline-block;
		width: 20%;
		text-align: center;
		float: none;
	}
	.link, .link1 {
		width: 100%;
	}
	.links{
		position: relative;
		top: 0px;
		height: auto;
		overflow: hidden;
		margin: 35px 0px !important;
	}
	.footer .container {
		height: auto;
		width: 100% !important;
		margin: 0 auto;
	}
	.escudo, .informes, .links{
		height: auto;
		width: 100%;
		margin: 0 auto;
		text-align: center;
	}
	.footer ul {
		list-style-image: none;
		padding: 0px;
	}
	.footer .container2 {
		padding: 0px;
	}
}
@media (max-width: 464px){
	.informes {
		width: 100%;
		padding-left: 0px !important;
		margin: 0 auto;
		text-align: center;
	}
	.links {
		width: 100%;
	}
	.escudo{
		width: 100%;
		margin: 0 auto
	}
}
@media (max-width: 420px){
	.padding_right, .padding_left{
		width: 24%;
	}
	.posg_acre {		
		width: 24%;
	}
}
@media (max-width: 370px){	
	.footer{
		font-size: 13px;
	}
	.footer .container{
		width:100%;
	}
	.escudo img {
		width: 62px;
		margin-top: 30px;
	}

}
/*Fin footer*/