/* Estilos Generales*/
body{
	background: url("../img/body_bg.jpg");
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 75%;

    height: 100vh;
}
.w-33{width: 33.3%;}
.w-66{width: 66.6%;}
.p-sm{padding: 5px;}
.p-md{padding: 10px;}
.p-lg{padding: 20px;}

.m-r-sm{margin-right: 5px;}
.m-r-md{margin-right: 10px;}
.m-r-lg{margin-right: 20px;}

.m-t-sm{margin-top: 5px;}
.m-t-md{margin-top: 10px;}
.m-t-lg{margin-top: 20px;}

.page-header{border-bottom: none;}
.row-content{}

.row-content .titulo{
	min-height: 100px;
	min-width: 175px;
	position: relative;
	margin-right: 35px;
}

.titulo.flecha:before{
	content: "";
    position: absolute;
    display: block;
    width: 50px;
    height: 50px;
    border-color: transparent;
    right: -49px;
    top: 50%;
    margin-top: -25px;
    border-style: solid;
    border-width: 25px;
    border-left-color: red;
}
.text-big{font-size: 1.8em;font-weight: bold;}
.titulo small{color:#fff;}
.titulo i{
	position: absolute;
	left: 0;
	top: 0;
	opacity: .2;
	transform: rotate(-50deg);
	font-size: 6em;
}

.box-warning{
	border: dashed 2px #f6bb42;
    border-radius: 30px 0 30px 0;
}
.box-danger{
	border: dashed 2px #E9573F;
    border-radius: 30px 0 30px 0;
}

.header{
	margin-bottom: 40px;
	padding-bottom: 30px;
	border-radius: 0 0 20px 20px;
	border-bottom: dashed 1px #ddd;
}
.header img{min-width: 200px;}
.header-titulo{
	margin: 0;
    position: relative;
    display: inline-block;
    clear: both;
    padding-left: 65px;
}
.header-titulo i{
	position: absolute;
	left: 0;
	top: -14px;
}
.footer{
	position: fixed;
	padding: 0;
	width: 100%;
	background: #fff;
	height: 30px;
	bottom: 0;
}

.footer .logo-footer{

}

.footer img{
	width: 30px;
	height: auto;
	margin-right: 15px;
}

/*Escríbenos*/
.email .flecha:before{border-left-color: #3bafda;}
.email .titulo:hover.flecha:before,.email .titulo:focus.flecha:before{border-left-color: #4fc1e9;}

/*llámanos*/
.telefono .flecha:before{border-left-color: #f6bb42;}
.telefono .titulo:hover.flecha:before,.telefono .titulo:focus.flecha:before{border-left-color: #ffce54;}


/* Descarga */
.acceso{text-align: center;}
.acceso .download{height: 70px;}


/*Flex box*/
.flex{
	display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
	display: -ms-flexbox;  /* TWEENER - IE 10 */
	display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
	display: flex;
	align-items:center;
}
.flex-item{}


/** Media Queris **/
@media (max-width: 1200px) {
  body{
  	background-size: 50%;
  }
}
/*ipad*/
@media (max-width: 991px) {
  body{
  	background:#fff;
  }
}
/*Teléfonos móviles y ipad mini*/
@media (min-width: 0px) and (max-width: 700px) {
	.flex{
		-webkit-box-orient:vertical;
		-webkit-box-direction:normal;
		    -ms-flex-direction:column;
		        flex-direction:column;
		-ms-flex-flow: row wrap;
		    flex-flow: row wrap;
		-webkit-box-pack:center;
		    -ms-flex-pack:center;
		        justify-content:center;
	}

	.flex-item{padding: 10px;border:none;}
	/*titulo*/
	.row-content .titulo{
		margin-bottom: 20px;
		margin-right: 0;
		height:auto;
		width: 100%;
		min-height: auto;
		min-width: auto;
	}
	.titulo i{
		position: relative;
		display: inline-block;
		opacity: 1;
		transform: rotate(0deg);
		font-size: 28px;
	}
	.row-content .titulo h4{margin: 0;}
	.titulo.flecha:before{display: none; }

	/*header*/
	.header img{
		max-width: 100%;
		margin-bottom: 20px;
		height: auto;
	}
	.header-titulo i{display: none; }
	.header-titulo{padding-left: 0;}
	.header {
    	margin-bottom: 15px;
    	padding-bottom: 10px;
    	border-radius: 0 0 20px 20px;
	}

	/*Download*/
	.invisible{display: none;}
	.acceso{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
	.acceso img{display: none;}
	.acceso .btn{margin-left: 20px;}
}