/* ==== Google font ==== */
/*@import url('http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic|Montserrat:700|Merriweather:400italic');
@import url(http://fonts.googleapis.com/css?family=Lato:100,300,400,700);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,400,300,600,700);
@import url(http://fonts.googleapis.com/css?family=Noto+Sans:400,700);*/
@import url(https://fonts.googleapis.com/css?family=Open+Sans|Lato|Oxygen|Roboto|Droid+Serif|Montserrat);
/*#033572*/
body {
	font-family: 'Open Sans', sans-serif;
    /*font-family: 'Oxygen',sans-serif;*/
	padding-top:45px;
	/*font-size: 16px;*/
}
a{
	/*color:#000;*/
	text-decoration: underline;
}

section{
	padding:50px 0
}
hr{
	margin-top:0px;
	margin-bottom:0px;

}
.section-home{
	padding:0px 0
}

#logos{
	padding:0px;
}

#menu_top{
	background-color:#999;
}
.social-container{
	background-color:#CCC;
}

#footer{
	background-color:#999;
	/*height:200px;*/
}

h1,h2,h3,h4,h5{
    font-family: 'Roboto',sans-serif;
}
h3{
	font-weight:bolder;
}

.navbar{
	margin-bottom:0px;
}

.navbar-default{
	background-color: #393c3e;
	color:#FFF;
}
.navbar-nav li a {
	/*padding-top:1px;*/
	padding-bottom:1px;
	text-decoration: none;
}

.navbar-default .navbar-nav li a:hover {
    color: #000;
		background-color: #eee;
}
.navbar-nav  li .dropdown-menu a{
	 color: #000;
}
.navbar-nav  li .dropdown-menu a:hover{
	 color: #000;
}
.navbar-brand {
	padding-top:5px;
}
.navbar-inverse {
    background-color: #393c3e;
    border-color: transparent;
}
.navbar-inverse ul li .btn {
    background-color: #393c3e;
    border-color: transparent;
    border: none;
    /*font-size: 18px;*/
    border-radius: 3px;
    padding: 10px 25px;
}

.navbar-inverse ul li .btn:hover{
    background-color: #000;
    border-color: transparent;
}

.nav-inverse ul li {
  display: inline-block;
}
.navbar-inverse .navbar-nav li a:hover {
    color: #fff;
	background-color: #000;
}

.navbar-img {
    vertical-align: middle;
    border: 0;
}

.centerImg {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.carousel-indicators {
  bottom:-30px;
}
.carousel-inner {
   margin-bottom:5px;
}

.carousel-indicators li {
    display: inline-block;
    margin: 10px;
    text-indent: 0;
    cursor: pointer;
    border: none;
    border-radius: 50%;
    background-color: #999;
}
.carousel-indicators .active {
    margin: 10px;
    background-color: #000;
	-webkit-box-shadow: 1px 1px 0px 1px rgba(0,0,0,1);
	-moz-box-shadow: 1px 1px 0px 1px rgba(0,0,0,1);
	box-shadow: 1px 1px 0px 1px rgba(0,0,0,1);
}
.fluid-wrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;
}
.fluid-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

}
.border_bottom {
    border-bottom: 1px solid #6C1940;
	margin-bottom:10px;
}

.border_top{
	border-top: 1px solid #6C1940;
}
.border_left-right{
	border-left: 1px solid #999;
	border-right:1px solid #6C1940;
}
th{
    background-color: #000;
	color:#FFF;
}
tr:nth-child(even) {
    background-color: #fff;
}
tr:nth-child(odd) {
    background-color:#CCC;
}

table .MoreInfo {
	cursor: pointer; cursor: hand;
}
.table-hover tbody tr:hover td, .table-hover tbody tr:hover th {
	background-color: #ccc;
	color:#FFF;
}

.btn-xl{
	color:#fff;
	background-color:#fed136;
	border-color:#fed136;
	font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
	text-transform:uppercase;
	font-weight:700;
	border-radius:3px;
	/*font-size:18px;*/
	padding:20px 40px
}
.btn-xl:hover,.btn-xl:focus,.btn-xl:active,.btn-xl.active,.open .dropdown-toggle.btn-xl{
	color:#fff;
	background-color:#fec503;
	border-color:#f6bf01
}
.btn-xl:active,.btn-xl.active,.open .dropdown-toggle.btn-xl{
	background-image:none
}


section#contact h2.section-heading{
	font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
	text-transform:uppercase;
	font-weight:700;
	/*font-size:40px;*/
	margin-top:0;
	margin-bottom:15px
}
section#contact h3.section-subheading{
	/*font-size:16px;*/
	font-family:"Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif;
	text-transform:none;
	font-style:italic;
	font-weight:400;
	margin-bottom:75px
}

@media (min-width:1200px)
{

	section#contact	{
		background-color:#222;
		background-image:url(../img/contactanos/map-image.png);
		background-position:center;
		background-repeat:no-repeat
	}
	section#contact .section-heading{
		color:#fff
	}
	section#contact .form-group{
		margin-bottom:25px
	}
	section#contact .form-group input,section#contact .form-group textarea{
		padding:20px
	}
	section#contact .form-group input.form-control{
		height:auto
	}
	section#contact .form-group textarea.form-control{
		height:236px
	}
	section#contact .form-control:focus{
		border-color:#fed136;
		box-shadow:none
	}
	section#contact ::-webkit-input-placeholder{
		font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
		text-transform:uppercase;
		font-weight:700;
		color:#bbb
	}
	section#contact :-moz-placeholder{
		font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
		text-transform:uppercase;
		font-weight:700;
		color:#bbb
	}
	section#contact ::-moz-placeholder{
		font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
		text-transform:uppercase;
		font-weight:700;
		color:#bbb
	}
	section#contact :-ms-input-placeholder{
		font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
		text-transform:uppercase;
		font-weight:700;
		color:#bbb
	}
	section#contact .text-danger{
		color:#e74c3c
	}
}


.main-footer{background-color:#28292a;min-height:56px;color:white;padding:20px 0 30px;text-align:left}.main-footer .list-info{line-height:auto;background-color:#393b3c;padding:30px 0px 70px;margin-bottom:30px}.main-footer .list-info form label{font-weight:300;margin-bottom:15px;line-height:110%}.main-footer .list-info form .form-group-icon{max-width:none;font-size:14px}.main-footer .list-info form .form-control{font-size:14px}.main-footer .list-info h2{font-size:18px;font-weight:300;margin-bottom:20px}.main-footer .list-info h5{font-weight:300;margin-bottom:20px;font-size:18px}.main-footer .list-info a{color:white;font-size:14px;text-decoration:underline}.main-footer .list-info a:hover{text-decoration:none}.main-footer .list-info p{margin-bottom:15px}.main-footer .list-info ul{margin:0px 0px 60px;padding:0px}.main-footer .list-info ul li{list-style-type:none;margin:0px;padding:0px;line-height:110%}.main-footer .list-info ul li a{color:white;text-decoration:none;font-size:14px}.main-footer .list-info ul li a:hover{text-decoration:underline}.main-footer .list-info a.share-info:hover{outline:2px dashed #5971ad}.main-footer .row>div{margin-bottom:15px}.main-footer p{margin:0;font-size:14px;line-height:136%;height:auto;position:static}.gobmx-footer{margin-top:15px}@media (min-width: 768px){.main-footer{text-align:left}.main-footer .list-info form .form-group-icon{max-width:300px}.main-footer .row>div{margin-bottom:0px}}

.blue-button-footer {
    background-color: #4a90e2;
    color: white;
    padding: 7px 10px 3px 14px;
    border-radius: 0px;
    position: absolute;
    right: 5px;
    top: 5px;
    bottom: 5px;
}
.main-footer .list-info form .form-control {
    font-size: 14px;
}
.form-group-icon .form-control {
    min-height: 46px;
}
.main-footer .list-info form label {
    font-weight: 300;
    margin-bottom: 15px;
    line-height: 110%;
}

form {
    display: block;
    margin-top: 0em;
}

.warning-nav {
    /*position: relative;*/
    border: none;
        border-bottom-width: medium;
        border-bottom-style: none;
        border-bottom-color: currentcolor;
    margin-bottom: 0px;
    font-size: 16px;
    background-color: #fcf8e3 !important;
    padding: 10px;
    border-bottom: 1px solid #8a6d3b;
    /*font-size: 1em;*/
    text-align: center;
    color: #8a6d3b;
    top: 46px;
    z-index: 999;
}

@media (min-width: 768px)
{
.main-footer {
    text-align: left;
}
.main-footer {
    background-color: #28292a;
    min-height: 56px;
    color: white;
    padding: 20px 0 30px;
    text-align: left;
}

	.main-footer .list-info form .form-group-icon {
		max-width: 300px;
	}
	application.css:4
	.main-footer .list-info form .form-group-icon {
		max-width: none;
		font-size: 14px;
	}
	application.css:4
	.form-group-icon {
		position: relative;
	}

	.navbar-nav li a {
	}

}

time.icon
{
  font-size: 1em; /* change icon size */
  display: block;
  position: relative;
  /*width: 7em;*/
  /*height: 7em;*/
  background-color: #fff;
  margin: .5em auto;
  border-radius: 0.6em;
  box-shadow: 0 1px 0 #bdbdbd, 0 2px 0 #fff, 0 3px 0 #bdbdbd, 0 4px 0 #fff, 0 5px 0 #bdbdbd, 0 0 0 1px #bdbdbd;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -webkit-transform: rotate(0deg) skewY(0deg);
  -webkit-transform-origin: 50% 10%;
  transform-origin: 50% 10%;
}

time.icon *
{
  display: block;
  width: 100%;
  font-size: 1em;
  font-weight: bold;
  font-style: normal;
  text-align: center;
}

time.icon strong
{
  position: absolute;
  top: 0;
  padding: 0.4em 0;
  color: #fff;
  background-color: #6C1940;
  border-bottom: 1px dashed #6C1940;
  box-shadow: 0 2px 0 #6C1940;
}

time.icon em
{
  position: absolute;
  bottom: 0.3em;
  color: #fd9f1b;
}

time.icon span
{
  width: 100%;
  font-size: 2.2em;
  letter-spacing: -0.05em;
  padding-top: 0.8em;
  color: #2f2f2f;
}

time.icon:hover, time.icon:focus
{
  -webkit-animation: swing 0.6s ease-out;
  animation: swing 0.6s ease-out;
}

@-webkit-keyframes swing {
  0%   { -webkit-transform: rotate(0deg)  skewY(0deg); }
  20%  { -webkit-transform: rotate(12deg) skewY(4deg); }
  60%  { -webkit-transform: rotate(-9deg) skewY(-3deg); }
  80%  { -webkit-transform: rotate(6deg)  skewY(-2deg); }
  100% { -webkit-transform: rotate(0deg)  skewY(0deg); }
}

@keyframes swing {
  0%   { transform: rotate(0deg)  skewY(0deg); }
  20%  { transform: rotate(12deg) skewY(4deg); }
  60%  { transform: rotate(-9deg) skewY(-3deg); }
