/*--------------------------------------------------------------------------
   Clic
   ----------------------------------------------------------------------------
   File: layout.css
   Gerardo Gonzalez Flores
  gerardo AT clic DOT com DOT mx <--
   ---------------------------------------------------------------------------
   CSS Layout styles for the web site.
   Layout CSS para el sitio.
   --------------------------------------------------------------------------*/
  /* Layout
   -------------------------------------------------------------------*/
  html.layout {
    background: #FBFBFB;
  }

  html * {
    font-family: 'Source Sans Pro', sans-serif;
    font-size:12pt;
  }


  body#equilibrioModular-mx {
    background: url(../img/fondo-top.png) repeat-x 0px 0px;
  }

  #body{
    position:relative;
    background: url(../img/shadow-buscador.png)  center -10px no-repeat;
    /*z-index:990;*/
    width:1194px;
    margin:0px auto;
    padding-bottom:10px;
  }


   #wrapperHeader{
     height:197px;
   }

  .wrapper {
    margin: 0px;
    margin-right:auto;
    margin-left:auto;
    width:100%;
    position:relative;
  }

  #wrapperFoot {
    min-height: 58px;
    height: auto !important;
    height: 58px;
    position: relative;
    border-top: 1px solid #ffffff;
    clear: both;
  }

  #header {
   	position: relative;
    margin: 0 auto;
    position: relative;
    width: 1194px;
    height: 159px;
  }


  /*** busqueda **/

  #barraBuscador {
    width:98%;
    position:relative;
    margin:0px auto;
    background: #000000;
    padding-top:5px;
   /* height:53px;*/


  }
  #barraBuscador h3.titleSideBar {
    display:none;
  }


  #barraBuscador form.buscador {
      position:relative;
      background: #ffffff;

      overflow: hidden;
      width: 100%;
      margin:0px auto;
      height: 39px;
      position: relative;


  }
  #barraBuscador form.buscador input#s {
    border: 1px solid white;
    float: left;
    font-size: 12pt;
    padding: 8px 4px 8px 15px;!important;
    background-color: #FFF;
    width: 535px;
  }

  #barraBuscador form.buscador select {
  font-size: 12pt;
    padding: 8px 0px 1px 0px;!important;
    background:none;
    border:none;
    width: 170px;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
    margin-left:5px;

}

  #barraBuscador form.buscador div.select{
    background: url(../img/select-arrow.png) no-repeat  right 0.95em;
    height: 29px;
    overflow: hidden;
    width: 163px;
    float:left;
  }
  #barraBuscador form.buscador div.select:hover{
    background: url(../img/select-arrow-strong.png) no-repeat  right 0.95em;
  }


  :focus { outline: 0 none;}

  #barraBuscador form.buscador input#searchsubmit {
      -moz-border-bottom-colors: none;
      -moz-border-image: none;
      -moz-border-left-colors: none;
      -moz-border-right-colors: none;
      -moz-border-top-colors: none;
      background: #7DAE30;
      border-color: -moz-use-text-color -moz-use-text-color -moz-use-text-color #CCCCCC;
      border-style: none none none solid;
      border-width: medium medium medium 1px;
      color: #ffffff;
      float: right;
      font-size: 13pt;
      font-weight: normal;
      padding: 7px 5px 7px 6px;
      cursor: pointer;
      text-transform: uppercase;
      height:39px;
      transition: all  0.5s ease;
      -webkit-appearance: none;
      border-radius: 0px;
  }

  #barraBuscador form.buscador input {
     -webkit-appearance: none;
 }


  #barraBuscador form.buscador input#searchsubmit:hover{
  background: #567922;
}
  #barraBuscador form.buscador input::-moz-placeholder ,
  #barraBuscador form.buscador input:-moz-placeholder {
   color:#595959;
   font-weight: bold;

  }

  #barraBuscador form.buscador input::-webkit-input-placeholder {
    color:#595959;
   font-weight: bold;
  }

#barraBuscador form.buscador input::-ms-input-placeholder {
   color:#595959;
   font-weight: bold;

  }


  /*.busqueda input#searchsubmit:hover {
    text-shadow: 0 0 7px #E6D754;
  }*/
  /** =busqueda **/

  /* =Layout343
   -------------------------------------------------------------------*/
  /* Header
   -------------------------------------------------------------------*/
  a#logo {
  	display:block;
  	width: 411px;
    height: 79px;
    background: url(../img/logo-equilibrio-modular.png) no-repeat top ;
    top: 35px;
    left: 10px;
  	position:absolute;
  	z-index: 99;
  }
  a#logo h1 span {display:none}

  #mensaje {
  	position:absolute;
  	top:170px;
  	left:187px;
  	width:310px;
  	font-size:13pt;
  	background:  url(../img/separador-mensaje.png) no-repeat bottom;
  	z-index:1;
  	padding-bottom:14px;
  }



  /* quicklinks */
  #quickLinks {
    position: absolute;
    height: 23px;
    width: 42px;
    top: 7px;
  	left: 452px;
  	z-index: 999;

  }

  /* quicklinks */
  ul#quickLinks, ul#quickLinks li {
      padding: 0px;
      margin: 0px
  }

  #quickLinks li {
      list-style: none;
      background: none;
  }

  #quickLinks li.home, #quickLinks li.contact, #quickLinks li.siteMap {
      position: absolute;
  }

  #quickLinks a {
      display: block;
      width: 25px;
      height: 22px;
  }

  #quickLinks a span {
      display: none;
  }

  #quickLinks li.home {
      left: 0px;
      top: 0px;
  }

  #quickLinks li.contact {
      left: 45px;
      top: 0px;
  }

  #quickLinks li.siteMap {
      left: 90px;
      top: 0px;
  }

  #quickLinks li.home a {
      background: url(../img/home-over.gif) 0px 0px  no-repeat;
  }

  #quickLinks li.home a:hover {
      background: url(../img/home-over.gif) 0px -22px #EAFB33 no-repeat;
  }

  #quickLinks li.contact a {
      height: 23px;
      background: url(../img/contacto-over.gif)   0px 0px no-repeat;
  }

  #quickLinks li.contact a:hover {
      background: url(../img/contacto-over.gif) 0px -22px #EAFB33 no-repeat;
  }

  #quickLinks li.siteMap a {
      height: 23px;
      background: url(../img/mapa-sitio-over.gif)  0px 0px no-repeat;
  }

  #quickLinks li.siteMap a:hover {
      background: url(../img/mapa-sitio-over.gif) 0px  -22px #EAFB33 no-repeat;
  }
  /* =quicklinks */





  /***** -60 --- NAV BAR  ****/


  ul#menu {
    width:100%;
    background: none;
    z-index: 992;
    margin:0px;
    /*box-shadow: inset 3px 3px 40px -6px #ff0000;*/
  }

  ul#menu > li {
    /*padding-bottom:1px;*/
    min-height:30px;
    height:auto !important;
    height: 30px;
    border-bottom:1px solid #6F9B2B;
    padding-bottom:10px;

    border-top: 1px solid #58752C;
  }

  ul#menu > li:last-child {
    border-bottom: none;
  }

  ul#menu > li:first-child {
    border-top: none;
  }

  ul#menu * {
    font-family: 'Source Sans Pro', sans-serif;
    font-size:12pt;
    }

  ul#menu {

    padding: 20px 0px 20px 0px;

  }



  /* =Header
   ------------------------------------------------------------------*/
  /* Body
   ------------------------------------------------------------------*/
  #contentHeader {
    min-height: 30px;
  	height:auto !important;
  	height: 30px;
    background: none;


  }

  #contentHeader * {
    color: #ffffff;

  }

  #contentHeader h1.title span {
      color: #444444;
      font-size: 22pt;
      font-weight: bold;
      text-transform: uppercase;
  }

  #contenido, .contenido {
      /*width:60%;*/
      /*position: relative;*/
      padding-bottom: 10px;
      text-align: left;
      min-height: 520px;
      height: auto !important;
      height: 520px;
      /*border:1px solid;*/
      padding: 0px 8px 15px 8px;

  }


  #barraLateral {
    width: 21%;
    float:left;

    clear:both;
    border-radius:10px;

    margin-top:30px;

    border:1px solid #597D22;
    background: #719E2C; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZTAzYTJkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2M0MmIyYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(-45deg,  #597D22 0%, #719E2C 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#597D22), color-stop(100%,#7DAE30)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg,  #597D22 0%,#719E2C 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg,  #597D22 0%,#719E2C 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg,  #597D22 0%,#719E2C 100%); /* IE10+ */
    background: linear-gradient(135deg,  #597D22 0%,#719E2C 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#597D22', endColorstr='#719E2C',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */

  }

  #barraLateral h3{
    color:#ffffff;
    text-align:center;
    padding-top:5px;
    position:relative;
  }

  #barraLateral ul{
    padding-top:0px;
  }

  #areaCentral {

    width: 78%;
    float:right;
    margin:0px auto;
     /* alto minimo */
    min-height: 530px;
    height: auto !important;
    height: 530px;
    text-align: left;

  	/*position:relative;*/
  	z-index:800;

  }





  /* Le ponemos el fondo a la paginacion */
  #paginacion {
      margin-top: 0px;
      padding-bottom: 5px;
      height:40px;
      /*overflow: hidden;*/
      /*background: url(../img/content_bg.jpg) repeat-y top;*/
  }
  /* =Body

   ------------------------------------------------------------------*/
  /* Footer
   ------------------------------------------------------------------*/
  #footerWrapper {
  	width:100%;
  	margin:0px auto;
    border:none;
    position: relative;
    background: url("../img/footer-bg-top.png") no-repeat top center #7FB230;

  }


  #footerWrapper .miniLogo{
    position:absolute;
    top:-56px;
    left:514px;
    border:10px solid #FBFBFB;
  }

  #footer {
      position:relative;
      width:1194px;
      margin:0px auto;

      text-align: center;
      clear: both;
      padding:20px 0px 5px 0px;
      min-height:142px;
      height:auto !important;
      height:142px;
  }

  #footerContent div, #footerContent h3  {
      display: none;
  }

  #footerAux {
  	width:1194px;
  	margin:0px auto;
  	height:33px;
    font-size: 8pt;
    text-align: right;
    padding-top:5px;

  }
  .clicLink {
    padding-right:15px;
  }

  #footerAux *, #footerAux{
      color: #ffffff;
      font-size: 8pt;
  }

  #footer * {
  	color:#ffffff;

  	font-size: 12pt;
  }




  ul#footerLinks { width:790px; margin:10px auto 5px auto; }
  ul#footerLinks li { float:left; }


#footer #charla {

    left: 560px;
    padding-top: 10px;
    position: absolute;
    top: 30px;
    width: 350px;
}
  /* =Footer
   -------------------------------------------------------------------*/
  .message {
      padding: 10px;
      margin-top: 35px;
      background: #FFDEDE;
      width: 338px;
      text-align: center;
      border: 1px solid #FF7F7F;
  }

 .descripcion .message {
     font-size:10pt;
      width: 700px;
     margin:0px auto;
  }

  .getIpMessage {
  	font-size:18pt;
  	font-weight:bold;

  }

  #flashMessage {
      background: #FFDEDE;
      border: 1px solid #FF7F7F;
      /*height:20px;*/
      padding: 3px;
      width: 250px;
      margin-left: auto;
      margin-right: auto;
      text-align: center;
  	margin-bottom:10px;
  	margin-top:5px;
  	z-index:1;
  }


  ul#serviciosInicio{
  	width:700px;
  	background:none;
  	padding:0px;
  	margin:0px;
  }

  ul#serviciosInicio li {
  	float:left;
  	width:350px;
  	background:none;
  	list-style-image:none;
  	padding:0px;
  	margin:0px;
  }
  /*Estilos para secciones colapsables*/
  .show{
  	display:true;
  }
  .hide{
  	display:none;

  }

  #formatoTabla { width:700px; margin-left:auto; margin-right:auto; margin-top:10px;}

  /** Elmentos Portafolio **/




  ul.subMenu {
  	margin: 4px 5px 4px 10px;
  }


  ul.subMenu  li{
  	color:#ffffff;
  	background: url(../img/bullet-sub-menu.png) no-repeat .1em .3em;
  	margin-left:10px;
  	padding-left:12px;
  }
  ul.menu a span {
    color:#ffffff;
  }




  ul#menu,
  ul#menu ul{
    margin:0px;
  }
  	/** Ayuda **/

  div#ayudaEnLineaTel {
    position:absolute;
  	right: 5px;
  	width: 390px;
    top:7px;
  	z-index: 9;
  	text-align: left;
  	/*background: url(../img/ayudaenlinea-bg2.png) no-repeat;*/
    }
  div#comoComprar {
  	width: 130px;
  	height: 57px;
  	position: absolute;
  	right: 599px;
  	z-index: 25;
  	top: 262px;
  }
  ul#ListaDeTelefonos { margin:0px;}
  ul#ListaDeTelefonos li{
  	color: white;
  	font-size: 16px;
  	letter-spacing: -0.02em;
  	font-weight: normal;
  	float: left;
  	background: none;
  	text-shadow: 0 0 3px black;
  	padding-left:5px;
  }

  div#comoComprar a {  display:block; width:130px; height:57px; background: url(../img/como-comprar-bg2.png) no-repeat;}
  div#comoComprar span {display: none;}

   h1#titleAyudaEnLinea {
      font-size: 15pt;
      position: absolute;
      right: 45px;
      text-align: center;
      top: 12px;
      width: 310px;
  	color: #fff;
  	/*text-shadow: 0 0 2px black;*/
    }
      h1#titleAyudaEnLineaTel {
  	font-size: 16px;
     color: #fff;
     text-align:center;
  	}

      h1#titleHorarioAtencion{
      font-size: 10pt;
      top: 0px;
  	color: black;
  	letter-spacing: -0.02em;

    }
    div#horariosGuia{
      position:absolute;
      left: 498px;
  	z-index: 9;
  	/*background: url(../img/ayudaenlinea-bg.png) no-repeat;*/
  	top: 17px;
  	border: 2px solid white;
  	background: #f0f9ff;
  	background: -moz-linear-gradient(top,  #f0f9ff 0%, #99d7ff 47%, #6bc8ff 100%);
  	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f9ff), color-stop(47%,#99d7ff), color-stop(100%,#6bc8ff));
  	background: -webkit-linear-gradient(top,  #f0f9ff 0%,#99d7ff 47%,#6bc8ff 100%);
  	background: -o-linear-gradient(top,  #f0f9ff 0%,#99d7ff 47%,#6bc8ff 100%);
  	background: -ms-linear-gradient(top,  #f0f9ff 0%,#99d7ff 47%,#6bc8ff 100%);
  	background: linear-gradient(to bottom,  #f0f9ff 0%,#99d7ff 47%,#6bc8ff 100%);
  	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f9ff', endColorstr='#6bc8ff',GradientType=0 );
  	padding: 4px;
    }


    div#ayudaEnLinea{
      position:absolute;
  	width: 382px;
  	height: 75px;
      right: 10px;
  	z-index: 9;
  	/*background: url(../img/ayudaenlinea-bg.png) no-repeat;*/
  	top: 0px
    }




    h2#twitterBox  span { display:none; }

    h2#twitterBox { position:absolute;  width:140px; height:56px;  top:10px;  right:10px; margin:0px;  padding:0px; }
    h2#twitterBox a {  display:block; width:140px; height:56px; background: url(../img/twitter-tienda-clic.png) no-repeat;}

    div#messengerBox { position:absolute;  width:102px; height:34px;  top:11px;  left:25px; margin:0px;  padding:0px; }
    img#messengerIcon {
      display: block;
      height: 56px;
      left: -15px;
      position: absolute;
      top: -12px;
      width: 43px;
      z-index: 8552;
    }

  #bannerBody {
  	  height: 404px;
      width: 100%;


      margin:0px auto;
      overflow:hidden;

  }

  #bannerArea {
    width:1194px;
    margin:0px auto;
    height:404px;
    position:relative;
    top:0px;
    left:0px;
    z-index:10;
    overflow: hidden;
  }
  div.imageBanner {
    width:1194px;
    height:404px;
    position:absolute;
    top:0px;
    left:0px; }

  #seccionTitle {

  }

  /*COLLAPSED SECTIONS*/

  #preg1 ,#preg2 ,#preg3 ,#preg4 ,#preg5 ,#preg6 {
  	width: 920px;
  	display: none;
  }
  /*#preg1 ,#preg2 ,#preg3 ,#preg4 ,#preg5 ,#preg6, b{
  	padding: 10px 30px 10px 50px;
  	text-align: justify;
  }*/
  img.colapsa{
      margin-left: 10px;
  }
  .preguntas {
  	color: #000;
      text-decoration: none;
  	font-weight: bold;
  }
  .preguntas:hover {
  	text-decoration: underline;
  }
  .resps {
  	font-weight: normal!important;
  	padding: 0px;
  	margin-left: -2px;
  }
  #endeachfaq {
  	width: 994px;
  	height: 20px;
  	background: url(../img/faqs-bg.png) no-repeat;
  }
  #endfaqs {
  	width: 994px;
  	height: 20px;
  	background: none;
  }
  /************FIN SECCION FAQS**************/



  /***********SECCION PAQUETES***************/

  div#detallePaquetes {
  	width:994px;
  	padding: 0px;
  }
  #plat ,#gold ,#silver {
  	display: none;
  }
  #fantasia ,#ilusion ,#ensueno {
  	display: none;
  }
  #medida {
  	display: none;
  }
  /*************************PAGINAS CON CONTENIDO*******************/
  #terms {
  	margin: 0;
  	padding: 0 20px 0 0;
  }
  #terms h3 {
  	margin: 0;
  	padding: 0;
  }
  #terms h2 {
  	font-size: 15px;
  	margin-bottom: 20px;
  }
  #terms p {
  	font-size: 12px;
  	text-align: justify;
  	margin-bottom: 15px;
  }
  #terms span {
  	font-size: 11px;
  	text-align: justify;
  	color: #030;
  }
  #terms span:hover {
  	text-decoration: underline;
  }

  ul#faqs { margin:0px; }

  ul#faqs ul { margin:0px; }


  /*** UBICACION **/

  div#mapa {
  		width: 600px;
  		margin:0px auto;
  		border:2px solid #157B15;
  	}




  div.fb-like {  z-index:100; margin-top:10px;}
  div.tweet-this {  z-index:100; margin-top:10px;}
  table#paypalTable { position:absolute; bottom:5px; left:20px; z-index:100;}


  /**** FORMS ***/
  /*-------------------------------------------------------------------------
   Clic
   ---------------------------------------------------------------------------
   File: forms.css

   Gerardo Gonzalez Flores
   --> gerardo AT clic DOT com DOT mx <--
   ---------------------------------------------------------------------------
   CSS style for html forms
   Estilos generales para los formularios utilizados
   --------------------------------------------------------------------------*/
  .textoPequeno {
      font-size: 10px;
      text-align: center;
  }

  .admin {
      width: 550px;
      /*border:1px solid;*/
  }

  .admin label, .view label {
      display: block;
      width: 150px;
      float: left;
      text-align: right;
      padding-right: 2px;
  }

  .view label {
      font-weight: bold;
  }

  .converter label {
      width: 110px;
  }

  .formItem {
      padding-top: 1px;
      padding-bottom: 1px;
      clear: both;
  }
  #formaLogin .input input{
  	width:200px;
  }
  .formItem input, .formItem textarea {
      width: 270px;
  }

  .formItem input.radio, input.checkbox {
      width: auto;
  }

  .converter .formItem input {
      width: 100px;
  }

  .formItem select {
      width: 150px;
  }

  .submit {
      text-align: center;


  }
  /* Formularios de contacto */
  .forma, #contacto .formItem input,#contacto textarea {
      width: 400px;
  	margin-bottom: 12px;
  	padding: 5px;
  	border: 2px solid #DADADA;
  	border-radius: 5px;
  	font-size: 15px;
  	/*box-shadow: 1px 1px 2px #333;*/
  }

  #contacto div.textoPequeno {
    margin-bottom:10px;
  }
  #subBtn, #ajaxFormClose { margin-top:10px;}
  #contacto .submit input {
      width:auto;
      font-size:12pt;
  }

  .atencion {
    color: red;
  	font-size: 90%;
    font-weight: bold;


  }

  fieldset {
      border: 1px solid #ccc;
      margin-top: 5px;
      padding: 10px 20px;
      /*width:80%;*/
  }

  fieldset legend {
      color: #343468;
      font-size: 110%;
      font-weight: bold;
      padding: 5px;
  }

  form#charters .formItem label {
      width: 180px;
  }

  form#charters .comments label {
      float: none;
      width: auto;
  	text-align:left;
  }

  form#charters .comments textarea {
      width: 98%
  }


  /* Titles
  ------------------------------------------------------------*/
   h1, h2, h3, h4, h5 {
   	margin:0px;
  	padding:0px;
  	font-size:14pt;
   }

   h1.title span { font-size:14pt;}





  .titleQuotation, .titleSideBar, h1.title,  h2.title {
    color:#000000;
    font-size:14pt;
    text-align: left;
    padding:5px 0px 5px 0px;
  }

 h2.subTitle, #contentHeader h1.title{
  color:#ffffff;
  font-size:26pt;
  font-weight: bold;
  text-align: center;
  padding:10px 22px 10px 22px;
  line-height: .625em;
  display:inline-block;
  background: #7DAE30;
  margin-bottom:20px;
  /*min-height:51px;
  height: 51px!important;*/
  overflow: hidden;
  position:relative;
 }

 #contentHeader {
  padding-top:30px;
  text-align: center;
 }

 #contentHeader h1.title span, #contentHeader h1.title *, #contentHeader h1.title {
  color:#ffffff;
 }

h2.subTitle:before, #contentHeader h1.title:before{
    content: '';
  position: absolute;
  left: -20px;
  top: -1px;
  transform: skew(8deg, 1deg) ;
background:  #FBFBFB;

  height:120%;
  width: 30px;
}

h2.subTitle:after, #contentHeader h1.title:after{
  content: '';
  position: absolute;
  right: -20px;
  top: -1px;
  transform: skew(-8deg, 1deg) ;
  background:  #FBFBFB;

  height:120%;
  width: 30px;
}

 h2.subTitle span, #contentHeader h1.title .breadcrum,  #contentHeader h1.title .breadCum *,
  #contentHeader h1.title div.breadcrum {
  font-size:10pt;
  display: inline-block;
  font-weight: normal;
  color:#ffffff;
 }




   h1.view span { font-size:14pt;}

   h1.view, h2.view{
  	width: 690px;
  	/*height: 94px;*/
  	/*background: url(../img/view-bg.png) no-repeat;*/
  	margin-bottom: 10px;
  	padding: 10px;
  	font-style: italic;
  	background-color: #F5F5F1;
  	border-radius: 10px;
   }

    h2.title { height:19px;}

   .square h1.title{
  	width:100%;
  	height:25px;
  	padding:0px;
  	margin:0px;
   }



   h2.sub{
  	width:auto;
  	height:17px;
  	margin-bottom:5px;

   }

   h2.subMap {
  	  background: url(../img/bullet1.jpg) no-repeat .1em .3em;
  	  padding-left:15px;
   }


   h3.subCatalog {
  	background: url('../img/app/flechaBgEnd.gif') no-repeat 10px 50%;
  	padding-left:35px;
  	margin-top:3px;
  }

 h3 *, h3{
  font-size:14pt;
  padding-bottom:10px;
 }

  .brandDescription {
      clear: both;
      margin: 0 auto;
      padding-bottom: 17px;
      width: 690px;
    }

  .itemLateral {
    margin-bottom:10px;
  }

  #footer .infoFooter {
    width:500px;
    height:108px;
    position:relative;
    top:10px;
    left:10px;
    text-align:left;
    padding-top:10px;




  }

  #footer .infoFooter, #footer .infoFooter * {
    font-size:12pt;
  }



  #footer .infoFooter  strong,
  #footer  h4 {
    display:block;
    font-size:16pt;
    padding:0px;
    margin:0px;
    border-bottom:2px solid #ECECEC;
    margin-bottom:4px;
    text-align: left;

  }

#footer .infoFooter  strong{
  height:36px;
    width:250px;
  background: url(../img/logo-horizontal-blanco.png) no-repeat;
  top:10px;
  display:block;
 text-indent: -9999px;
 padding-bottom:10px;
}


  #footer .infoFooter #direccion {
    font-size:11pt;
    font-style: normal;
    padding-top:10px;
  }



  #footer .infoFooter strong {
    font-style: normal;
  }

  #datosTel {
    display:block;
    clear:both;
    width:280px;
    position:absolute;
    right:10px;
    bottom:23px;
    text-align:left;
  }

  #paymentsType span{ display:none;}
  #paymentsType {
    position:absolute;
    top:40px;
    left:871px;
    background: url(../img/payments-logo.png) no-repeat bottom;
    width:290px;
    height:120px;
  }


  .btnList li { background:none; display:inline-block;}

  #menuImg img { padding:4px; }

  #menuImg {  padding:10px; width:95%;  margin:0px auto;}


  #mensajeCotizacion {
      margin: 10px auto;
      width: 85%;
  }
  .alert-warning {
      background-color: #FCF8E3;
      border-color: #FAEBCC !important;
      color: #8A6D3B;
  }
  .alert-success {
      background-color: #DFF0D8;
      border-color: #D6E9C6 !important;
      color: #3C763D;
  }
  .alert-danger {
      background-color: #F2DEDE;
      border-color: #EBCCD1 !important;
      color: #A94442;
  }
  .alert-info {
      background-color: #D9EDF7;
      border-color: #BCE8F1 !important;
      color: #31708F;
  }
  .alert {
      border: 1px solid rgba(0, 0, 0, 0);
      border-radius: 4px;
      margin-bottom: 20px;
      padding: 15px;
  }

  form#contacto {
    width: 600px;
    margin:0px auto;
  }

  form#contacto  .formItem label { width:90px; }
  form#contacto  .formItem div.error-message { margin-left:95px; }

  .buttonBlue {
      background: none repeat scroll 0 0 #EC1B24;
      border: medium none;
      /*border-radius: 5px;*/
      color: #FFFFFF;
      cursor: pointer;
      float: right;
      font-weight: bold;
      padding: 5px;
  }


   a:hover .buttonBlue {
      background: none repeat scroll 0 0 #322F35;
      border-left: medium none;
  }

  #listadoNoticias li div.item {
      background: url("../img/separador.gif") repeat-x scroll center bottom rgba(0, 0, 0, 0);
      margin-bottom: 10px;
      padding-bottom: 40px;
  }

  #listadoNoticias  h3.title {
    font-size:14pt;
    padding-left:0px;
  }



  #menuImg a:hover {
      background: url(../img/alpha-red.png) repeat
  }

  #menuImg a {
      width:149px;
      height:125px;
      border:0px solid;
      display:inline-block;
      position:relative;
      z-index:35;
      padding:3px

  }

  #menuImg a img {
      padding:0px;
      position:relative;
      z-index:10;
  }

  #menuTop li {
    display:inline-block;
    background:none;
    padding:0px;

  }

  #menuTop li:hover{

  }

  #menuTop li a{
    text-transform: uppercase;
    color:#ffffff;
    font-weight: bold;
    font-size:18pt;
    display:block;
    padding:5px 15px;
    border:none;
    background:none;
    transition: all .80s;
    border-bottom:2px solid #7DAE30;
  }
  #menuTop * {
     font-size:13pt;
  }

  #menuTop li a:hover{
    /*color:#373737;*/
    background: none;
    border-bottom:2px solid white;
  }

  ul#menuTop  {
    margin:0px auto;
    position: relative;
    top:155px;
    display: inline-block;
  }

  #contentHeader h1 span.catSep {
    font-size:14pt;
  }
  ul#siteMap  { margin-left:0px; margin-top:0px;}
  ul#siteMap h2{ font-weight:normal;}

ul.socialMenu {
  margin:0px;
  padding:0px;

}

ul#socialButtonTop {
  position:absolute;
  z-index:8996;
  left:574px;
  top:40px;
}

ul.socialMenu li {
  background: none;
  margin:0px;
  padding:0px;
  float:left;
  height:28px;
  vertical-align: middle;
  padding-left:4px;
}



ul#socialButtonFoot.socialMenu li {
  margin-top:4px;
}

ul#socialButtonFoot.socialMenu {
  position:relative;
}


/*Social buttons*/
a.socialButton {
  display:inline-block;
  width:28px;
  height:28px;
  z-index: 60;
}

a.socialButton span{
  display:none;
}

a.fbBlack {
  background: url(../img/fb.png) no-repeat 0px 0px;
}

a.fbBlack:hover {
  background: url(../img/fb.png) no-repeat 0px -28px;
}

a.twitterBlack {
  background: url(../img/twitter.png) no-repeat 0px 0px;
}

a.twitterBlack:hover {
  background: url(../img/twitter.png) no-repeat 0px -28px;
}

a.gPlusBlack {
  background: url(../img/gplus.png) no-repeat 0px 0px;
}

a.gPlusBlack:hover {
  background: url(../img/gplus.png) no-repeat 0px -28px;
}

a.whatsBlack {
  background: url(../img/whatsapp.png) no-repeat 0px 0px;
}

a.whatsBlack:hover {
  background: url(../img/whatsapp.png) no-repeat 0px -28px;
}

a.phoneBlack {
  background: url(../img/phone.png) no-repeat 0px 0px;
}

a.phoneBlack:hover {
  background: url(../img/phone.png) no-repeat 0px -28px;
}



ul.socialMenu li span.tel{
  color:#595959;
  vertical-align: middle;
  padding-bottom:22px;
  padding-left:4px;
  display: inline-block;

}


a.fbWhite {
  background: url(../img/fb-white.png) no-repeat 0px 0px;
}

a.fbWhite:hover {
  background: url(../img/fb-white.png) no-repeat 0px -28px;
}

a.twitterWhite {
  background: url(../img/twitter-white.png) no-repeat 0px 0px;
}

a.twitterWhite:hover {
  background: url(../img/twitter-white.png) no-repeat 0px -28px;
}

a.gPlusWhite {
  background: url(../img/gplus-white.png) no-repeat 0px 0px;
}

a.gPlusWhite:hover {
  background: url(../img/gplus-white.png) no-repeat 0px -28px;
}

a.whatsWhite {
  background: url(../img/whatsapp-white.png) no-repeat 0px 0px;
}

a.whatsWhite:hover {
  background: url(../img/whatsapp-white.png) no-repeat 0px -28px;
}


div#wrapper.scroll {
  position:fixed;
  height:39px;
  background: #ff2626;
  z-index: 90809;

}

div#wrapper.scroll #barraBuscador{
  top:-1px;
  left:305px;
  margin-bottom:0px;
  width: 668px;
  border-bottom:0px;

}

div#wrapper.scroll #menuTop,
div#wrapper.scroll #socialButtonTop,
div#wrapper.scroll #quickLinks {
  display:none;
}

div#wrapper.scroll #barraBuscador form.buscador {
  width: 100%;
  border-top:0px;
}


div#wrapper.scroll  #logo {
  width:162px;
  height:35px;
  background: url(../img/logo-tvshop-texto.png) no-repeat;
  top:0px;
}


div#wrapper.scroll  #menu {
  top:0px;
  left:60px;
}


div#wrapper.scroll  #menu li.exterior {
  display:none;
}

div#wrapper.scroll ul#socialButtonTop {
    top: 2px;
    left:620px;

}

div#wrapper.scroll ul#ListaDeTelefonos li  {
  padding-top:5px;
}



div#wrapper.scroll div#infoQuotation {
  top:0px;
}

div#wrapper.scroll div#header {
  height: 125px;
}

div#wrapper.scroll #menu li.categoLabel {
  display: none;
}

div#wrapper.scroll  ul#menu li#mnProductos  {
  right:auto;
  left:113px;
  padding:4px 12px;
}


div#wrapper.scroll div#infoQuotation .title {
    color: #ffffff;
    left: -84px;
    position: absolute;
    text-align: center;
    width: 83px;
}

div#wrapper.scroll  div#infoQuotation  {
  height: 38px;
}

div#wrapper.scroll  div#infoQuotation .itemsWrapper {
  border:0px;
  height: 38px;
}

div#wrapper.scroll  div#infoQuotation a#ligaCotizacion {
  width: 130px;
  height: 38px;
}

div#wrapper.scroll  #barraBuscador form.buscador input#s{
  width:400px;
}

div#wrapper.scroll  #barraBuscador form.buscador .submit{
  border-right:1px solid #ffffff;
}

div#wrapper.scroll ul#menu.sf-menu li#mnProductos > ul {
    left: 0;
    right: auto;
}

 div#wrapper.scroll ul#menu.sf-menu  li#mnProductos ul ul {
    left:100%;
    right:auto;
   }


a.fbColor {
  background: url(../img/fb-color.png) no-repeat 0px 0px;
}

a.fbColor:hover {
  background: url(../img/fb-color.png) no-repeat 0px -28px;
}

a.twitterColor {
  background: url(../img/twitter-color.png) no-repeat 0px 0px;
}

a.twitterColor:hover {
  background: url(../img/twitter-color.png) no-repeat 0px -28;
}

a.gPlusColor {
  background: url(../img/gplus-color.png) no-repeat 0px 0px;
}

a.gPlusColor:hover {
  background: url(../img/gplus-color.png) no-repeat 0px -28px;
}

a.whatsColor {
  background: url(../img/whatsapp-color.png) no-repeat 0px 0px;
}

a.whatsColor:hover {
  background: url(../img/whatsapp-color.png) no-repeat 0px -28px;
}


a.pinterestColor {
  background: url(../img/pinterest-color.png) no-repeat 0px 0px;
}

a.pinterestColor:hover {
  background: url(../img/pinterest-color.png) no-repeat 0px -28px;
}

a.skypeColor {
  background: url(../img/skype-color.png) no-repeat 0px 0px;
}

a.skypeColor:hover {
  background: url(../img/skype-color.png) no-repeat 0px -28px;
}

a.phoneColor {
  background: url(../img/phone-color.png) no-repeat 0px 0px;
}

a.phoneColor:hover {
  background: url(../img/phone-color.png) no-repeat 0px -28px;
}

a.instagramColor{
  background: url(../img/instagram-color.png) no-repeat 0px 0px;
}

a.instagramColor:hover {
  background: url(../img/instagram-color.png) no-repeat 0px -28px;
}


a.mailColor{
  background: url(../img/mail-color.png) no-repeat 0px 0px;
}

a.mailColor:hover {
  background: url(../img/mail-color.png) no-repeat 0px -28px;
}

.imagesContainer #carouselWrapper {
  width:370px;
  margin-top:10px;
}

.imagesContainer #carouselWrapper  .slideView .image { border:1px solid red;}

.imagesContainer #carouselWrapper a.ui-carousel-prev { top:60px; left:-30px;}
.imagesContainer #carouselWrapper a.ui-carousel-next { top:60px; right:-30px;}


#smallDesc .message {
  font-size:9pt;
  width:90%;
  margin:0px auto;
  margin-top:10px;
}

.imgmarco { border:1px solid #ff4d4d ;}

/*iframe {border:4px solid #ff4d4d ; display: block; margin:10px auto;}*/
.g-recaptcha iframe {border:0px }
.centerText {margin:0px auto; text-align: center;}
#sendMessage {
  width: 350px;
  margin: 0px auto;
}
.tweet-this iframe { border:none; margin: auto;}
.tweet-this { padding-top:10px;}
#contentHeader .breadCum, #contentHeader .breadCum * { padding-bottom:0px;}

img#preloader {
  margin: 0px auto;
  display: block;
  padding: 60px;
}
table.transactionResult {
  width:650px;
  margin:0px auto;
}

table.transactionResult  th {
  font-weight:bold;
  width:250px;
  text-align: right;
  padding-right:4px;
}


.contenido ul li {
  	background:url(../img/bullet-level-1-interior.png) 3px .39em no-repeat;
}

.float{
	position:fixed;
	width:60px;
	height:60px;
	bottom:92px;
	right:25px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
  font-size:30px;
	box-shadow:  rgba(0, 0, 0, 0.15) 0px 4px 12px 0px;
  display: block;
  z-index:100000;
}

.my-float{
	margin-top:16px;
}
/*
  - Media Queries
  - Retina Display
  - Max-width: 1200px
  - Max-width: 960px
  - Max-width: 800px
*/


/* ventana mas grande o iguales a 1194 */
@media only screen and (max-width: 1193px) {
  .wrapper, #header { width:100%;}
  #barraBuscador { width:67.0016%;}
  #barraBuscador form.buscador .select  {display:none;}
  #barraBuscador form.buscador input#s { width: 76.38860971524288%;}
  #body { width:100%;}
}

@media only screen and (max-width: 1109px) {
  .wrapper,

  #footer, #footerAux, ul#footerLinks { width:100%;}
  .brandDescription{ width:80%;}
  #barraBuscador { width:90%;}
  #barraBuscador form.buscador select  {display:none;}
  #barraBuscador form.buscador input#s { width: 76.38860971524288%;}
  div#header{ height:120px;}
  #socialButtonTop {display:none;}
  a#logo {
    position:relative;
    top:7px;
    left:auto;
    margin:0px auto;
  }
  #body {
      padding-top: 16px;
      background-color: #FBFBFB;
      width: 100%;
  }


  #bannerBody {
    display:none;
  }

  #barraLateral h3.title span::after {

    content: url(../img/menu-indicator.png);
    width: 18px;
    height: 22px;
    position: absolute;
    right: 2%;
    top: .50em;
    cursor: pointer;
  }

  #barraLateral{

    float:none;
    width:95%;
    margin:0px auto;
  }

  #areaCentral {
    width:100%;
    float:none;
  }

.imagesContainer {
  width: 90%;
  margin:0px auto;
}

  img {
    width:100%;
    display: block;
  }

}

@media only screen and (max-width: 960px) {

#barraBuscador { width:90%; top:auto; left:auto;}
   #barraBuscador form.buscador input#s { width:  60.389%;}
  #footer .infoFooter {
    width:50%;
  }
   #footer #charla {
    left:auto;
    right: 5%!important;
  }

}

@media only screen and (max-width: 800px) {
  ul.itemList {
    width:395px!important;
    margin:0px auto;
  }

  .itemList li div.item:hover, .itemList li div.item.hover {
    position: relative!important;
  }


  div.navLinks {

    top: 0px;
    width: 100%;
  }
}

@media only screen and (max-width: 800px) {
  ul.itemList {
    width:395px!important;
    margin:0px auto;
  }

  .itemList li div.item:hover, .itemList li div.item.hover {
    position: relative!important;
  }


  div.navLinks {
    top: 0px;
    width: 100%;
  }
}


@media only screen and (max-width: 600px) {
  #footer {

    min-height:242px;
    height:auto !important;
    height:242px;
  }
  #charla {
    position:relative!important;
    left:2%!important;
    right:auto;
  }

  div.view #smallDesc {

    width: 90%!important;
  }
}

@media only screen and (max-width: 480px) {
  a#logo {
    position:absolute;
    top:30px;
    left:5px;
  }


}
/*-------------------------------------------------------------------------
 Clic 
---------------------------------------------------------------------------
 File: error_messages.css

 	    Gerardo Gonzalez Flores
 		--> gerardo AT clic DOT com DOT mx <--
---------------------------------------------------------------------------	
 CSS styles for error messages
 Estilos para mensajes de error e informacion
--------------------------------------------------------------------------*/

.error_message, .error-message{
	font-size: 8pt;
	font-family: "Arial";
	color: #990000;
	font-weight:bold;
	text-align:left;
		
	padding-bottom:2px;
	padding-left:18px;
	background-image:url(../img/error/alert.gif);
	background-repeat:no-repeat;
	width:auto;
}
.admin * .error_message, .admin * .error-message{
	margin-left:150px;
}
.info_message {
	font-size: 8pt;
	font-family: "Arial";
	color: #000000;
	
	
	padding-bottom:2px;
	padding-left:18px;
	background-image:url(../img/error/information.gif);
	background-repeat:no-repeat;
	width:auto;
}
.resultado_vacio{
	clear:both;
	width:300px;
	padding:10px;
	background:#CCDCDD;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}