h1 {
    font-size:     72px;
    line-height:   1.5;
    color: #2c3e50;
    font-weight:   100;
}

#container {
    width:  980px;
    margin: 0 auto;
}

section {
    height: 300px;
    margin: 60px 0;
}

.section--purple {
    background-color: #9b59b6;
}

.section--blue {
    background-color: #3498db;
}

.section--green {
    background-color: #2ecc71;
}

#main {
    text-align: center;
}

#more {
    margin: 20px auto 48px;
}


/**********************************************************************
  Tabel cu preturi
**********************************************************************/

#priceV {
    margin: 2em 0 2.5em 0;
    border-collapse: collapse;
    width: 100%;
}
#priceV th, #priceV td {
    padding: 0.5em;
    text-align: center;
    border-right: 6px solid #fff;
    border-bottom: 1px solid #ccc;
    width: 25%;
    color: #f8f8f8;
    font-weight: normal;
}
#priceV th:last-child, #priceV td:last-child {
    border-right: none;
}
#priceV tr:last-child td {
    border-bottom: none;
}
#priceV td {
    border-left: none;
}
#priceV tr:first-child th, #priceV tr:first-child td {
    padding: 0.6em;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
}
#priceV tr:last-child td {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
#priceV .zero {
    background-color: #ba6b28;
}
#priceV .zeroA {
    background-color: #9a842b;
}
#priceV .unu {
    background-color: #90ba2a;
}
#priceV .unuA {
    background-color: #729a28;
}
#priceV .doi {
    background-color: #4484c1;
}
#priceV .doiA {
    background-color: #3772aa;
}
#priceV .trei {
    background-color: #F75C70;
}
#priceV .treiA {
    background-color: #DD4B5E;
}
#priceV .disabled {
    color: #bbb;
}
#priceV th .disabled {
    color: #444;
}
#priceV .gray {
    background-color: #eee;
    color: rgb(68, 68, 68);
}

/**********************************************************************/

#priceV2 {
    margin: 2em 0;
    border-collapse: collapse;
    width: 100%;
}
#priceV2 th, #priceV2 td {
    padding: 0.5em 0.8em;
    text-align: left;
    border: 1px solid #ccc;
    width: 33%;
    font-weight: normal;
}
#priceV2 .unu {
    background-color: #90ba2a;
    color: #f8f8f8;
}
#priceV2 .unuA {
    background-color: #729a28;
    color: #f8f8f8;
}
#priceV2 .doi {
    background-color: #4484c1;
    color: #f8f8f8;
}
#priceV2 .doiA {
    background-color: #3772aa;
    color: #f8f8f8;
}
#priceV2 .trei {
    background-color: #F75C70;
    color: #f8f8f8;
}
#priceV2 .treiA {
    background-color: #DD4B5E;
    color: #f8f8f8;
}
#priceV2 .gray {
    background-color: #eee;
}
#priceV2 .gray2 {
    background-color: #aaa;
    color: #f8f8f8;
}/**********************************************************************/

#priceV3 {
    margin: 1em 0;
    border-collapse: collapse;
    width: auto;
}
#priceV3 th, #priceV3 td {
    padding: 0.5em 0.8em;
    text-align: left;
    border: 1px solid #ccc;
    width: auto;
    font-weight: normal;
}
#priceV3 .unu {
    background-color: #90ba2a;
    color: #f8f8f8;
}
#priceV3 .unuA {
    background-color: #729a28;
    color: #f8f8f8;
}
#priceV3 .doi {
    background-color: #4484c1;
    color: #f8f8f8;
}
#priceV3 .doiA {
    background-color: #3772aa;
    color: #f8f8f8;
}
#priceV3 .trei {
    background-color: #F75C70;
    color: #f8f8f8;
}
#priceV3 .treiA {
    background-color: #DD4B5E;
    color: #f8f8f8;
}
#priceV3 .gray {
    background-color: #eee;
}
#priceV3 .gray2 {
    background-color: #aaa;
    color: #f8f8f8;
}

/**********************************************************************/

#priceH {
    margin: 2em 0 2.5em 0;
    border-collapse: collapse;
    width: 100%;
}
#priceH td {
    padding: 0.8em;
    text-align: center;
}
#priceH tr {
    border-bottom: 2px solid #eee;
}
#priceH .unu {
    background-color: #90ba2a;
    color: #fff;
}
#priceH .unuA {
    background-color: #729a28;
    color: #fff;
    font-weight: bold;
}
#priceH .doi {
    background-color: #4484c1;
    color: #fff;
}
#priceH .doiA {
    background-color: #3772aa;
    color: #fff;
    font-weight: bold;
}
#priceH .trei {
    background-color: #F75C70;
    color: #fff;
}
#priceH .treiA {
    background-color: #DD4B5E;
    color: #fff;
    font-weight: bold;
}
#priceH .gray {
    background-color: #eee;
    color: rgb(68, 68, 68);
}

/**********************************************************************/

.choose-list {
    list-style: none !important;
    padding-left: 0 !important;
}

/**********************************************************************/

.required {
    color:red;
    font-weight:bold;
}

/**********************************************************************/

/*
	=== Radio Button - am un "round" la span ===
	<label class="container">XXXXXXXXXXXXXXX
		<input type="radio" name="XXX" value="XXX">
		<span class="checkmark round"></span>
	</label>

	=== Checkbox ===
	<label class="container">XXXXXXXXXXXXXXX
		<input type="checkbox" name="XXX" value="XXX">
		<span class="checkmark"></span>
	</label>
 */

/* The container */
.checkmark-container {
    display: block;
    position: relative;
    padding-left: 2em;
    margin: 1em 0;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-weight: normal;
}

/* Hide the browser's default radio button */
.checkmark-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom radio button */
.checkmark {
    position: absolute;
    top: 0.1em;
    left: 0;
    height: 1.2em;
    width: 1.2em;
    background-color: #dcdcdc;
}
.round {
    border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.checkmark-container:hover input ~ .checkmark {
    background-color: #aaa;
}

/* When the radio button is checked, add a blue background */
.checkmark-container input:checked ~ .checkmark {
    background-color: #fb5b21;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.checkmark-container input:checked ~ .checkmark:after {
    display: block;
}


/* Style the indicator (dot/circle) */
/*
.checkmark-container .checkmark:after {
    top: 0.35em;
    left: 0.35em;
    width: 0.5em;
    height: 0.5em;
    background: white;
}
.checkmark-container .round:after {
    border-radius: 50%;
}
*/

/**********************************************************************/

.produse table {
    width:100%;
}
.produse th, .produse td {
    padding: 0.5em 1em;
    vertical-align:middle;
    text-align:center;
    border: 1px solid #C2C2C2;
}
.condensed th, .condensed td {
    padding: 0.25em 0.5em !important;
    vertical-align:top !important;
    text-align: left !important;
}
.produse th {
    background-color:#F4F4FF;
    font-weight: bold;
}
.produse td {
    background-color: #FAFAFA;
}
.produse .alt td {
    background-color:#F0F0F0;
}
.produse .red {
    background-color: #ffF4F4;
}
.produse .green {
    background-color: #F4ffF4;
}

/**********************************************************************/

hr {
    margin: 1.5em 0 !important;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.no-after::after {
    content: none !important;
}
.no-after h3::after {
    content: none !important;
}