/* Artfully masterminded by ARAGMEDIA  */
/*---------------------------------------------------
    LESS Elements 0.6
  ---------------------------------------------------
    A set of useful LESS mixins by Dmitry Fadeyev
    Special thanks for mixin suggestions to:
      Kris Van Herzeele,
      Benoit Adam,
      Portenart Emile-Victor,
      Ryan Faerman

    More info at: http://lesselements.com
-----------------------------------------------------*/
/* Foundation v2.2.1 http://foundation.zurb.com */
/* Artfully masterminded by ARAGMEDIA  */
/* -------------------------------------------------- 
   Table of Contents
-----------------------------------------------------
:: Shared Styles
:: Page Name 1
:: Page Name 2
*/
/* -----------------------------------------
   Shared Styles
----------------------------------------- */
html {
  min-height: 100%;
}
body {
  min-height: 100%;
  /*	.gradient(#888, @color4, @color2);*/

  background: #FFF;
  /*	font-family: 'Inder', sans-serif;*/

  font-family: 'Open Sans', sans-serif;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #2BA6CB;
}
h1.line-bottom,
h2.line-bottom,
h3.line-bottom,
h4.line-bottom,
h5.line-bottom,
h6.line-bottom {
  border-bottom: 2px solid;
}
h1.no-margin-top,
h2.no-margin-top,
h3.no-margin-top,
h4.no-margin-top,
h5.no-margin-top,
h6.no-margin-top {
  margin-top: 0;
}
h1.no-margin-bottom,
h2.no-margin-bottom,
h3.no-margin-bottom,
h4.no-margin-bottom,
h5.no-margin-bottom,
h6.no-margin-bottom {
  margin-bottom: 0;
}
h1.no-margin,
h2.no-margin,
h3.no-margin,
h4.no-margin,
h5.no-margin,
h6.no-margin {
  margin: 0;
}
.row.margin-top-10 {
  margin-top: 10px;
}
p {
  font-size: 1.1em;
}
p.indent {
  text-indent: 30px;
}
.text-justified {
  text-align: justify;
  text-justify: newspaper;
}
.text-italic {
  font-style: italic;
}
.text-bold {
  font-weight: 700;
}
ul,
ol {
  list-style-position: initial;
}
ul.right-list {
  list-style-type: none;
  text-align: right;
}
ul.right-list  > li {
  background-image: url(../images/common/check-19.png);
  background-repeat: no-repeat;
  background-position: 100% .2em;
  padding-right: 24px;
  margin-bottom: .4em;
}
ul.subitems {
  padding-left: 20px;
  margin-bottom: 5px;
}
div.expand {
  width: 100%;
}
div.line-bottom {
  border-bottom: 1px solid #2BA6CB;
  margin-bottom: 14px;
}
#fancybox-content > div {
  overflow: hidden !important;
}
/* --------------------------------------
	Header
----------------------------------------- */
/* Header styles */
#header-content {
  /*	background: @color5;*/

  /*	background: #999;*/

  /*	.gradient(#888, #FFF, #fbf3e7);*/

  padding: 5px 0 0 0;
  background: url(../images/header/fondo_slides.png) repeat-x;
}
#header-content.aplirest {
  background: url(../images/aplirest/header/fondo-cabecera-2.jpg) repeat-x;
}
#header-content.aplirest div.home-slider-columns {
  background: transparent;
}
#header-content.aplipro {
  background: #fdf8f0 url(../images/aplipro/header/fondo-cabecera-aplipro.jpg) repeat-x;
}
#header-content.aplipro div.home-slider-columns {
  background: transparent;
}
a.header-logo {
  background: url('http://www.aragmedia.com/images/logo-web.png') no-repeat;
  width: 261px;
  height: 60px;
  display: block;
}
#footer-logo {
  background: url('../images/sprite.png') no-repeat -10px -108px;
  width: 155px;
  height: 102px;
  margin: auto;
}
a.social-button {
  display: inline-block;
  width: 48px;
  height: 48px;
  /*	.transition(.2s, ease-in-out);*/

}
a.social-button.fb {
  /*		background: url(../images/social/fb-bw.png);*/

  background: url('../images/sprite.png') no-repeat -52px -52px;
}
a.social-button.fb:hover {
  /*			background: url(../images/social/fb-color.png);*/

  background: url('../images/sprite.png') no-repeat -52px -2px;
}
a.social-button.twitter {
  /*		background: url(../images/social/tw-bw.png);*/

  background: url('../images/sprite.png') no-repeat -166px -53px;
}
a.social-button.twitter:hover {
  /*			background: url(../images/social/tw-color.png);*/

  background: url('../images/sprite.png') no-repeat -166px -4px;
}
a.social-button.youtube {
  /*		background: url(../images/social/youtube-bw.png);*/

  background: url('../images/sprite.png') no-repeat -106px -52px;
}
a.social-button.youtube:hover {
  /*			background: url(../images/social/youtube-color.png);*/

  background: url('../images/sprite.png') no-repeat -106px -2px;
}
div.logo.top-left {
  padding-top: 10px;
}
@media only screen and (max-width: 767px) {
  #header-right-content {
    padding-top: 0;
    text-align: center;
  }
}
/*@media only screen and (min-width: 951px){*/
ul.orbit-bullets {
  bottom: -50px;
}
div.orbit.with-bullets {
  margin-bottom: 50px;
  background: transparent;
}
div.home-slider-columns {
  background: url(../images/header/sombra.png) no-repeat center bottom;
}
/*}*/
@media only screen and (max-width: 950px) {
  div.home-slider-columns {
    background: transparent;
  }
  ul.orbit-bullets {
    bottom: -35px;
  }
  div.orbit.with-bullets {
    margin-bottom: 25px;
    background: transparent;
  }
}
/* -------------------------------------------
  Navigation
---------------------------------------------- */
/* Navigation styles */
.nav-bar.top-right {
  height: auto;
  margin-top: 0px;
  margin-bottom: 5px;
  background: transparent;
}
.nav-bar.top-right.expand {
  width: 100%;
}
.nav-bar.top-right.expand  > li {
  margin-bottom: 5px;
}
.nav-bar.top-right.expand  > li a {
  padding-top: 5px;
  padding-bottom: 5px;
}
.nav-bar.top-right  > li:last-child {
  border-right: 0;
  -webkit-box-shadow: 0 0 0;
  -moz-box-shadow: 0 0 0;
  box-shadow: 0 0 0;
}
.nav-bar.top-right  > li {
  background: #333;
  margin-left: 5px;
  margin-bottom: 5px;
  line-height: inherit;
  border: 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  font-weight: bold;
}
.nav-bar.top-right  > li.active {
  background: #BCD62D;
}
.nav-bar.top-right  > li.agente {
  background: #2BA6CB;
}
.nav-bar.top-right  > li a {
  background: transparent;
  color: #fff;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.nav-bar.top-right  > li a:hover {
  background: #BCD62D;
  color: #3e9fd3;
}
#nav-content {
  /*	background: url('../images/nav/patron-azul.jpg') repeat 50%;*/

  background: #333;
  padding: 4px 0;
  height: 48px;
  line-height: 50px;
}
#floatable-nav-bar {
  padding: 0;
}
/** Only on desktops **/
@media only screen and (min-width: 768px) {
  #floatable-nav-bar.nav_floated {
    /*		background: #333;*/
  
    background: rgba(55, 55, 55, 0.8);
    padding: 4px 15px;
    /*		height: 48px;*/
  
    position: fixed;
    top: 0px;
    left: 0;
    right: 0;
    width: 100%;
    text-align: center;
    z-index: 10;
  }
}
ul.scroll-nav {
  list-style: none;
  margin: 0;
  padding: 0;
  line-height: 40px;
  font-size: 12px;
}
ul.scroll-nav  > li {
  display: inline;
  position: relative;
  line-height: 15px;
}
@media only screen and (min-width: 768px) {
  ul.scroll-nav  > li a {
    font-weight: bold;
    background: transparent;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    padding: 5px 20px;
    margin: 10px 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
  }
  ul.scroll-nav  > li a.selected {
    background: #FFF;
  }
  ul.scroll-nav  > li a:hover {
    background: #F8F8F8;
  }
}
@media only screen and (max-width: 767px) {
  ul.scroll-nav  > li a {
    font-weight: bold;
    background: #444;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    padding: 5px 20px;
    margin: 10px 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
  }
  ul.scroll-nav  > li a:hover {
    background: #FFF;
  }
}
ul.scroll-nav  > li a.navlogo {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  width: 40px;
  height: 42px;
  padding: 11px 20px;
  /*			background: url('../images/nav/circulo-bw.png') no-repeat center bottom;*/

  background: url('../images/sprite.png') no-repeat -6px -55px;
  margin: 15px 28px;
}
ul.scroll-nav  > li a.navlogo.selected {
  /*				background: url('../images/nav/circulo-color.png') no-repeat center bottom;*/

  background: url('../images/sprite.png') no-repeat -6px -5px;
}
ul.scroll-nav  > li a.navlogo:hover {
  /*				background: url('../images/nav/circulo-color.png') no-repeat center bottom;*/

  background: url('../images/sprite.png') no-repeat -6px -5px;
}
section > div.row {
  /*	border: 1px dashed #AFA;*/

}
section > div.row.padding-top {
  padding-top: 50px;
  /*		border: 1px dashed #FAA;*/

}
/* --------------------------------------
	Content
----------------------------------------- */
#page-content {
  /*	margin: 2em 0 1em 0;*/

  background: #FFF;
  padding: 0 0 0 0;
}
#page-content .main-row {
  /*	background-color: @color_bkg;*/

  background-color: white;
  /*	.rounded(5px);*/

  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-top-left-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  padding: 1em;
}
.orbit-slider {
  background: #000000 url('../images/foundation/orbit/loading.gif') no-repeat center center;
  overflow: hidden;
}
.orbit-slider img,
.orbit-slider div {
  display: none;
}
.videoWrapper {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */

  padding-top: 25px;
  height: 0;
}
.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* Sections styles */
section.dark-section {
  background: #666;
}
section {
  padding-top: 15px;
}
section  > p img.left,
section p img {
  margin: 5px;
}
section.nosotros .line-top {
  border-top: 2px solid #2BA6CB;
  margin-top: 14px;
  padding-top: 14px;
}
section.nosotros div.translucent-dark-bkg {
  /*		background: rgba(181, 208, 7, 0.6);*/

  background: #d1e269;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  margin-top: 10px;
  margin-bottom: 10px;
}
section.movil {
  background: url(../images/home/fondo-movil.png) repeat;
  color: #fff;
}
section.movil  > .row > div.columns > p {
  font-size: 1.1em;
}
section.movil h1,
section.movil h2,
section.movil h3 {
  color: #b5d007;
}
section.movil div.line-bottom {
  border-bottom: 2px solid #b5d007;
  margin-bottom: 14px;
}
section.movil div.line-left {
  border-left: 2px solid #b5d007;
  margin-top: 10px;
  margin-bottom: 10px;
}
section.movil  > div.translucent-dark-bkg {
  background: rgba(0, 0, 0, 0.4);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  margin-top: 10px;
  margin-bottom: 10px;
}
section.movil div.translucent-light-bkg {
  background: rgba(14, 106, 132, 0.4);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-bottom: 10px;
}
section.movil a.button {
  background: #b5d007;
  color: #333;
}
section.movil a.button:hover {
  background: #8d9c2b;
}
@media only screen and (min-width: 768px) {
  section.movil div.translucent-light-bkg {
    margin-top: 50px;
  }
}
section.servicios {
  background: url(../images/home/fondo-servicios.png) repeat;
  color: #fff;
  padding-bottom: 20px;
}
section.servicios  > .row > div.columns > p {
  font-size: 1.1em;
}
section.contacto {
  background: #3e9fd3;
  color: #fff;
  padding-bottom: 20px;
}
section.contacto h1,
section.contacto h2,
section.contacto h3 {
  color: #EEE;
}
section.contacto a {
  color: #fff;
  font-weight: bold;
}
section.contacto label {
  color: #fff;
}
section.contacto div.translucent-dark-bkg {
  /*		background: rgba(0, 0, 0, 0.4);*/

  background: #255f7e;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  /*		margin-top: 10px;*/

  padding-top: 10px;
  margin-bottom: 10px;
}
section.contacto div.line-bottom {
  border-bottom: 3px solid #B5D007;
  margin-bottom: 14px;
}
section.contacto a.button,
section.contacto input.button {
  background: #b5d007;
  color: #333;
}
section.contacto a.button:hover,
section.contacto input.button:hover {
  background: #8d9c2b;
}
/* ----------------------------------------------
   Aplirest
   ---------------------------------------------- */
section.aplirest {
  /*	background: @color_fondo_aplirest;*/

  /*	background: url(../images/aplirest/aplicaciones-para-iphone.jpg) repeat; */

}
section.aplirest div.line-bottom {
  border-bottom: 3px solid #B5D007;
  margin-bottom: 14px;
}
section.aplirest div.features-box {
  background: rgba(0, 0, 0, 0.1);
  /*		background: #255f7e;*/

  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  padding: 10px 20px;
  margin-bottom: 10px;
}
section.aplirest div.features-box ul {
  margin-left: 20px;
}
section.aplirest .really-big-text {
  font-size: 260px;
  color: #2BA6CB;
}
section.aplirest div.qr-explanation {
  margin-top: 22px;
  margin-bottom: 22px;
}
section.aplirest.comparativa .header-row {
  background-color: #3A99C7;
  color: white;
  font-weight: bold;
}
section.aplirest.comparativa .feature-row {
  padding: 0 5px;
  background-color: #C6E5F4;
  color: black;
}
section.aplirest.comparativa .price-row {
  background-color: #B7CD2B;
  color: black;
  font-weight: bold;
}
section.aplirest.comparativa .notes-row {
  background-color: #F2F2F2;
  color: black;
}
section.aplirest.comparativa ol {
  margin-left: 25px;
}
section.aplirest ol.aplirest-steps {
  font-weight: bold;
  margin-left: 1em;
  color: #2BA6CB;
  font-size: 1.3em;
}
section.aplirest#first {
  background: #B7CD2B;
  color: #ffffff;
}
section.aplirest#first h1 {
  color: #ffffff;
}
section.aplirest#second {
  background: #09A0D2;
  color: #ffffff;
}
section.aplirest#second a.button,
section.aplirest#second input.button {
  background: #b5d007;
  color: #333;
  border: none;
}
section.aplirest#second a.button:hover,
section.aplirest#second input.button:hover {
  background: #8d9c2b;
  text-decoration: none;
}
section.aplirest#second h1 {
  color: #ffffff;
}
section.aplirest#second ul li {
  margin-bottom: .5em;
}
section.aplirest#second a {
  color: #ffffff;
  font-weight: bold;
}
section.aplirest#second a:hover {
  text-decoration: underline;
}
section.aplirest#third {
  background: url(../images/aplirest/patron-comparativa.jpg) repeat;
  color: #ffffff;
}
section.aplirest#third h1 {
  color: #ffffff;
}
section.aplirest#fourth {
  background: #ADACA9;
  color: #1F221D;
}
section.aplirest#fourth h1 {
  color: #1F221D;
}
section.aplirest#fifth {
  background: #ffffff;
  color: #0079C1;
}
section.aplirest#fifth h1 {
  color: #0079C1;
}
/* 
Aplipro
*/
section.aplipro#first {
  background: #09A0D2;
  color: #FFFFFF;
}
section.aplipro#first h1 {
  color: #FFFFFF;
}
section.aplipro#third {
  background: url(../images/aplirest/patron-comparativa.jpg) repeat;
  color: #FFFFFF;
}
section.aplipro#third h1 {
  color: #09A0D2;
}
section.aplipro#fourth {
  background: #ADACA9;
  color: #1F221D;
}
section.aplipro#fourth h1 {
  color: #1F221D;
}
section.aplipro#fifth {
  background: #ffffff;
  color: #0079C1;
}
section.aplipro#fifth h1 {
  color: #0079C1;
}
/* --------------------------------------
	Footer
----------------------------------------- */
#footer-content {
  background: #191b1d;
  color: #CCC;
}
#footer-content p.keywords {
  font-size: 0.7em;
  color: #191b1d;
}
/* -----------------------------------------
   Servicios
----------------------------------------- */
/* Form styles */
/* -----------------------------------------
   Forms
----------------------------------------- */
textarea {
  min-height: 6em;
  resize: none;
}
/*input[type="text"] + .field.error, input[type="password"] + .field.error, textarea + .field.error {*/
/*	margin-top: -12px;*/
/*	margin-bottom: 12px;*/
/*}*/
.small.field.error {
  font-size: 14px;
  font-weight: normal;
}
div.error,
a.error,
p.error,
label.error,
span.error,
input[type="text"].error,
input[type="password"].error,
textarea.error {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #F50;
  color: white;
  font-weight: bold;
  padding: 1px;
  padding-left: 3px;
  padding-right: 3px;
}
select {
  display: block;
  font-size: 14px;
  margin: 0 0 12px 0;
  padding: 6px;
  height: 32px;
  width: 100%;
  background-color: #FEFEFE;
}
select.error {
  /*		background-color: #FFC4A7;*/

  background-color: #FFD5C1;
  font-weight: normal;
  color: #333;
  font-size: 14px;
}
select  + label.error {
  margin-top: -12px;
  margin-bottom: 12px;
}
form.custom div.custom.dropdown {
  width: 100% !important;
  margin-bottom: 12px;
}
form.custom div.custom.dropdown a.current {
  font-weight: normal;
}
form.custom div.custom.dropdown ul {
  width: inherit !important;
}
form.custom div.custom.dropdown ul li:nth-child(odd) {
  background-color: #eee;
}
form.custom div.custom.dropdown ul li.selected {
  font-weight: bold;
  background: transparent;
}
div.success-message {
  padding: 10px 20px;
  margin-bottom: 10px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background: #61BC61;
}
div.success-message  > p {
  text-align: center;
  font-weight: bold;
  margin-top: 17px;
  margin-bottom: 17px;
}
/* -----------------------------------------
   Validation
----------------------------------------- */
input[type="text"].error,
input[type="password"].error,
textarea.error {
  /*		background-color: #FFC4A7;*/

  background-color: #FFD5C1;
  font-weight: normal;
  color: #333;
}
input[type="text"]  + label.error,
input[type="password"]  + label.error,
textarea  + label.error {
  margin-top: -12px;
  margin-bottom: 12px;
}
/* Floating Panel */
.slide-panel {
  position: fixed;
  top: 70px;
  right: 0;
  z-index: 31;
  display: none;
  background: #000000;
  border: 1px solid #111111;
  -webkit-border-top-right-radius: 0px;
  -webkit-border-bottom-right-radius: 0px;
  -webkit-border-bottom-left-radius: 10px;
  -webkit-border-top-left-radius: 10px;
  -moz-border-radius-topright: 0px;
  -moz-border-radius-bottomright: 0px;
  -moz-border-radius-bottomleft: 10px;
  -moz-border-radius-topleft: 10px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 10px;
  border-top-left-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  width: 330px;
  height: auto;
  padding: 0px 50px 0px 20px;
  filter: alpha(opacity=85);
  opacity: .85;
}
.slide-panel p {
  margin: 0 0 15px 0;
  padding: 0;
  color: #cccccc;
}
.slide-panel a,
.slide-panel a:visited {
  margin: 0;
  padding: 0;
  color: #9FC54E;
  text-decoration: none;
  border-bottom: 1px solid #9FC54E;
}
.slide-panel a:hover,
.slide-panel a:visited:hover {
  margin: 0;
  padding: 0;
  color: #ffffff;
  text-decoration: none;
  border-bottom: 1px solid #ffffff;
}
a.slide-trigger {
  z-index: 32;
  position: fixed;
  text-decoration: none;
  top: 70px;
  right: 0;
  font-size: 16px;
  letter-spacing: -1px;
  font-family: verdana, helvetica, arial, sans-serif;
  color: #fff;
  /*	padding: 20px 40px 20px 15px;*/

  font-weight: 700;
  display: block;
  background: #333333 url('../images/sprite.png') no-repeat -291px 0px;
  width: 33px;
  height: 339px;
  border: 1px solid #444444;
  -webkit-border-top-right-radius: 0px;
  -webkit-border-bottom-right-radius: 0px;
  -webkit-border-bottom-left-radius: 10px;
  -webkit-border-top-left-radius: 10px;
  -moz-border-radius-topright: 0px;
  -moz-border-radius-bottomright: 0px;
  -moz-border-radius-bottomleft: 10px;
  -moz-border-radius-topleft: 10px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 10px;
  border-top-left-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  /*	-webkit-transform: rotate(270deg);*/

  /*	-webkit-transform-origin: 50% 50%;*/

  /*	-moz-transform: rotate(270deg);*/

  /*	-moz-transform-origin: 50% 50%;*/

  /*	-o-transform: rotate(270deg);*/

  /*	-o-transform-origin: 50% 50%;*/

  /*	transform: rotate(270deg);*/

  /*	transform-origin: 50% 50%;*/

  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
a.slide-trigger:hover {
  text-decoration: none;
  font-size: 16px;
  letter-spacing: -1px;
  font-family: verdana, helvetica, arial, sans-serif;
  color: #fff;
  /*	padding: 20px 40px 20px 20px;*/

  font-weight: 700;
  display: block;
  background: #222222 url('../images/sprite.png') no-repeat -291px 0px;
  width: 42px;
  height: 339px;
  border: 1px solid #444444;
  -webkit-border-top-right-radius: 0px;
  -webkit-border-bottom-right-radius: 0px;
  -webkit-border-bottom-left-radius: 10px;
  -webkit-border-top-left-radius: 10px;
  -moz-border-radius-topright: 0px;
  -moz-border-radius-bottomright: 0px;
  -moz-border-radius-bottomleft: 10px;
  -moz-border-radius-topleft: 10px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 10px;
  border-top-left-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
a.active.slide-trigger {
  background: url('../images/sprite.png') no-repeat -325px 0px;
  width: 33px;
  height: 339px;
}
.suscribe-form-container div.success-message > p {
  color: #111;
}
@media only screen and (max-width: 767px) {
  a.slide-trigger {
    display: none;
  }
  .slide-panel {
    display: none;
  }
}
/**
Authorized Agents Panel
**/
div.agente-autorizado {
  background: url('../images/agentes/fondo.png');
}
div.agente-autorizado ol {
  margin-left: 25px;
}
div.agente-autorizado ol li {
  padding-left: 10px;
  text-align: justify;
}
div.agente-autorizado p {
  text-align: justify;
}
div.agente-autorizado p.blue-text {
  color: #2BA6CB;
  font-weight: bold;
}
a.demo-button {
  z-index: 32;
  position: fixed;
  text-decoration: none;
  top: 70px;
  left: 0;
  font-size: 16px;
  letter-spacing: -1px;
  font-family: verdana, helvetica, arial, sans-serif;
  color: #fff;
  /*	padding: 20px 40px 20px 15px;*/

  font-weight: 700;
  display: block;
  background: #333333 url('../images/sprite.png') no-repeat -244px -12px;
  width: 34px;
  height: 140px;
  border: 1px solid #444444;
  -webkit-border-top-right-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -webkit-border-bottom-left-radius: 0px;
  -webkit-border-top-left-radius: 0px;
  -moz-border-radius-topright: 10px;
  -moz-border-radius-bottomright: 10px;
  -moz-border-radius-bottomleft: 0px;
  -moz-border-radius-topleft: 0px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 0px;
  border-top-left-radius: 0px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-transition: all 0.05s ease-out;
  -moz-transition: all 0.05s ease-out;
  transition: all 0.05s ease-out;
}
a.demo-button:hover {
  width: 42px;
  background: #333333 url('../images/sprite.png') no-repeat -236px -12px;
}
a#private-area-button {
  z-index: 32;
  position: fixed;
  text-decoration: none;
  bottom: 0px;
  right: 20px;
  font-size: 16px;
  letter-spacing: -1px;
  font-family: verdana, helvetica, arial, sans-serif;
  color: #fff;
  /*	padding: 20px 40px 20px 15px;*/

  font-weight: 700;
  display: block;
  background: #333333 url('../images/sprite.png') no-repeat -6px -276px;
  width: 125px;
  height: 23px;
  border: 1px solid #444444;
  border-bottom: 1px solid #333;
  -webkit-border-top-right-radius: 10px;
  -webkit-border-bottom-right-radius: 0px;
  -webkit-border-bottom-left-radius: 0px;
  -webkit-border-top-left-radius: 10px;
  -moz-border-radius-topright: 10px;
  -moz-border-radius-bottomright: 0px;
  -moz-border-radius-bottomleft: 0px;
  -moz-border-radius-topleft: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-top-left-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
a#private-area-button:hover {
  background: #222222 url('../images/sprite.png') no-repeat -6px -298px;
}