/*ESTILOS DE IMAGEN----------*/
.img-style0 {
    border: 9px solid white;
    outline: 1px solid #eaeaea;
    box-shadow: 8px 8px 0px 0 rgb(223, 223, 223);
}
/*Bordes de color*/
.img-style01 {
    border: 9px solid #ff7371;
    outline: 1px solid #eaeaea;
    box-shadow: 7px 7px 0px 0 rgb(223, 223, 223);
    margin-top: 10px;
}
.img-style02 {
    border: 9px solid #fce56a;
    outline: 1px solid #eaeaea;
    box-shadow: 7px 7px 0px 0 rgb(223, 223, 223);
    margin-top: 10px;
}
.img-style03 {
    border: 9px solid #6bd6d5;
    outline: 1px solid #eaeaea;
    box-shadow: 7px 7px 0px 0 rgb(223, 223, 223);
    margin-top: 10px;
}
.img-style04 {
    border: 9px solid #005288;
    outline: 1px solid #eaeaea;
    box-shadow: 7px 7px 0px 0 rgb(223, 223, 223);
    margin-top: 10px;
}
.img-style05 {
    border: 9px solid #9b98a6;
    outline: 1px solid #eaeaea;
    box-shadow: 7px 7px 0px 0 rgb(223, 223, 223);
    margin-top: 10px;
}
/*Sombras de color*/
.img-style1 {
    border: 9px solid white;
    outline: 1px solid #eaeaea;
    box-shadow: 8px 8px 0px 0 #ff3e84;
	margin-bottom:35px;
}
.img-style2 {
    border: 9px solid white;
    outline: 1px solid #eaeaea;
    box-shadow: 8px 8px 0px 0 #6bd6d5;
	margin-bottom:35px;

}
.img-style3 {
    border: 9px solid white;
    outline: 1px solid #eaeaea;
    box-shadow: 8px 8px 0px 0 #005288;
	margin-bottom:35px;

}


/*ESPACIO----------*/
.spacetop10{
	margin-top:10px;
}
.spacetop20{
	margin-top:20px;
}
.spacetop30{
	margin-top:30px;
}
.spacetop40{
	margin-top:40px;
}
.spacetop50{
	margin-top:50px;
}
.spacebottom10{
	margin-bottom:10px;
}
.spacebottom20{
	margin-bottom:20px;
}
.spacebottom30{
	margin-bottom:30px;
}
.spacebottom40{
	margin-bottom:40px;
}
.spacebottom50{
	margin-bottom:50px;
}
.spacer5{
	margin-top:5px;
	margin-bottom:5px;
}
.spacer10{
	margin-top:10px;
	margin-bottom:10px;
}
.spacer15{
	margin-top:15px;
	margin-bottom:15px;
}
.spacer20{
	margin-top:20px;
	margin-bottom:20px;
}
.spacer30{
	margin-top:30px;
	margin-bottom:30px;
}


/*VIDEO----------*/
.video-box {
    background: #eae8f1;
	border: solid #4b4950;
    font-size: 16px;
    color: #565656;
    text-align: center;
    padding: 10px 20px;
    margin: 10px 0 40px;
        margin-top: 10px;
    box-shadow: 7px 7px 0px 0 #5d726b;
}
.video-referencia {
	background-color: #9b98a6;
	padding: 15px;
	margin-top: 20px;
	font-size: 12px;
	color: #fff;
	text-align: center;
}


/* IMAGEN CON TEXTO */
.ui-block{

    margin: 20px auto 35px auto;
}
.ui-block-x4{
	max-width: 229px;
}
.ui-block-x3{
	max-width: 298px;
}
.ui-block-x2{
	max-width: 300px;
}
.ui-block h4 a{
	color:#fff;
}
.ui-style-five{
	position: relative;
	z-index: 10;
	overflow: hidden;
	border: 5px solid white;
	outline: 2px solid #eaeaea;
	box-shadow: 7px 7px 0px 0 rgb(223, 223, 223);
}
.ui-style-five img {
	border-radius: 3px;
}
.ui-style-five .ui-hover{
	width:100%;
	height:100%;
	border-radius:3px;
	position:absolute;
	top:0px;
	/*! background:rgba(0,0,0,0.3); */
}	
.ui-style-five  .ui-caption {
	width:100%;
	position:absolute;
	top:65%;
	text-align:center;
	background-color: rgba(33, 23, 22, 0.5);
}
.ui-style-five  .ui-caption h4 {
	color: #fff;
	font-size:20px;
	display:inline-block;
	border-bottom:3px solid #32c8de;
	padding-bottom:3px;
}
.ui-style-five .ui-caption p{
	margin:0px auto;
	margin-top:3px;
	max-width:70%;
	line-height:23px;
	color:#fff;
}


/* BOX MOVIL ----------*/
.box-shadow-block{
	padding: 15px 10px 5px 5px;
	border: 2px solid #eee;
	background: #fff;
}
.box-shadow-outer {
	position: relative;
	z-index: 1;
}


/* UI Item */
.ui-item{
	position:relative;
	overflow:hidden;
}
@media (max-width:991px){
	.ui-item{
		max-width:288px;
		margin-left:auto;
		margin-right:auto;
	}
}
/* UI Content */
.ui-item .ui-content{
	position:absolute;
	top:0px;
	width:100%;
	height:100%;
	text-align:center;
}
/* Heading */
.ui-item .ui-content h2{
	color:#fff;
	font-size:30px;
	font-weight:300;
	margin-top:72px;
}
@media (max-width:991px) and (min-width:391px){
	.ui-item .ui-content h2{	
		margin-top:104px;
	}
}

/* UI Background */
.ui-item .ui-bg-red{
	background:rgba(255,0,0,0.2);
}
.ui-item .ui-bg-green{
	background:rgba(35,207,62,0.4);
}
.ui-item .ui-bg-yellow{
	background:rgba(252,249,3,0.4);
}
.ui-item .ui-bg-lblue{
	background:rgba(0,255,234,0.4);
}
.ui-item .ui-bg-blue{
	background:rgba(0,66,255,0.4);
}
.ui-item .ui-bg-rose-pink{
	background:rgba(0,0,255,0.4);
}
.ui-item .ui-bg-orange{
	background:rgba(255,162,0,0.4);
}
.ui-item .ui-bg-brown{
	background:rgba(162,50,50,0.4);
}
/* UI Content Hover */
.ui-item .ui-content .ui-content-hover{
	position:absolute;
	top:100%;
	left:0px;
	width:100%;
	height:100%;
	text-align:left;
	padding:0px 20px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.ui-item:hover .ui-content .ui-content-hover{
	top:0px;
}
/* Heading */
.ui-item  .ui-content .ui-content-hover h2{
	font-size:20px;
	font-weight:400;
	margin-top:24px;
	line-height:24px;
}
@media (max-width:1200px) and (min-width:992px){
	.ui-item .ui-content .ui-content-hover h2{	
		margin-top:10px;
	}
}
@media (max-width:312px){
	.ui-item  .ui-content .ui-content-hover h2{	
		margin-top:16px;
	}
}
.ui-item .ui-content .ui-content-hover h2 a{
	color:#fff;
}
/* Paragraph */
.ui-item .ui-content .ui-content-hover p{
	color:#fff;
	font-size:13px;
	line-height:16px;
}
/* UI Icon */
.ui-item .ui-content .ui-content-hover .ui-icon{	
	position:absolute;
	bottom:20px;
	right:20px;
}
.ui-item .ui-content .ui-content-hover .ui-icon a i{
	color:#fff;
	font-size:22px;
	font-weight:700;
	width:28px;
	height:28px;
	border-radius:100%;
	border:2px solid #fff;
	line-height:24px;
	text-align:center;
}

/* Background color classes */
.bg-white {
  background-color: #ffffff !important;
}
.bg-grey {
  background-color: #eeeeee !important;
}
.bg-black {
  background-color: #555555 !important;
}
.bg-red {
  background-color: #ff7371 !important;
}
.bg-green {
  background-color: #51d466 !important;
}
.bg-lblue {
  background-color: #6bd6d5 !important;
}
.bg-blue {
  background-color: #005288 !important;
}
.bg-orange {
  background-color: #f78153 !important;
}
.bg-yellow {
  background-color: #fce56a !important;
}
.bg-purple {
  background-color: #cb79e6 !important;
}
.bg-rose {
  background-color: #ff61e7 !important;
}
.bg-brown {
  background-color: #d08166 !important;
}



/*CUADROS----------*/
.cuadro01 {
	background: #fff7ca;
	font-size: 14px;
	color: #333;
	text-align: center;
	padding:20px 20px;
	margin:25px 0 30px;
	box-shadow:7px 7px 0px 0 #7f7331;
}
.cuadro03 {
	background: #005288;
	font-size: 14px;
	color: #fff;
	text-align: left;
	padding:20px 20px 15px 20px;
	margin:25px 0 30px;
	box-shadow:7px 7px 0px 0 #002241;
}

.cuadro02 {
	background: #ff4b4b;
	font-size: 14px;
	color: #fff;
	text-align: left;
	padding:20px 20px;
	margin:25px 0 30px;
	box-shadow:7px 7px 0px 0 #8b3636;
}
.cuadro04 {
	background: #f5e472;
	font-size: 14px;
	color: #333;
	text-align: left;
	padding:20px 20px;
	margin:25px 0 30px;
	box-shadow:7px 7px 0px 0 #8b3636;
}
.cuadro05 {
	background: #f27271;
	font-size: 14px;
	color: #fff;
	text-align: left;
	padding:20px 20px;
	margin:25px 0 30px;
	box-shadow:7px 7px 0px 0 #8b3636;
}


/*MODAL*/
.modal-header {
    min-height: 50px;
	background-color: #f27271;
}