@import url(http://fonts.googleapis.com/css?family=Fjalla+One);
@import url(http://fonts.googleapis.com/css?family=Poiret+One);

body { 
	font-family: 'Fjalla One', sans-serif;
	font-weight: 400; 
	font-size: 12px;
	color: #000;
	margin-top: 0px;
	background-color: #111;
	background:url(../img/bg_bk_2017.png);
	background-position: center top;
    background-repeat: no-repeat;
}

header{
	margin-top: 10px;
	min-height: 120px;
}

header .date{
	float: left;
	width: 100% !important;
	padding-left: 10px;
	padding-right: 10px;
	text-align: center;
	margin-top: 10px;
}

header .date span{
	color: #000;	
}

header .date span.red{
	color: #be0c27;	
	font-size: 36px;
}

header .date p{
	color: #013426;	
	font-size: 40px;	
	position: relative;
	float: center;
	margin-bottom: 0px;
}

header .date p.slogan{
	float: left;
	font-size: 14px;
	margin-top: 6px;
	margin-left: 40px;
}

.idiomas{
	text-align: center;
}

.social-media{
	margin-top: 5px;
}
.social-media a{ margin-left: 5px; float: right; position: relative;}
.social-media .facebook{  background:url(../img/facebook.png) 0px 0px repeat; width: 37px; height: 37px; cursor: pointer; }
.social-media .twitter{ background:url(../img/twitter.png) 0px 0px repeat; width: 37px; height: 37px; cursor: pointer; }
.social-media .instagram{  background:url(../img/instagram.png) 0px 0px repeat; width: 37px; height: 37px; cursor: pointer; }
.social-media .youtube{ background:url(../img/youtube.png) 0px 0px repeat; width: 37px; height: 37px; cursor: pointer; }

.menu{
	border-bottom: 1px solid #f9c203;
	background-image: url(../img/bg_menu.png);
	background-repeat: repeat-x;
	background-color:transparent !important;
}

.menu .navbar-default{
	background-color:transparent !important;
	border:0px;
}

.navbar-default {
    background-color: #f8f8f8;
    border-color:transparent !important;
}

.navbar{
	position: relative;
	min-height: 50px;
	margin-bottom: 0px;
	/*border: 1px solid transparent;*/
}

.navbar-default .navbar-nav > li > a {
	color: #FFF;
	font-size: 18px;
	font-weight: 100;
}

.navbar-default .navbar-nav > li > a:hover{
	color: #fff;
	background-color: #cf4b29;
}

#date{ color: #013426; font-size: 14px; background-color: #fff;}
#date:hover{ color: #013426; background-color: #fff;}
.slider-master{ margin-top: 0px;}


.section_video{
	background-image: url(../img/bg_videos.png);
	background-repeat: repeat-x repeat-y;
	background-color: #fff;
	height: auto;
	padding-bottom: 20px;
	padding-top:20px;
}

.section_convocatoria{
/*	background-image: url(../img/bg_convocatoria.png);
	background-repeat: repeat-x repeat-y;*/
	background-color: #18193e;
	height: auto;
	padding-bottom: 20px;
	padding-top:20px;
}

.medium-footer{
	/*background-image: url(/img/bg_medium_footer.png);*/
	background-repeat: repeat-x;
	/*background-color: #def1c9;*/
}


.shadow-right{
	/*background-image: url(/img/shadow_right_footer.png);
	background-repeat: no-repeat;
	background-position: right center;*/
	height: 161px;
	border-right:1px solid #fff;
	
}

.social-media-footer{
	margin-top:20px;
	margin-bottom: 20px;
}

.social-media-footer a{ 

margin-left: 28px; float: left; position: relative;

}
.social-media-footer .facebook{  background:url(../img/facebook.png) 0px 0px repeat; width: 37px; height: 37px; cursor: pointer; }
.social-media-footer .twitter{ background:url(../img/twitter.png) 0px 0px repeat; width: 37px; height: 37px; cursor: pointer; }
.social-media-footer .instagram{  background:url(../img/instagram.png) 0px 0px repeat; width: 37px; height: 37px; cursor: pointer; }
.social-media-footer .youtube{ background:url(../img/youtube.png) 0px 0px repeat; width: 37px; height: 37px; cursor: pointer; }

footer h3{ color: #fff; font-size: 22px; text-align: center;}
footer ul li{ color: #fff; font-size: 16px; text-align: center;}
footer .explication{ text-align: left; font-size: 12px;}
footer a{ color: #fff; text-decoration: none;}
footer a:hover{ color:#fff; text-decoration: none; }
footer .mazatlan_sports{ margin-top: 0px; margin-bottom:10px;}
footer .derechos-web{ margin-top: 5px; margin-bottom:5px; color: #fff;}
footer .link-web a{ color:#fff;}

/*conatiner*/
.drop-shadow {
    -webkit-box-shadow: 0 0 5px 2px rgba(0, 0, 0, .2);
    box-shadow: 0 0 5px 2px rgba(0, 0, 0, .2);
}

.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}

.block-option{
	background-color: #000;
	padding-bottom:20px;
	height: 515px;
}
.block-option img{}
.block-email{
background-color:#2c6287;
}
.block-email h3{ color: #fff200; font-size: 20px; }
.block-email p{ color: #fff; font-size: 16px; }
.block-twitter{
background-color:#469ae9;
}
.block-twitter h3{ color: #e9f7ff; font-size: 26px; margin-bottom: 0px; }
.block-twitter p{ color: #fff; font-size: 36px; }
.block-facebook{
	background-color: #344c8a;
}
.block-facebook h3{ color: #e9f7ff; font-size: 26px; margin-bottom: 0px; }
.block-facebook p{ color: #fff; font-size: 36px; }

.fb-like-box{ background-color: #fff; margin-top: 10px;}

#options div:last-child { margin-right: 0px;}


/*@media (max-width: 768px) { 
	.social-media a{ margin-left: 40px; float: left; position: relative;}
	.social-media{ padding-bottom: 20px;}
}
@media (min-width: 768px) { 
	.block-option{
	    max-width: 29%;
	    margin-right: 35px;
	}
}
@media (min-width: 992px) { 
	.block-option{
	    max-width: 30%;
	    margin-right: 37px;
	}
}

@media (min-width: 1200px) { 
	.block-option{
	    max-width: 30%;
	    margin-right: 47px;
	}
}*/

.block-email .navbar-form {
padding: 0px;
padding-left: 15px;
margin-top: 8px;
margin-right: -15px;
margin-bottom: 8px;
margin-left: -15px;
border-top: 1px solid transparent;
border-bottom: 1px solid transparent;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
}

.block-email .form-control{
	border-radius: 0px;
}
.block-email .btn{
	border-radius: 0px;
}

.sponsors{
	margin-top: 20px;
}

.sponsors h3{
	background-color: #11133d;
	color: #fff;
	margin-bottom: 0px;
	padding: 10px;
	margin-top: 0px;
}

.sponsors-slider{
	background-color: #fff;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d6eebd+0,ffffff+100 */
	background: #fff; /* Old browsers */
	background: -moz-linear-gradient(top,  #fff 0%, #ffffff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #fff 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #fff 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	
}


.interior-left{ background-color: #ff6400; margin-bottom: 20px; color: #fff; border-bottom:2px solid #eb3e1c; }
.interior-left img{ margin-right: 10px; margin-top: -5px;}
.interior-right{ 
	background-color: #fff;
	/*border-top-left-radius: 20px;
	border-top-right-radius: 20px;*/
	padding-top: 5px;
	border-top: 2px solid #013426;
}
.interior-right img{ margin-bottom: 10px;}
.interior-right p{
	font-family: 'Arial';
	font-size: 14px;
	text-align: justify;
	text-justify: inter-word;
}

@media (min-width: 992px){
	.col-md-9 {
		width: 72.5%;
		margin-left: 2.5%;
	}
}

.breadcrumb {
	padding: 8px 15px;
	margin-bottom: 20px;
	list-style: none;
	background-color: #fff;
	border-radius: 4px;
	padding-left: 0px;
}


.breadcrumb > .active {
	color: #152437;
}

.breadcrumb li a {
	color: #cdd5d9;
}

.breadcrumb li a:hover {
	color: #152437;
	text-decoration: none;
}

.list-group-item {
	position: relative;
	display: block;
	padding: 10px 15px;
	margin-bottom: -1px;
	background-color: #11133d;
	border: 0px solid #ddd;
	font-size: 18px;
	color: #fff;
}

.list-group-item a{
	color: #fff;
	text-decoration: none;
	display: block;
}

.list-group-item a:hover{
	color: #cf4b29;
	text-decoration: none;
}

.list-group-item:hover{
	background-color: #fff;
	border-color: #5ab986;
	color: #5ab986;
	text-decoration: none;
}

.list-group-item:first-child {
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
}
.list-group-item:last-child {
	margin-bottom: 0;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
}

.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
	z-index: 2;
	color: #fff;
	background-color: #f34c12;
	border-color: #f7f7f7;
}

.interior-all{ padding-top: 20px; /*background:url(../img/background_octubre.png) repeat-x #fff; background-position: center top;*/ padding-bottom: 20px; }

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
	padding: 8px;
	line-height: 1.42857143;
	vertical-align: top;
	border-top: 1px solid #ddd;
	font-size: 18px;
	padding-top: 13px;
}

.interior-right p.nombre-doc{
	font-family: 'Fjalla One', sans-serif;
	font-weight: 400; 
	font-size: 16px;
	text-align: center;
	padding-top: 4px;
}

.interior-right p.nombre-patrocinador{
	font-family: 'Fjalla One', sans-serif;
	font-weight: 400; 
	font-size: 16px;
	text-align: center;
	padding-top: 30px;
}

.options{
	padding-bottom: 20px;
	margin-top:20px;
}

.red{ color:#ff6400;}
.margin-sponsors{
	margin-top: 20px !important;
}

.nav-tabs > li > a{
	font-size: 22px;
	color: #555;
	
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{
	font-size: 22px;
	color: #cf4b29;
}

.row-centered {
    text-align:center;
}
.col-centered {
    display:inline-block;
    float:none;
    /* reset the text-align */
    text-align:left;
    /* inline-block space fix */
    margin-right:-4px;
}

.responsive-video {
position: relative;
padding-bottom: 56.25%;
padding-top: 60px; overflow: hidden;
}


.responsive-video iframe,
.responsive-video object,
.responsive-video embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.section_convocatoria .title{
	background-color: #cf4b29;
	color: #fff;
	margin-bottom: 0px;
	padding: 10px;
	margin-top: 0px;
}

.section_convocatoria .right{
	padding-top: 60px;
	color: #fff;
}

.footer_bg{
	background-image: url(../img/bg_convocatoria.png);
	background-repeat: repeat-x repeat-y;
	background-color: #fff;
}

.footer_bg_2{
/*	background-image: url(../img/bg_convocatoria_2.png);
	background-repeat: repeat-x repeat-y;*/
	background-color: #18193e;
}

.section_suscribirse{
/*	background-image: url(../img/bg_convocatoria.png);
	background-repeat: repeat-x repeat-y;*/
	background-color: #18193e;
	height: auto;
	padding-bottom: 10px;
	padding-top:10px;
}

.options h3 {
    background-color: #2a3331;
    color: #fff;
    margin-bottom: 0px;
    padding: 10px;
    margin-top: 0px;
}





/*footer*/
.top-footer{
	/*background-image: url(../img/bg_top_footer.png);
	background-repeat: repeat-x;*/
	/*background-color: #def1c9;*/
	height: auto;
	padding-bottom: 20px;
	padding-top:20px;
}

.medium-footer{
	/*background-image: url(/img/bg_medium_footer.png);*/
	background-repeat: repeat-x;
	/*background-color: #def1c9;*/
}
.bottom-footer{
	/*background-image: url(../img/bg_bottom_footer.png);
	background-repeat: repeat-x;
	background-position: bottom;
	background-position-y: 120px;*/
	background-color: #212024;	
	height: auto;
}

footer h3{ color: #fff; font-size: 22px; text-align: center;}
footer ul li{ color: #fff; font-size: 16px; text-align: center;}
footer .explication{ text-align: left; font-size: 12px;}
footer a{ color: #fff; text-decoration: none;}
footer a:hover{ color:#fff; text-decoration: none; }
footer .mazatlan_sports{ margin-top: 0px; margin-bottom:20px;}
footer .derechos-web{ margin-top: 5px; margin-bottom:5px; color: #fff;}
footer .link-web a{ color:#fff;}