/*** Generals **/
@font-face {
  font-family: ITC;
  src: url(fonts/ITCAvantGardeStd-XLt.otf);
}
@font-face {
  font-family: ITC Bold;
  src: url(fonts/ITCAvantGardeStdBold.otf);
}
@font-face {
  font-family: ITC Demi;
  src: url(fonts/ITCAvantGardeStdDemi.otf);
}
body{
	font-family: ITC;
}
p,
span{
	font-weight: bold !important;
}
h1,
h2,
h3,
h4,
h5,
h6,
.data_titulo,
.submenu___btn span,
strong,
.home_menu__item___btn,
.autor{
  font-family: ITC Bold;
}
.title-ift{
	color:  #78ad4c;
	font-size: 32px;
}
.title-ift-concurso-video-2{
	color:  #614A9E;
	font-size: 32px;
}
/*** Home  ***/
.main_content{
	width: 82%;
	margin: auto;
}
.liga{
	font-family: ITC Demi;
}
.data_titulo{
	position: relative;
    max-height: 75px;
    font-size: 12px;
}
#modalTypeB .data_titulo{
	color: rgb(0,0,0);
	text-align: left;
	margin-top: 15px;
}
.no-padding{
	padding: 0;
}
.previewimage_a{
	width: 200px;
	height: 250px;
	margin:  auto;
	background-size: contain !important;
    background-repeat-y: no-repeat !important;
    background-position: center !important;
}
#guias_y_estudios .previewimage_a{
	width: 150px;
	height: 180px;
}
.previewimage_b{
	width: 300px;
	height: 200px;
	margin:  auto;
	background-size: contain !important;
    background-repeat-y: no-repeat !important;
    background-position: center !important;
}
.previewimage_c{
	width: 20%;
	height: 200px;
	margin:  auto;
	background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    float: left;
}

.preview_video{
	height: 450px;
	width: 100%;
}
.PaddingTop25{
	padding: 0px !important;
}
.float-right{
	float: right;
}
.subtitle{
	color: #333;
    text-transform: uppercase;
    font-size: 30px;
    font-weight: 700;
}
#reporte_ciudadano .subtitle{
	color:  rgb(31 68 175);
	font-weight: 700;
}
.section_info .estado:nth-child(2n+1){
	background: rgb(230 230 230);
}
.row{
	padding-top: 25px;
	padding-bottom: 25px;
}
/***  Header ***/
.greenOption{
	padding: 0px;
	width: 100%;
	margin-left: 0px;
}
.icon {
    position: absolute;
   	left: 0%;
    top: 29%;
}
.icon img {
    width: 15%;
}
.previewimage_b .icon{
	top: 30%;
}
div#content section.col-sm-12{
	padding: 0px !important;
}
.header img{
	margin: auto;
    width: 30%;
    padding: 25px;
}
.sub_header{
	background: rgb(65 65 67);
    padding: 10px;
    border-bottom: 3px solid #5C9132;
}
.navbar-form{
    float: right !important;
    margin-right: 60px;
}
.navbar-form input{
    border-top-left-radius: 16px !important;
    border-bottom-left-radius: 16px !important;
}
.navbar-form .btn{
    border-top-right-radius: 16px;
    border-bottom-right-radius: 16px;
}
.navbar-form  .fa-search{
	font-size: 20px;
}
#block-easy-breadcrumb-easy-breadcrumb{
	display: none;
}
/*** Submenu ***/
.nav_submenu{
	margin: 35px 0px;
}
.nav_submenu nav ul{
	display: inline-flex;
	padding: 0px;;
}
.nav_submenu nav ul li{
	list-style-type: none;
}
.nav_submenu .submenu__item{
	width: 135px;
    padding: 10px 10px 2px 10px;
    background: rgb(255, 255, 255);
    opacity: 0.5;
}
.nav_submenu .submenu__item:hover,.nav_submenu .submenu__item:focus{
    background: transparent;
    opacity: 1;
}


.nav_submenu .submenu__item.active{
    background: transparent;
    opacity: 1;
}
.nav_submenu .submenu__item a{
	color: rgb(0 0 0);
}
.nav_submenu .submenu__item img{
	width: 100%;
}
.nav_submenu .submenu__item .submenu___btn{
	width: 100%;
    padding: 5px;
    text-align: center;
    display: table;
	min-height: 60px;
}
.nav_submenu .submenu__item .submenu___btn span{
	display: table-cell;
	vertical-align: middle;
 	font-size: 12px;
 	font-weight: bold;
}
/*** Content ***/
.main{
	background: url('../../images/background.png');
    background-size: cover;
    background-repeat-y: repeat;
    padding: 0 25px;
}

/*** Home ***/
.home_menu{
	padding: 45px 15px;
}
.home_menu__item{
	float: left;
	width: 20%;
	padding: 15px;
	cursor: pointer;
}
.home_menu__items{
	overflow: hidden;
    clear: both;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}
.home_menu__item img{
	width: 100%;
}
.home_menu__item:hover,.home_menu__item:focus{
	box-shadow: 0px 0px 20px 20px #c6c6c6;
}

.home_menu__item___btn{
    padding: 16px;
    text-align: center;
    font-weight: 600;
    text-transform: uppercase;
    cursor: pointer;
    display: table;
    min-height: 65px;
    width: 100%;
    color: rgb(0 0 0);
}
.home_menu__item___btn a{
	display: table-cell;
	vertical-align: middle;
}
.ninas_ninos_y_adolescentes{
	background: rgb(152 240 162);
}
.madres_y_padres_de_familia{
	background: rgb(150 238 252);
}	
.mujeres{
	background: rgb(203 145 247);
}
.mipymes{
	background: rgb(255 210 85);
}
.recomendaciones_generales{
	background: rgb(210 115 175);
}
.personas_adultas_mayores{
	background: rgb(255 148 110);
}
.personas_con_discapacidad{
	background: rgb(120 132 243);
}
.reporte_ciudadano{
	background: rgb(30 68 175 / 70%)
}
.reporte_ciudadano_btn{
    padding: 15px;
    background: rgb(30 68 175);
    color: aliceblue;
    text-transform: uppercase;
    font-weight: 600;
    border-radius: 18px;
    display: table;
    height: 75px;
    width: 300px;
}
.reporte_ciudadano_btn a{
	display: table-cell;
	vertical-align: middle;
	color: rgb(255,255,255);
	font-size: 21px;
}
.reporte_ciudadano_btn img{
	width: 30px;
	float: right;
	margin-top: -8px;
}
.reporte_ciudadano_img{
	width: 50px;
	margin-top: -8px;
}

/* Ninos Ninas Adolescentes */

/*** Footer ***/
.footer{
	background: rgb(65 65 67);
    color: white;
    padding: 40px;
    border-top: 3px solid #7AC142;
}
.footer a{
    color: white;
}
.footer p,
.footer span{
	font-weight: initial !important;
}
#redesFooterIft{
	float: left;
}
.footer .containerLineText{
    height: 1px;
    background-color: #A7A9AC;
    text-align: left;
}
.footer .ContainerText {
    background-color: #414042;
    position: relative;
    top: -12px;
    padding-right: 10px;
}
.footerBelow {
	background-color: #2C2C2D;
    color: white;
    padding: 10px 32px 10px 45px;
}
.fa-facebook:hover {
    color: #3B5998;
}

.fa-twitter:hover {
    color: #00aced;
}

.fa-youtube-play:hover {
    color: #bb0000;
}
.fa-google-plus:hover{
    color:#bb0000;
}
.fa-apple:hover{
    color:#bbbbbb !important;
}
.fa-android:hover{
    color:#00bb00 !important;
}
.fa-windows:hover{
    color:#0000bb !important;
}

#facebook:hover {
    color: #3B5998 !important;
}

#twitter:hover {
    color: #00aced !important;
}

#youtube:hover {
    color: #bb0000 !important;
}

#cplus:hover {
    color:#bb0000 !important;
}

/* List Sections */
#list-sections{

}
#list-sections ul{
	padding: 0;
    list-style-type: none;
}
#list-sections li{
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    float: left;
    margin-bottom: 15px;
}
/*
#list-sections li.riesgos_en_linea{
	width: 25%;
}
#list-sections li.consejos{
	width: 25%;
}
#list-sections li.ciberclub_ift{
	width: 21.5%;
}
#list-sections li.apps_software{
	width: 21.5%;
}
#list-sections li.sitios_e_informacion_de_interes{
	width: 27%;
}
*/
#list-sections li:not(.sitios_e_informacion_de_interes) span{
	margin-top: 10px;
}
#list-sections a{
    list-style-type: none;
    font-size: 14px;
    border-radius: 20px;
    color: rgb(0,0,0);
    width: 100%;
    display: table;
    height: 75px;
}
#list-sections li.riesgos_en_linea a{
	background: rgb(255, 154, 255);
}
#list-sections li.riesgos_en_linea.active a{
	background: rgb(0, 0, 0);
	color: rgb(255, 154, 255);
}
#list-sections li.glosario a{
	background: rgb(255, 154, 255);
}
#list-sections li.glosario.active a{
	background: rgb(0, 0, 0);
	color: rgb(255, 154, 255);
}
#list-sections li.consejos a{
	background: rgb(192, 108, 255);
}
#list-sections li.consejos.active a{
	background: rgb(0, 0, 0);
	color: rgb(192, 108, 255);
}
#list-sections li.recomendaciones a{
	background: rgb(192, 108, 255);
}
#list-sections li.recomendaciones.active a{
	background: rgb(0, 0, 0);
	color: rgb(192, 108, 255);
}
#list-sections li.guias_y_estudios a{
	background: rgb(192, 108, 255);
}
#list-sections li.guias_y_estudios.active a{
	background: rgb(0, 0, 0);
	color: rgb(192, 108, 255);
}
#list-sections li.ciberclub_ift a{
	background: rgb(151, 90, 243);
}
#list-sections li.ciberclub_ift.active a{
	background: rgb(0, 0, 0);
	color: rgb(151, 90, 243);
}
#list-sections li.consejos_de_seguridad_digital a{
	background: rgb(151, 90, 243);
}
#list-sections li.consejos_de_seguridad_digital.active a{
	background: rgb(0, 0, 0);
	color: rgb(151, 90, 243);
}
#list-sections li.apps_y_software a{
	background: rgb(151, 90, 243);
}
#list-sections li.apps_y_software.active a{
	background: rgb(0, 0, 0);
	color: rgb(151, 90, 243);
}
#list-sections li.cafe_con_de_mujer a{
	background: rgb(151, 90, 243);
}
#list-sections li.cafe_con_de_mujer.active a{
	background: rgb(0, 0, 0);
	color: rgb(151, 90, 243);
}
#list-sections li.sitios_e_informacion_de_interes a{
	background: rgb(108, 185, 255);
}
#list-sections li.sitios_e_informacion_de_interes.active a{
	background: rgb(0, 0, 0);
	color: rgb(108, 185, 255);
}
#list-sections li.terminos_y_condiciones_de_plataformas_digitales a{
	background: rgb(154 145 252);
}
#list-sections li.terminos_y_condiciones_de_plataformas_digitales.active a{
	background: rgb(0, 0, 0);
	color: rgb(154 145 252);
}
#recomendaciones_generales #list-sections li.apps_software a{
	background: rgb(93 228 250);
}
#recomendaciones_generales #list-sections li.apps_software.active a{
	background: rgb(0, 0, 0);
	color: rgb(93 228 250);
}

#list-sections li.seguridad_para_ecommerce_y_servicios_financieros a{
	background: rgb(148 210 189);
}
#list-sections li.seguridad_para_ecommerce_y_servicios_financieros.active a{
	background: rgb(0, 0, 0);
	color: rgb(148 210 189);
}
#list-sections li.proteccion_de_datos_personales_en_el_entorno_digital img{
	margin-top: 10px;
}
#list-sections li.proteccion_de_datos_personales_en_el_entorno_digital a{
	background: rgb(51 204 102)
}
#list-sections li.proteccion_de_datos_personales_en_el_entorno_digital.active a{
	background: rgb(0, 0, 0);
	color: rgb(51 204 102)
}

#list-sections li.seguridad_en_redes_moviles  a{
	background: rgb(255 102 255);
}
#list-sections li.seguridad_en_redes_moviles.active a{
	background: rgb(0, 0, 0);
	color: rgb(255 102 255);
}

#list-sections div{
	display: table-cell;
	vertical-align: middle;
}
#list-sections img{
	width: 48px;
	float: left;
}
#list-sections span{
	float: right;
	width: 70%;
    text-transform: uppercase;
}
/* Slider Carrusel */

#carouselButtons {
    margin-left: 100px;
    position: absolute;
    bottom: 0px;
}
#myCarousel{
	width: 80%;
	margin: auto;
}
#myCarousel img{
	height: 350px;
	width:  100%;
}
/* Section Info */
.section section{
	width: 95%;
	margin: auto;
}
.section_info__item{
    /*background: #ccc*/
    text-align: center;
    margin: 15px 0px;
    height: 335px;
    overflow-y: auto;
}
.glosario___item{
    height: 50px !important;
}
.glyphicon-chevron-right{
	position: absolute;
    right: -70px;
    top: 25%;
    font-size: 85px;
    color: #d9d9d9;
}
.glyphicon-chevron-left{
	position: absolute;
    left: -70px;
    top: 25%;
    font-size: 85px;
    color: #d9d9d9;
}
#fuentes a,
#fuentes span,
#fuentes p{
	font-size: 12px !important	; 
}
.section_info{
    overflow-y: auto;
    max-height: 520px;
}

.section_info__item p:not(.sitios_e_informacion_de_interes){
	padding-left: 0px;
	padding-right:0px;
}

.section_info__item p.sitios_e_informacion_de_interes{
	padding-left: 0px;
	padding-right: 0px;
}

.section_info__item > p{
	margin-top: 15px;
}
.section_info__item p a {
	color: rgb(0, 0, 0);
	text-decoration: underline;
	font-size: 10px;
}
.section_info__item a.liga{
    font-size: 14px;
    color: rgb(0,0,0);
    width: 100%;
	word-break: break-word;
	font-weight: bold;
	text-decoration: underline;
}
.contain.section{
	display: none;
}
#reporte_ciudadano .contain.section{
	display: block;
}
/* Glosario */ 
#glosario span{
	text-transform: uppercase;
	font-size: 12px;
	word-break: break-word;
}
#glosario .section_info{
	width: 80%;
	margin: auto;
	/*background: rgb(255, 255, 255);*/
	height: 400px;
}
#glosario .section_info__item{
	background: rgb(204 204 204 / 0%)
}
#arrows{
	display: none;
}
.data_description__glosario{
	display: none;
}
/*** Reporte Ciudadano* **/
#reporte_ciudadano .section_info{
	background:  rgb(255,255,255);
	border: 1px solid;
}
/* sitios_e_informacion_de_interes */
#sitios_e_informacion_de_interes .section_info__item,
#apps_y_software .section_info__item,
#guias_y_estudios .section_info__item{
	background: inherit;
}
#sitios_e_informacion_de_interes .section_info__item{
		height: 520px;
		overflow-y: auto;
}
#guias_y_estudios .section_info__item,
#seguridad_en_redes_moviles .section_info__item{
	height: 550px;
}

#apps_y_software .section_info__item{
	height: 400px;
	overflow-y: auto;
}
#guias_y_estudios img{
	width: 90px;
}
.modal-body{
	overflow: auto;
}
.modal-body img{
	margin-bottom: 25px;
}
.modal-body iframe{
	margin-bottom: 25px;
}
/* Busqueda */
#autocomplete{
    position: relative;
    left: 0;
    width: 100% !important;
}
.ui-widget-content.ui-autocomplete {
    width: 100% !important;
    max-height: 60vh;
    overflow-y: scroll;
}
.cat_header ul{
	padding: 0;
}
.cat_header .submenu__item{
	width: 10%;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.info__busqueda{
	width: 75%;
	float: right;
	margin-left: 25px ;
}
.cat_header h3{
	padding: 12px;
}
/** CiberClub **/
.ico_comics{
	width: 25px;
	float: left;
}
.ico_comics__text{
	top: 10px;
	left: 10px;
    position: relative;
}
.comic__link{
	display: inline-flex;
}
#ciberclub_ift #modalTypeB .data_titulo,
#cafe_con_de_mujer #modalTypeB .data_titulo{
	text-align:  center;
}
#ciberclub_ift .icon{
    top: 18%;
}
/*** Concurso Nacional de Video 3ra edicion ***/
#concurso_nacional_de_video_3ra .section__container li{
	margin: 5px 0px !important;
}
ul.lower-alpha {
	list-style-type: lower-alpha !important	;
}
ul.upper-alpha {
	list-style-type: upper-alpha !important	;
}
ul.list-undefined{
	list-style-type: "- " !important;
}
#concurso_nacional_de_video_3ra h1,
#concurso_nacional_de_video_3ra h2,
#concurso_nacional_de_video_3ra h3,
#concurso_nacional_de_video_3ra h4,
#concurso_nacional_de_video_3ra h5,
#concurso_nacional_de_video_3ra h6,
#concurso_nacional_de_video_3ra .data_titulo,
#concurso_nacional_de_video_3ra .submenu___btn span,
#concurso_nacional_de_video_3ra strong,
#concurso_nacional_de_video_3ra .home_menu__item___btn,
#concurso_nacional_de_video_3ra .autor,
#concurso_nacional_de_video_3ra p,
#concurso_nacional_de_video_3ra ul,
#concurso_nacional_de_video_3ra li,
#concurso_nacional_de_video_3ra div,
#concurso_nacional_de_video_3ra a{
	font-family: 'ITC Avant Garde',sans-serif !important;
}
#concurso_nacional_de_video_3ra .section__container p,
#concurso_nacional_de_video_3ra .section__container span,
#concurso_nacional_de_video_3ra .section__container li{
	font-weight: inherit !important	;
	text-align: justify;
}
#concurso_nacional_de_video_3ra .menu{
	padding: 0!important;
}
#concurso_nacional_de_video_3ra .menu .container{
	padding: 0!important;
}
#concurso_nacional_de_video_3ra .section__container{
	padding-top: 0px !important;
}
#concurso_nacional_de_video_3ra .container.section{
	max-height: 800px;
	overflow-y: scroll;
	border-top: 50px solid #f4b600;
	background: #fff;
}
#concurso_nacional_de_video_3ra #menu .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover{
    color: #fff !important;
    background-color: #575756 !important;
}
#concurso_nacional_de_video_3ra #menu .nav-tabs > li > a{
    color: #fff !important;
   	background: #eb6109;
}
#concurso_nacional_de_video_3ra table{
	width: 70% !important;
}
#concurso_nacional_de_video_3ra table td{
	padding: 15px 10px !important;
}
#concurso_nacional_de_video_3ra img{
	margin: auto !important;
}

/*** Concurso Nacional de Video 2da edicion ***/
#concurso_nacional_de_video_2da .section__container li{
	margin: 5px 0px !important;
}
ul.lower-alpha {
	list-style-type: lower-alpha !important	;
}
ul.upper-alpha {
	list-style-type: upper-alpha !important	;
}
ul.list-undefined{
	list-style-type: "- " !important;
}
#concurso_nacional_de_video_2da h1,
#concurso_nacional_de_video_2da h2,
#concurso_nacional_de_video_2da h3,
#concurso_nacional_de_video_2da h4,
#concurso_nacional_de_video_2da h5,
#concurso_nacional_de_video_2da h6,
#concurso_nacional_de_video_2da .data_titulo,
#concurso_nacional_de_video_2da .submenu___btn span,
#concurso_nacional_de_video_2da strong,
#concurso_nacional_de_video_2da .home_menu__item___btn,
#concurso_nacional_de_video_2da .autor,
#concurso_nacional_de_video_2da p,
#concurso_nacional_de_video_2da ul,
#concurso_nacional_de_video_2da li,
#concurso_nacional_de_video_2da div,
#concurso_nacional_de_video_2da a{
	font-family: 'ITC Avant Garde',sans-serif !important;
}
#concurso_nacional_de_video_2da .section__container p,
#concurso_nacional_de_video_2da .section__container span,
#concurso_nacional_de_video_2da .section__container li{
	font-weight: inherit !important	;
	text-align: justify;
}
#concurso_nacional_de_video_2da .menu{
	padding: 0!important;
}
#concurso_nacional_de_video_2da .menu .container{
	padding: 0!important;
}
#concurso_nacional_de_video_2da .section__container{
	padding-top: 0px !important;
}
#concurso_nacional_de_video_2da .container.section{
	max-height: 800px;
	overflow-y: scroll;
	border-top: 50px solid #FF6894;
	background: #fff;
}
#concurso_nacional_de_video_2da #menu .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover{
    color: #fff !important;
    background-color: #575756 !important;
}
#concurso_nacional_de_video_2da #menu .nav-tabs > li > a{
    color: #fff !important;
   	background: #614A9E;
}

/*** Concurso Nacional de Video ***/
#concurso_nacional_de_video_2da .section__container li{
	margin: 5px 0px !important;
}
ul.lower-alpha {
	list-style-type: lower-alpha !important	;
}
ul.upper-alpha {
	list-style-type: upper-alpha !important	;
}
ul.list-undefined{
	list-style-type: "- " !important;
}
#concurso_nacional_de_video h1,
#concurso_nacional_de_video h2,
#concurso_nacional_de_video h3,
#concurso_nacional_de_video h4,
#concurso_nacional_de_video h5,
#concurso_nacional_de_video h6,
#concurso_nacional_de_video .data_titulo,
#concurso_nacional_de_video .submenu___btn span,
#concurso_nacional_de_video strong,
#concurso_nacional_de_video .home_menu__item___btn,
#concurso_nacional_de_video .autor,
#concurso_nacional_de_video p,
#concurso_nacional_de_video ul,
#concurso_nacional_de_video li,
#concurso_nacional_de_video div,
#concurso_nacional_de_video a{
	font-family: 'ITC Avant Garde',sans-serif !important;
}
#concurso_nacional_de_video .section__container p,
#concurso_nacional_de_video .section__container span,
#concurso_nacional_de_video .section__container li{
	font-weight: inherit !important	;
	text-align: justify;
}
#concurso_nacional_de_video .menu{
	padding: 0!important;
}
#concurso_nacional_de_video .menu .container{
	padding: 0!important;
}
#concurso_nacional_de_video .section__container{
	padding-top: 0px !important;
}
#concurso_nacional_de_video .container.section{
	max-height: 800px;
	overflow-y: scroll;
	border-top: 50px solid #78ad4c;
	background: #fff;
}
#concurso_nacional_de_video #menu .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover{
	color: #fff !important;
	background-color: #575756 !important;
}
#concurso_nacional_de_video #menu .nav-tabs > li > a{
	color: #fff !important;
	background: #3aa1ad;
}



#myModalIndex .modal-dialog{
	margin-top: 25vh;
}
#myModalIndex .modal-body img{
	margin-bottom: 0px;
}
#myModalIndex .modal-body{
	padding: 0px;
}
#myModalIndex .close{
	position: absolute;
    top: 5px;
    color: #278fc1 !important;
    border: 2px solid #278fc1;
    opacity: 1;
    padding: 2px;
    border-radius: 67px;
    width: 35px;
    height: 35px;
    right: 10px;
}
/*
.btn_concurso_navega_seguro_lo_logras{
	width: 365px;
}
*/
.item-video__ganador{
	margin: 25px 0;
	cursor: pointer;
}
.item-video__ganador p{
	text-align: center !important;
	color: #fff;
	font-weight: 700 !important;
}
.item-video__ganador .ganador{
	background: #7ac142;
}
#concurso_nacional_de_video #videos h2{
	color: #309a4f !important;
}

/*** Media ***/
@media only screen and (min-width: 1200px){
	/*.modal-dialog{
		width: 1024px;
	}*/
	#myCarousel{
		width: 1120px;
	}
	.navbar-form{
		width: 70%;
		margin-top: 2%;
	}
	.navbar-form .input-group{
		width: 100%;
	}
	
	#sitios_e_informacion_de_interes .section_info__item{
		height: 520px;
		overflow-y: auto;
	}
	#guias_y_estudios .section_info__item,
	#seguridad_en_redes_moviles .section_info__item{
		height: 500px;
	}

	#apps_y_software .section_info__item{
		height: 480px;
		overflow-y: auto;
	}
}

@media only screen and (min-width: 769px){
	.logo img{
	    width: 60%;
    	margin-left: 50px;
	}
}


@media only screen and (max-width: 1200px){
	.modal-dialog{
		width: 88%;
	}
	#list-sections a{
		font-size: 13px;
	}
	#sitios_e_informacion_de_interes .section_info__item{
		height: 550px;
		overflow-y: auto;
	}
	#guias_y_estudios .section_info__item,
	#seguridad_en_redes_moviles .section_info__item{
		height: 550px;
		overflow-y: auto;
	}

	#apps_y_software .section_info__item{
		height: 475px;
		overflow-y: auto;
	}
}

@media only screen and (max-width: 992px){
	.home_menu__item{
		width: 30%;
		
	}
	.header img{
		width: 50%;
	}
	.modal-dialog{
		width: 95%;
	}
	.home_menu{
		padding: 0px 15px;
	}
	.home_menu__item___btn{
		min-height: 75px;
	}
	.home_menu a:nth-child(4) .home_menu__item{
		margin-left: 10em;
	}
	.panelDescargaApp{
		margin-top: 25px;
	}
	#sitios_e_informacion_de_interes .section__item,
	#apps_y_software .section__item{
		height: 550px;
	    margin-bottom: 30px;
	}

	#sitios_e_informacion_de_interes .section_info__item,
	#apps_y_software .section_info__item,
	#guias_y_estudios .section_info__item,
	#seguridad_en_redes_moviles .section_info__item{
		height: 550px;
		overflow-y: auto;
	}
	.glyphicon-chevron-left{
		left: -35px;
		font-size: 70px;
	}
	.glyphicon-chevron-right{
		right: -35px;
		font-size: 70px;
	}

}

@media only screen and (max-width: 768px){
	.btn_concurso_navega_seguro_lo_logras{
		width: 100%;
		margin-bottom: 50px;
	}
	.reporte_ciudadano_btn{
		width: 100%
	}

}

@media only screen and (max-width: 767px){
	.header img {
		width: 90%;
	}
		/*Submenu */
	.nav_submenu{
		margin: 0px;
	}
	.nav_submenu .submenu__item img{
		width: 100%;
	}
	.nav_submenu .submenu__item{
		width: 20%;
    	padding: 0;
	}
	.nav_submenu .submenu__item .submenu___btn{
		padding: 0px;
		min-height: 50px;
	}
	.nav_submenu .submenu__item .submenu___btn span{
		font-size: 10px;
    	word-break: break-word;
	}
	#sitios_e_informacion_de_interes .section__item,
	#apps_y_software .section__item{
		height: auto;
	}

	#sitios_e_informacion_de_interes .section_info__item,
	#apps_y_software .section_info__item,
	#guias_y_estudios .section_info__item{
		height: auto;
	}
	#sitios_e_informacion_de_interes .section_info__item,
	#apps_y_software .section_info__item,
	#guias_y_estudios .section_info__item{
		border-top: 1px solid #000;
		padding: 15px 0px;
	}
	.glyphicon-chevron-left{
		left: -28px;
		font-size: 60px;
	}
	.glyphicon-chevron-right{
		right: -28px;
		font-size: 60px;
	}
}


@media only screen and (max-width: 680px){
	.main{
		padding: 0px;
	}
	.home_menu__item{
		width: 50%;
	    height: 400px;
	}
	.home_menu .home_menu__item:nth-child(3){
	    margin-left: 125px;
	}
	.navbar-form{
		margin: 0px;
	}

	#list-sections a{
		font-size: 12px;
	}
	#myCarousel img{
		height: auto;
	}
	#myCarousel{
		width: 100%;
	}
	.home_menu a:nth-child(4) .home_menu__item{
		margin-left: 0em;
	}
	
}

@media only screen and (max-width: 480px){
	.home_menu__item{
		width: 100%;
		margin: auto !important;
		height: auto;
	}
	.home_menu .home_menu__item:nth-child(3){
	    margin-left: inherit;
	}
	.reporte_ciudadano_btn.float-right{
		float: inherit;
	}
	.reporte_ciudadano_btn{
		margin:  auto;
	}
	.header img{
		width: 100%;
	}
	.button__sub___seccion{
		width: 100%;
	}
	.col-xss-12{
		width: 100%;
	}
	.footer{
		font-size: 12px !important;
	}
	.nav_submenu .submenu__item .submenu___btn span{
		font-size: 6px;
    	word-break: break-word;
	}
}