@charset "utf-8";
/* CSS Document */

/* =Fonts 
------------------------------------------------------- */
@import url(/Shared/css/font-face/DIN-Font.css);


/* =Reset BODY OLD - css
--------------------------------------- */
body {background: none repeat-x scroll 0 0 #FFF !important;}

/* =Reset - css
--------------------------------------- */
html, body, div, li, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, figure{
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 16px;
  font-family: Arial,Helvetica;
  list-style: none;
	color:#333;
}
section h1, section h2, section h3, section h4, section h5, section h6, section p, section li {
	color:#333;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

.clear {clear:both;}
.Center {margin:0 auto; display:block;}
.Bord-top, .Line-top {border-top: 1px solid #DCDCDC;}
.Bord-bottom {border-bottom: 1px solid #DCDCDC;}
.no-mar-bottom {margin-bottom:0;}
.pad-bottom20 {padding-bottom:20px;}
.pad-bottom40 {padding-bottom:40px;}

.Half {width:49%; margin:0 0 0 1%;}
.Half.Firs {width:49%; margin:0 1% 0 0;}
.Full {width:100%; margin-bottom:40px;}

.Left {float: left;}

.Box-Form {
	width:80%;
}
.Box-Form:after, .Full:after {
  content: "";
  display: table;
  clear: both;
}
.min-height {
  min-height: 300px;
}


/* =Globales 
------------------------------------------------------- */
body, html {height: 100%;}
section, figure, article, aside {
  width: 100%;
  position: relative;
  display: block;
	z-index:1;
}

/* =Figure 
------------------------------------------------------- */
figure {
	background: url('header.jpg') no-repeat scroll center top #0c0f15;
	overflow: hidden;
	background-color: #0c0f15;
	margin: 0px;
}
figure article {
	height: 130px;
	margin: 0 auto;
	overflow: visible;
	padding: 0;
	width: 952px;
}
figure h1 {
	padding-top: 40px;
	color: #fff;
	font: 40px/46px "DTV-DIN-LIGHT";
	letter-spacing: -0.025em;
	text-shadow: 1px 1px 2px #040e20;
}


/* =Article - css
--------------------------------------- */
article {
	margin: 0 auto;
	position: relative;
	overflow: auto;
	width: 952px;
	padding: 60px 0;
}

/* =Section - css
--------------------------------------- */
section {
	background: none repeat scroll 0 0 #FFF;
	clear: both;
	width: 100%;
}
section h1 {
	font:40px/42px 'DTV-DIN-LIGHT';
	padding:0 0 30px 0;
	letter-spacing: -0.025em;
}
section h2, section h2 a {
	font: 36px/42px 'DTV-DIN-LIGHT';
	padding: 0 0 18px;
	letter-spacing: -0.025em;
	width:90%;
}
section p {
	color: #494b4c;
	line-height: 24px;
	width:100%;
}
section a {
	color: #00abe3;
	font-weight: bolder;
	text-decoration: none;
	width: 100%;
}
section a:hover {color: #058ab5;}
section a i.fa {
 font-size: 12px;
}

/* Form:
--------------------------------*/
.Box-Form input {
	background: none repeat scroll 0 0 #fff;
	border: 1px solid #ccc;
	color: #808080;
	display: block;
	font: 14px Arial;
	padding: 10px 6px;
	margin-bottom: 4%;
	width: 100%;
	box-sizing: border-box;
	behavior: url("/Shared/JS/boxsizing.htc");
}
.Box-Form input:focus, .Box-Form textarea:focus {
	border: 1px solid #3EC9E7;
	background:#F5FCFE;
	
	/* Animacion elementos Form ///////////////////////////////*/
	-webkit-transition: all linear .3s, box-shadow linear .3s;
  -moz-transition: all linear .3s, box-shadow linear .3s;
  -o-transition: all linear .3s, box-shadow linear .3s;
  transition: all linear .3s, box-shadow linear .3s;
	
}
.Box-Form input.error, .Box-Form textarea.error  {
	border: 1px solid #EF5A42;
	
	/* Animacion elementos Form ///////////////////////////////*/
	-webkit-transition: all linear .3s, box-shadow linear .3s;
  -moz-transition: all linear .3s, box-shadow linear .3s;
  -o-transition: all linear .3s, box-shadow linear .3s;
  transition: all linear .3s, box-shadow linear .3s;
}
.Box-Form input:focus.error, .Box-Form textarea:focus.error {
	border: 1px solid #EF5A42;
	background:#FEF7F5;
	
	/* Animacion elementos Form ///////////////////////////////*/
	-webkit-transition: all linear .3s, box-shadow linear .3s;
  -moz-transition: all linear .3s, box-shadow linear .3s;
  -o-transition: all linear .3s, box-shadow linear .3s;
  transition: all linear .3s, box-shadow linear .3s;
}
.Box-Form input.ok {
	border: 1px solid #00B975;
	
	/* Animacion elementos Form ///////////////////////////////*/
	-webkit-transition: all linear .3s, box-shadow linear .3s;
  -moz-transition: all linear .3s, box-shadow linear .3s;
  -o-transition: all linear .3s, box-shadow linear .3s;
  transition: all linear .3s, box-shadow linear .3s;
}
.Box-Form input:focus.ok {
	border: 1px solid #00B975;
	background:#F2FBF8;
	
	/* Animacion elementos Form ///////////////////////////////*/
	-webkit-transition: all linear .3s, box-shadow linear .3s;
  -moz-transition: all linear .3s, box-shadow linear .3s;
  -o-transition: all linear .3s, box-shadow linear .3s;
  transition: all linear .3s, box-shadow linear .3s;
}
.Box-Form textarea {
	background: none repeat scroll 0 0 #fff;
	border: 1px solid #ccc;
	color: #808080;
	display: block;
	font: 14px Arial;
	padding: 10px;
	width: 100%;
	height: 70px;
	resize: none;
	box-sizing: border-box; 
	behavior: url("/Shared/JS/boxsizing.htc");
}


/* Botones:
--------------------------------*/
.BtnUI {
	font:bold 16px/20px Arial;
	text-align: center;
	display: inline-block;
	text-decoration: none;
	width: auto;
	padding: 8px 20px;
	position: relative;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.YelowUI {
	color: #000;
	background: #FC8C0E;
	background: -moz-linear-gradient(top,  #faa519 0%, #fe7001 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#faa519), color-stop(100%,#fe7001));
	background: -webkit-linear-gradient(top,  #faa519 0%,#fe7001 100%);
	background: -o-linear-gradient(top,  #faa519 0%,#fe7001 100%);
	background: -ms-linear-gradient(top,  #faa519 0%,#fe7001 100%);
	background: linear-gradient(to bottom,  #faa519 0%,#fe7001 100%);
	-pie-background: linear-gradient(#faa519, #faa519);
	text-shadow: 1px 1px 1px #feb21a;
	behavior: url("/css/pie/PIE.htc");
}
.YelowUI:hover {
	color: #000;
	background: #DF790B;
	background: -moz-linear-gradient(top,  #d98d15 0%, #e66501 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d98d15), color-stop(100%,#e66501));
	background: -webkit-linear-gradient(top,  #d98d15 0%,#e66501 100%);
	background: -o-linear-gradient(top,  #d98d15 0%,#e66501 100%);
	background: -ms-linear-gradient(top,  #d98d15 0%,#e66501 100%);
	background: linear-gradient(to bottom,  #d98d15 0%,#e66501 100%);
	-pie-background: linear-gradient(#d98d15, #e66501);
	text-shadow: 1px 1px 1px #feb21a;
	behavior: url("/css/pie/PIE.htc");

}


@media screen and (max-width: 1000px) {
	
	article {padding: 50px 2%; width: 96%;}
	figure article {padding:0 2%; width:96%;}
	.Box-Form {width:100%;}
	figure h1 {font-size:30px; line-height:36px;}

}
@media screen and (max-width: 600px) {
	
	article {padding: 30px 3%; width: 94%;}
	figure {background-size: cover;}
	figure article {padding:0 3%; width:94%;}
	figure h1 {font-size:28px; line-height:32px;}
	.Half.Firs, .Half {width:100%; margin:0;}
	section p {font-size:14px;}
	.min-height {
		min-height:auto;
	}

}