* { margin:0; padding: 0; list-style: none; }
body { font-family: Arial,Tahoma; color:#333; background: #eee; }

#page { margin: 0 auto; width: 800px; background: #fff; padding:40px; margin-top: 20px; margin-bottom: 20px; border: 1px solid #777; box-shadow: #999 1px 1px 3px; }
#page h1 { font-weight: normal; font-size: 32px; letter-spacing: -2px; margin:0 0 20px 0; border-bottom: 1px solid #ddd; padding:0 0 10px 0; }
#page h2 { font-weight: bold; font-size: 22px; letter-spacing: -1px; font-style: italic; margin:40px 0 0 0; }
#page h3 { float: right; }
#page h3 a { font-weight: normal; font-size: 16px; color:#004499; }
#page h3 a:hover { color:#333; }

#logo {
	z-index: 10000;
	display:block;
	width: 100%;
	position:relative;
	margin-left:auto;
	margin-right: auto;
	text-align: center;
}

#idiomas {
	z-index: 20000;
    display:block;
	width: auto;
	height: auto;
    position:absolute;
    top:15px;
    left:25px;
}

#idiomas a {
	text-decoration: none;
}

#idiomas a img {
	border: none;
}
#user {
	z-index: 20000;
	display:block;
	width: 100%;
	height: 70px;
	position:absolute;
	margin: 0px auto 0;
	text-align:center;
}
.btn {
	display: inline-block;

  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
	padding: 4px 14px;
	margin-bottom: 0;
	font-size: 14px;
	line-height: 20px;

  *line-height: 20px;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	color: #181818;
	background-color: #f5f5f5;
	background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
	background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
	background-repeat: repeat-x;
	float: none;
	text-decoration:none;
}
.btn:hover,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled] {
  color: #181818;
  background-color: #e6e6e6;
  *background-color: #d9d9d9;
}
.btn:active,
.btn.active {
  background-color: #cccccc \9;
}
.btn:first-child {
  *margin-left: 0;
}
.btn:hover {
	color: #FFFFFF;
	text-decoration: none;
	background-color: #0047b9;
  *background-color: #d9d9d9;
	/* Buttons in IE7 don't get borders, so darken on hover */

  background-position: 0 -30px;
	-webkit-transition: background-position 0.1s linear;
	-moz-transition: background-position 0.1s linear;
	-o-transition: background-position 0.1s linear;
	transition: background-position 0.1s linear;
}
.btn:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn.active,
.btn:active {
  background-color: #e6e6e6;
  background-color: #d9d9d9 \9;
  background-image: none;
  outline: 0;
}
.btn.disabled,
.btn[disabled] {
  cursor: default;
  background-color: #e6e6e6;
  background-image: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.btn-user {
  cursor: pointer;
  color: #fff;
  background: url(../../img/icon_user.png) top left no-repeat;
  padding-left:75px;
  font-size:18px;
  line-height:60px;
  height:70px;
  width:80px;
  }
.btn-user:hover {
  color: #e85356;
  background: url(../../img/icon_user_on.png) top left no-repeat;
}
.btn-work {
  cursor: pointer;
  color: #fff;
  background: url(../../img/icon_work.png) top left no-repeat;
  padding-left:75px;
  font-size:18px;
  line-height:60px;
  height:70px;
  width:80px;
}
.btn-work:hover {
  color: #e85356;
  background: url(../../img/icon_work_on.png) top left no-repeat;
}
.btn-app {
  cursor: pointer;
  color: #fff;
  background: url(../../img/icon_app.png) top left no-repeat;
  padding-left:75px;
  font-size:18px;
  line-height:60px;
  height:70px;
  width:80px;
}
.btn-app:hover {
  color: #e85356;
  background: url(../../img/icon_app_on.png) top left no-repeat;
}
.container {
	margin-right: auto;
	margin-left: auto;
  *zoom: 1;
}
/* Intro page */
#tm_intro-box{
	width:100%;
	position:relative;
	padding-top: 0px;
}
#tm_intro-box .tm_inside{
	max-width: 800px;
	position:relative;
	margin: 0 auto 0;
}
#tm_intro-box .tm_inside2{
	padding:80px 30px 20px;
	margin: 0 auto;
}

@media (max-height: 720px) {
#tm_intro-box{
	width:100%;
	position:relative;
	padding-top: 0px;
}
#tm_intro-box .tm_inside2{
	padding:10px 30px 20px;
	margin: 0 auto;
}
}
@media (min-height: 721px) and (max-height: 800px) {
#tm_intro-box{
	width:100%;
	position:relative;
	padding-top: 0px;
}
#tm_intro-box .tm_inside2{
	padding:30px 30px 20px;
	margin: 0 auto;
}
}

.logointro {
	margin-top: 50px;
	text-align: center;
	margin-bottom: 15px;
	z-index: 9999;
}
.span12 {
  width: 940px;
}
img, #imag01 img {
	/* Responsive images (ensure images don't scale beyond their parents) */

  max-width: 100%;
	/* Part 1: Set a maxium relative to the parent */

  width: auto\9;
	/* IE7-8 need help adjusting responsive images */

  height: auto;
	/* Part 2: Scale the height according to the width, otherwise you get stretching */

  vertical-align: middle;
	border: 0;
	-ms-interpolation-mode: bicubic;
}