h2{
	font-weight:bolder;
}
h3{
	font-weight:bolder;
}
p{
	text-align:justify;
}

.divDetalleProyecto{
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid gray;
	display: inline-block;
	font-size: 14px;
	padding: 0 30px 0 0;
	vertical-align: top;
	width:76%;
}
.datosProyecto{
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid gray;
	display: inline-block;
	vertical-align: top;
	width: 24%;
	padding: 1%;
}

.imgLogoProyecto{
	width:80%;
	height: auto;
}
.imgPunto{
	width:50%;
	height: 100px;
    margin: 0 auto;
}

.pTextoAyuda{
	text-align:justify;
	padding: 10px 5px 10px 20px;
	margin: 0;
}


#divAyuda{
	display:inline-block;
	/*float:right;*/
}

/*CONVENIOS*/
#secConvenios div{
	height: 160px;
}
#secConvenios div img {
	width: 100%;
	height:140px;
}

/*SLIDER*/
#slidebox{position:relative; border:1px solid #ccc; margin:3% auto;overflow:hidden;}
#slidebox, #slidebox ul {width:95%; height:230px; text-align:center;}
#slidebox, #slidebox ul li{width:inherit; height: inherit; background-color:#99CCFF; margin-bottom:auto; margin-top:auto;}
#slidebox ul li{position:relative; left:0; background:#99CCFF; float:left;list-style: none; padding:15px 28px;  font-family:Verdana, Geneva, sans-serif; font-size:13px;}
#slidebox .next, #slidebox .previous{position:absolute; z-index:2; display:block; width:21px; height:21px;top:50%;}
#slidebox .next{right:0; margin-right:10px; background:url(../Images/slidebox_next.png) no-repeat left top;}
#slidebox .next:hover{background:url(../Images/slidebox_next_hover.png) no-repeat left top;}
#slidebox .previous{margin-left:10px; background:url(../Images/slidebox_previous.png) no-repeat left top;}
#slidebox .previous:hover{background:url(../Images/slidebox_previous_hover.png) no-repeat left top;}
.thumbs{position:relative; z-index:2; bottom:5px; right:10px; height:50px; text-align:center; width:100%; margin-top:15px;}
.thumbs a{display:block; margin-left:5px; float:left; font-family:Verdana, Geneva, sans-serif; font-size:9px; text-decoration:none; padding:2px 4px; background:url(../Images/slidebox_thumb.png); color:#fff;}
.thumbs a:hover{background:#fff; color:#000;}
.thumbs .thumbActive{background:#fff; color:#000; display:block; margin-left:5px; float:left; font-family:Verdana, Geneva, sans-serif; font-size:9px; text-decoration:none; padding:2px 4px;}
.imgSlider{
	width:40px;
	height:40px;
}

.divMapa {
    float:right; width: 108%; margin-right: -4%; height: 200px;  overflow: hidden; transform: translateZ(0px); background-color: rgb(229, 227, 223);
}
.divControles {
    float: left; width: 32%; text-align: left; position:relative;
}

span.sub-title {
    margin: 10px 0px;
    display: inline-block;
    font-weight: bold;
    border-bottom: dotted yellow 2pt;
}
.datosProyecto span {
    margin: 10px 0px;
    display: inline-block;
    font-weight: bold;
    border-bottom: dotted yellow 2pt;
}
.datosProyecto label {
    color: navy;
    margin: 2px 0px 10px;
    display: block;
    font-weight: bold;
}
#btnEnviarAyuda{
    background: #022368;
    border: none;
    border-radius: 2px;
    color: #feca14;
    font-size: 10pt;
    font-weight: bold;
    text-transform: uppercase;
}
#btnRegresar{
    background: #022368;
    border: none;
    border-radius: 2px;
    color: #feca14;
    font-size: 10pt;
    font-weight: bold;
    text-transform: uppercase;
}
.help {
    background: #feca14;
    padding: 5px 13px!Importnat;
    display: block;
}
.datosProyecto {
    padding: 0px!Important;
}
.datosProyecto div {
    padding: 0 4%!Important;
}
div#divAyuda {
    padding: 5% 7%!important;
    display: block;
    width: 100%;
}
.divContainer > .divDetalleProyecto #accordion h3
{
	border-radius: 0 20px 20px 0;
	position: relative;
}
.divContainer > .divDetalleProyecto #accordion #ui-id-1:after
{
	background: #0f1f67;
	color: #feca14;
	content: 'n';
    font-family: 'cajahonor_icons';
    position: absolute;
    right: -1px;
    width: 38px;
    top: -1px;
    height: 38px;
    text-align: center;
    border-radius: 50%;
    padding-top: 5px;
    box-sizing: border-box;
    font-size: 20px;
}
.divContainer > .divDetalleProyecto #accordion #ui-id-3:after
{
	background: #0f1f67;
	color: #feca14;
	content: 'I';
    font-family: 'cajahonor_icons';
    position: absolute;
    right: -1px;
    width: 38px;
    top: -1px;
    height: 38px;
    text-align: center;
    border-radius: 50%;
    padding-top: 5px;
    box-sizing: border-box;
    font-size: 20px;
}
.divContainer > .divDetalleProyecto #accordion #ui-id-1.ui-accordion-header-active:after,
.divContainer > .divDetalleProyecto #accordion #ui-id-3.ui-accordion-header-active:after
{
	background: #feca14;
	color: #0f1f67;
}

@media (max-width: 486px) {
	.datosProyecto {
	    width: 40%;
	}	
}