/* CSS Document */
/*.paginator { padding: .25em .25em .6em .25em; }

.paginate-pages { padding: 2px 3px; border: 1px solid #ddd; cursor: pointer; text-decoration: underline; font-family: Helvetica,Verdana,Arial,sans-serif; font-size: 12px;}

.paginate-first, .paginate-last { padding: 2px 6px; border: 1px solid #ddd; font-weight: bold; font-family: Helvetica,Verdana,Arial,sans-serif; font-size: 12px; }

.paginate-previous, .paginate-next { padding: 2px 3px; border: 1px solid #ddd; font-family: Helvetica,Verdana,Arial,sans-serif; font-size: 12px; }
*/
/*.paginate-link
{
    padding: 2px 4px;
    border: 1px solid #ddd;
    font-family: Helvetica,Verdana,Arial,sans-serif;
    font-size: 12px;
}*/

/*.paginate-current
{
    padding: 2px 4px;
    border: 1px solid #ddd;
    font-weight: bold;
    background:#7CA0C7;
    color:black;
    font-family: Helvetica,Verdana,Arial,sans-serif;
    font-size: 12px;
}*/

nav.pagination {
    text-align: center;
}

nav.pagination ul {
	border: none;
	margin: 0;
	text-align:center;
	margin:30px 0;
	display: inline-block;
    white-space: nowrap;
    padding: 0;
    clear: both;
}

nav.pagination ul li a,
nav.pagination ul li span {
	color:#555;
	font-size:16px;
	display:inline-block;
	height:22px;
	width:28px;
	padding:5px 0 0 0;
	margin:0 6px 8px 6px;
	line-height: 19.5px;

	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;

	transition: border-color 0.3s, color 0.3s;
	-webkit-transition: border-color 0.3s, color 0.3s;

	border-width:1px;
	border-style:solid;
	border-color: transparent;
}

nav.pagination ul li span.current {
	color:#fff;
	background:#000;
	display:inline-block;
	height:23px;
	width:29px;
	margin:0 5px 0 6px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	padding:6px 0 0 0;

	border-width: 0;
	border-style: none;
}

nav.pagination ul li:not(:last-child):not(:first-child) a:focus,
nav.pagination ul li:not(:last-child):not(:first-child) a:hover {
    background:#fff;
	border-width:1px;
	border-style:solid;
}

nav.pagination ul li a.page-numbers:focus,
nav.pagination ul li a.page-numbers:hover {
	background: transparent;
	border-color: transparent;
}

nav.pagination ul li,
nav.pagination ul li {
	border: none;
	position: relative;
	display: inline-block;
	border-bottom: 0;
}

nav.pagination ul li:not(:first-child):before {
	content: "";
	width: 1px;
	height: 19px;
	background: #e5e5e5;
	position: absolute;
	top: 5px;
	left: 0px;
}


.dato { padding: 2px 3px; border: 1px solid #ddd; }

.login #branding h1 {
    background: #ffffff;
    color: #9E9E9E;
}

.breadcrumbs {
    padding: 8px 3px;
    border: 1px solid #ddd;
    font-family: Helvetica,Verdana,Arial,sans-serif;
    border-radius: 5px;
    margin: 8px;
}

div.breadcrumbs {
    background: transparent url(../../admin/img/admin/nav-bg.gif) 0 -8px repeat-x;
    border: 1px solid #ddd;
    color: #9E9E9E;
    padding: 2px 8px 3px 8px;
}

div.breadcrumbs a {
    color: #9E9E9E;
}

.footer {text-align: right;}

.login .form-row label { font-family: Helvetica,Verdana,Arial,sans-serif; }


/* ACTION ICONS */
.printlink { padding-left:18px; background:url(/static/ogonlineapp/images/reader16.png) 0 .2em no-repeat; font-family: Helvetica,Verdana,Arial,sans-serif; }
.xmllink { padding-left:18px; background:url(/static/ogonlineapp/images/xml16.png) 0 .2em no-repeat; font-family: Helvetica,Verdana,Arial,sans-serif; }

/*  HEADER  */
#header {
    background:#ffffff;
    /* color:#7ca0c7; */
    color: #777;
    overflow:hidden;
    padding: 20px 40px 30px 40px;
}
#header a:link, #header a:visited { color:#818181; }
#branding h1 { padding:0 10px; font-size:22px; margin:5px 0; font-weight:bold; color:#7ca0c7; background:#ffffff; font-family: Helvetica,Verdana,Arial,sans-serif;}

.module h2{
	border-radius: 3px 3px 0px 0px;
}

/* TABLAS */
table.producto {
	border: 1px solid #eee;
    border-radius: 15px;
	font-size: 11px;
    line-height: 13px;
    font-family: Arial, Helvetica, Verdana, sans-serif;
    width:100%;
    height:100%;
}    


table.cabproducto {
    border-collapse: collapse;
	border-color: #ccc;
    font-size: 11px;
    line-height: 13px;
    font-family: Arial, Helvetica, Verdana, sans-serif;
    width:100%;
    height:100%;
    table-layout: fixed;
	
}


.precio {
    border-width: 0px;
    font-size: 20px;
    font-family: Arial;
    font-weight: bold;
    width: 50%;
    float: right;
    text-align: right;
	
}

.euro {
    border-width: 0px;
    font-size: 20px;
    font-family: Arial;
    font-weight: bold;
    font-variant: small-caps;
	
}

fieldset table {
    border: 0px;
}

table.plana {
	
}

.plana {
    font-size: 12px;
    vertical-align: top;
    font-family: Helvetica, Verdana, Arial, sans-serif;
	border:0;	
}

.module {
	border-radius: 5px;
}

/* FORMS */

.form-row-precio
{
    font-size: 25px;
    font-family: Arial;
    font-weight: bold;
}

/* LINKS */

a:link, a:visited {
    color: #777;
    text-decoration: none;
}

a:hover {
    color: black;
}

/* IMAGENES */
.thumbnaila
{
float:centre;
/*width:128px;*/
height:200px;
margin:5px;
overflow: hidden;
}

.thumbnaila img
{
width: auto;
max-height: 100%;
object-fit: cover;
overflow: hidden;
display: block;
margin: auto;
}

/* IMAGENES */
.thumbnailp
{
float:centre;
/*width:58px;*/
height:58px;
margin:5px;
}

.thumbnailp img
{
width: auto;
max-height: 100%;
object-fit: cover;
overflow: hidden;

}

/* IMAGENES */
.thumbnailg
{
/*float:centre;*/
/*width:256px;*/
height:256px;
margin:5px;
max-width: 100vw;
}

.thumbnailg img
{
width: auto;
max-height: 100%;
object-fit: cover;
overflow: hidden;
display: block;
margin: auto;
}

ul#lista_imagenes li {
	/*display:inline;*/
	display: inline-block;
}

/*#panel_imagenes { width:auto; height:auto; overflow:hidden; }*/
#panel_imagenes {
    overflow: hidden;
    position: relative;
    width: 100%;
}

/* FORM BUTTONS */

.button, input[type=submit], input[type=button], .submit-row input, a.button {
    /* background: #79aec8; */
    background: #999;
    padding: 10px 15px;
    border: none;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
}

.button:active, input[type=submit]:active, input[type=button]:active,
.button:focus, input[type=submit]:focus, input[type=button]:focus,
.button:hover, input[type=submit]:hover, input[type=button]:hover {
    /*background: #609ab6;*/
    background: #666
}

.button.default, input[type=submit].default, .submit-row input.default {
    float: right;
    border: none;
    font-weight: 400;
    /*background: #417690;*/
    background: #777;
}

.button.default:active, input[type=submit].default:active,
.button.default:focus, input[type=submit].default:focus,
.button.default:hover, input[type=submit].default:hover {
    /* background: #205067; */
    background: #333;
}

/* MODULES */

.module h2, .module caption, .inline-group h2 {
    margin: 0;
    padding: 8px;
    font-weight: 400;
    font-size: 13px;
    text-align: left;
    /* background: #79aec8; */
    background: #999;
    color: #fff;
}

/* LISTAS */

/* ul li {
	margin: 0 0 0 0;    
	list-style-type:none;
	padding-left:0px;
}
*/
.tree-list li > ul {
 display: none;
}

.tree-list input[type="checkbox"]:checked + ul{
 display: block;
}

.tree-list input[type="checkbox"] {
 display: none;
 position: relative;
}

.tree-list label {
 position: relative;
 display: inline-block;
}

.lefttree li {
border-bottom: 1px dotted #ccc !important;
}


ul.messagelist {
    padding: 0;
    margin: 0;
    width: 100%;
}

ul {
  list-style-type: none;
  margin: 0 0 0 0;
  padding-left:0px;
  width: 200px;
  padding-inline-start: 0px;
  /* background-color: #f1f1f1; */
}

ul li {
list-style-type: none;
}

li a {
  display: block;
  color: #000;
  padding: 8px 16px;
  text-decoration: none;
}

/* Change the link color on hover */
li a:hover {
  /*background-color: #555;*/
  /*color: white;*/
  color: black;
}

.active {
  /*background-color: #5555553b;*/
  color: black;
  /*font: caption;*/
  font-weight: bold;
  font-size: 120%;
}

input, textarea, select, .form-row p {
    margin: 2px 0;
    vertical-align: middle;
    font-family: Helvetica, Verdana, Arial, sans-serif;
    font-weight: normal;
    font-size: 13px;
}


/* ---- DETALLE ARTICULO ----*/
.image_item {
    width: 30%;
    min-width: 210px;
    float: left;
}

.data_item {
    width: 60%;
    float: right;
}

/* ---- ARBOL ARTICULO ----*/
.lefttree {
    width: 15%;
    min-width: 160px;
    max-width: 400px;
    float: left;

}

.form-row-column select, .form-row-column input[type=text] {
    width: 95%;
    overflow: hidden;
}

.rightcontainer {
    width: 80%;
    float: right;
}

.optionswrapper {
    /*margin: auto;*/
    /*width: 80%;*/
    border: 3px;
    padding: 10px;

}

.titleproducts {
    float: left;
    /*width: 50%;*/
}


.filterproducts {
    float: right;
    /*width: 50%;*/
}

.productswrapper {
    /* margin: auto; */
    /* width: 80%; */
    border: 3px;
    padding: 10px;
    clear: both;
    border-top: 1px solid #eee;
}

.product {
    display: inline-block;
    width: 220px;
    /* height: 340px;*/
    padding: 10px;
    border: 1px solid #eee;
    border-radius: 5px;
    margin: 2px;
}

.description {
    height: 100px;
    overflow: hidden;
}
.footerproduct {
    padding: 10px;
}


.shopcart {
 width: 50%;
 display: inline-block;
}

/*----------*/
/* Tablets */
/*----------*/

@media (max-width: 1024px) {

.lefttree {
    width: 35%;
}


.rightcontainer {
    width: 60%;
    float: right;
}

div.breadcrumbs {
    padding: 2px 8px 3px 8px;
}

.form-row select {
    width: 100%;
    overflow: hidden;
}

}

/*----------*/
/* Mobile */
/*----------*/

@media (max-width: 767px) {

.lefttree {
    width: 100%;
}

.rightcontainer {
    width: 100%;
    float: left;
}

.titleproducts {
    width: 100%;
}

.filterproducts {
    width: 100%;
}

.product {
    width: 100%;
}

div.breadcrumbs {
    padding: 2px 8px 3px 8px;
}

.image_item {
    width: 100%;
    float: left;
}

.data_item {
    width: 100%;
    float: right;
}

}