/*--------------------------------------------------------------------------
   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.
   --------------------------------------------------------------------------*/
  /* 
  - Media Queries
  - Retina Display
  - Max-width: 1200px
  - Max-width: 960px
  - Max-width: 800px


  Layout
   -------------------------------------------------------------------*/
  html {
    background: #FBFBFB;
    max-height: 999999px;
  }

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


  body {
  	   -webkit-text-size-adjust: 100%;
  }

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

  #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: 100%;
    height: 75px;
    background: #3E9B2A;
  
  }
  		

  /*** busqueda **/

  #barraBuscador { 
    width:800px;  
    position:absolute; 
    left:222px; 
    top:18px;
    background:none;
   /* height:53px;*/


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


  #barraBuscador form.buscador {
      position:relative;
      background: #ffffff;
      border: 1px solid #2F7720;
      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: 530px;
  }

  #barraBuscador form.buscador select {
    float:left;    
    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;
}

  #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: #FF2626;
      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;
        -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: 175px;
    height: 56px;
    background: url(../img/logo-tienda-clic-medium.png) no-repeat top ;
    top: 7px;
    left: 10px;
  	position:absolute;
  	z-index: 99;
  }
  a#logo h3 span {display:none}

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



  /* 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 {
   
    background: none;
    position: relative;
    top:0px;
    z-index: 992;
    
    margin:0px auto;

  }

  ul#menu > li {
    /*padding-bottom:1px;*/
    min-height:20px;
    height:auto !important;
    height: 20px;
    display:inline-block;
    background: none;
    padding:10px;

  }



 ul#menu.sf-menu li {
  
    background: #ff2626;
   
 }


  ul#menu.sf-menu a {
    /*background: #EAEAEA;*/
    padding:5px 12px;
  }

  ul#menu.sf-menu a  span{
    color:#FFFFFF;
  }

  .sf-menu li:hover,
  .sf-menu li.sfHover {
    background: #000000;

   
  }

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

  ul#menu.sf-menu li:hover > a span,
  ul#menu.sf-menu li.sfHover > a span {
    color:#ffffff;
  }

   ul#menu.sf-menu li:hover, ul#menu.sf-menu li.sfHover {
    background: #000000;
   }


  ul#menu li#mnProductos {
    position:absolute;
    right:0px;
  }
   

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

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


ul#menu.sf-menu li.exterior,
ul#menu.sf-menu li.exterior * {
  background:none;
  
}


ul#menu.sf-menu li.exterior:hover,
ul#menu.sf-menu li.exterior *:hover {
  background:none;
 
}

ul#menu.sf-menu li.exterior::before{
 content: '|';
 position: absolute;
 right:0px;
 top:4px;
  color:#595959;
}

ul#menu.sf-menu li.exterior:hover::before{
 content: '|';
color:#595959;
}

ul#menu.sf-menu li.exterior a span{
   color:#595959;
}

ul#menu.sf-menu li.exterior a:hover  span{
   color:#373737;
}

  /* =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;
     
  }



  #areaCentral {
    width: 78%;
    margin:0px auto;
     /* alto minimo */
    min-height: 530px;
    height: auto !important;
    height: 530px;
    text-align: left;
  	
  	/*position:relative;*/
  	z-index:800;
    display:inline-block;
  	
  }





  /* Le ponemos el fondo a la paginacion */
  #paginacion {
    margin-top: 0px;
    padding-bottom: 5px;
    min-height: 60px;
    height: auto !important;
    height: 60px;
    overflow: hidden;
    
  }
  /* =Body

   ------------------------------------------------------------------*/
  /* Footer
   ------------------------------------------------------------------*/
  #footerWrapper {
  	width:100%;
  	margin:0px auto;
    border:none;
    position: relative;
    background: url("../img/shadow-buscador.png") no-repeat scroll center -10px #fbfbfb;

  }

  #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 * {
      color: #595959;
      font-size: 8pt;
  }

  #footer * {
  	color:#595959;
  	
  	font-size: 12pt;
  }
  #footer strong {
  	color: #595959;
  }




  ul#footerLinks { width:100%; margin:10px auto 5px auto; }
  ul#footerLinks li { display:inline-block; }


#footer #charla {
    
    left: 560px;
    padding-top: 10px;
    position: absolute;
    top: 30px;
    width: 272px;
}
  /* =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:#ff0000;
  	background: url(../img/bullet-sub-menu.png) no-repeat .1em .3em;
  	margin-left:10px;
  	padding-left:12px;
  }

  	/** Ayuda **/
  	
  div#ayudaEnLineaTel {
    display: inline-block;
  	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 { display:inline-block; margin:0px;}
  ul#ListaDeTelefonos li{
  	color: white;
  	font-size: 16px; 
  	letter-spacing: -0.02em;
  	font-weight: normal;
  	display:inline-block;
  	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;}
    
   h3#titleAyudaEnLinea {
      font-size: 15pt;
      position: absolute;
      right: 45px;
      text-align: center;
      top: 12px;
      width: 310px;
  	color: #fff;
  	/*text-shadow: 0 0 2px black;*/
    }
 h3#titleAyudaEnLineaTel {
  	 font-size: 16px;
     color: #fff;	
     text-align:center;
     display: inline-block;
  	}
   
   h3#titleHorarioAtencion{
    font-size: 12pt;
    top: 0px;
  	color: #ffffff;
  	letter-spacing: -0.02em;
    font-weight: normal;
  	
    }
    div#horariosGuia{
      display:inline-block;
    	z-index: 9;
      padding-left:20px;
  	
    }
    
    
    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%;
     
      background: #ffffff;
      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;
  }

  #contacto .submit input {
      width:auto;
      font-size:10pt;
  }

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


  }
  /*
h3 *, h3{
  font-size:14pt;
  padding-bottom:10px;
 }
*/
  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,  h3.title span { font-size:14pt;}
   
   
   


  .titleQuotation, .titleSideBar, h1.title,  h2.title, h3.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: .790em;
  display:inline-block;
  background: #3E9B2A;
  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: url(../img/title-left.png);*/
  
  left: -21px;
  bottom: -2px;
  display: block;
  content: "";
  color: transparent;
  width: 36px;
  height: 108%;
  background: #fbfbfb;
  position: absolute;
 
  transform: skew(10deg);
}

h2.subTitle:after, #contentHeader h1.title:after{
  position: absolute;
  right: -21px;
  bottom: -2px;
  
  display: block;
  content: "";
  color: transparent;
  width: 36px;
  height: 108%;
  background: #fbfbfb;
  position: absolute;
 
  transform: skew(-10deg);
}

 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;
 }

h2.viewTitle { margin:15px auto;}

   
   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;
  }

 #contentHeader *.brandDescription * {
    
	  color: #000000;
    }

  #contentHeader  .brandDescription,  .brandDescription {
      clear: both;
      margin: 0 auto;
      padding-bottom: 17px;
      width: 690px;
	  color: #000000;
	  text-align:justify;
    }

  .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 #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:#595959;
    font-weight: bold;
    font-size:11pt;
    display:block;

    padding:5px 15px;
    border:none;
    background:none;

  }
  #menuTop * {
   
     font-size:10pt;
     }
  #menuTop li a:hover{
    color:#373737;
    background: none;
  }

  ul#menuTop  {
    margin:0px;
    position: absolute;
    left:249px;
    top:40px;
  }

  #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:4px;
}

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 {}
.tweet-this iframe { border:none; margin: auto;}
.tweet-this { padding-top:10px;}
#contentHeader .breadCum, #contentHeader .breadCum * { padding-bottom:0px;}

table.transactionResult {
  width:650px;
  margin:0px auto;
}

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

#topHeader { background: black; width: 100%; } 
#topHeader .wrapper { text-align:center;  margin:0px auto;} 
#header .wrapper {   margin:0px auto;} 
.wrapper { width:1194px; position:relative; }

.mnLateral {
  border:1px solid #EAEAEA;
  margin-top:10px;

}
.mnLateral h3.title {
  background: #3E9B2A ;
  text-align: center;
  color:#ffffff;


}


.mnLateral h3.title span { position:relative; display: inline-block; width: 100% }

.mnLateral h3.title span::after {
  content: url(../img/menu-indicator.png) ;
  width:18px;
  height:22px;
  position:absolute;
  right:10px;
  top:.25em;
cursor: pointer;
}



#barraLeft {
  width:20%;
  padding-top:10px;
  float:left;
}


 


  #badgeShopMania { padding-left:20px;}

 #sellosDeConfianza {
  padding:10px;
 }
  #sellosDeConfianza div, 
   #sellosDeConfianza a {
    display:inline-block;
    text-align:center;
    vertical-align: middle;
  }

  #avisos {
    clear:both;
    padding-top:20px;
  }


.suppliers {
    margin: 0;
    padding: 0;
    position: absolute;
    z-index:1893;
    top:0px;
}

.suppliers li {
    background: #ba3e57 none repeat scroll 0 0;
    border-radius: 50%;
    float: none;
    height: 25px;
    margin: 2px;
    padding: 0;
    position: relative;
    text-align: center;
    vertical-align: middle;
    width: 25px;
}

.suppliers span {
    color: white;
    display: block;
    font-size: 7pt;
    font-weight: bold;
    height: 12px;
    left: 50%;
    margin-left: -10px;
    margin-top: -6px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 20px;
}

div#header.scroll {
    top:0px;
    position: fixed;
    z-index: 90809;
}

#eKomiWidget_default{
    display: block;
    text-align: center;
  }

/* ventana mas grande o iguales a 1194 */
@media only screen and (max-width: 1193px) {
  .wrapper { 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%; top:70px; left:5%;}
  #barraBuscador form.buscador select  {display:none;}
  #barraBuscador form.buscador input#s { width: 76.38860971524288%;}
  div#header{ height:120px;}
 
  #barraLeft{
    float:none;
    width:95%;
    margin:0px auto;
  }

  #areaCentral {
    width:100%;
  }

  #bannerBody, ul.menuP, #miniGuias ul { display:none; }
  
}

@media only screen and (max-width: 960px) {
   #barraBuscador form.buscador input#s { width:  60.389%;}
 }


@media only screen and (max-width: 736px) {
  #topHeader { display: none; } 
 }


.contenidoBlock {
  min-height: auto;
  height:auto;
  padding-top:10px;
  padding-bottom:5px;
}

.itemSpecDescription, .infTecnica, #infTecnica {
  padding-top:10px;
}