body, h1, h2, h3, h4, h5, h6 { font-family:'Open Sans', sans-serif; font-weight: 400; } 
:focus { outline: 0; }
a, h1, h2, h3, #window_login .modal-body a, #window_profile .modal-body a { color: #2697ad; }
a:hover, #window_login .modal-body a:hover, #window_profile .modal-body a:hover { color: #d52b1e; }

/* Footer siempre abajo*/
/*html,body { height:100%; }
#page-wrap { margin: auto; height: auto; min-height:100%; }
#page-wrap:after { width: 100%; height:150px; display: block; clear:both; }
#footer{ height: 150px; margin: -150px auto 0; }*/

#header_cl { background-color: #000; }
.main { padding-bottom: 50px; }

#header_cl a { color: #babcbe; display: inline-block; margin-top: 5px; }
#header_cl a span { display: inline-block; padding: 10px 15px 0 0; text-transform: uppercase; }
#header_cl a:hover { color: #ffffff; }
#header_cl p.menu_top { float: right; }
.navbar-brand, .navbar-collapse { padding-left: 0; }

#menu_superior { padding-top: 6px; } 

.buttons_header { text-align: right; }

/*LOGIN*/
.modal-footer { background-color: #dadada; }
.modal-body { padding-left: 20%; padding-right: 20%; }

#button_login { margin-top: 12px; }
h4#window_loginLabel span { color: #d52b1e; }
#window_login label.checkbox {font-weight: normal; }
.remember { text-align: right; }

/*MI PERFIL*/
#button_profile { margin-top: 12px; }
#button_profile:hover { color: #fff; background-color: #2697ad; border-color: #218194; }
#window_profile { text-align: left; }

/*BUSCADOR*/
#search_cl { padding-top: 10px; padding-bottom: 10px; background-color: #dadada; text-align: center; }
#search_cl.container.col-md-12 { text-align: center; }
.search-elements-group { margin: 0 auto 0 15%; width: auto; }
#global_search_text { width: 70%; }
.search-elements-group .form-control { float: left; width: auto; }
.search-elements-group select.form-control { background: #fff url('../img/flecha_buscador.png') no-repeat 170px 12px; -webkit-appearance: none; -moz-appearance: none; appearance: none;  margin-left: -200px; width: 200px; }


.navbar { margin: 0; background-color: #fff; }
#menu_cl  { background-color: #ffffff!important; }
#menu_cl a { color: #2697ad; }
#menu_cl .nav { text-transform: uppercase; }
#menu_cl a:hover, #menu_cl .active a { color: #d52b1e; }
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { background-color: #fff; }
#menu_cl .dropdown-menu li { text-transform: none!important; }

.multicolor-line { height: 4px; margin: 0; padding: 0; background: transparent url('../img/multicolor.jpg') no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}

 #imagen_portada { background-color: #d2d1d1; }

.to-top { position: relative; z-index: 1; text-align: right; }
#footer { background-color: #babcbe; }
#footer .container { padding: 40px 0; }
.links_footer { padding-top: 10px; color: #dadada; }
#copy_cl { text-align: center; padding-top: 20px; font-size: 12px; background-color: #a2a4a6; padding: 20px; color: #fff;}
#footer .social_icons { vertical-align: middle; text-align: right; color: #808080;  }
#footer .social_icons i { font-size: 26px; }
#footer .social_icons a { text-decoration: none; display: inline-block; margin: 0 0 0 10px; }

.btn-red { background-color: #d52b1e; border-color: #a32017; color: #fff; }
.btn-red:hover, .btn-blue { color: #fff; background-color: #2697ad; border-color: #218194; }
.btn-blue:hover { background-color: #d52b1e; border-color: #a32017; color: #fff; }
#featured_cl { padding-bottom: 150px; }
#featured_cl h2 { color: #2697ad; text-transform: uppercase; font-size: 18px; }
#featured_cl i { color: #dadada; font-size: 6em; text-align: center; display: block; }

.main h1 { color: #2697ad; font-size: 24px; }
h2.tit_page { color: #2697ad; font-size: 24px; margin: 0 0 20px 0; }

#page-wrap { background-color: #efefef; }
.breadcrumb { background-color: transparent; color: #999; }
.breadcrumb { padding-left: 0; }

/* Products */

/*Pagination*/
.amount { margin-top: 6px; }
.sorter { margin-left: -14px; }
.sort-by label, .limiter label, .view-mode label { font-weight: normal; float: left; margin-right:10px; margin-top: 6px; }
.limiter span { font-weight: normal; float: left; margin-left:10px; margin-top: 6px; }
.sort-by select, .limiter select { width: auto; float: left; }
.view-mode { float: right; display: block; padding-right: 0; }
.view-mode .grid { display:inline-block; width: 30px; height: 30px; background: #fff url('../img/ico_grid.png') no-repeat 0 0; }
.view-mode .grid:hover { background-position: 0 -60px; }
.view-mode .active .grid { background-position: 0 -30px; }
.view-mode .list { display:inline-block; width: 30px; height: 30px; background: #fff url('../img/ico_grid.png') no-repeat -30px 0; }
.view-mode .list:hover { background-position: -30px -60px; }
.view-mode .active .list { background-position: -30px -30px; }
.view-mode .grid span, .view-mode .list span { position: absolute; left:-9999px; overflow: hidden; }
.cl_pager { margin: 0; border-bottom: none; text-align: right; line-height: 30px; padding: 5px 20px 20px 0; }
.cl_pager .cl_pages { display: inline-block; vertical-align: top;  }
.cl_pager .cl_pages ul { display: inline; }
.cl_pages strong { font-weight: normal; float: left; margin-right:10px; margin-top: 2px; }
.pagination li.active a { background-color: #2697ad; }
.pagination > li > a, .pagination > li > a { z-index: 1;}


#products_grid { margin-left: -20px; position:relative; z-index:10;}
.product_grid { position:relative; background-color: #fff; padding: 20px; border: 1px solid #ddd; border-radius: 4px; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; margin: auto auto 20px auto; }
.product_grid .product_actions { display:none; text-align: center; vertical-align: middle; }
.product_grid:hover .product_actions { font-size: 12px; display: block; position:absolute; vertical-align: middle; z-index:1; left:0px; top:0px; background-color: #2598ad; padding: 20px; border-radius: 4px; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; width: 100%; height: 100%; opacity:0.9; filter:alpha(opacity=90);}
.product_grid .product_actions a { color: #dadada; text-decoration: none; text-transform: uppercase; }
.product_grid .product_actions a:hover { color: #fff; }
.product_grid .product_actions a .glyphicon { display: block; font-size: 30px; margin: 20px 0 2px 0; }

.img_product { border: 1px solid #ddd; display: block; max-width: 100%; height: auto; margin: 0 auto 10px auto; }
.book-details span { display: block; }
.block { margin: 20px 0;} 
.resaltados p { margin: 5px 0;}
.block button { margin-top: 6px;}
.tit_label { color: #808080; }
.product-valuation span span{ color: #ccc; }
.product-valuation span { padding-right: 10px; }
.product-valuation span span.active { color: #2697ad; }

.block_progress { font-size: 10px; color: #999; width: 80%; float: left;}
.block_progress span { display: inline-block;  float: left; margin: -5px 5px 0 0; }
.progress { height: 5px; }
.progress-bar { background-color: #2697ad; color: #333; } 
.label-book { float: left; width:20%; text-align: right; color: #fcb51b; font-size: 18px; margin-top: -10px; }


/* Nav-sidebar*/
.nav-sidebar { margin-bottom: 10px; }
.nav-sidebar li { border-bottom: 1px solid #dadada; }
.nav-sidebar li a { padding: 5px 0; } 
.nav-sidebar li a:hover { background-color: #fff; }
.block_selection, .block_labels { margin-bottom: 20px; }
.block_selection strong, .block_labels strong { display: block; text-transform: uppercase; border-bottom: 3px solid #dadada; font-weight: normal; }
.labels { margin: 10px 0; }

/* Carousel */
.carousel { height: 500px; margin-bottom: 60px; }
.carousel-caption { z-index: 10; }
.carousel .item { height: 500px; background-color: #d2d1d1; }
.carousel-inner > .item > img { position: absolute; top: 0; left: 0; min-width: 100%; height: 500px; }

.to-top span { padding: 10px; background-color: #dcdcdc;}
.to-top .txt_top { position: absolute; left:-9999px; overflow: hidden; }