html, body {
	margin: 0px;
	padding:0px; 
	height:100%;
	min-height:100%;
}

#mainWrap {
	margin:0 auto;
	position:relative;
}
.innerWrap {
	width:960px;
	margin:0 auto;	
}

.banner {
	height: 360px;
	background:#f39200;
	position:relative;	
}
.Enlace2
{
	/*background-color:#08204D !important;*/
	  position: absolute;
	margin-top: -284px;
	margin-left:50%;
	width:50%;
	height:275px;
	
}


* {
    box-sizing: border-box;
}

.showcase-content-container
{
overflow: hidden; 
position: relative; 
height: 450px !important;
}


.showcase-button-wrapper {
    clear: both;
    font-size: 24px;
    text-align: center;
    z-index: 1;

}
.active
{
	color:#999999;

}
.ms-belltown-authenticated #suiteBar {
    display: table;
    padding-top: 46px;
}

.wid{
 width:100%;
}
.showcase {
	width:100%; height:100%; margin: 0px auto; 
}.showcase1 {
	width:100%; height:100%; margin: 0px auto; 
}

.showcase-arrow-previous
{
    background: url(https://www.institutomora.edu.mx/Instituto/SitePages/pruebamora/images/controls.png) 0px -32px no-repeat; 
    float:left;
    width: 40px;
    margin-top: 7%;
    height: 40px;
    position: absolute;
    z-index: 1;
	 margin-left: 1%;
}

.showcase-arrow-next
{
    background: url(/Instituto/SitePages/pruebamora/images/controls.png) -43px -32px no-repeat;
    float: right;
    width: 40px;
    margin-top: 7%;
    height: 40px;
        position: absolute;
	z-index: 1;
margin-left: 97%;

}

 @media (min-width: 1382px) and (max-width: 1408px) {
 
 .banner {
	height: 290px !important;
	background:#f39200;
	position:relative;	
}

.showcase-content-container
{
overflow: hidden; 
position: relative; 
height: 352px !important;
}

.showcase-arrow-next
{
margin-left: 1298px;
    margin-top: 9%;

}
.showcase-arrow-previous
{
 margin-top: 9%;
}}

 @media (min-width: 1354px) and (max-width: 1381px) {
 .showcase-arrow-next
{
margin-left: 1269px;
    margin-top: 9%;

}
.showcase-arrow-previous
{
 margin-top: 9%;
}}
@media (min-width: 1315px) and (max-width: 1353px) {
 .showcase-arrow-next
{
margin-left: 1231px;
    margin-top: 9%;

}
.showcase-arrow-previous
{
 margin-top: 9%;
}}

@media (min-width: 1272px) and (max-width: 1314px) {
.banner {
	height: 270px !important;
}

.showcase-content-container
{
height: 270px !important;
}


 .showcase-arrow-next
{
margin-left: 1191px;
    margin-top: 9%;

}
.showcase-arrow-previous
{
 margin-top: 9%;
}}

@media (min-width: 1229px) and (max-width: 1271px) {
.banner {
	height: 262px !important;
}

.showcase-content-container
{
height: 262px !important;
}

 .showcase-arrow-next
{
margin-left: 1150px;
    margin-top: 9%;

}
.showcase-arrow-previous
{
 margin-top: 9%;
}}
@media (min-width: 1187px) and (max-width: 1228px) {

.banner {
	height: 251px !important;
}

.showcase-content-container
{
height: 251px !important;
}

 .showcase-arrow-next
{
margin-left: 1102px;
    margin-top: 9%;

}
.showcase-arrow-previous
{
 margin-top: 9%;
}}
@media (min-width: 1147px) and (max-width: 1186px) {

.banner {
	height: 242px !important;
}

.showcase-content-container
{
height: 242px !important;
}

 .showcase-arrow-next
{
margin-left: 1071px;
    margin-top: 9%;

}
.showcase-arrow-previous
{
 margin-top: 9%;
}}
@media (min-width: 1110px) and (max-width: 1146px) {

.banner {
	height: 234px !important;
}

.showcase-content-container
{
height: 234px !important;
}

 .showcase-arrow-next
{
margin-left: 1037px;
    }}
@media (min-width: 1081px) and (max-width: 1109px) {

.banner {
	height: 226px !important;
}

.showcase-content-container
{
height: 226px !important;
}

 .showcase-arrow-next
{
margin-left: 1000px;

}
}
@media (min-width: 861px) and (max-width: 1080px) {

.banner {
	height: 219px !important;
}

.showcase-content-container
{
height: 219px !important;
}

 .showcase-arrow-next
{
margin-left: 92%;

}}
@media (min-width: 766px) and (max-width: 860px) {

.banner {
	height: 173px !important;
}

.showcase-content-container
{
height: 173px !important;
}

 .showcase-arrow-next
{
margin-left: 90%;

}}
@media (min-width: 601px) and (max-width: 765px) {

.banner {
	height: 151px !important;
}

.showcase-content-container
{
height: 151px !important;
}

 .showcase-arrow-next
{
margin-left: 88%;

}}
@media (min-width: 460px) and (max-width: 601px) {

.banner {
	height: 118px !important;
}

.showcase-content-container
{
height: 118px !important;
}

 .showcase-arrow-next
{
margin-left: 86%;

}
}
@media (max-width : 460px) {

.banner {
	height: 69px !important;
}

.showcase-content-container
{
height: 69px !important;

}
.showcase-arrow-previous
{
    background: url(https://www.institutomora.edu.mx/Instituto/SitePages/pruebamora/images/controls2.png) 1px 2px no-repeat;
    float:left;
    width: 20px;
    margin-top: 7%;
    height: 18px;
  
}

.showcase-arrow-next
{
    background: url(https://www.institutomora.edu.mx/Instituto/SitePages/pruebamora/images/controls2.png) -19px 2px no-repeat;
    width: 20px;
    margin-top: 7%;
    height: 18px;
    margin-left: 80%;

}

.showcase-button-wrapper
{
	font-size: 10px;
}