@import url("reset.css");

body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    color:#333
	background: linear-gradient(top, #d3d7ff 0, #FFFFFF 500px) no-repeat;
    background: -webkit-linear-gradient(top, #d3d7ff 0, #FFFFFF 500px) no-repeat;
    background: -moz-linear-gradient(top, #d3d7ff 0, #FFFFFF 500px) no-repeat;
    background: -o-linear-gradient(top, #d3d7ff 0, #FFFFFF 500px) no-repeat;
    background: -ms-linear-gradient(top, #d3d7ff 0, #FFFFFF 500px) no-repeat;
    background: linear-gradient(top, #d3d7ff, #FFFFFF 500px) no-repeat;
    -svg-background: linear-gradient(top, #d3d7ff 0, #FFFFFF 500px) no-repeat;

}

p {
    padding: 10px;
}

#wrapper {
	margin: 0 auto;
	width: 1000px;
	text-align: justify;
}

#header {
	float: left;
	margin:0 auto;
    position:relative;
	height: 150px;
	width: 1000px;
	background: #FFFFFF;
	background-image: url(img/banner_laboratorio.jpg);
    background-position: center top;
    background-repeat: no-repeat

}

#banner-img {
	float: left;
	height: 400px;
	width: 1000px;
	background: #FFFFFF;
	padding-bottom: 20px;
}

#content {
	float: left;
	background: #e2ecff;
	width: 630px;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

#column-derecha {
    background: #FFFFFF;
    width: 350px;
    float: left;
}
#column-derecha-lista {
    background: #FFFFFF;
    width: 350px;
    float: left;
}

#footer {
   height: 390px;
   width: 1000px;
   background: #003e83;
   border-top:1px solid #003E83;
   font-size: 14px;
   font-family: Arial, Helvetica,   Sans-Serif;
   text-align: center;
   clear: both;

}

.texto
{
	font-weight: normal;
	color: #000000;
	letter-spacing: 0pt;
	word-spacing: 0pt;
	font-size: 14px;
	font-family: arial, helvetica, sans-serif;
	line-height: 2;
	margin: 0px;
	padding: 15px;
}


.texto_right
{
  font-weight:normal;
  color:#000000;
  letter-spacing:0pt;
  word-spacing:0pt;
  font-size:14px;
  text-align:justify;
  font-family:arial, helvetica, sans-serif;
  line-height:1.5;
  margin:0px;
  padding:15px;
}

.texto_right_lista
{
  font-weight:normal;
  color:#000000;
  letter-spacing:0pt;
  word-spacing:0pt;
  font-size:14px;
  text-align:justify;
  font-family:arial, helvetica, sans-serif;
  line-height:1.5;
  margin:0px;
  padding:15px;
}


.texto_footer
{
  font-weight:normal;
  color:#FFFFFF;
  letter-spacing:0pt;
  word-spacing:0pt;
  font-size:14px;
  text-align:justify;
  font-family:arial, helvetica, sans-serif;
  line-height:1.5;
  margin:0px;
  padding:15px;
}

h1 {
	font-family: arial, helvetica, sans-serif;
	font-size: 24px;
	color: #003366;
	padding-left: 10px;
	padding-bottom: 10px;
	margin-top: 25px;
}

h2

{
	font-family: arial, helvetica, sans-serif;
	font-size: 18px;
	color: #003366;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-top: 25px;
}

.btn {
  -webkit-border-radius: 6;
  -moz-border-radius: 6;
  border-radius: 6px;
  font-family: Arial;
  color: #ffffff;
  font-size: 14px;
  background: #003e83;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.btn:hover {
  background: #FF6600;
  text-decoration: none;
}

.btnenpagina{
     background: #FF6600;
  text-decoration: none;
}


img.centro {

    display: block;
    margin-left: auto;
    margin-right: auto;
}

img.medio {

    vertical-align:middle;
    margin: 5px;

}


/* MENU NAVEGACION
-----------------------------------------------------------------------------*/

table, ul.CERTILAB-hmenu
{
   font-size: 13px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
}

 nav
{
   -webkit-background-origin: border !important;
   -moz-background-origin: border !important;
   background-origin: border-box !important;
}

 nav
{
   display: block;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}

.clearfix:before, .clearfix:after
{
   width: 100%;
   content: " ";
   display: table;
}

.clearfix:after {
   clear: both;
}

.CERTILAB-nav
{
   background: #003E85;
   background: transparent;
   position: absolute;
   margin: 0;
   bottom:     48px;
   width: 100%;
   z-index: 100;
   text-align: right;
}

ul.CERTILAB-hmenu a, ul.CERTILAB-hmenu a:link, ul.CERTILAB-hmenu a:visited, ul.CERTILAB-hmenu a:hover
{
   outline: none;
   position: relative;
   z-index: 11;
}

ul.CERTILAB-hmenu, ul.CERTILAB-hmenu ul
{
   display: block;
   margin: 0;
   padding: 0;
   border: 0;
   list-style-type: none;
}

ul.CERTILAB-hmenu li
{
   position: relative;
   z-index: 5;
   display: block;
   float: left;
   background: none;
   margin: 0;
   padding: 0;
   border: 0;
}

ul.CERTILAB-hmenu li:hover
{
   z-index: 10000;
   white-space: normal;
}

ul.CERTILAB-hmenu:after, ul.CERTILAB-hmenu ul:after
{
   content: ".";
   height: 0;
   display: block;
   visibility: hidden;
   overflow: hidden;
   clear: both;
}

ul.CERTILAB-hmenu, ul.CERTILAB-hmenu ul
{
   min-height: 0;
}

ul.CERTILAB-hmenu
{
   display: inline-block;
   vertical-align: bottom;
}

.CERTILAB-nav:before
{
   content:' ';
}

nav.CERTILAB-nav
{
   border-top-left-radius: 0;
   border-top-right-radius: 0;
}

.desktop-nav.CERTILAB-nav{
   width: 1000px;
   padding-left: 0;
   padding-right: 0;
}

.CERTILAB-hmenu-extra1
{
   position: relative;
   display: block;
   float: left;
   width: auto;
   height: auto;
   background-position: center;
}

.CERTILAB-hmenu-extra2
{
   position: relative;
   display: block;
   float: right;
   width: auto;
   height: auto;
   background-position: center;
}

.CERTILAB-hmenu
{
   float: right;
}

.CERTILAB-menuitemcontainer
{
   margin:0 auto;
}
ul.CERTILAB-hmenu>li {
   margin-left: 0;
}
ul.CERTILAB-hmenu>li:first-child {
   margin-left: 0;
}
ul.CERTILAB-hmenu>li:last-child, ul.CERTILAB-hmenu>li.last-child {
   margin-right: 0;
}

ul.CERTILAB-hmenu>li>a
{
   background: #003E83;
   padding:0 20px;
   margin:0 auto;
   position: relative;
   display: block;
   height: 47px;
   cursor: pointer;
   text-decoration: none;
   color: #FFFFFF;
   line-height: 47px;
   text-align: center;
}

.CERTILAB-hmenu a,
.CERTILAB-hmenu a:link,
.CERTILAB-hmenu a:visited,
.CERTILAB-hmenu a.active,
.CERTILAB-hmenu a:hover
{
   font-size: 16px;
   font-family: 'Arial Unicode MS', Arial, Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
   text-align: left;
}

ul.CERTILAB-hmenu>li>a.active
{
   background: #003E83;
   padding:0 20px;
   margin:0 auto;
   color: #FFFFFF;
   text-decoration: none;
}

ul.CERTILAB-hmenu>li>a:visited,
ul.CERTILAB-hmenu>li>a:hover,
ul.CERTILAB-hmenu>li:hover>a {
   text-decoration: none;
}

ul.CERTILAB-hmenu>li>a:hover, .desktop ul.CERTILAB-hmenu>li:hover>a
{
   background: #FF6600;
   padding:0 20px;
   margin:0 auto;
}
ul.CERTILAB-hmenu>li>a:hover,
.desktop-nav ul.CERTILAB-hmenu>li:hover>a {
   color: #FFFFFF;
   text-decoration: none;
}

ul.CERTILAB-hmenu li li a
{
   background: #003E83;
   padding:0 8px;
   margin:0 auto;
}
ul.CERTILAB-hmenu li li
{
   float: none;
   width: auto;
   margin-top: 6px;
   margin-bottom: 6px;
}

.desktop-nav ul.CERTILAB-hmenu li li ul>li:first-child
{
   margin-top: 0;
}

ul.CERTILAB-hmenu li li ul>li:last-child
{
   margin-bottom: 0;
}

.CERTILAB-hmenu ul a
{
   display: block;
   white-space: nowrap;
   height: 27px;
   min-width: 7em;
   border: 0 solid transparent;
   text-align: left;
   line-height: 27px;
   color: #FFFFFF;
   font-size: 16px;
   font-family: Calibri, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: none;
   margin:0;
}

.CERTILAB-hmenu ul a:link,
.CERTILAB-hmenu ul a:visited,
.CERTILAB-hmenu ul a.active,
.CERTILAB-hmenu ul a:hover
{
   text-align: left;
   line-height: 27px;
   color: #FFFFFF;
   font-size: 16px;
   font-family: Calibri, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: none;
   margin:0;
}

ul.CERTILAB-hmenu ul li a:hover, .desktop ul.CERTILAB-hmenu ul li:hover>a
{
   background: #FFFFFF;
   margin:0 auto;
}
.CERTILAB-hmenu ul a:hover
{
   text-decoration: none;
}

.CERTILAB-hmenu ul li a:hover
{
   color: #CC0000;
}

.desktop-nav .CERTILAB-hmenu ul li:hover>a
{
   color: #CC0000;
}

ul.CERTILAB-hmenu ul:before
{
   background: #003E83;
   margin:0 auto;
   display: block;
   position: absolute;
   content: ' ';
   z-index: 1;
}
.desktop-nav ul.CERTILAB-hmenu li:hover>ul {
   visibility: visible;
   top: 100%;
}
.desktop-nav ul.CERTILAB-hmenu li li:hover>ul {
   top: 0;
   left: 100%;
}

ul.CERTILAB-hmenu ul
{
   visibility: hidden;
   position: absolute;
   z-index: 10;
   left: 0;
   top: 0;
}

.desktop-nav ul.CERTILAB-hmenu>li>ul
{
   padding: 15px 30px 30px 30px;
   margin: -10px 0 0 -30px;
}

.desktop-nav ul.CERTILAB-hmenu ul ul
{
   padding: 30px 30px 30px 10px;
   margin: -30px 0 0 -4px;
}

.desktop-nav ul.CERTILAB-hmenu ul.CERTILAB-hmenu-left-to-right
{
   right: auto;
   left: 0;
   margin: -10px 0 0 -30px;
}

.desktop-nav ul.CERTILAB-hmenu ul.CERTILAB-hmenu-right-to-left
{
   left: auto;
   right: 0;
   margin: -10px -30px 0 0;
}

.desktop-nav ul.CERTILAB-hmenu li li:hover>ul.CERTILAB-hmenu-left-to-right {
   right: auto;
   left: 100%;
}
.desktop-nav ul.CERTILAB-hmenu li li:hover>ul.CERTILAB-hmenu-right-to-left {
   left: auto;
   right: 100%;
}

.desktop-nav ul.CERTILAB-hmenu ul ul.CERTILAB-hmenu-left-to-right
{
   right: auto;
   left: 0;
   padding: 30px 30px 30px 10px;
   margin: -30px 0 0 -4px;
}

.desktop-nav ul.CERTILAB-hmenu ul ul.CERTILAB-hmenu-right-to-left
{
   left: auto;
   right: 0;
   padding: 30px 10px 30px 30px;
   margin: -30px -4px 0 0;
}

.desktop-nav ul.CERTILAB-hmenu li ul>li:first-child {
   margin-top: 0;
}
.desktop-nav ul.CERTILAB-hmenu li ul>li:last-child {
   margin-bottom: 0;
}

.desktop-nav ul.CERTILAB-hmenu ul ul:before
{
   border-radius: 0;
   top: 30px;
   bottom: 30px;
   right: 30px;
   left: 10px;
}

.desktop-nav ul.CERTILAB-hmenu>li>ul:before
{
   top: 15px;
   right: 30px;
   bottom: 30px;
   left: 30px;
}

.desktop-nav ul.CERTILAB-hmenu>li>ul.CERTILAB-hmenu-left-to-right:before {
   right: 30px;
   left: 30px;
}
.desktop-nav ul.CERTILAB-hmenu>li>ul.CERTILAB-hmenu-right-to-left:before {
   right: 30px;
   left: 30px;
}
.desktop-nav ul.CERTILAB-hmenu ul ul.CERTILAB-hmenu-left-to-right:before {
   right: 30px;
   left: 10px;
}
.desktop-nav ul.CERTILAB-hmenu ul ul.CERTILAB-hmenu-right-to-left:before {
   right: 10px;
   left: 30px;
}

/* MENU NAVEGACION
-----------------------------------------------------------------------------*/

/* TABLAS
-----------------------------------------------------------------------------*/

.CERTILAB-content-layout
{
   display: table;
   width: 100%;
   table-layout: fixed;
}

.CERTILAB-content-layout-row
{
   display: table-row;
}

.CERTILAB-layout-cell
{
   display: table-cell;
   vertical-align: top;
}

.btncerts {
  -webkit-border-radius: 6;
  -moz-border-radius: 6;
  border-radius: 6px;
  font-family: Arial;
  color: #ffffff;
  font-size: 14px;
  background: #003e83;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
  text-align:center;
  margin-top: 0px;
  float: right;
}

.btncerts:hover {
  background: #FF6600;
  text-decoration: none;
}
