/*
Theme Name: matrix
Theme URI: http://www.bioxnet.com
Description: <a href="http://bioxnet.com"> Developed by Bioxnet.com</a>
Version: 1.0
Author: Bioxnet
*/
@charset "utf-8";
/* CSS Document */
@import url(http://fonts.googleapis.com/css?family=Candal);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600,600italic,700,400italic);
@import url(http://fonts.googleapis.com/css?family=Fjalla+One);
@import url(http://fonts.googleapis.com/css?family=Ubuntu+Condensed);

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, form, label, table, caption, tbody, tfoot, thead, tr, th, td {
border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline; }
*:focus { outline: none; }
ol { list-style-position: inside; }
ul{ list-style: none; margin: 0; }
table {/* tables still need 'cellspacing="0"' in the markup */ border-collapse: separate; border-spacing: 0; }
caption, th, td { font-weight: normal; text-align: left; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a img { border: 0; }
figure{margin: 0; padding: 0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
::selection{ background: #009; color: #fff;  }
::-moz-selection{ background: #009; color: #fff; } 
::-webkit-selection{ background: #009; color: #fff;  }

/*--------------------------------------------------------------------------------------*/

*{ margin:0px; padding:0px;}

header{ position:absolute; height:100px; width:100%; background:#FFF; z-index:999; min-width:800px;}
#phone{ position:absolute; bottom:10px; right:10px;   font-family: 'Source Sans Pro', sans-serif; color:#7c7c82; font-size:1.2em;}
#wrappH{ position:relative; max-width:1020px; height:90px; margin:0 auto; min-width:800px;}
#logotipo{ position:absolute; background:url(images/LOGOTIPO.jpg) no-repeat;  height:74px; width:195px; text-indent:-9999px; top:10px; left:50%; margin-left:-97px;}

#principal{margin:0; width:100%; max-height:850px; overflow:hidden; min-width:800px;}
#principal img{ width:100%; height:auto;}
#boton{ margin:10px auto; width:750px; text-align:center; margin-top:-170px;}

.btn {
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  font-family: 'Source Sans Pro', sans-serif;
  color: #ffffff;
  font-size: 30px;
  padding: 13px 25px 13px 25px;
  text-decoration: none;
}

.btn:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}