/* Global properties ======================================================== */

.ic {border:0;float:right;background:#fff;color:#f00;width:50%;line-height:10px;font-size:10px;margin:-220% 0 0 0;overflow:hidden;padding:0}
.bg-1 {background:url(../images/bg-1.jpg) center 0 repeat-x #fff; width:100%;}
.bg-2 {background:url(../images/bg-2.png) center 0 no-repeat; width:100%;}
.bg-3 {background:url(../images/bg-3.png) center bottom no-repeat; width:100%;}
.bg-4 {background:#fff; width:100%; }
.bg-5 {background:url(../images/bg-5.jpg) center 0 no-repeat; width:100%;}
.bg-6 {background:url(../images/bg-6.png) center 0 no-repeat; width:100%;}

/***********************************************************************/
.clr-1 { color:#b7273a;}
.clr-2 { color:#ee8c1b;}
.clr-3 { color:#48484e;}
.clr-4 { color:#bec0c0;}
.clr-5 { color:#b7283b;}
.bg-clr-1 { background:#b7273a;}
.bg-clr-2 { background:#ee8c1b;}
.bg-clr-3 { background:#48484e;}
.bg-clr-4 { background:#bec0c0;}

/******************************************************************/
.clear {clear:both; line-height:0; font-size:0; width:100%;}
.wrapper {width:100%; overflow:hidden; position:relative}
.wrap {overflow:hidden; position:relative;}
.extra-wrap {overflow:hidden;}
.fleft {float:left;}
.fright {float:right;}
.nowrap {white-space:nowrap;} 
.img-indent {float:left; margin:3px 20px 0px 0;}	

.last {margin-right:0px !important; padding-right:0px !important;}

.top-1 {padding-top:58px;}
.top-2 {padding-top:50px;}
.top-3 {padding-top:28px;}
.top-4 {padding-top:10px;}
.top-5 {padding-top:17px;}
.top-6 {margin-top:28px;}

.left-1 { margin-left:265px;}

.bot-0 {padding-bottom:0 !important; margin-bottom:0 !important;}
.bot-1 {padding-bottom:34px;}
.bot-2 { padding-bottom:40px;}
.bot-3 {padding-bottom:32px;}
.bot-4 {padding-bottom:67px;}

.pad-0 {padding:0px 0px 0px 0px;}
.pad-1 { margin:5px 0 21px 0;}
.pad-2 { margin:5px 0 9px 0;}
.pad-3 { margin:5px 0 25px 0;}
.pad-4 { margin:18px 0 12px 0; }

.p1 {padding-bottom:24px;}

/*********************************header*************************************/



/*********************************content*************************************/

.banner-bg {
	margin-top: 10px;
}
.banner-bg a {
	display: block;
	width: 950px;
	height: 152px;
	margin-left: 0px;
}

.img-border {background:#fff; display:inline-block; padding:4px; box-shadow:#c6c7c7 0px 0px 5px;}
.border-bot {border-bottom:#cecece 1px solid; padding-bottom:8px; margin-bottom:7px; }
.border-left {border-left:#cecece 1px solid; padding-left:38px; }
.border-1 {background:url(../images/border-1.jpg) center bottom no-repeat; padding-bottom:8px; }
.line {background:url(../images/line.png) 0 0 no-repeat; width:950px; height:18px; position:absolute; top:-9px; left:0; z-index:111;}

.box_help{
	height: 14px;
	width: 950px;
}
.box-1 {text-align:center; padding-top:9px;}
.box-1 h2 {margin-bottom:14px; }
.box-1 p {margin:16px 5px 11px 5px;}

.font-1 {color:#b7273a; font-size:48px; line-height:60px; font-style:italic; text-align:center;}
.font-1 span {color:#48484e; font-size:36px; font-weight:normal; }
.font-1 strong {display:block; margin-top:-20px;}

.number {overflow:hidden; margin-bottom:18px;}
.number>strong {display:block; width:50px; height:50px; overflow:hidden; float:left; text-align:center; border-radius:25px; font-size:18px; line-height:50px; color:#fff; font-style:italic; margin:4px 11px 0 0;}

.call {overflow:hidden; padding:36px 0 32px 0;}
.call span {display:block; width:465px; float:left; font-size:24px; line-height:30px; color:#4d4d4d; text-transform:uppercase;}
.call span:first-child {text-align:right;}
.call span+span {text-align:left; margin-left:20px;}
.call span+span strong {display:block; margin-top:-6px; font-weight:normal;}

.box-2 {text-align:center;}
.box-2 h3 {margin-bottom:14px; }
.box-2 p {margin:16px 5px 11px 5px;}
.box-2 p strong {display:block; padding-bottom:6px; font-style:italic;}

.number-2 {overflow:hidden;}
.number-2 h2 {padding-bottom:6px;}
.number-2>strong {display:block; width:34px; height:34px; overflow:hidden; float:left; text-align:center; border-radius:17px; font-size:16px; line-height:34px; color:#fff; font-style:italic; margin:4px 6px 0 0;}

.box-3 {}
.box-3 p {margin-top:16px; }
.box-3 p i+i {padding-bottom:4px; display:block;}

.number-3 {overflow:hidden;}
.number-3>strong {display:block; width:34px; height:34px; overflow:hidden; float:left; text-align:center; border-radius:17px; font-size:16px; line-height:34px; color:#fff; font-style:italic; margin:4px 6px 0 0;}

.box-4 {overflow:hidden; margin-right:10px; }
.box-4 .fleft { width:300px; margin-right:20px; margin-top:6px;}
.box-4 p {padding-top:13px;}

.box-5 {}
.box-5 p {margin-top:22px;}
.box-5 p strong {display:block; padding-bottom:7px; }

ul.list {margin-top:12px; width:240px; float:left; margin-right:40px;}
.list li {
  overflow: hidden; 
  vertical-align: top;
  padding:0px 0 10px 15px; line-height:20px; background:url(../images/marker.gif) 0 6px no-repeat;
 }
 .list li em {
  background: url(../images/line-hor.gif) repeat-x 0% 15px;
  display: block; 
  overflow: hidden;
 }
 .list li span {
  float: right;
  font-size:16px;
  color:#4a4a4f;
 }
 .list li strong {
  float: left;
  font-size:14px; color:#7cb6b6; line-height:20px; font-weight:bold;
 }

/****************************footer************************/


/**********************form**********************/
dl.adr {color:#48484e;}
dl.adr dt {margin:18px 0 6px 0;}
dl.adr dd span { width:62px; text-align:right; display:block; float:left; margin-right:15px;}
dl.adr dd {}
dl.adr dd a {}
dl.adr dd a:hover {}
#form {
	margin: 22px 0 0px 0px;
	width: 630px;
	font-weight: bold;
	color: #6C6C6C;
	font-size: 16px;
	font-family: "Times New Roman", Times, serif;
}
#form input {border:#cdcdcd 1px solid; background:#eaeaea; font-size:14px; font-family: "Times New Roman", Times, serif; color:#4d4d4d; padding:5px 10px 6px 10px;outline: medium none; width: 542px; height:18px; float:left;}
#form textarea {border:#cdcdcd 1px solid; background:#eaeaea; font-size:14px; font-family: "Times New Roman", Times, serif; color:#4d4d4d; height: 97px;outline: medium none;overflow: auto; padding: 4px 0px 0px 10px;width: 552px;resize:none;margin:0px 0 0 0;float:left;}
#form label {
	position: relative;
	display: block;
	min-height: 38px;
	background-color: #F5F5F5;
	height: 10;
}
.btns {text-align:right; overflow:hidden; width:630px;}
.btns a {display:inline-block; margin:5px 0px 0 23px;}
#form label strong {float:left; text-align:right; display:block; padding-top:7px; line-height:18px; width:59px; color:#48484e; font-weight:normal; margin-right:7px; white-space:nowrap;} 

/* ------------------------- */
/* POPUP */
/* ------------------------- */

.btn-abrir-popup {
	

}


.overlay {
    background: rgba(0,0,0,.3);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    align-items: center;
    justify-content: center;
    display: block;
    visibility: hidden;
    top: 0;
}

.overlay.active {
	visibility: visible;
}

.popup {
    background: #F8F8F8;
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
    border-radius: 3px;
    font-family: 'Montserrat', sans-serif;
    text-align: center;
    transition: .3s ease all;
    transform: scale(0.7);
    opacity: 0;
}

.popup .btn-cerrar-popup {
	font-size: 16px;
	line-height: 16px;
	display: block;
	text-align: right;
	transition: .3s ease all;
	color: #BBBBBB;
}

.popup .btn-cerrar-popup:hover {
	color: #000;
}

.popup h3 {
	font-size: 36px;
	font-weight: 600;
	margin-bottom: 10px;
	opacity: 0;
}

.popup h4 {
	font-size: 26px;
	font-weight: 300;
	margin-bottom: 40px;
	opacity: 0;
}

.popup form .contenedor-inputs {
	opacity: 0;
}

.popup form .contenedor-inputs input {
	width: 100%;
	margin-bottom: 20px;
	height: 52px;
	font-size: 18px;
	line-height: 52px;
	text-align: center;
	border: 1px solid #BBBBBB;
}

.popup form .btn-submit {
	padding: 0 20px;
	height: 40px;
	line-height: 40px;
	border: none;
	color: #fff;
	background: #5E7DE3;
	border-radius: 3px;
	font-family: 'Montserrat', sans-serif;
	font-size: 16px;
	cursor: pointer;
	transition: .3s ease all;
}

.popup form .btn-submit:hover {
	background: rgba(94,125,227, .9);
}

/* ------------------------- */
/* ANIMACIONES */
/* ------------------------- */
.popup.active {	transform: scale(1); opacity: 1; }
.popup.active h3 { animation: entradaTitulo .8s ease .5s forwards; }
.popup.active h4 { animation: entradaSubtitulo .8s ease .5s forwards; }
.popup.active .contenedor-inputs { animation: entradaInputs 1s linear 1s forwards; }

@keyframes entradaTitulo {
	from {
		opacity: 0;
		transform: translateY(-25px);
	}

	to {
		transform: translateY(0);
		opacity: 1;
	}
}

@keyframes entradaSubtitulo {
	from {
		opacity: 0;
		transform: translateY(25px);
	}

	to {
		transform: translateY(0);
		opacity: 1;
	}
}

@keyframes entradaInputs {
	from { opacity: 0; }
	to { opacity: 1; }
}