/*
 *   Tripoli is a generic CSS standard for HTML rendering.
 *   Copyright (C) 2007 David Hellsing
 *
 *   http://devkick.com/lab/tripoli/
 *
 *   You should have received a copy of the GNU General Public License
 *   along with this program.  If not, see <http://www.gnu.org/licenses/>.
**/

/*
_______________________________
RESET */

* {
	text-decoration  : none;
	font-size        : 1em;
	outline          : none;
	margin           : 0;
	padding          : 0;
}

code, kbd, samp, pre, tt, var, input, select, isindex, listing, xmp, plaintext {
	font             : inherit;
	white-space      : normal;
}

textarea {
	font             : inherit;
}

a, img, a img, iframe, form, abbr, acronym, object, applet, table, a abbr, a acronym {
	border-width     : 0;
}

dfn, i, cite, var, address, em {
	font-style       : normal;
}

th, b, strong, h1, h2, h3, h4, h5, h6, dt {
	font-weight      : normal;
}

caption, th, td {
	text-align       : left;
}

html {
	background       : white;
	color            : black;
	line-height      : 1;
	font-family      : arial, sans-serif;
}

/* \*/

html {
	font-family      : sans-serif;
}

/* */

q {
	quotes           : "\201C" "\201D" "\2018" "\2019";
}

ul, ol, dir, menu {
	list-style       : none;
}

sub, sup {
	vertical-align   : baseline;
}

a {
	color            : inherit;
}

/*
_______________________________
DISABLE DEPRECATED HTML */

font, basefont {
	color            : inherit;
	font             : inherit;
	font-size        : 100%;
}

center, *[align] {
	text-align       : inherit;
}

s, strike, u {
	text-decoration  : inherit;
}

img {
	border           : none;
	margin           : 0;
}

ol {
	list-style-type  : decimal;
}

body {
	background-color : transparent;
}

tr, th, td {
	width            : auto;
	height           : auto;
	background-color : transparent;
	vertical-align   : inherit;
	border           : none;
}

table[border], .content table[border] {
	border-collapse  : separate;
	border-spacing   : 0;
}

nobr {
	white-space      : normal;
}

marquee {
	overflow         : visible;
	-moz-binding     : none;
}

blink {
	text-decoration  : none;
}

/*
_______________________________
GENERAL */

html {
	font-size        : 125%;
}

body {
	font-size        : 50%;
}

a {
	text-decoration  : underline;
}

strong, th, thead td, h1, h2, h3, h4, h5, h6, dt {
	font-weight      : bold;
}

cite, em, dfn {
	font-style       : italic;
}

code, kbd, samp, pre, tt, var, input[type='text'], input[type='password'], textarea {
	font-size        : 100%;
	font-family      : mono-space, monospace;
}

pre {
	white-space      : pre;
}

pre * {
	font-size        : 100%;
	white-space      : pre;
}

del {
	text-decoration  : line-through;
}

ins, dfn {
	border-bottom    : 1px solid black;
}

small, sup, sub {
	font-size        : 85%;
}

big {
	font-size        : 125%;
	line-height      : 80%;
}

abbr, acronym {
	text-transform   : uppercase;
	font-size        : 85%;
	letter-spacing   : .1em;
}

abbr[title], acronym[title], dfn[title] {
	cursor           : help;
	border-bottom    : 1px dotted black;
}

sup {
	vertical-align   : super;
}

sub {
	vertical-align   : sub;
}

blockquote {
	padding-left     : 2.2em;
}

hr {
	display          : none; /* We will re-reset it later for content */
}

:lang(af), :lang(nl), :lang(pl) {
	quotes           : '\201E' '\201D' '\201A' '\2019';
}

:lang(bg), :lang(cs), :lang(de), :lang(is), :lang(lt), :lang(sk), :lang(sr), :lang(ro) {
	quotes           : '\201E' '\201C' '\201A' '\2018';
}

:lang(da), :lang(hr) {
	quotes           : '\00BB' '\00AB' '\203A' '\2039';
}

:lang(el), :lang(es), :lang(sq), :lang(tr) {
	quotes           : '\00AB' '\00BB' '\2039' '\203A';
}

:lang(en-GB) {
	quotes           : '\2018' '\2019' '\201C' '\201D';
}

:lang(fi), :lang(sv) {
	quotes           : '\201D' '\201D' '\2019' '\2019';
}

:lang(fr) {
	quotes           : '\ab\2005' '\2005\bb' '\2039\2005' '\2005\203a';
}

*[lang|='en'] q:before {
	content          : '\201C';
}

*[lang|='en'] q:after {
	content          : '\201D';
}

*[lang|='en'] q q:before {
	content          : '\2018';
}

*[lang|='en'] q q:after {
	content          : '\2019';
}

input, select, button {
	cursor           : pointer;
}

input[type='text'], input[type='password'] {
	cursor           : text;
}

input[type='hidden'] {
	display          : none;
}

/*
_______________________________
CONTENT */

.content {
	font-size        : 1.2em;
	line-height      : 1.6em;
}

.content h1 {
	font-size        : 1.6em;
	line-height      : 1;
	margin           : 1em 0 .5em;
}

.content h2 {
	font-size        : 1.5em;
	line-height      : 1;
	margin           : 1.07em 0 .535em;
}

.content h3 {
	font-size        : 1.4em;
	line-height      : 1;
	margin           : 1.14em 0 .57em;
}

.content h4 {
	font-size        : 1.3em;
	line-height      : 1;
	margin           : 1.23em 0 .615em;
}

.content h5 {
	font-size        : 1.2em;
	line-height      : 1;
	margin           : 1.33em 0 .67em;
}

.content h6 {
	font-size        : 1em;
	line-height      : 1;
	margin           : 1.6em 0 .8em;
}

.content hr {
	display          : block;
	background       : black;
	color            : black;
	width            : 100%;
	height           : 1px;
	border           : none;
}

.content ul {
	list-style       : disc outside;
}

.content ol {
	list-style       : decimal outside;
}

.content table {
	border-collapse  : collapse;
}

.content hr, .content p, .content ul, .content ol, .content dl, .content pre, .content address, .content table, .content form {
	margin-bottom    : 1.6em;
}

.content p+p {
	margin-top       : -.8em;
}

.content fieldset {
	margin           : 1.6em 0;
	padding          : 1.6em;
}

/* \*/

.content legend {
	padding-left     : .8em;
	padding-right    : .8em;
}

/* */

@media all and

(
min-width:

0
px

)
/* for Opera 8 */
{
.content legend {
	margin-bottom    : 1.6em;
}

.content fieldset {
	margin-top       : 0;
}

.content[class^='content'] fieldset {
	margin-top       : 1.6em;
}

}

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

.content textarea, .content input[type='text'] {
	padding          : .1em .2em;
}

.content input {
	padding          : .2em .1em;
}

.content select {
	padding          : .2em .1em 0;
}

.content select[multiple] {
	margin-bottom    : .8em;
}

.content option {
	padding          : 0 .4em .1em;
}

.content button {
	padding          : .3em .5em;
}

.content input[type='radio'] {
	position         : relative;
	bottom           : -.2em;
}

.content dt {
	margin-top       : .8em;
	margin-bottom    : .4em;
}

.content ul, .content ol {
	margin-left      : 2.2em;
}

.content caption, .content form div {
	padding-bottom   : .8em;
}

.content ul ul, content ol ul, .content ul ol, content ol ol {
	margin-bottom    : 0;
}

/*
_______________________________
END */

html, body {
	background-color : #000;
	height           : 100%;
	color            : #eee;
}

body {
	background       : url("../images/bg.jpg") no-repeat;
}

.left {
	float            : left;
}

.right {
	float            : right;
}

.clear {
	clear            : both;
}

#main-content-wrapper {
	background       : url(../images/background-wrapper.png) repeat-y center center;
}

#main-content {
	margin-left      : auto;
	margin-right     : auto;
	padding-left     : 2px;
	padding-right    : 2px;
	border-left      : 2px solid #2e2e2e;
	border-right     : 2px solid #2e2e2e;
	border-bottom    : 2px solid #2e2e2e;
	background       : url("../images/content-bg.png") no-repeat;
	width            : 982px;
	font-family      : arial, serif;
}

#left-content h1 {
	background       : url("../images/h1.png") no-repeat;
	height           : 30px;
	font-size        : 30px;
	border-bottom    : 2px dashed #900;
	padding-left     : 20px;
}

#left-content h2 {
	background       : url("../images/h2.png") no-repeat;
	height           : 25px;
	font-size        : 25px;
	border-bottom    : 2px dashed #900;
	padding-left     : 15px;
}

#left-content h3 {
	height           : 15px;
	font-size        : 20px;
	padding-bottom: 8px;
	border-bottom    : 2px dashed #fff;
	padding-left     : 10px;
}

#left-content .oferta {
	float: left;
	width: 550px;
	height: 150px;
}
#left-content .pret {
	display: table;
	vertical-align: middle;
	height: 150px;
	float: right;
}
#left-content p.small{
	font-size: 12px;
}
#left-content .pret p {
	display: table-cell;
	vertical-align: middle;
	margin-bottom: 0;
	font-size: 40px;
	line-height: 1em;
}

#left-content p {
	font-size        : 17px;
}

#left-content {
	width            : 700px;
	padding-right    : 5px;
	padding-left     : 10px;
	border-right     : 1px solid #666;
	float            : left;
}

#left-content-photo {
	width            : 960px;
	padding-right    : 10px;
	padding-left     : 10px;
	float            : left;
}

#right-content {
	width            : 245px;
	padding-right    : 5px;
	padding-left     : 10px;
	float            : left;
}
#right-content img {
	padding: 0 10px 0 0;
}
#right-content p.info {
	margin-bottom: 2px;
	font-size: 15px;
	text-align:left;
}

#logo {
	text-align       : center;
	width            : 770px;
	overflow         : hidden;
	height           : 261px;
}

#header-wrapper {
	background       : url(../images/background-wrapper.png) repeat-y center center;
}

#header {
	margin-left      : auto;
	margin-right     : auto;
	padding-left     : 2px;
	padding-right    : 2px;
	border-left      : 2px solid #2e2e2e;
	border-right     : 2px solid #2e2e2e;
	border-top       : 2px solid #2e2e2e;
	width            : 982px;
	height           : 263px;
}

#footer-wrapper {
	background       : url(../images/background-wrapper.png) repeat-y center center;
}

#footer {
	margin-left      : auto;
	margin-right     : auto;
	padding          : 7px 2px 0;
	border-left      : 2px solid #2e2e2e;
	border-right     : 2px solid #2e2e2e;
	height           : 28px;
	text-align       : center;
	background-image : url("../images/footer-bg.png");
	width            : 982px;
}

/* Block quote element starts here.*/
div.hr {
	height           : 10px;
	background       : url(../images/hr.png) no-repeat scroll center;
}

#top-text blockquote {
	margin           : 6px 0 6px 0;
	color            : #aeaeae;
	font-family      : arial, serif;
	font-size        : 1.1em;
	padding-left     : 1em;
	padding-right    : 3em;
}

#top-text blockquote p {
	margin           : 0 0 0 0;
	text-align       : center;
	font-size        : 18px;
	font-family      : arial, serif;
	font-weight      : lighter;
}

.red {
	color            : #ff3602;
}

.bqstart {
	float            : left;
	height           : 45px;
	margin-top       : -30px;
	padding-top      : 45px;
	margin-bottom    : -50px;
	font-size        : 700%;
	color            : #ff3602;
}

.bqend {
	float            : right;
	height           : 25px;
	margin-top       : -35px;
	margin-right     : -30px;
	padding-top      : 45px;
	font-size        : 700%;
	color            : #ff3602;
}

div.hr hr {
	display          : none;
}

#menu {
	text-align       : left;
	width            : 200px;
	display          : inline;
	float            : right;
}

#menu ul {
	margin           : 0;
	border           : 0 #000 none;
}

#menu ul li {
	list-style       : none;
	background-image : url(../images/menu-bg.png);
	height           : 25px;
	padding-top      : 3px;
	padding-bottom   : 7px;
	padding-left     : 10px;
	border-top       : 1px #222 solid;
	border-bottom    : 1px #222 solid;
	font-size        : 18px;
	text-align       : left;
}

#menu ul li:hover {
	background-image : url(../images/menu-bg-highlight.png);
}

#menu ul li a {
	width            : 180px;
	color            : #eee;
	font-family      : arial, serif;
	text-decoration  : none;
	display          : block;
	overflow         : hidden;
}

#menu ul li a:hover {
	text-decoration  : none;
}

#menu ul li .subtitle {
	width            : 180px;
	font-family      : arial, serif;
	margin-top       : -3px;
	font-size        : 11px;
	text-decoration  : none;
	display          : block;
}

.side-title {
	background-image : url(../images/menu-bg.png);
	text-align       : center;
	font-family      : arial, serif;
	font-weight      : bold;
	font-size        : 16px;
	height           : 25px;
	padding-top      : 10px;
	padding-left     : 10px;
}

.side-content {
	border           : 2px solid #444;
	padding          : 5px 15px 5px 15px;
	text-align       : justify;
	font-size        : 14px;
	font-family      : arial, serif;
	background-color : #333;
}

ul.slideshow {
	list-style       : none;
	width            : 780px;
	height           : 260px;
	overflow         : hidden;
	position         : relative;
	margin           : 0;
	padding          : 0;

}

ul.slideshow li {
	position         : absolute;
	left             : 0;
	right            : 0;
}

ul.slideshow li.show {
	z-index          : 500;
}

ul img {
	border           : none;
}

#slideshow-caption {
	width            : 780px;
	height           : 50px;
	position         : absolute;
	bottom           : 0;
	left             : 0;
	color            : #fff;
	background       : #000;
	z-index          : 500;
}

#slideshow-caption .slideshow-caption-container {
	padding          : 5px 10px;
	z-index          : 1000;
}

#slideshow-caption h3 {
	margin           : 0;
	padding          : 0;
	font-size        : 20px;
}

#slideshow-caption p {
	margin           : 5px 0 0 0;
	padding          : 0;
	font-size        : 14px;
}

#left-content label {
	display:block;
	float:none;
	font-size:16px;
	width:auto;
}

form#contactform input {
	border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;
	border-style:solid;
	border-width:1px;
	padding:5px;
	font-size:16px;
	color:#333;
}
form#contactform textarea {
	font-size:16px;
	padding:5px;
	border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;
	border-style:solid;
	border-width:1px;
}