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

@import url("/Shared/css/font-face/DIN-Font.css");

body {
	background: #FFF;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

/* =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;
	text-decoration:none;
}
h1, h2, h3, h4, p, li {
	color:#333;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

.Block {
	display:block;
	font:inherit;
}
.Box.hide {display:none;}
.pad-top20 {padding-top:20px;}

/* =Estructura - css
--------------------------------------- */
.Box .Wrap {
	margin: 0 auto;
	display: table;
	width: 430px;
	height: 430px;
	max-height:430px;
}
.Box .Wraped {
	display: table-cell;
	vertical-align: middle;
}
.Box h1 {
    font: 22px/28px "DTV-DIN-MEDIUM";
    letter-spacing: -0.025em;
    text-align: center;
    margin: 0 0 20px;
}
.Box h1.gris {
	color: #666;
	text-align: left;
}
.Box p {
	font:14px Arial; 
	color:#666;
}
.Box a.Btn {
	font: 16px/16px Arial;
	text-align: center;
	display: block;
	text-decoration: none;
	width: 180px;
	padding: 11px 0;
	color: #FFF;
	position: relative;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
.Box a.Btn , .Box a.Btn:hover {
	-webkit-transition: background linear .2s;
	-moz-transition: background .2s ease;
	-o-transition: background linear .2s;
	transition: background linear .2s;
}
.Box a.Grey {
	background: #74777b;
	text-shadow:0 0 4px #525558;
}
.Box a:hover.Grey {background:#4C4E51;}
.Box .Blue {
	background: #0573AE;
	text-shadow: 0 0 4px #045A88;
}
.Box a:hover.Blue {background: #005083;}
.Box a.Back {
	font: bold 14px/20px Arial;
	color: #00abe3;
	padding-bottom: 20px;
	display: block;
}
.Box a.Back i {font-size:12px;}
.Box a:hover.Back {
	color: #058ab5;
}
.Center {margin:0 auto;}
.Center-separate {margin:0 auto 10px;}

.Box ul.list {
	margin: 20px 0 0;
	padding:0;
}
.Box ul.list li {
	font: 14px/20px Arial;
	color: #666;
	text-align: left;
	list-style: none;
	margin: 0;
	padding-top: 20px;
}
.Box ul.list li.less {padding-top: 10px;} 
.Box ul.list li:first-child {padding:0;}
.Box a.blue {
	font: bold 14px/20px Arial;
	color: #00abe3;
	margin: 0;
	text-align: left;
	display:inline-block;
}
.Box a.blue:hover {
	color: #058ab5;
}

@media  screen and  (min-width: 310px) and (max-width: 449px)  {
	.Box .Wrap {width:100%;}
	.Box .Wraped >*, .Box ul.list {width: 90%; padding: 0 5%;}
	.Box h1 {font: 18px/22px "DTV-DIN-MEDIUM";}
	.Box a.blue, .Box ul.list li {font: bold 12px/16px Arial;}
	.Box ul.list li {padding-top: 15px;}
}