/**
 * "Yet Another Multicolumn Layout" - YAML CSS Framework
 *
 * default screen stylesheet - FULLPAGE-layout type layout
 *
 * @copyright       Copyright 2005-2012, Dirk Jesse
 * @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-CDL (http://www.yaml.de/license.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         v4.0.1
 * @revision        $Revision: 733 $
 * @lastmodified    $Date: 2012-03-04 19:15:48 +0100 (So, 04 Mrz 2012) $
*/

@media screen {

  /* force vertical scrollbar */
  body {
 width: 100%!important;
 min-width: 960px;
 margin: 0px;
  }
  header{
    margin-top:0px;
}
  body *{
    font-family: arial,san-serif,verdana !important;
  }
  a:hover,a:active,a:focus{
    border: none!important;
    outline:none!important;
  }
  /* Layout Module Configuration */
  .ym-wrapper {
    width: 960px;
    margin: 0 auto;
  }

  .ym-wbox {
    padding: 1.5em;
  }

  /* fallback for missing media queries support*/
  body > header,
  body > nav,
  body > #main,
  body > footer {
    min-width: 760px;
  }

  /* Basic Element Styling */
  header h1 {
    background: transparent;
    color: #fff;
  }

  nav {
    background: transparent;
  }

  #main .info {
    margin-bottom: 1.5em;
  }

  footer {
    background: #eee;
    color: #444;
  }

  footer p {
    margin: 0;
  }

  header .ym-wbox,
  footer .ym-wbox {
    padding: 1.5em;
  }
  section .contentSecction{
    padding-top: 1em;

  }
  section .contentSecction .contenedorGridCuerpo{
    background-image: url(/assets/themes/romerolibreria/images/sitio_romero_click_lateral.png);
    background-repeat: repeat-y;
  }
  .topListaDePrecios{
  background-color: #F5F5F5;
  }
  .tituloListaDePrecios{
    font-size: 12px;
      background: none repeat scroll 0 0 transparent;
    color: #8F8B8B;
    
  }
  .ym-gbox { padding: 0 1.5em; }
  .ym-gbox-left {
    padding: 0 20px 0 10px;
  }
  .ym-gbox-right { padding: 0 0 0 1.5em; }

  section.box { padding: 0 1.5em 1.5em 1.5em; }

  #main aside .ym-gbox-right {
    border-left: 1px #ddd solid;
  }

  /* skip links styling */
  .ym-skiplinks a.ym-skip:focus,
  .ym-skiplinks a.ym-skip:active {
    color:#fff;
    background:#333;
    border-bottom:1px #000 solid;
    padding:10px 0;
    text-align: center;
    text-decoration:none;
  }
  .ym-g26 {
    width: 26%;
  }
  .ym-g74{
    width: 74%;
    *width: 73.5%;
  }
  .ym-g56{
    width: 56%;
  }
  .ym-g44{
    width: 44%;
  }
  p.important{
    font-weight:bold;
  }
  h2{
    color:#ed1c24;
  }
  .bloqueContenido>hr{
    border: 1px #e6e6e6 solid ;
    width: 50%;
  }

  .ym-gbox-sideBar{
    margin: 0 0.5em;
  }
  .ym-col3{
    width: 80%;
  }
  .sticky{
    position:fixed;
    top:0;
    left:0;
    z-index:99999999;
    width:100%;
  }
  .hidden{
    display:none;
  }
  .toTop {
    position:fixed;
    right:15px;
    bottom:15px;
    width:50px;
    height:25px;
    padding-top:25px;
    line-height:25px;
    background:#333;
    color:#888;
    display:block;
    text-transform:uppercase;
    text-decoration:none;
    text-align:center;
    font-size:14px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
    /*    behavior:url(../PIE.htc);*/
  }

  .toTop:before {
    position:absolute;
    top:11px;
    left:14px;
    content:"";
    border-bottom:11px solid #888;
    border-left:11px solid transparent;
    border-right:11px solid transparent;
  }

  .toTop:hover {
    color:#eee;
  }

  .toTop:hover:before {
    border-bottom-color:#eee;
  }

  .toTop {
    opacity:1;
    -webkit-transition:opacity 700ms linear;
    -moz-transition:opacity 700ms linear;
    transition:opacity 700ms linear;
  }

  .toTop.hidden {
    opacity:0;
  }

  .toTop.hidden {
    display:none;
  }
}

/* reset fallback values in modern browsers */
/*@media screen and ( min-width: 0px ) {

  body > header,
  body > nav,
  body > #main,
  body > footer {
    min-width: 0;
  }
}*/

/*@media screen and ( max-width: 760px ) {

  .secondary {
    border-top: 1px #888 solid;
    margin-top: 1.5em !important;
  }

  #main aside .ym-gbox-right {
    border: 0 none;
  }

   Linearisation for Grid- and Column-Module, based on CSS class .linearize-level-1 
  .linearize-level-1,
  .linearize-level-1 > [class*="ym-g"],
  .linearize-level-1 > [class*="ym-col"] {
    display: block;
    float: none;
    padding: 0;
    margin: 0;
    width: 100% !important;
  }

  .linearize-level-1 > [class*="ym-g"] > [class*="ym-gbox"],
  .linearize-level-1 > [class*="ym-col"] > [class*="ym-cbox"] {
    overflow: hidden;  optional for containing floats 
    padding: 0;
    margin: 0;
  }

  .ym-searchform {
    display:block;
    float: none;
    width: auto;
    text-align: right;
  }

  .ym-searchform input[type="search"] {
    width: 14%;
  }
}

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

  header .ym-wbox {
    padding: 0.75em 10px;
  }

  footer .ym-wbox,
  .ym-wbox,
  .ym-searchform,
  nav .ym-hlist ul {
    padding-left: 10px;
    padding-right: 10px;
  }

  header h1 {
    font-size: 1.5em;
    line-height: 1em;
    margin: 0;
  }

   Linearisation for Grid- and Column-Module, based on CSS class .linearize-level-2 
  .linearize-level-2,
  .linearize-level-2 > [class*="ym-g"],
  .linearize-level-2 > [class*="ym-col"] {
    display: block;
    float: none;
    padding: 0;
    margin: 0;
    width: 100% !important;
  }

  .linearize-level-2 > [class*="ym-g"] > [class*="ym-gbox"],
  .linearize-level-2 > [class*="ym-col"] > [class*="ym-cbox"] {
    overflow: hidden;  optional for containing floats 
    padding: 0;
    margin: 0;
  }

  .ym-searchform,
  nav .ym-hlist ul,
  nav .ym-hlist li {
    display:block;
    float: none;
    width: auto;
    text-align: left;
  }

  .ym-searchform input[type="search"] {
    width: 75%;
  }
}*/
/**
	* ----------------------------------------------------------------------- #
	*
	* Generic Content Classes
	*
	* (en) standard classes for positioning and highlighting
	* (de) Standardklassen zur Positionierung und Hervorhebung
	*
	* @section content-generic-classes
	*/
.highlight {
  color:#c30;
}

.dimmed {
  color:#888;
}

.box {
  border-radius: 0.3em;
  border-width: 1px;
  border-style: solid;
  border-color: #888;
  border-color: rgba(0,0,0,.3);
  -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2) inset;
  -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2) inset;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2) inset;
  color: #444;
  color: rgba(0,0,0,.8);
  padding: 1.4286em;
  margin: 1.5em 0 0 0;
}

.box > *:first-child {
  margin-top: 0;
}

.label {
  font-family: Verdana, Geneva, sans-serif;
  padding: 1px 6px 2px;
  display: inline-block;
  vertical-align:middle;
  letter-spacing: normal;
  white-space:nowrap;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background: #06C;
  color: #fff;
  font-size: 10px;
  line-height: 12px;
}

.info {
  background:#f4f4f4;
}

.success {
  background:#8c8;
}

.warning {
  background:#cc8;
}

.error {
  background:#FFC3C3;
}

.float-left {
  float:left;
  display:inline;
  margin: 1.5em 1em 0 0;
}

.float-right {
  float:right;
  display:inline;
  margin: 1.5em 0 0 1em;
}

.center {
  display:block;
  text-align:center;
  margin: 1.5em auto 0 auto;
}
#popup_container, #popup_content{
  *width: 414px!important;
}
#popup_content{
    *padding:1.75em  0px 1em 0px !important;
}
#popup_content input{
    *margin-right:0px;
}