@charset "UTF-8";
/* CSS Document */

@font-face {
    font-family: 'copper';
    src: url('../fonts/copperplate.eot');
    src: url('../fonts/copperplate.eot?#iefix') format('embedded-opentype'), 
         url('../fonts/copperplate.woff') format('woff'), 
         url('../fonts/copperplate.ttf') format('truetype'), 
         url('../fonts/copperplate.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

.gallery .img-thumbnail {width: 12%;  cursor: pointer}

body{ letter-spacing: .04em; font-family: copper;  }
p{ font-family: Arial; font-size: 16px; }

h1{ font-size: 1.8em; font-weight: bold; }
h2{ font-size: 1.3em; font-weight: bold; }
header { text-align: center; }
header img{ text-align: center; margin-top: 60px;  width: 25%; height: auto;}

.navbar {
    margin-bottom: 10px;
}

.navbar-header{ background: #001845; }
.navbar-inverse .navbar-collapse{  background: #fcb937; text-align: center;   }
.navbar-inverse .navbar-nav>li>a{ color: #FFF;  cursor: pointer;}


.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover{ background: #e4a120;}

nav.submenu {}
nav.submenu ul{  padding: 0; width: 100%; margin: -10px auto; padding-top: 20px;}
nav.submenu ul li{ list-style: none; text-align: center; font-size: .7em; margin: 10px 0; }


#info{ min-height: 450px;  }
#info row{ padding: 0; }
#info h1{ display: block; border-bottom: 3px solid #FFDD66; padding-bottom: 8px; text-align: center;  margin-top: 30px; }
#info p{ font-family: Arial; font-size: 16px; color: #7A7A7A; line-height: 1.7em; margin-bottom: 20px ; }
#info p img{ 
	display: block; margin: auto;   
	padding: 1%; 
	border: 1px solid #CFCFCF; 
	margin-top: 25px;
	margin-bottom: 30px;
	width: 90%;
	height: auto;
	
}

#info .row, footer .row{ 

	  margin-right: 0; 
     margin-left: 0;
	
}

.carrusel{ 
	padding: 1%; 
	border: 1px solid #CFCFCF; 
	margin-top: 15px;
	margin-bottom: 20px;
}
.indexItems, .indexAnuncios{
	/*
	margin-right: -15px !important;
    margin-left: -15px !important;
*/
}
.frontItem, .anuncio{ 
	width: 100%; /*260px;*/
	min-height: 310px;
	margin: auto;
	border: 1px solid #CFCFCF;
	margin-bottom: 15px; 
}
.frontItem h2, .anuncio h2{ 
	color: #FFF;
	font-size: .7em;
	
	letter-spacing: .1em;
	text-align: center;
	padding: 10px 4px;
	display: block;
	background: #fcb937;
	margin: 0;
}

.frontItem a{ text-decoration: none; cursor: pointer;   }

.frontItem a:hover p{ color: #44699D !important; }
.evenIndex, .recoIndex, .testIndex{ border-bottom: 1px solid #CFCFCF; min-height: 79px; }
.evenIndex:last-child, .recoIndex:last-child, .testIndex:last-child{ border: none;}
.evenIndex a img, .recoIndex a img, .testIndex a img{ float: left; width: 60px; height: auto; margin: 4px 8px; border: 3px solid #fcb937;}
.recoIndex a img{ border: 3px solid #6eb254;}
.testIndex a img{ border: 3px solid #ff9d38;}

.evenIndex a p, .recoIndex a p, .testIndex a p{  margin-top: 6px; margin-right: 6px;	font-size: .85em !important; line-height: 1.4em !important;}





	.frontItem a.mas{ font-family: Arial; text-align: center !important; font-size: .8em; display: block; margin: 8px auto;  }

.clear{ clear: both;}

.col-md-3{margin-bottom: 15px;  }



.col-md-4:nth-child(1) .frontItem h2{ background: #fcb937; }
.col-md-4:nth-child(2) .frontItem h2{ background: #6eb254; }
.col-md-4:nth-child(3) .frontItem h2{ background: #0060b2; }
.col-md-4:nth-child(4) .frontItem h2{ background: #ff9d38; }
.frontItem h5{ padding: 10px; margin-top: 0; background: #B7B7B7; display: block; }
	.frontItem p{ margin: 10px; font-size: .9em !important;}
.anuncio{ height: auto; border: 1px solid #CFCFCF;  margin-top: 10px;  margin-bottom: 30px;  }
.col-md-6:nth-child(1) .anuncio h2{ background: #0097de; }
.col-md-6:nth-child(2) .anuncio h2{ background: #b54dbc; }
.col-md-6 a:hover{ text-decoration: none; }



.fb-page{ }
#face{ width: 335px; margin: auto; }

.patrocinio0{ background: url(../images/anuncio00.jpg) center top; background-size: auto 100% ; height: 218px;}
.patrocinio{ background: url(../images/anuncio01.jpg) center top;background-size: auto 100% ; height: 218px;}
/**************/
.internas{ 
	margin: auto !important; 
	float: none;
}
.internas iframe{ width: 100%; height: 300px; margin: 40px auto; display: block;   }


#info form{
	width: 100%;
	display: block;
	margin: 45px auto;   
	padding: 2%; 
	border: 1px solid #CFCFCF; 
}
#info form label{ margin-top: 10px;}
#info form input[type=text], #info form input[type=email], #info form input[type=password], #info form textarea {
	width: 100%;
	resize: none;
	outline: none;
	font-family: Verdana, Geneva, sans-serif;
	
}
#info form p{ text-align: center;}
#info form input[type=submit]{
	color: #000000;
	font-family: Arial;
	letter-spacing: .05em;
	padding: 4px 8px;
	background:#FFB700;
	border: none;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-webkit-border-radius: 4px;
	
	
}
/*****PRESENCIA*****/
.presencia{ text-align: center; margin-bottom: 40px; }

.presencia img{ width: 80%; height: auto;  }

/*****DOCUMENTOS*****/
.docs{ font-size: .9em; padding-bottom: 2%; }
.docs p{ color:#0276B2 !important; }
.docs img{ width: 30px; height: auto; float: left; margin-right: 15px; }

h4{ padding: 1em 0; }
.ligasFace a{ display: block; font-size: .8em; margin: 1.4em; }

/**************/
footer{
	margin-top: 2%;
	padding-top: 30px;
	background: #fcb937; 
	color: #FFF;
	letter-spacing: .09em; 
}
.pieMenu:first-child{ margin-bottom: -41px; 	  }
footer .row{ 
	padding: 0px;	

}
footer ul{ 
	margin-bottom: 40px;
	padding: 0;
}
footer ul li{ 
	font-size: .7em;
	list-style: none;
	
	border-top: 1px solid #FFF; 
	padding-top: 10px;
	padding-bottom:  10px;
	
}
footer ul li a{ color: #FFF; text-decoration: none; }
footer ul li a:hover{ color: #E7FBFF; text-decoration: underline; }
footer ul li:last-child{
	
	border-bottom: 1px solid #FFF;
	
}
footer .legales{
	font-size: .5em; 
	text-align: center;
	margin-bottom: 10px;

}

footer .legales img{ width: 35px; height: auto; margin-right: 10px; }
footer .legales p{ font-size: 1.4em; padding-top: 80px }
/* VICARIAS */
.internas iframe{ width: 95p% !important; height: 250px !important; }
#CDMX{  width: 100%; height: auto; }
#v3, #v4, #v6, #v7, #v8{ background: #0072EF; cursor: pointer;}
.nota{ text-align: center; font-size: 9px; font-family: Arial; color: #990033;}
@media all and (min-width: 330px){
	#CDMX{  width: 70%;}
}
@media all and (min-width: 530px){
	
	nav.submenu ul li{  float: left; width: 50%;  }
	#info form{	width: 400px;}
	
}

@media all and (min-width: 630px){
		.indexItems{ 
			width: 630px; 
			 margin: auto !important; 
		}
}
@media all and (min-width: 660px){
	
	
	.col-md-3{ float: left; }
	
	.anuncio{ width: 600px;  }
	
	.internas iframe{ height: 400px;  }
	
		nav.submenu ul li{  width: 33.3%;  }
		
	.carousel{ overflow: hidden;}
	.carousel-control.left { left: -40px;}
	.carousel-control.right {
		right: -40px;
	}

}

/*VIDEO*/


.video-player {
    display: block;
    width: 100%;
	height: 100%;
    padding-bottom: 56.25%;
    overflow: hidden;
    position: relative;
}
#video-iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

@media all and (min-width: 768px){
	
	.container {
	 	padding: 0;
		width: 93%;
	}

	header img{ width: 150px; margin-top: 1%;}
	
	
	.navbar-inverse {

		background: none;
		border: none;
		position: relative;
		
	}
	ul.navbar-nav { margin: auto !important; width: 717px; position: relative; float: none; }
	ul.navbar-nav li a{ color: none; }
	
	.navbar-inverse .navbar-nav>li>a,
	.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {
		font-size: .70em;
		color: #808080 !important;
		background-color: #FFF;
		letter-spacing: .09em;
	}
	.navbar-inverse .navbar-collapse{  background: #FFF;}
	
	.navbar-inverse .navbar-nav>li>a:hover{ color: #0100B9 !important;  }
	nav.submenu ul{ padding: 0; width: 635px; margin: auto; padding-bottom: 50px;}
	nav.submenu ul li{  width: auto; margin: -10px 5px 0 5px; font-size: .56em;  }
	
	#info h1{ text-align: left; margin-top: 15px; }
	#info p img{ 
		width: 60%;
	
		
	}
	.internas{ padding: 0; width: 90%;}
	.internas iframe{ height: 500px;  }
	.carrusel{ 
		padding: 20px; 
		border: 1px solid #CFCFCF; 
		margin-top: 0;
		margin-bottom: 25px; /* paginadores va con 60px*/
	}
	.carousel-indicators{ bottom: -60px !important; }
	.carousel-indicators li { border-color: #A8A8A8 !important; }
	.carousel-indicators li.active {background: #A8A8A8;}
	
	
	
	footer{ min-height: 245px; 
	.internas iframe{ width: 500px !important; height: 300px !important; 
	}
	#CDMX{  width: auto; height: 250px; }
	
	
}
@media (min-width: 800px){
	

}
@media (min-width: 992px){
	.col-md-3{ width: 50%; float: left; }
	footer .legales{
	
		text-align: left;
	
	
	}
	
	.col-md-6 {    width: 100%; padding: 0 !important;}
	
	.internas .map{ width: 60%; height: 550px;  }
	.internas iframe{ width: 100%; height: 550px;  }
	
	nav.submenu ul{  padding: 0; width: 624px; margin: -10px auto; padding-bottom: 50px;}
	nav.submenu ul li{  float: left;  font-size: .63em; margin: 0 10px; }

.indexItems{ width: 100% !important;  margin: auto !important;  }
}
@media all and (min-width: 1024px){
	
	ul.navbar-nav {
		margin: auto; width: 785px; 
	}
		.navbar-inverse .navbar-nav>li>a,
	.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {
		font-size: .8em;
	}

	.col-md-3{ width: 25%;}
	.frontItem{ 
		min-height: 346px !important;
	}
	.indexItems{ 
		width: 100%;
	}
	
	.col-md-6 {    
		    width: 48%;
    margin-right: 7px !important;
    margin-left: 11px !important;
	}
	.indexAnuncios{ width: 100%;  margin: auto !important;   }
	.anuncio, .patrocinio{ width: 100%;  margin-bottom: 10px; }

}
@media all and (min-width: 1150px){
	.container {
		width: 1150px; 
	}
	.col-md-3{ width: 25%; }
		
	
}
@media all and (min-width: 1230px){
	.container {
		width: 1200px; 
	}
	.col-md-3{ width: 25%; }
	.frontItem{ 
		
	}
}