.title-head{
	padding-bottom: 1px solid #4d4d4d;
}

.clear {clear: both;}

body{
	background-color: #fff;
	padding:0px;
	margin:0px;
	font-family: Century Gothic, sans-serif;
	width:100%;
	max-width:100%;
	height:100%;

}

#container{
	padding: 0px 50px !important;
}
#skip-nav {
    margin:0 auto;
    padding:6px 0;
    height:50px;
    line-height:25px;
    width:660px;
    color:#999;
    border-right:solid 10px;
    border-left:solid 10px;

  }
  .js #skip-nav {
    position:absolute;
    margin-left:-9999px;
  }
  #skip-nav strong {
    color:#000;
    text-transform:uppercase;
  }
  #skip-nav ul, #skip-nav li {
      display:inline;
  }
  #skip-nav.active {
    position:static;
    margin:0 auto;
  }
  #skip-nav a {
    padding:0 3px;
    color:#192666;
  }
  #skip-nav a:focus {
   color: #192666;
   border: dashed 1px;
   background-color: #D5EAFF; /*#D5EAFF*/
   text-decoration: underline;
}

#logotipo{
	height: 50px;
	width: 255px;
	margin:10px 0 0 0;
	background-image: url("../images/logoift-hor.png");
	background-repeat: no-repeat;
	background-size: 100%;
	float: right;
	cursor: pointer;
}
#logotipo2{
	height: 80px;
	width: 238px;
	background-image: url("../images/LogoProfeco.jpg");
	background-repeat: no-repeat;
	background-size: 90%;
	float: left;
	cursor: pointer;
}

#pleca{
	width:95%;
	height:7px;
	background-color:#78bc43;
	margin:4.5em 0 0 0;
	float:none;
	}

.plecaVerde{
	background-color:#78bc43;
	padding:15px 0 5px;
}

#logotipo3{
	margin-top:15px;
	height: 62px;
	width: 569px;
	background-image: url("../images/logo_sua.png");
	background-repeat: no-repeat;
	background-size: 90%;
	cursor: pointer;
}
#loginSua{
	height: 100px;
	width: 250px;
	float:right;
	margin-right:50px;
}

#loginSua a img{
	margin:5px;
	float:left;
	width:90px;
	border:0;
}

.contieneSua{
	margin:0 150px;}


header {
	width:100%;
	z-index:9999;
	margin:0;
}
header .top-section {
	color:green;
	font-size: 30px;
}


#contBtnSec{
	display: block;
	visibility: visible;
	}

#contBtnSecSm{
	display:none;
	visibility:hidden;
	}



.contienesl{
	margin:0 100px;}

.contienes2{
	margin:0;
	margin-top: 50px;
}

.contienes4 {
	background-color: #78bc43;
	padding: 15px 0;
/*	width: 100%; */
}



#levantaPrin{
	width:100%;
	background-color:#bfd230;
	padding:15px;
	float:left;
	}

#levantaPrin img, #consejosPrin img {
	float:left;
	width:26%;
	margin:0 15px 0 0;
	visibility:visible;
	display: block;

}

#noticiasPrin img {
	float:right;
	width:25%;
	margin:0 0 0 15px;
	}

#levantaPrin .txt{
	float:left;
	color:#fff;
	padding:7% 0;
	}

#consejosPrin .txt{
	float:left;
	color:#fff;
	padding:10% 0;
	font-size:1.6em;
	font-weight:bold;
	width:65%;
	text-align:center;

	}

#noticiasPrin .txt{
	float:right;
	color:#fff;
	padding:10% 0;
	font-size:1.6em;
	font-weight:bold;
	width:65%;
	text-align:center;
	}


#noticiasPrin{
	width:100%;
	background-color:#78bc43;
	padding:15px;
	float:left;
	}
#consejosPrin{
	width:100%;
	background-color:#4e9d45;
	padding:15px;
	float:left;
	}

.contBtn img{
	margin:60px 0 70px 0;}

#btn-inc-folio{
	height:115px;
	width: 255px;
	background-image: url("../images/btn-inc-folio.png");
	background-repeat: no-repeat;
	background-position:18px -9px;
	background-size: 80%;
	cursor: pointer;
	float:left;
	margin:60px 0 70px 0;
}

#btn-inc-folio input{
	border:#78bc43 solid 2px;
	background-color:rgba(255,255,255,0.5);
	margin:15px 20px;
	border-radius:5px;
	padding:3px;
	}

#btn-inc-folio input:hover{
	border:#78797a solid 2px;
	background-color:rgba(255,255,255,0.5);
	}

#contieneTwitter{
	display: block;
	visibility: visible;
	height:115px;
	width: 255px;
	cursor: pointer;
	float:right;
}

footer {
	background-color: #ffffff;
	border-top: 6px solid #78bc43;
	padding: 20px;
	width: 100%;
}

.contienes2 .col-md-2 a{
	font-size:11.5px;}

#icn-mapas{
	width:45px;
	height:44px;
	margin:0 0 0 0;
	float:left;}

#icn-mail{
	width:34px;
	height:34px;
	margin:0 0 0 0;
	float:left;}

#icn-mail img{
	width:100%;
	}

#icn-tel{
	width:36px;
	height:36px;
	margin:0 0 0 0;
	float:left;}

#txtfooter{
	float:left;
	width:80%;
	padding:5px 0 0 10px;
	font-size:11px;}

#txtfooterSm{
	float:left;
	width:70%;
	padding:10px 0 0 5px;
	font-size:12px;}

footer a img{
	margin:0 0 0 0;}

.contienes4 a{
	color:#fff;
	font-size:14px;
	font-weight:bold;}

#contieneTxtFooter2{
	padding:15px 0 15px 15px;
	border-left:solid #fff 3px;}


/*.row{
	margin:0;}*/
/******************************************* Página Noticias y Consejos *********************************************/

.titSec{
	margin:25px auto;
	margin-left:27px;
}

.titSec div.col-xs-3{
	width: 11% ;
}
#icn-not{
	width:59px;
	height:66px;
	background-image: url(../images/icn-not-tit.png);
	background-repeat:no-repeat;
	background-size:100%;
	float:right;
	}

#icn-con{
	width:59px;
	height:66px;
	background-image: url(../images/icn-con-tit.png);
	background-repeat:no-repeat;
	background-size:100%;
	float:right;
	}

#txtTitSec{
	font-size:1.8em;
	color:#5d5d5d;
	text-transform:uppercase;
	font-weight:bold;
	text-align:left;
	font-family: Century Gothic, sans-serif;
	float:left;
/*	width:22%;*/
}


.contieneVisorNoticias{
	background-color:#78bc43;
	padding:15px;}

.titNotPrin{
	font-size:25px;
	font-weight:bold;
	color:#fff;
	margin:-14px 0 0 0;
	width:60%;
	height:20px;
	float:left;}

.contieneVisorNoticias .fechaNotPrin{
	color:#fff;
	font-size:12px;
	width:35%;
	margin:10px 5px 0 0;
	text-align:right;
	float:right;}

.contieneVisorNoticias img{
	margin:15px auto 0;
	width:100%;
	clear:both;
	max-width: 100%;
	max-height: 100%;
	}

.contieneVisorNoticias iframe.note-video-clip{
	max-width: 100% !important;
}

.txtNtoPrin{
	background-color:#fff;
	padding:10px;
	clear:both;
	}
.fechaNotPrinEnc{
	color:#fff;
	font-size:12px;
	width:35%;
	margin:10px 5px 0 0;
	text-align:right;
	float:right;
}
.encabezado{
	background-color: #78bc43;
	color: #fff;
	padding: 15px;
	margin-bottom: 15px;
	height: auto;
}

.titNotPrinEnc{
	font-size:25px;
	font-weight:bold;
	/*color:#fff;*/
	width:80%;
	height:auto;
	float:left;
}
/******************************************* Página Login *********************************************/

#contieneLogin{
	padding:20px;
}

#contieneLogin  label.titLogin{
	font-size:20px;
	font-weight:normal;
	margin:20px 0 10px;
	width:100%;
}

.contLogin{
	border:#bfd230 solid 2px;
	width:280px;
	border-radius:9px;
	padding:20px;
	margin:0 auto;
	box-shadow: -2px 5px 11px -1px black;
}



.contLogin input.inputForm{
	margin: 0px 0px 15px 0px;
	border:#bfd230 solid 1px;
	width: 95%;
	/*font-size:12px !important;*/
    padding: 10px 15px;
	border-radius:5px;
}

.contLogin div{
	margin:0;

	}

.contLogin a.tooltip, label a.tooltip, .contLogin a.tooltip-ift, label a.tooltip-ift{
	background-color:#78bc43;
	border-radius:15px;
	padding:5px 10px;
	opacity:100;
	color:#fff;
	float:right;
	margin-right:20px;
}



.contLogin .btns{
	margin:5px 0 0 0;}
/*
.contLogin .btns label{
	font-size:12px;
}
*/

.btngral{
	margin:5px;
	width:auto;
	background-color:#bfd230;
	color:#000;
	border:none;
	border-radius:5px;
    padding: 10px 15px;
	font-weight:bold;
    text-decoration: none;
}

.btngral:hover{
	background-color:#78bc43;
	color:#fff;}


	.btngral-gray{
		margin:5px;
		width:auto;
		background-color: #f0f0f0;
		color:#000;
		border:none;
		border-radius:5px;
		padding: 10px 15px;
		font-weight:bold;
	}
	
	.btngral-gray:hover{
		background-color: #B3B3B3;
		color:#fff;}

.contLogin .btns .btngral{
	margin:5px;
	width:auto;
	background-color:#bfd230;
	color:#000;
	border:none;
	border-radius:5px;
    padding: 10px 15px;
	font-weight:bold;
}

.contLogin .btns .btngral:hover{
	background-color:#78bc43;
	color:#fff;}

.btns-reg{
	float:left;
	width:100%;
	margin:20px 0 0 0;}

.btn-send{
	margin:5px;
	background-color:#78797a;
	border:none;
	border-radius:5px;
	font-weight:bold;
	float:right;
    color: #fff;
    /*font-size: 14px;*/
    padding: 10px;
}

.btn-send:hover{
	background-color:#78bc43;
	color:#fff;}


/*TOOLTIPS*/

.ajuste-ayuda{
    position: inherit !important;
    display: inherit !important;

}

.ajuste-titulo{
    float: right;
}



a.tooltip, a.tooltip-ift {
    color: red;
}

a.tooltip strong, a.tooltip-ift strong {
    line-height: 30px;
}

a.tooltip:hover, a.tooltip-ift:hover {
    text-decoration: none;
}

a.tooltip span:not(.not-tooltip), a.tooltip-ift span:not(.not-tooltip){
    z-index: 10;
    display: none;
    padding: 10px;
    margin-top: -10px;
    margin-left: 28px;
    width: 250px;
    line-height: 16px;
    /*font-size: 12px;*/
	font-family: Century Gothic, sans-serif;
}

a.tooltip:hover span:not(.not-tooltip), a.tooltip-ift:hover span:not(.not-tooltip),
a.tooltip:focus span:not(.not-tooltip), a.tooltip-ift:focus span:not(.not-tooltip){
    display: inline;
    position: absolute;
    color: #111;
    border: 1px solid #78797a;
    background: #fff;
	left: -250px;
    top: 41px;
}

.no-margin{
	margin: 0 !important;
}

.no-padding {
	padding: 0 !important;
}

.callout {
    z-index: 20;
    position: absolute;
    top: 30px;
    border: 0;
    left: -12px;
}

/*CSS3 extras*/
a.tooltip span:not(.not-tooltip), a.tooltip-ift span:not(.not-tooltip) {
    border-radius: 4px;
    box-shadow: 3px 3px 5px #000;
}


#olvido p a{
	color:#4e9d45;
}

#olvido p a:hover{
	text-decoration:underline;
}
/******************************************* Página home Buzon *********************************************/

#loginSua .logg{
	/*border:7px solid #4d4d4d;
	background-color:#fff;*/
	border-radius:5px;
	float:right;
	padding:5px;
	z-index:1000;
	height: 190px;
	}

#loginSua .logg #icn-usr{
	background:url(../images/icn-usr.png) no-repeat 100%;
	width:48px;
	height:45px;
	margin:5px 20px 5px 10px;
	float:left;
	}

#loginSua .logg span{
	color:#4e9d45;
	/*font-size:24px;*/
	font-weight:bold;
	float:left;
	margin:5px 0 0 0;
}

#loginSua .logg label{
	color:#4e9d45;
	/*font-size:16px;*/
	text-transform:capitalize;
	float:left;
	margin-right: 20px;
}

#loginSua .logg #btn-man{
	width:49px;
	height:47px;
	background:url(../images/btn-man.png) no-repeat;
	background-size:100%;
	float:left;
	/*font-size:12px;*/
	border-radius:5px;
	margin:5px 10px 5px 10px;
	cursor:pointer;
	box-shadow: 0px 5px 11px -1px black;
}

#loginSua .logg #btn-man:hover{
	background:url(../images/btn-man-hov.png) no-repeat;
	background-size:100%;
	}

#loginSua .logg #btn-edit{
	width:49px;
	height:47px;
	background:url(../images/btn-edit.png) no-repeat;
	background-size:100%;
	float:left;
	/*font-size:12px;*/
	border-radius:5px;
	margin:5px 15px 5px 15px;
	box-shadow: 0px 5px 11px -1px black;
}

#loginSua .logg #btn-edit:hover{
	background:url(../images/btn-edit-hov.png) no-repeat;
	background-size:100%;
	}

#loginSua .logg #btn-sal{
	width:49px;
	height:47px;
	background:url(../images/btn-sal.png) no-repeat;
	background-size:100%;
	float:left;
	/*font-size:12px;*/
	border-radius:5px;
	margin:5px 10px 5px 10px;
	box-shadow: 0px 5px 11px -1px black;
}

#loginSua .logg #btn-sal:hover{
	background:url(../images/btn-sal-hov.png) no-repeat;
	background-size:100%;
}

#loginSua .logg #btn-sa{
	width:49px;
	height:47px;
	background:url(../images/btn-sa.png) no-repeat;
	background-size:100%;
	float:left;
	/*font-size:12px;*/
	border-radius:5px;
	margin:5px 10px 5px 10px;
	box-shadow: 0px 5px 11px -1px black;
}
	
	#loginSua .logg #btn-sa:hover{
		background:url(../images/btn-sa-hov.png) no-repeat;
		background-size:100%;
		}

#icn-bzn{
	width:34px;
	height:39px;
	background-image: url(../images/icn-bzn.png);
	background-repeat:no-repeat;
	background-size:100%;
	float:right;
	}

#txtTitSecInt{
	/*font-size: 20pt;*/
	color:#5d5d5d;
	text-align:left;
	font-family: Century Gothic, sans-serif;
	float:left;
	padding:0 0 5px 0;
	border-bottom:5px solid #78bc43;}

#infoBar{
	display:none;
	position:fixed;
	z-index:2000;
	top:0px;
	left:0px;
	width:1394px;
	background-color: rgb(255, 153, 0);
	height: 45px;
	padding-top: 5px;
	font-weight:bold;
}

#infoBar tr #infoContent{
	font-weight:bold;
	color:#fff;
	height:45px;}

#infoBar #infoClose{
	border-color: rgb(255, 255, 255);
	cursor: pointer;}

.clr{
	clear: both;
}
.main{
	position:relative;
    width:800px;
    margin: 0 auto;
}
h1{
	margin:0px;
	padding:20px 20px 10px 20px;
	/*font-size:34px;*/
	color:#333;
    text-shadow:1px 1px 1px #fff;
	text-align:left;
	font-weight:400;
}
h1 span{
    display:block;
	/*font-size: 14px;*/
    font-family: arial;
    font-style: italic;
	color:#b2891b;
	padding-top:10px;
}

/*GENERAL*/
.viewAdmin {
	border: 5px solid #4d4d4d;
	overflow: hidden;
	position: relative;
	text-align: center;
	cursor: default;
	background: #fff no-repeat center center;
	border-radius:5px;
	width:45%;
	margin:0 auto;
	padding:20px;
}



.view {
   border: 10px solid #4d4d4d;
   overflow: hidden;
   position: relative;
   text-align: center;
   cursor: default;
   border-radius:5px;
   width:70%;
   margin:0 auto;
   padding:20px;
	box-shadow: 0px 5px 11px -1px black;
}

.view span{
	/*font-size:20px;*/
	font-weight:bold;
	text-align:center;
}

.view .mask,.view .content {
   height: 100%;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
.view img {
   display: block;
   position: relative;
   margin:20px auto 10px;
}

.mask{
   padding:20px 10px;}

.mask span{
	color:#fff;
	/*font-size:20px;*/
	font-weight:bold;
	text-align:center;
}

.view h2 {
   text-transform: uppercase;
   color: #fff;
   text-align: center;
   position: relative;
   /*font-size: 17px;*/
   padding: 10px;
   background: rgba(0, 0, 0, 0.8);
   margin: 20px 0 0 0;
}

.view p {
   font-family: arial;
   font-style: italic;
   /*font-size: 12px;*/
   line-height: 1.9;
   position: relative;
   color: #fff;
   padding: 10px;
   text-align: center;
}

/* ONE*/
.view-first img {
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.view-first .mask {
	overflow-y: auto;
    z-index: 9999;
    display: block;
    width: 100%;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   background-color: rgba(40,40,40, 0.8);
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}
.view-first:hover > span {
	color: white;
}
.view-first h2 {
   -webkit-transform: translateY(-100px);
   -moz-transform: translateY(-100px);
   -o-transform: translateY(-100px);
   -ms-transform: translateY(-100px);
   transform: translateY(-100px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.view-first p {
   -webkit-transform: translateY(100px);
   -moz-transform: translateY(100px);
   -o-transform: translateY(100px);
   -ms-transform: translateY(100px);
   transform: translateY(100px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.view-first:hover img {
   -webkit-transform: scale(1.1,1.1);
   -moz-transform: scale(1.1,1.1);
   -o-transform: scale(1.1,1.1);
   -ms-transform: scale(1.1,1.1);
   transform: scale(1.1,1.1);
}
.view-first a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.view-first:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
.view-first:hover h2,
.view-first:hover p,
.view-first:hover a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
}
.view-first:hover p {
   -webkit-transition-delay: 0.1s;
   -moz-transition-delay: 0.1s;
   -o-transition-delay: 0.1s;
   -ms-transition-delay: 0.1s;
   transition-delay: 0.1s;
}
.view-first:hover a.info {
   -webkit-transition-delay: 0.2s;
   -moz-transition-delay: 0.2s;
   -o-transition-delay: 0.2s;
   -ms-transition-delay: 0.2s;
   transition-delay: 0.2s;
}





/******************************************* Página leva queja paso 0 *********************************************/
nav{
	margin:0px;
}

.navbar {
	background-color:#4d4d4d;
	font-size: 130%;
	border-radius:0;
	position:relative;
	width:50%;
	margin-bottom: 0px !important;
	min-height: initial !important;
}

.navbar-nav > li > a{
	color:#fff;}

.navbar-nav > li > a:hover{
	background-color:#dfffc7;
	color:#4d4d4d;}

.container-fluid{}

#contieneLevantamiento{
	padding:20px;
	clear:both;}

#contieneTabs .nav li a{
	width:20%;
	height:70px;
	padding:5px;
	float:left;
	background-color:#a6a6a6;
	color:#fff;}

#contieneTabs .nav li:hover a{
	background-color:#fff;
	color:#a6a6a6;
	border:solid #a6a6a6 1px;}

#contieneTabs .nav li.active a{
	background-color:#bfd230;
	color:#000;}

#contieneTabs .nav li.active:hover a{
	background-color:#000;
	color:#bfd230;}

#contieneTabs .nav > li > a {
	padding:0;}

#contieneTabs .nav > li > a:hover {
	padding:0;
	color:#a6a6a6;
	text-decoration:underline;}

#contieneTabs .nav > li.active > a {
	color:#000;}

#contieneTabs .nav > li.active > a:hover {
	color:#bfd230;}

#icn-lev-sm{
	width:34px;
	height:39px;
	background-image: url(../images/icn-lev-sm.png);
	background-repeat:no-repeat;
	background-size:100%;
	float:right;
	}

.numberTab{
	font-size:22px;
	font-weight:bold;
	color:#a6a6a6;
	border-radius:50px;
	background-color:#fff;
	width:30px;
	height:30px;
	padding:0 10px 5px;
	float:left;
	margin:20px 5px 5px 10px;}

#contieneTabs .nav li.active a .numberTab {
	font-size:22px;
	font-weight:bold;
	color:#bfd230;
	border-radius:50px;
	background-color:#000;
	width:30px;
	height:30px;
	padding:0 10px 5px;
	float:left;
	margin:20px 5px 5px 10px;}
#contieneTabs .nav li.active a .numberTab:hover {
	color:#000;
	background-color:#bfd230;}

.txtTab{
	font-weight:bolder;
	padding:3px 10px;
	float:left;
	width:70%;}

.txtTabSm{
	font-weight:bolder;
	padding:0 10px;
	float:left;
	width:70%;}

.tab-content .tab-pane{
	border:5px #bfd230 solid;
	padding:10px;
	float:left;
	width:100%;}

.tab-content #contieneTitTabs{
	clear:both;
	width:100%;
	margin:20px 0 0 0;}

#tUsuarioInconformidad_filter{
    position: relative !important;
    left: -17px;
}
.subTitTabs{
	font-weight:bold;
	color:#000;
	border-bottom:#a6a6a6 solid 2px;
	float:left;
	padding:0 0 2px 0;
	margin:15px 5px 10px 20px;
	position: relative;
	display: block;
}

#contieneLevantamiento a.tooltip, #contieneLevantamiento a.tooltip-ift{
	background-color: #78bc43;
    border-radius: 15px;
    padding: 5px 10px;
    opacity: 100;
    color: #fff;
    /* float: left; */
    /* margin: 15px 10px 0 0; */
    position: absolute;
    right: -40px;
    top: 0px;
}

#contieneLevantamiento #contieneInfo {
	clear:both;}

.selecServicio {
     float: left;
     margin: 15px auto 30px;
     width: 100%;}

.buttonServ {
     float: left;
     height: auto;
     overflow: hidden;
     text-align: center;
     margin: 0 8px;
     width: 18%;}

        input[type=radio].css-radio {
            position: absolute;
            z-index: -1000;
            left: -1000px;
            overflow: hidden;
            clip: rect(0 0 0 0);
            height: 1px;
            width: 1px;
            margin: -1px;
            padding: 0;
            border: 0;
        }

        input[type=radio].css-radio + label.css-label {
            color: #77777b;
            padding-left: 30px;
            height: 20px;
            display: inline-block;
            background-repeat: no-repeat;
            background-position: 0 0;
            cursor: pointer;
        }

        input[type=radio].css-radio:checked + label.css-label {
            background-position: 0 -20px;
        }

        label.css-label {
            background-image: url(../images/radio.png);
            background-repeat: no-repeat;
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            padding:0 0 0 10px;
        }

.warning{
	float:left;
	color:#f00;
	font-size:12px;
	line-height:10px;}

#adInfo input{
	clear:both;
	float:left;
	margin:5px 5px 0 0;
}

#adInfo label{
	float:left;
	margin:5px 5px 0 0;
	font-size:10px;
	font-size: 16px;
}

#col, .col {
	display: block;
    position: relative;
}

#contieneInfo .col, #contieneInfo #col{
	/* width: 23%; */
	min-height: 110px; 
	/* float: left;*/
	/* margin: 10px 1%; */
	/* display: block; */
	/* position: relative; */
}

#contieneInfo #colmd{
	height:70px;
	float:left;
	margin:10px 1%;
}

#contieneInfo #colbg {
	/* width: 35%; */
	height: 50px;
	/* float: left; */
	/* margin: 20px 1%; */
}

#contieneInfo #collg{
	width:69%;
	float:left;
	margin:10px 1%;}

#contieneInfo .col label, #contieneInfo #col label, #contieneInfo #colmd label, #contieneInfo #colbg label{
	/*font-size:16px;*/
	font-weight:normal;
}

#contieneInfo .col label span, #contieneInfo #col label span, #contieneInfo #colmd label span, #contieneInfo #colbg label span, #contieneInfo #coldesc label span{
	/*font-size:14px;*/
	color:#f00;
	font-weight:bold;
}

#contieneInfo .col select, #contieneInfo .col input, #contieneInfo #col input, #contieneInfo #col select, #contieneInfo #colmd input, #contieneInfo #colmd select, #contieneInfo #colbg input, #contieneInfo #colbg select{
	/*font-size:14px;*/
	border:#77777b solid 1px;
	border-radius:5px;
	padding:5px;
	width:100%;
}

#contieneInfo .contForms, #contieneRecuperacion .contForms{
	clear:both;
	width:70%;
	padding:20px;
	margin:20px auto;}

#contieneInfo .contForms span, .contForms #contieneInfo span{
	/*font-size:14px;*/
}

#contieneInfo .contForms p{
	/*font-size:10px;*/
	padding:0 20px;
}

#contieneInfo .contForms #fileupload_container {
	padding:0 20px;
	}

#contieneInfo .contForms .ajax-upload-dragdrop{
	width:25%;
	float:left;
	}

#contieneInfo .contForms .labelForm{
	background-color:#4e9d45;
	padding:10px;
	border-radius:5px;
	color:#fff;
	/*font-size:12px;*/
	font-weight:normal;
	float:left;
}

#contieneInfo .contForms .ajax-file-upload-statusbar{
	border: solid 2px #4e9d45;
	border-radius:5px;
	padding:10px;
	float:left;
	width:75%;
	}
/*
#contieneInfo .contForms .ajax-file-upload-statusbar .ajax-file-upload-filename {
	font-size:14px;
}*/

#contieneInfo .contForms .ajax-file-upload-statusbar .ajax-file-upload-red{
	float:right;
	border-radius:5px;
	padding:10px;
	/*font-size:14px;*/
	color:#fff;
	background-color:#f00;
}

table.captcha-tabla{
	border-radius:5px;
	float:left;
	margin-left: 18px;
}

#contieneLevantamiento .btns{
	margin:25px 0 0 0;
	clear:both;
	float:left;
	width:100%;}

#contieneLevantamiento .btns input{
	margin:5px;
	color:#000;
	border:none;
	border-radius:5px;
	padding:10px;
	/*font-size:14px;*/
	float:right;
	background-color:#78797a;
}

#mensaje, .mensajereg{
	float:left;
	padding:30px 0 0 0px;
	min-height: 90px;
}

#mess{
	float:left;
	width:100%;
	height:40px;
	padding:10px 0 0 30px;
	margin-bottom: 25px;
}

#mensaje input, #mess input, .mensajereg input{
	float:left;
}

#mensaje label, #mess label, .mensajereg label{
	float:left;
	margin:5px 5px 0 0;
	/*font-size:16px;*/
	width:90%;
	font-weight:normal;
}

#contieneLevantamiento .btns .btngral:hover{
	background-color:#78bc43;
	color:#fff;}

#contieneInfo .instTit{
	text-transform:uppercase;
	font-weight:bold;
	margin:5px 5px 5px 15px;}

#contieneInfo .instTxt{
	margin:5px 5px 5px 15px;}

#collg textarea{
	border: solid 2px #4e9d45;
	border-radius:5px;
	padding:10px;
	float:left;
	width:100%;
	}

#success label{
	font-size: 30px;
    font-weight: normal;
    margin: 20px auto 10px;
    width: 50%;}

#success p{
	font-size:12px;
	width:50%;
	margin:0 auto;}

#success p a{
	color:#4e9d45;}

#success p a:hover{
	color:#a6a6a6;
	text-decoration:underline;}

#contieneInfo .col .error, #contieneInfo #col .error, #contieneInfo #colbg .error{
	color:#f00;
	/*font-size:10px !important;*/
}

.error{
	color:#f00;
	/*font-size:12px !important;*/
}


/******************************************* Página registro *********************************************/

#icn-reg{
	width:28px;
	height:38px;
	background-image: url(../images/icn-reg.png);
	background-repeat:no-repeat;
	background-size:100%;
	float:right;
	}

#contieneLogin  label.txtNormal{
	/*font-size:14px;*/
	font-weight:normal;
	margin:0 0 10px;
	width:100%;
}

#colmd a.tooltip span.sinEstilos:not(.not-tooltip), #colmd a.tooltip-ift span.sinEstilos:not(.not-tooltip){
	font-weight:normal !important;
	color:#000 !important;}

#col a.tooltip, #col a.tooltip-ift, .col a.tooltip, #col a.tooltip-ift{
	background-color: #78bc43;
    border-radius: 100%;
    padding: 5px 10px;
    opacity: 100;
    color: #fff;
    /* float: right; */
    margin-left: 15px;
    position: absolute;
    top: -3px;
    right: 0px;
}

#col a.tooltip span:not(.not-tooltip), .col a.tooltip span:not(.not-tooltip), #col a.tooltip-ift span:not(.not-tooltip), .col a.tooltip-ift span:not(.not-tooltip){
	font-size:10px;
}

#contieneRecuperacion .colbg{
	clear:both;
	height:30px;}

#contieneRecuperacion #colbg{
	width:35%;
	height:50px;
	float:left;
	margin:10px 1%;}

#contieneRecuperacion input.inputForm{
	border:#bfd230 solid 1px;
	width:90%;
	font-size:12px;
	padding:10px;
	border-radius:5px;}

#contieneRecuperacion .contForms span{
	text-align:left;
	float:left;
	margin:0 0 20px 0;}

#contieneRecuperacion #colbg label{
	margin:10px 0 0 0;
	float:right;
	font-weight:normal;
	position: absolute;
    margin-left: 20px;
	}

#contieneRecuperacion #btns{
	margin:5px auto;
	clear:both;
	width:50%;
	}

#contieneRecuperacion #btns .btngral{
	margin:5px;
	width:auto;
	background-color:#bfd230;
	color:#000;
	border:none;
	border-radius:5px;
    padding: 10px 15px;
	font-weight:bold;
}

#contieneRecuperacion #btns .btngral:hover{
	background-color:#78bc43;
	color:#fff;
}





@media screen and (max-width:1200px) {
	.contieneSua{
	margin:0 50px;}

	footer .contienes2 .col-xs-12 a img{
	width:20%;
	margin:0 3px;}

	.txtTitSec{
	font-size:3.5em;
	}
	#loginSua {
		padding-right: 10% !important;
		margin-right: 100px;
	}
}

@media screen and (max-width:1000px) {
	#contBtnSec{
	display:none;
	visibility: hidden;}
	#contBtnSecSm{
	display: block;
	visibility: visible;}

	.contBtn img{
	margin:10px 0 10px 0;}

#btn-inc-folio{
	margin:10px 0 10px 0;
}

#contieneTwitter{
	display:none;
	visibility: hidden;}

footer .contienes2 .col-xs-12 a img{
	width:20%;
	margin:0 3px;}

.txtTitSec{
font-size:3em;}

}
@media screen and (max-width:992px) {
	footer .contienes2 .col-xs-12 a img{
	width:5%;
	margin:0 3px;}
}

@media screen and (max-width:900px) {
	#logotipo3 {
		position:relative;
		margin-top: 15px;
		width: 160%;
		left:-50px;
		height:60px;
	}

	.plecaVerde{
	background-color:#78bc43;
	padding:5px 0 15px;
}

	#loginSua{
	height: 60px;
	width: 200px;
	float:right;
	margin-right:0px;
	margin-top: 25px;
}

#loginSua a img{
	margin:5px;
	float:right;
	width:75px;
}


	#levantaPrin img, #consejosPrin img, #noticiasPrin img {
	display:none;
	visibility:hidden;
	}

	#levantaPrin .txt{
	float:none;
	color:#fff;
	padding:7% 0;
	text-align:center;
	}

#consejosPrin .txt{
	float:none;
	color:#fff;
	padding:10% 0;
	font-size:1.6em;
	font-weight:bold;
	width:100%;
	text-align:center;

	}

#noticiasPrin .txt{
	float:none;
	color:#fff;
	padding:10% 0;
	font-size:1.6em;
	font-weight:bold;
	width:100%;
	text-align:center;
	}
	footer .contienes2 .col-xs-12 a img{
	width:8%;
	margin:0 3px;}

	#icn-not{
	width:45px;
	height:57px;
	}

	.txtTitSec{
	font-size:2em;}

}

@media screen and (max-width:700px) {


header .top-section {
	height:140px;
}
	#logotipo {
		margin-top: 5px;
		width: 160px;
	}
	#logotipo2 {
		margin-top: 5px;
		width: 160px;
		height:40px !important;
	}
	#logotipo3 {
		position:relative;
		margin-top: 15px;
		width: 160%;
		left:-50px;
		height:40px;
	}

	.plecaVerde{
	background-color:#78bc43;
	padding:5px 0 5px;
}

	#loginSua{
	height: 60px;
	width: 150px;
	float:right;
	margin-right:0px;
}

#loginSua a img{
	margin:5px;
	width:50px;
}


.contieneSua{
	margin:0 0;}

#contBtnSecSm{
	padding:0 15px;}

#contBtnSecSm .col-xs-4, #contienes2 .col-xs-4{
	padding:0;}

#levantaPrin{
	padding:5.5px 5px;
	font-size:10px;}

#noticiasPrin, #consejosPrin{
	padding:5px;
	font-size:10px;}

.contBtn a img{
	width:100%;}

#btn-inc-folio{
	height:70px;;
	width: 100%;
	background: url("../images/btn-inc-folio.png");
	background-repeat: no-repeat;
	background-size: 100%;
	cursor: pointer;
	float:left;
	margin:0;
}

#btn-inc-folio input {
    background-color: rgba(255, 255, 255, 0.5);
    border: 2px solid #78bc43;
    border-radius: 5px;
    margin: 30px 0;
    padding: 0;
	width:90%;
}

#icn-mapas, #icn-tel{
	width:25px;
	height:25px;
	margin:0 0 0 0;
	float:left;}

#icn-mapas img, #icn-tel img{
	width:100%;
	}

#txtfooter{
	float:left;
	width:90%;
	padding:0 0 10px 5px;
	font-size:10px;}

#txtfooterSm{
	float:left;
	width:80%;
	padding:5px 0 10px 5px;
	font-size:12px;}

footer .contienes2 .col-xs-12 a img{
	width:10%;
	margin:0 3px;}

.contienes4{
	padding:5px 0}

.contienes4 a{
	font-size:12px;}

	.txtTitSec{
	font-size:1.5em;}

}


@media screen and (max-width:400px) {

	#txtfooterSm{
	float:left;
	width:80%;
	padding:5px 0 10px 5px;
	font-size:10px;}

	.contienes4 a{
	font-size:10px;}

	.txtTitSec{
	font-size:1em;}


}

.btnCerrar{
	cursor: pointer;
    color: white;
    background-color: #4F9D33;
    width: 100%;
    position: relative;
    display: block;
    text-align: center;
    z-index: 999999999;
    padding: 10px;
    font-size: 115%;
    margin-bottom: 10px;
}

.btnCerrar :hover{
	font-weight: bold;
    color: #78797A;
}

#div_postal li{
	padding: 10px 20px;
	font-size: 90%;
	text-transform: uppercase;
	border-bottom: 1px solid #4F9D33;
}

#div_postal li:hover{
	background-color: #78797A;
}

#usr_colonia, #usr_municipio, #usr_ciudadedo{
	text-transform: uppercase;
}

#sitemap {
	position: absolute;
	right: 10px;
	float: right;
}

@media only screen and (max-width: 480px) {
	#sitemap {
		position: relative;
	}
}


.contieneTitTabContacto{
	clear: both;
}


.msg_tipo_estatus{
	font-size: 18px !important;
	font-weight: bold !important;
	margin-left: 15%;
}

.tdColumna{
	background-color:#F8F8F8;
}
.tdColumnaDetalle{
	border: 1px solid #777777;
	background-color: white;
}

.msj-comentarios{
	word-wrap:break-word;
	display: block;
	border: 1px solid #D4D4D4;
	padding: 10px
}

.caja-text-pro{
	margin: 0px;
	width: 966px;
	height: 86px;
}

#contenedorMain{
	overflow: auto;
	height: 300px;
	width: auto;
	background-color: #F8F8F8;
	border:1px solid #cccccc;
}

.msj-aviso{
	font-size: 18px !important;
	font-weight: bold !important;
	text-align: center !important;
}
.titulo-sac-sd{
	color:#000000;
	font-size: 14px;
	font-weight: bold;
}
.btn-profeco{
	margin-left: 35%;
	margin-top: 1%;
}

.error-msj-captcha{
	color: red;
	font-size: 12px;
	font-weight: bold;
	position: absolute;
	width: 197px;
	top: 680px;
	left: 612px;
}

.error-msj{
	color: red;
	font-size: 10px !important;
	font-weight: bold;

}

/* modificaciones adicionales 2017 */

#navBlack {
		margin-top: 0.2em;
	}

.tab-content .tab-pane {
	margin-bottom: 3em;
}

	@media screen and (max-width: 750px) {
	/* #navBlack {
		margin-top: 9em;
	} */

	.navbar-header {
		display: none;
	}

	.collapse {
		width:auto;
		display:block;
	}

	.tab-content .tab-pane {
	margin-bottom: 3em;
	}

	.consultas {
	float:none;
	}

	.btngnral {
		width: 70px !important;
		font-size: 12px;
	}
}

.lhz {
	display:none !important;
	border-top: 0 !important;
}

#contieneBuscador {
	width: auto !important;
	height: auto !important;
}

#folio {
	width:12em !important;
	height:2em !important;
}

.contForms label.labelForm {
	padding: 0 !important;
}

.contForm {
	padding: 0 !important;
}

@media screen and (max-width: 700px) {

	#container{
		padding: 0px 10px !important;
	}

	.contForm {
		overflow:visible;
	}

	.col-xs-10{
		width: 100% !important;
	}
	.error {
		margin-bottom: 10px;
		float: right;
		font-size:10px !important;
	}
	.col{

	}
}

.btngral {
	width:auto;
}

/* Ajuste de login */
.contLogin input.inputForm {
	font-size:12px !important;
}

/* Ajuste de login */

/* Ajuste en el levantamiento de queja_paso1 */

@media screen and (max-width: 750px) {
	#contieneInfo #colmd {
		width:auto;
		height:auto;
	}

	.contForms label.labelForm {
	font: normal 12px Arial;
	}

	.contForms #contieneInfo span {
	font-size: 10px;
	width: 22em;
	}

	.ajusteNomb {
		margin-left: -15px;
	}

	#telefono_falla {
		margin-left: -15px;
	}

	#tipo_plan {
		margin-left: -15px;
	}

	.select2-selection {
		margin-left: -15px;
	}

	#tipo_reclamacion {
		margin-left: -15px;
	}


	#contieneInfo #colmd select {
	font-size: 10px;
	}

	.contForms select.selectForm {
	font-size: 14px;
	}

	#contieneInfo .instTxt {
		margin: 0em;
	}

	 #contieneInfo .instTit {
		margin: 0em;
	}

	#mess {
		width: auto;
		padding: 0em 0em 0em 0em;
	}

	.subTitTabs {
		font-size:12px !important;
		margin-top: 5em;
	}

	#contieneLevantamiento a.tooltip, #contieneLevantamiento a.tooltip-ift {
		margin: 2em 0em 0em 0em;
	}

 .finalCol{
		margin-bottom: 3em !important;
	}

	.select2-dropdown .select2-dropdown--below {
		width: 17em !important;
		font-size: 1em !important;
	}

	#docInc {
		margin-top: 2em !important;
	}

	.rc-anchor-normal {
		width:16.5em !important;
		margin-left: .7em !important;
	}
}

#contieneInfo #contieneInfo #colmd label:not(.labelForm):not(.error), 
#contieneInfo #colbg label:not(.labelForm):not(.error) {
	font-size: 16px !important;
}


#contieneInfo #colmd {
	margin: 1em 0em 0em 0em !important;
}

#contieneInfo .colmd:not(#divTipoPlan, #divNumFalla) {
	width:auto !important;
	height:auto !important;
}


#mess label{
		width: auto !important;
		
}

#contieneInfo #coldesc {
	width: auto !important;
	height: auto !important;
}

#subtipo_reclamacion {
	width: 22em !important;
}

.ajusteNomb {
		margin-left: -1em;
	}

#ajusteNombDesk {
		margin-left: .3em !important;
	}

 #forma_pago {
		margin-left: 1em !important;
	}

#ajusteNombDeskPag {
		margin-left: 1em !important;
	}

.select2-container--default .select2-selection--single {
		margin-left: -1em !important;
	}

/* Ajuste en el levantamiento de queja paso1 */


#folio {
	width: 12.5em !important;
	text-align: center;
}

/*
.contForms label.labelForm {
    font: normal .9em Arial !important;
    margin-top: .9em !important;
}

.btngral {
	height: 30px !important;
	font: normal .9em Arial !important;
}

#contieneInfo #colmd label:not(.error) {
	font-size: 16px !important;
}
*/

#contieneInfo #colmd, #contieneInfo #divTipoPlan, #contieneInfo #divNumFalla {
	margin: 1em 0em 0em 0em !important;
}

#ConsejosMovil a {
	color:#fff;
}

fieldset {
	margin: 25px !important;
}
 @media screen and (max-width: 650px) {
#logotipo2 {
		margin-top: 21px !important;
		height:46px !important;
	}
}

#olvido {
    /* width: 280px; */
    margin: 0 auto;
    padding-top: 15px;
    text-align: center;
}


@media screen and (max-width: 700px) {
#contieneLogin  label.titLogin{
	margin-top: 2em;
	text-align:center;
	}
}

@media screen and (max-width: 700px) {
a.tooltip:hover span:not(.not-tooltip), a.tooltip-ift:hover span:not(.not-tooltip) {
	left: 2.5em;
	top:10em;
	}
}

#contieneInfo .contForms{
	width: 100% !important;
	padding:0 !important;
	}
@media screen and (max-width: 650px) {
	#contieneInfo #col{
	width:auto;
	height:5em;
	float:none;
	margin:10px 1% 0 0;
	}
}

@media screen and (max-width: 650px) {
	table.captcha-tabla{
		margin-left:0px;
	}
}

@media screen and (max-width: 650px) {
	.btn-send{
		margin:3em 7em 0em 0em;
	}
}

@media screen and (max-width: 700px) {
	.titNotPrin {
		width: 100%;
		height:auto;
	}
	.titNotPrinEnc {
		width: 100%;
		height:auto;
		font-size: 20px;
	}
	.encabezado{
		margin-top: 10px;
	}
}
/*
@media screen and (max-width: 700px) {
	.contieneVisorNoticias {
		margin-bottom:3em;
	}
}
*/
@media screen and (max-width: 700px) {
	#thumbs2 {
		margin-bottom:6em;
		display:inline-grid;
	}
}

@media screen and (max-width: 700px) {
	#icn-con{
		margin-right:-1.5em;
	}
}

@media screen and (max-width: 700px) {
	.titSec {
		margin:4em -2em 3em 0em;
	}
	.titSec .col-xs-3{
		width: 25% !important;
	}
}

@media screen and (max-width: 700px) {
	.view {
		width:auto;
		margin:1em auto;
		padding:20px;
	}
}

	#loginSua{
		height: auto;
		width: auto !important;
		padding-right: 0px;
}
	#loginSua .logg {
		padding: 0 !important;
		height: auto !important;
}
.logg-text{
	font-size: 22px;
	text-align: right;
}

@media screen and (max-width: 750px) {
	#loginSua .logg {
		margin-top: 2em;
	}

	#loginSua .logg label {
		margin-top: 0;
		margin-left: 0;
	}
}

	#infoBar{
		width:auto !important;
		height: auto !important;
}

	#loginSua .logg label {
		margin-top: .7em !important;
		margin-left: .4em !important;
}

@media screen and (max-width: 750px) {
	.buttonServ {
		float:none;
		overflow:visible;
		width: auto;
	}

	#contieneLevantamiento a.tooltip, #contieneLevantamiento a.tooltip-ift {
		margin: 0;
	}

	#adInfo {
		width: auto;
		margin: 1em 0 1em 0;
	}

	#contieneInfo #colbg {
		width: auto;
		height: auto;
	}
}

	#contieneTabs .nav li a {
		width: auto !important;
		height:auto !important;
	}

	.ajax-file-upload {
		width: auto;
		height: auto !important;
	}

@media screen and (max-width: 750px) {
	#navBlack {
		margin-top: 12.38em;
	}

	.navbar-header {
		display: none;
	}

	.collapse {
		width:auto;
		display:block;
	}

	#loginSua .logg label {
		margin-top: 0em;
		margin-bottom:1em;
	}
}

.consultas {
    background: url(../images/ico_consulta.png) no-repeat bottom;
    background-position: 10px 0;
	font-size:22px;
	color:#5d5d5d;
	text-align:left;
	font-family: Century Gothic, sans-serif;
	float:none;
	padding:0 0 1em 2.5em;
	border-bottom:5px solid #78bc43;
	}

/* Estilo tabla HTML5 - listado */


#part1 {
	margin: 0em 0em 1em 1em;
}

#part2 {
	margin: 0em 0em 1em 1em;
}

#part3 {
	margin: 0em 0em 1em 1em;
}

#part4 {
	margin: 0em 0em 1em 1em;
}

.titBusc {
	font-weight: bold !important;
	font-size:1em !important;
	margin-left: -1em;
}

.campBusc {
	background-color: #fff;
    border: 1px solid #bfbfbf;
    border-radius: 4px;
    color: #77777b;
    font: normal 0.7em Arial !important;
    height: 3.6em;
    padding: 4px;
    /*width: 90% !important;*/
}

.campBuscSelect {
	background-color: #fff;
    border: 1px solid #bfbfbf;
    border-radius: 4px;
    color: #77777b;
    font: normal 0.7em Arial !important;
    height: 3.6em;
    padding: 4px;
}

.campBusc1 {
	background-color: #fff;
    border: 1px solid #bfbfbf;
    border-radius: 4px;
    color: #77777b;
    font: normal .7em Arial !important;
    height: 3.6em;
    padding: 4px;
    width: 44%;
	margin-right: 4.2em;
	margin-top: -1.5em;
}

.campBusc2 {
	background-color: #fff;
    border: 1px solid #bfbfbf;
    border-radius: 4px;
    color: #77777b;
    font: normal .7em Arial !important;
    height: 3.6em !important;
    padding: 4px;
    width: 97%;
	margin-right: 5.7em;
}

.campBusc4 {
	background-color: #fff;
    border: 1px solid #bfbfbf;
    border-radius: 4px;
    color: #77777b;
    font: normal .9em Arial !important;
    height: 2.6em !important;
    padding: 4px;
	margin-right: 5.7em;
	width:100% !important;
}

.campBusc5 {
	background-color: #fff;
    border: 1px solid #bfbfbf;
    border-radius: 4px;
    color: #77777b;
    /*font: normal .9em Arial !important;*/
    height: 2.6em !important;
    padding: 4px;
	margin-right: 5.7em;
}

select[multiple], select[size] {
	height: 3.6em !important;
}

.campBusc3 {
	background-color: #fff;
    border: 1px solid #bfbfbf;
    border-radius: 4px;
    color: #77777b;
    font: normal .7em Arial !important;
    height: 3.6em;
    padding: 4px;
    width: 97%;
	margin-left: 1.5em;
	margin-top:-1.5em;
}

#page_selector {
	background-color: #fff !important;
    border: 1px solid #bfbfbf !important;
    border-radius: 4px !important;
    color: #77777b !important;
    font: normal .7em Arial !important;
    height: 3.6em !important;
    padding: 4px !important;
    width: 95% !important;
	margin-left: -1em !important;
	margin-top:-1.5em !important;
}
.btnBusc {
	background-color: #77777b;
    border: none;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -ie-border-radius: 4px;
    color: #fff;
    cursor: pointer;
    font: normal .8em Arial;
    height: auto;
    padding: 1em;
    display: table-cell;
    text-transform: uppercase;
	width:auto;
	margin-left: 1em;
}

.btnBusc:hover {
	background-color: #77bc1f;
}

@media screen and (max-width: 770px) {
	#campBusc {
    width: 93%;
}

.btnBusc {
	margin-left: 0;
	margin-top: 1.5em;
}

.titBuscMov {
	margin-top: 4em !important;
}

.campBusc1Mov {
	margin-top: -10em !important;
}
.campBusc1 {
	width:93%;
}

.campBusc2 {
	width:93%;
}
.campBusc2Mov {
	margin: -6.8em 0em 0em 0em !important;
	width:93%;
}
.campBusc3Mov {
    margin-left: 1.8em;
    width: 94%;
}
}

/* Estilos para div oculto */
.dwdArc {
	padding: 2em;
	background-color: #78bc43;
	float: none;
	width: 25em;
	height: auto;
	border-radius: 1em;
	text-align: center;
	font-size:  1em;
	z-index:50;
	margin-left:35% !important;
	position:fixed;
}
.part5 {
	margin: 2em auto 2em auto;
}

@media screen and (max-width: 770px){
	.part5 {
		margin: 2em auto 2em auto;
}
	.titNotPrinEnc {
		width: 100%;
		height:auto;
		font-size: 20px;
	}
	.encabezado{
		margin-top: 10px;
	}
}
 /* Ajustes para solo tablets */
 @media screen and (min-width: 768px) and (max-width:768px) {
#contieneInfo .col label, #contieneInfo #col label {
	 font-size: .8em !important;
 }

 #contieneLogin  label.titLogin {
	 text-align: center;
 }

 .contLogin {
	 margin: 1em 14em 0 0;
 }


 }

 /* ajuste inconformidades */

 #backFolio {
	 position:relative;
	 left:0%;
	 width:auto;
	 height:6em;
	 background-color:#EBEBEB;
 }

#buscFolio {
	margin-top: 2em;
}

@media screen and (max-width: 768px) {
	#buscFolio {
	margin: 0em 0em 0em 1em;
    text-align: left;
}

#backFolio {
	 height:10em;
 }

 .campBusc4 {
	width:95% !important;
	margin-top:1em;
}

#buzonTablet {
	margin-top: 2em !important;
}

.titSec {
    margin: 6em 0em 0em 0em;
	}

	#contieneInfo #col{
	 width: 100% !important;
 }

 #contieneInfo #colbg {
	 width: 100% !important;
 }

 #ajusteNombDesk {
		margin-left: -1em !important;
	}

.empreDesk {
	width:auto !important;
}

 #forma_pago {
		margin-left: 0em !important;
	}

#ajusteNombDeskPag {
		margin-left: 0 !important;
	}

	#contieneInfo #colmd {
	width: 100%;
}
.ajusteNombDesk1{
	margin-left: -1em !important;
}

.ajuscampBusc5 {
	margin-left:-1em !important;
}

.select2-container {
	width: auto !important;
}

#contieneTabs {
	margin-top: 3em !important;
}

.ajustsubTitTabs {
	margin-top:8em !important;
}

.ajustsubTitTabs a.tooltip, .ajustsubTitTabs a.tooltip-ift {
		margin-top: 8em;
	}

.ajax-file-upload-statusbar {
	border: none !important;
}
 .dwdArc {
	 width: 15em !important;
	 margin-left: 23% !important;
    margin-top: -80% !important;
 }

}
 @media screen and (min-width: 768px) and (max-width:768px) {
#loginSua .logg {
    width: 20.5em;
    margin-top: 3em;
    margin-right: 2em;
}

#navBlack {
    margin-top: 6em;
 }

 .buttonServ {
    float: none;
    overflow: visible;
    width: auto;
 }

.campBusc {
	width: 91% !important;
}

 }

.select2-container {
	width: 19em !important;
	font-family: Arial !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow{
	top: 6px;
}

.btnBuscFo {
	margin-bottom: 2em !important;
}

.closeWdw {
	text-align:center;
	color: white;
	float: right;
    margin-top: -1em;
	cursor: pointer;
    font-weight: bold;
}



 /* Estilos Leo */

 .oculta_barra{
    display: none;
}

.muestra_barra{
    display: block;
}

#contieneInfo #coldesc{
    width:30%;
    height:120px;
    float:left;
    margin:10px 1%;
}

#contieneInfo .colmd {
    width: 30%;
    height: 70px;
    float: left;
    margin: 10px 1%;
}

#contieneInfo .colbgCaptcha{
    width:35%;
    height:50px;
    float:left;
    margin:10px 1%;}

#contieneInfo .colbg{
    width:35%;
    height:50px;
    float:left;
    margin:10px 1%;
}

.tabTituloA{
    font-size: 16px;
    font-family: "Courier New", Courier, monospace;
    color:#FFFFFF;
    font-weight: bold;
}

.msj_falla{
    background-color: #d9534f;
    color:#FFFFFF;
    font-weight: bold;
    text-align: center;
    padding: 20px;
    margin-left: 25%;

}

/*********************AJUSTE PARA EL CAMPO DE CODIGO POSTAL **************/

.content-postal{
    background-color: #78bc43;
    left: 33%;
    position: absolute;
    width: 36%;
    color: #FFFFFF;
    font-weight: bold;
    top: 40%;
    z-index: 9;
}

#registroForm .content-postal {
    background-color: #78bc43;
    left: 33%;
    position: absolute;
    width: 36%;
    color: #FFFFFF;
    font-weight: bold;
    top: 53.3%;
    z-index: 9;
}

.content-postal ul {
	max-height: 428px;
    overflow-y: auto;
}

.select-postal{
    cursor: pointer;
}
/*
.select-postal:hover{
    
    background-color:#00b6f3;
    font-size: 14px;
}*/

/*CSS  BPM */

.tituloHeaderTabla{
    font-size: 14px;
	font-weight: bold;
	color: white;
	text-align: center;
}

.BtnAspecto{
	cursor: pointer;
	color: darkturquoise;
	font-weight: bold;
	text-decoration: underline;
}

.quitarBordeVerde{
	border: none !important;
	float: none !important;

}

.colorCelda1{
	background-color: rgba(173, 216, 230, 0.47);
	font-weight: bold;
}

.modal-body {
	max-height: calc(100vh - 160px);
	overflow-y: auto;
}


.contDiagrama{
	margin-left: 17px;
}
.cuadroImagen{
	float: left;
	width: 100px;
	height: 145px;
	margin:  2px;
	padding: 2px;
	border: 2px black solid;

}
.imgCheckNeg{
	background-image: url("../admin_bpm//imagen/CheckNegativo.png");
	background-repeat: no-repeat;
	background-size: 90%;
	width: 55px;
	height: 70px;
	margin-left: 20px;
}
.imgCheckPos{
	background-image: url("../admin_bpm//imagen/CheckPositivo.png");
	background-repeat: no-repeat;
	background-size: 90%;
	width: 55px;
	height: 70px;
	margin-left: 20px;
}

.nomEstatus{
	font-size: 10px;
	font-weight: bold;
	padding: 2px;
	text-align: center;
}
.desNomEstatus {
	font-size: 9px;
	text-align: center;
}

.resaltarBoton{
	cursor: pointer;
}

.muestraDiv{
	display: block;
	visibility: visible;
}

.ocultaDiv{
	display:none !important;
	visibility:hidden;
}

/* responsive */
@media (max-width: 979px) {
	div.zabuto_calendar .table th,
	div.zabuto_calendar .table td {
		padding: 2px 1px;
	}

}


@media screen and (min-width:601px)  and (max-width:900px) {

	.loginSua{
		width: 65%;
	}
	#logotipo3 {
		background-size: 70%;
	}
}

@media screen and (min-width:401px)  and (max-width:600px) {

	.loginSua{
		width: 60%;
	}
}
@media screen and (min-width:300px)  and (max-width:400px) {

	.loginSua{
		width: 80%;
	}

}

/* Estilo para la barra de accesibilidad */
.accessibility-bar {
	right: -120px;
	position: fixed;
	top: 0;
	background-color: #BFD230;
    color: #fff;
    padding: 10px;
    cursor: pointer;
    transition: right 0.3s;
    cursor: pointer;
    max-width: 90px;
    z-index: 99;
    top: calc(50% - 45px);
    box-shadow: 0px 0px 5px gray;
    width: 42px;
    writing-mode: vertical-rl;
    text-orientation: upright;
    font-size: 110%;
    font-weight: bold;
}
.accessibility-bar:hover {
	box-shadow: 0px 0px 10px -2px black
}
.accessibility-options {
	font-weight: bold;
    position: relative;
    /* background-color: #fff; */
    top: 30px;
    right: 0px;
    padding: 0px;
    z-index: 98;
    top: 0px;
    /* box-shadow: 0px 0px 5px gray; */
    transition: right 0.3s;
    z-index: 10000;
    text-align: right;
}
.accessibility-options button {
	margin: 5px;
    text-align: left;
}

.bx-wrapper .bx-prev {
	left: -50px !important;
	/*background-image: url("/images/arrow.png") !important;
	transform: rotate(180deg);*/
}

.bx-wrapper .bx-next {
	right: -50px !important;
	/*background-image: url("/images/arrow.png") !important;*/
}

.index-info-box {
	background-color: #f7f7f9;
    min-height: 100%;
    box-shadow: 0px 0px 5px gray;
    display: block;
    position: relative;
}

.index-parent-info-box {
	position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.d-none {
	display: none !important;
}


.bi-twitter-x:before{
	content:'';
	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9InN2ZzUiIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCgkgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI1MDBweCIgaGVpZ2h0PSI1MDBweCIKCSB2aWV3Qm94PSIwIDAgNTAwIDUwMCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNTAwIDUwMCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPGVsbGlwc2Ugc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIGN4PSIyNTAiIGN5PSIyNTAiIHJ4PSIyNDkuNzM1IiByeT0iMjUwLjIzNSIvPgoJPGcgaWQ9ImxheWVyMSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNTIuMzkwMDg4LC0yNS4wNTg1OTcpIj4KCQk8cGF0aCBpZD0icGF0aDEwMDkiIGZpbGw9IiNGRkZGRkYiIGQ9Ik00My43NzMsMTMwLjA4bDExOS4zNywxNTkuOTI2TDQzLjAyLDQyMC4wMzNoMjcuMDM3bDEwNS4xNy0xMTMuODQ0bDg0Ljk3MiwxMTMuODQ0aDkxLjk5OQoJCQlMMjI2LjExMSwyNTEuMTE0TDMzNy45MjEsMTMwLjA4aC0yNy4wMzdsLTk2Ljg1MywxMDQuODQ1TDEzNS43NzQsMTMwLjA4SDQzLjc3M3ogTTgzLjUzMiwxNTAuMDMzaDQyLjI2NUwzMTIuNDM0LDQwMC4wOEgyNzAuMTcKCQkJTDgzLjUzMiwxNTAuMDMzeiIvPgoJPC9nPgo8L2c+Cjwvc3ZnPgo=');
	background-size: cover;
	height: 31px;
	aspect-ratio: 1 / 1;
  }
  
  /*
  If you add the class "inverted", the logo will be completely inverted.
  */
  .bi-twitter-x.inverted{
	filter: invert(100%);
  }
  
  /* 
  Example: Large Buttons
  You only have to adjust the height to 20px when icon is inside of a large button 
  */
  .btn-lg .bi-twitter-x:before{
	height: 20px;
  }
  
  /*
  Example: Standalone logo sizes
  */
  h1 .bi-twitter-x:before,
  .fs-1 .bi-twitter-x:before{
	height: 40px;
  }
  h2 .bi-twitter-x:before,
  .fs-2 .bi-twitter-x:before{
	height: 32px;
  }
  h3 .bi-twitter-x:before,
  .fs-3 .bi-twitter-x:before{
	height: 28px;
  }
  h4 .bi-twitter-x:before,
  .fs-4 .bi-twitter-x:before{
	height: 25px;
  }