/* Media queries */ 
/* cellphones */ 
@media (min-width: 420px){
  .descripcion { margin: 5px 10px; text-align: center;}
  .p-columns { margin: 5px 10px; text-align: center;}

}
/* Tablets */
@media (min-width: 767px) { 
	.descripcion { 
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
    -webkit-column-gap: 5px; /* Chrome, Safari, Opera */
    -moz-column-gap: 5px; /* Firefox */
    column-gap: 5px;
  }
  .p-columns {
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
    -webkit-column-gap: 5px; /* Chrome, Safari, Opera */
    -moz-column-gap: 5px; /* Firefox */
    column-gap: 5px;
  }
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 955px) {
    .descripcion { 
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
    -webkit-column-gap: 10px; /* Chrome, Safari, Opera */
    -moz-column-gap: 10px; /* Firefox */
    column-gap: 10px;
    text-align: left;
  }
  .p-columns {
    -webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;
    -webkit-column-gap: 10px; /* Chrome, Safari, Opera */
    -moz-column-gap: 10px; /* Firefox */
    column-gap: 10px;
  }

}
@media (min-width: 1489px) {
  .p-columns {
    -webkit-column-count: 6; /* Chrome, Safari, Opera */
    -moz-column-count: 6; /* Firefox */
    column-count: 6;
    -webkit-column-gap: 5px; /* Chrome, Safari, Opera */
    -moz-column-gap: 5px; /* Firefox */
    column-gap: 5px;
  }
}

h1, h2, h3, h4, h5, h6 { font-family: 'Nova Round', cursive; }
p, small, a, strong, em, li { font-family: 'Open Sans', sans-serif; }

html,body { height: 100%; }
/*   */
body { background: url('../img/bg.png') repeat-x #ffffff; overflow-x: hidden; padding-top: 75px; }


/*****************************************************************************
NavBar 
*****************************************************************************/
.navbar-default { 
  background-color: #f8c100;
  border-bottom: 1px solid #eab306;
  color: white;
}
.navbar-default .navbar-brand, .navbar-default .navbar-brand { color: white;}
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus { color: white;}
.navbar-default .navbar-nav>li>a { color: white;}
.color-PCR { color: #b47d11;}

/*****************************************************************************
Cover 
*****************************************************************************/
/* Extra markup and styles for table-esque vertical and horizontal centering */
.site-wrapper { display: table;  width: 100%;  height: 100%; min-height: 100%; text-align: center; }
.site-wrapper-inner { display: table-cell; vertical-align: top;}
.cover-container {  margin-right: auto; margin-left: auto;}
/* Padding for spacing */
.inner { padding: 30px; }
/* Header  */
.masthead-brand { margin-top: 10px; margin-bottom: 10px; }
@media (min-width: 768px) {
  .masthead-brand { float: left;}
  .masthead-nav { float: right;}
}
.cover { padding: 0 20px; }
.cover .btn-lg { padding: 10px 20px; font-weight: bold; }
.mastfoot { color: #999; /* IE8 proofing */ color: rgba(255,255,255,.5);}
/* * Affix and center */
@media (min-width: 768px) {
  /* Pull out the header and footer */
  .masthead { position: fixed; top: 0; }
  .mastfoot { position: fixed; bottom: 0; }
  /* Start the vertical centering */
  .site-wrapper-inner { vertical-align: middle; }
  /* Handle the widths */
  .masthead, .mastfoot, .cover-container { width: 100%; }
}
@media (min-width: 992px) {
  .masthead, .mastfoot, .cover-container { width: 700px; }
}
.img-cover { display: block; margin:-25px auto;}
/* End Cover */ 


/*****************************************************************************
Video
*****************************************************************************/
 #video-intro { min-height: 100px; padding: 20px 0; padding-bottom: 5px; }
.flex-video { position: relative;padding-top: 25px; padding-bottom: 67.5%;
height: 0;margin-bottom: 16px;overflow: hidden;} 
.flex-video.widescreen { padding-bottom: 57.25%; }
.flex-video.vimeo { padding-top: 0; } 
.flex-video iframe, .flex-video object,.flex-video embed {
position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
@media only screen and (max-device-width: 800px), only screen and (device-width: 1024px) and (device-height: 600px), only screen and (width: 1280px) and (orientation: landscape), only screen and (device-width: 800px), only screen and (max-width: 767px) {
.flex-video { padding-top: 0; }
}
#reel-PCR { background: black; padding: 45px 0 25px;
  margin-top: 65px !important; margin-bottom: 50px; }
#reel-PCR h2  { color:white; text-shadow: 1px 1px 1px #b47d11; }
#reel-PCR p { color: #aaa;}
/* End Video */

/* CONTENT */ 
.title-section { height:110px; background: #efefef; padding: 40px 0; border-bottom: 2px solid #cecece;   }
.title-section h2 { text-align: right; line-height: 80px; font-size: 25px;
  color: #d1d1cf; margin-right: 5px; margin-top: 5px; }
article { margin-top: 25px; border-bottom: 1px dashed #e8e8e8; padding-bottom: 10px;}
article h2, h3 { color: #f8c100;}

hr { margin: -5px 0 15px 0; padding: 0 0;}
.yellow-area { 
    background: #f8c100; 
}

.txt-center { text-align: center; margin: 0px 5px; }
.mtop { margin-top: 10px; padding-top: 20px; padding-bottom: 10px;}

.extra-mb { margin-top: 15px;}
.negative-padding { margin-top: -75px;}
.img-center { display: block; margin: 10px auto;}

.yellow { color: #f8c100; }
  .p-columns {
    line-height: 35px; margin: 5px 0px; padding-bottom: 5px;
  }

#contact-info { list-style: none;}
#contact-info li { height: 20px; margin-bottom: 15px; border-bottom: 1px dotted #ccc;}
#contact-info li i { margin-right: 5px;}

/* CONTACT STYLE */ 

#contact_form{ width:100%; padding:20px; border: 1px solid #DDD;border-radius: 5px; font-family: Arial; font-size: 11px; font-weight: bold;color: #666666; background:#FAFAFA; margin-right: auto; margin-left: auto;}
#contact_form legend{font-size: 15px; color: #C9C9C9;}
#contact_form label{display: block; margin-bottom:5px;}
#contact_form label span{float:left; width:100px; color:#666666;}
#contact_form input{height: 25px; border: 1px solid #DBDBDB; border-radius: 3px; padding-left: 4px; color: #666; width: 180px; font-family: Arial, Helvetica, sans-serif;}
#contact_form textarea{border: 1px solid #DBDBDB; border-radius: 3px; padding-left: 4px;color: #666; height:100px; width: 180px; font-family: Arial, Helvetica, sans-serif;}
.submit_btn { border: 1px solid #D8D8D8; padding: 5px 15px 5px 15px; color: #8D8D8D; text-shadow: 1px 1px 1px #FFF; border-radius: 3px; background: #F8F8F8;}
.submit_btn:hover { background: #ECECEC;}
.success{ background: #CFFFF5;padding: 10px; margin-bottom: 10px; border: 1px solid #B9ECCE; border-radius: 5px; font-weight: normal; }
.error{ background: #FFDFDF; padding: 10px; margin-bottom: 10px; border: 1px solid #FFC