
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
	 (c) 2012. Duzmáth Tamás Grafikai Művek
	 Minden jog fenntartva. All rights reserved.
	 Szerző/Author: Duzmáth Tamás
	 Package: Joomla! 2.5
	 http://www.duzmath-tamas.hu
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */



/* - - - - - - - - - - -
	Tesztoldal
	tartozekok
- - - - - - - - - - - */
div.moduletable-tesztmenu { position: relative; width: 900px; left: 28px; }
div.moduletable-tesztmenu:after { clear: both; display: block; content: "."; height: 7px; visibility: hidden; }
div.moduletable-tesztmenu ul { position: relative; }
div.moduletable-tesztmenu ul li {
	font: normal 14px 'AllerRegular', sans-serif;
	position: relative; float: left; width: 160px; margin: 0 14px 7px 0; }
div.moduletable-tesztmenu ul li a { color: #704510; text-decoration: none; display: block; }


div.item-page-firenze {
	background: #f9f6f3;
	background: -moz-radial-gradient(center, ellipse cover,  #ffffff 15%, #f9f6f3 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(15%,#ffffff), color-stop(100%,#f9f6f3));
	background: -webkit-radial-gradient(center, ellipse cover,  #ffffff 15%,#f9f6f3 100%);
	background: -o-radial-gradient(center, ellipse cover,  #ffffff 15%,#f9f6f3 100%);
	background: -ms-radial-gradient(center, ellipse cover,  #ffffff 15%,#f9f6f3 100%);
	background: radial-gradient(ellipse at center,  #ffffff 15%,#f9f6f3 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9f6f3',GradientType=1 );
	
	font: normal normal 14px/18px 'AllerLightRegular', sans-serif;
	position: relative;
	width: 910px;
	padding: 21px 28px 21px 28px;
	border: 1px solid white;
	border-radius: 10px 10px 6px 6px;
	box-shadow: 0px 0px 4px rgba(0,0,0,.1); }
div.item-page-firenze h1,
div.item-page-firenze h1 a { font-size: 24px; line-height: 35px; text-shadow: 1px 1px 1px white; }
div.item-page-firenze h2,
div.item-page-firenze h2 a { font-size: 24px; line-height: 35px; text-shadow: 1px 1px 1px white; width: 568px; }
div.item-page-firenze h3 { font-size: 18px; line-height: 28px; width: 568px; }

div.item-page-firenze table.teszt-tablazat {
	background-color: transparent;
	position: relative;
	width: 910px;
	margin: 0; padding: 0!important;
	box-shadow: none;
	border-collapse: collapse; }
div.item-page-firenze table.teszt-tablazat tr { background-color: transparent; border: none; padding: 0; }
div.item-page-firenze table.teszt-tablazat td.bal { width: 568px!important; }
div.item-page-firenze table.teszt-tablazat td.jobb { width: 300px!important; }
div.item-page-firenze table.teszt-tablazat td { padding: 0!important; }


div.item-page-firenze table.teszt-tablazat td.bal p { width: 568px; }

div.item-page-firenze ul.lista-zold {
	position: relative;
	width: 500px;
	margin: 0 21px 14px 21px; }
div.item-page-firenze .lista-zold li {
	background-image: url(../images/dt-icons/list-green.png); background-repeat: no-repeat;
	background-position: left top;
	font: normal 14px/1.2em sans-serif; color: #353535;
	margin-bottom: 14px;
	padding-left: 24px; }
div.item-page-firenze ul.lista-zold:after { clear: both; display: block; content: "."; height: 7px; visibility: hidden; }


div.item-page-firenze p.dt-info-info { width: 488px; }

div.item-page-firenze div.galeria { position: relative; width: 572px; }
div.item-page-firenze div.galeria p { position: relative; width: 550px; }
div.item-page-firenze div.galeria:after { clear: both; display: block; content: "."; height: 7px; visibility: hidden; }



div.item-page-firenze div.meretek {
	background-color: #F9F6F3;
	position: relative; float: right;
	width: 270px; padding: 14px;
	box-shadow: 0px 6px 6px -6px rgba(0,0,0,.126);
	border: 1px solid #E9DED1;
	border-radius: 6px; }
div.item-page-firenze div.meretek:after { clear: both; display: block; content: "."; height: 0px; visibility: hidden; }

div.item-page-firenze div.meretek h5 { font: normal 14px sans-serif; }
div.item-page-firenze div.meretek ul li { font: normal 13px sans-serif; position: relative; }
div.item-page-firenze div.meretek ul li img { border-radius: 3px; box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.9); }
div.item-page-firenze div.meretek ul li:after { clear: both; display: block; content: "."; height: 0px; visibility: hidden; }

div.item-page-firenze .dt-info-szerszam { position: relative; float: right; width: 208px; }
div.item-page-firenze .dt-info-info {}










/* - - - - - - - - - -
	Meret-tablazatok
	rajzokkal
- - - - - - - - - - */
#meretek {
	background-color: #F9F6F3;
	position: relative;
	margin-bottom: 28px;
	padding: 14px;
	box-shadow: 0px 1px 2px 0px rgba(0,0,0,.1);
	border: 1px solid #F1EAE2;
	border-radius: 6px;
	/*box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.4);*/ }
#meretek h5:before { clear: both; display: block; content: "."; height: 7px; visibility: hidden; }
#meretek h5 { font: normal 14px sans-serif; }

#meretek ul li:first-line { font: normal 14px/28px 'AllerBold', sans-serif; color: #81553A; }
#meretek ul li { font: normal 13px sans-serif; position: relative; float: left; width: 47%; }
#meretek ul li strong {
	font-family: sans-serif;
	font-weight: bold;
	line-height: 1.75em;
	color: #535353;
}
#meretek ul li img { border-radius: 3px; box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.9); }
#meretek ul li:after { clear: both; display: block; content: "."; height: 0px; visibility: hidden; }
#meretek ul:after { clear: both; display: block; content: "."; height: 0px; visibility: hidden; }


/* - - - - - - - - - -
	Kepgaleria
	formazasok
- - - - - - - - - - */
div.galeria {
	background: #b78a68;
	background: -moz-linear-gradient(top,  #b78a68 0%, #a05c2b 66%, #8e5326 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b78a68), color-stop(66%,#a05c2b), color-stop(100%,#8e5326));
	background: -webkit-linear-gradient(top,  #b78a68 0%,#a05c2b 66%,#8e5326 100%);
	background: -o-linear-gradient(top,  #b78a68 0%,#a05c2b 66%,#8e5326 100%);
	background: -ms-linear-gradient(top,  #b78a68 0%,#a05c2b 66%,#8e5326 100%);
	background: linear-gradient(to bottom,  #b78a68 0%,#a05c2b 66%,#8e5326 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b78a68', endColorstr='#8e5326',GradientType=0 );
/*	background: #96643c url(../images/galeria-bg.jpg) repeat;*/
	margin: 14px 0 35px 0;
	padding: 7px 0 3px 6px;
	border: 1px solid white;
	border-radius: 6px;
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.196);
/*	box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.196);*/ }
div.galeria ul li { margin-right: 7px!important; padding: 2px; }
div.galeria img {
	border-radius: 4px;
	box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.4);
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear; }
div.galeria img:hover {
	box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.8);
	/*box-shadow: 0px 0px 1px 2px rgba(255, 255, 255, .196);*/
	border: 1px solid white; }
div.galeria p { color: whitesmoke; margin-left: 7px; }

/* - - - - - - - - - - - -
	Google Map
- - - - - - - - - - - - */
#map {
	background: #f9f6f3;
	background: -moz-radial-gradient(center, ellipse cover,  #f9f6f3 0%, #96643c 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#f9f6f3), color-stop(100%,#96643c));
	background: -webkit-radial-gradient(center, ellipse cover,  #f9f6f3 0%,#96643c 100%);
	background: -o-radial-gradient(center, ellipse cover,  #f9f6f3 0%,#96643c 100%);
	background: -ms-radial-gradient(center, ellipse cover,  #f9f6f3 0%,#96643c 100%);
	background: radial-gradient(ellipse at center,  #f9f6f3 0%,#96643c 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f6f3', endColorstr='#96643c',GradientType=1 );
	width: 100%; height: 400px;
	position: relative; margin: 0 auto; padding: 0;
	border-top: 1px solid #630;
	border-bottom: 1px solid white; }
#map div.moduletable {
	background: transparent url(../images/sliders/sp1/shadow-10.png) no-repeat center 333px;
	width: 986px; height: 390px; margin: 24px auto 0 auto; }
#map div.moduletable div div { width: 956px; height: 320px; position: relative; left: 17px; top: 17px; pointer-events: none; }
#map div.moduletable iframe { border-radius: 4px; border: 1px solid white; box-shadow: 0px 2px 2px 0px rgba(0,0,0,.1); }



/* - - - - - - - - - -
	Elkuldott urlap
	sent page
- - - - - - - - - - */
div.item-page #sent {
	background-color: #E9E0D6/*#DBD1CE*/;
	background-image: url(../images/sent.png);
	background-repeat: no-repeat;
	background-position: center 150px;
	width: auto;
	height: 300px;
	padding: 24px 14px;
	border: 1px solid white;
	border-radius: 8px; }
div.item-page #sent h2 { line-height: 25px; }


/* - - - - - - -
	Letoltes
- - - - - - - */
.pdf {
	background: #FFF url(../images/dt-icons/pdf-download-sprite.png) no-repeat 0px 0px;
	width: 550px; height: 170px; margin: 0 0 21px 0;
	border: 1px solid white; border-radius: 5px; box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.196);
	opacity: 0.6;
	-webkit-transition: width 0.7s ease-in-out;
	-moz-transition: width 0.7s ease-in-out;
	-ms-transition: width 0.7s ease-in-out;
	-o-transition: width 0.7s ease-in-out;
	transition: width 0.7s ease-in-out; }
.pdf:hover {
	background: #FAFAFA url(../images/dt-icons/pdf-download-sprite.png) no-repeat 0px -149px;
	width: 576px;
	box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.196);
	opacity: 0.9; }

.pdf p:first-line {
	font: normal 18px/1.5em 'AllerRegular', sans-serif; color: #555;
	text-shadow: 1px 1px 0px white; text-transform: uppercase; }

.pdf p { font: normal 14px sans-serif; color: #6C6C6C;
	position: relative; left: 160px; top: 50px;
	width: 380px; }

.pdf:hover p:first-line { color: #995844; }
.pdf:hover p a {
	background: #995844;
	background: -moz-linear-gradient(top,  #995844 0%, #893c1e 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#995844), color-stop(100%,#893c1e));
	background: -webkit-linear-gradient(top,  #995844 0%,#893c1e 100%);
	background: -o-linear-gradient(top,  #995844 0%,#893c1e 100%);
	background: -ms-linear-gradient(top,  #995844 0%,#893c1e 100%);
	background: linear-gradient(to bottom,  #995844 0%,#893c1e 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#995844', endColorstr='#893c1e',GradientType=0 );
	font: normal 14px/28px 'AllerBold', sans-serif;
	color: #FFF4E6!important;
	text-shadow: 1px 1px 2px rgba(0,0,0,.3)!important;
	border: 1px solid #995844; }
.pdf p a {
	background-color: #CFCFCF;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#F1F1F1), to(#CFCFCF));
	background-image: -webkit-linear-gradient(top, #F1F1F1 0px, #CFCFCF 100%);
	background-image:    -moz-linear-gradient(top, #F1F1F1 0px, #CFCFCF 100%);
	background-image:     -ms-linear-gradient(top, #F1F1F1 0px, #CFCFCF 100%);
	background-image:      -o-linear-gradient(top, #F1F1F1 0px, #CFCFCF 100%);
	background-image:   linear-gradient(to bottom, #F1F1F1 0px, #CFCFCF 100%);
	font: normal 14px/28px 'AllerBold', sans-serif;
	color: #727272!important;
	text-decoration: none;
	text-transform: uppercase;
	text-shadow: none;
	letter-spacing: 1px;
	border: 1px solid silver;
	border-radius: 4px;
	margin: 14px 14px 0 0;
	padding: 7px 28px;
	position: relative;
	clear: both; }
.pdf p a:hover {
	background-color: #467a2d;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#79b44f), to(#467a2d));
	background-image: -webkit-linear-gradient(top, #79b44f 0px, #467a2d 100%);
	background-image:    -moz-linear-gradient(top, #79b44f 0px, #467a2d 100%);
	background-image:     -ms-linear-gradient(top, #79b44f 0px, #467a2d 100%);
	background-image:      -o-linear-gradient(top, #79b44f 0px, #467a2d 100%);
	background-image:   linear-gradient(to bottom, #79b44f 0px, #467a2d 100%);
	color: white!important;
	text-shadow: 1px 1px 2px rgba(0,0,0,.3)!important;
	border: 1px solid #467a2d; }



/* - - - - - - - - - - - - -
   Iniciale + szamozas
   bekezdes
- - - - - - - - - - - - - */
p.iniciale:first-letter { font-size: 300%; line-height: 0.9em; color: #595959; display: block; float: left;
	width: 1em; padding: 0.05em 0.24em 0em 0;}
span.szurke-szamozas,
span.szurke-szamozas-tobbsoros {
	background: #666;
	font: normal normal 12px/12px 'OpenSansSemibold', sans-serif;
	color: white;
	text-align: center;
	position: relative;
	width: 12px;
	height: 12px;
	display: block;
	float: left;
	margin-right: 7px;
	padding: 6px;
	border-radius: 12px; }
span.szurke-szamozas-tobbsoros { top: 4px; }
span.szurke-szamozas-tobbsoros-nagy {
	background: #666;
	font: normal normal 12px/21px 'OpenSansSemibold', sans-serif;
	color: white;
	text-align: center;
	position: relative;
	top: 3px;
	width: 21px;
	height: 21px;
	display: block;
	float: left;
	margin-right: 7px;
	padding: 6px;
	border-radius: 21px; }


/* - - - - - - - - - - - - -
   Szamozas lista
- - - - - - - - - - - - - */
ul.szamozas { position: relative; margin: 14px 35px 21px 21px; }
ul.szamozas li:first-letter {
	background: #666;
	font: normal normal 14px/21px sans-serif; color: white;
	padding: 4px; margin-right: 4px; }
ul.szamozas li { position: relative; margin: 0 0 14px 0; }


.numbered:first-letter { font-size: 240%; line-height: 1em; color: #595959; display: block; float: left;
	width: 1em; padding: 0em 0.24em 0.1em 0; }
.numbered-normal:first-letter { font-size: 190%; line-height: 1em; color: #595959;
	display: block; float: left; width: 1em; margin-right: 14px; padding: 0; }
.numbered-smaller:first-letter { font-size: 150%; line-height: 1em; color: #595959;
	display: block; float: left; width: 1em; margin-right: 8px; padding: 0 0.24em 0 0; }
.numbered-smaller { margin: 0 3em 0.75em 0; clear: both; }


/* - - - - - - - - -
    Lists icons
- - - - - - - - - - */
.lista-gray, .lista-black, .lista-blue,
.lista-orange, .lista-zold { font: normal 14px/1.2em sans-serif; color: #353535; margin: 0 1em 1em 1.5em; }
.lista-gray li {
	background-image: url(../images/dt-icons/list-gray.png); background-repeat: no-repeat;
	background-position: left top; padding-left: 24px; margin-bottom: 1em; }
.lista-black li {
	background-image: url(../images/dt-icons/list-black.png); background-repeat: no-repeat;
	background-position: left top; padding-left: 24px; margin-bottom: 1em; }
.lista-blue li {
	background-image: url(../images/dt-icons/list-blue.png); background-repeat: no-repeat;
	background-position: left top; padding-left: 24px; margin-bottom: 1em; }
.lista-orange li {
	background-image: url(../images/dt-icons/list-orange.png); background-repeat: no-repeat;
	background-position: left top; padding-left: 24px; margin-bottom: 1em; }
.lista-zold li {
	background-image: url(../images/dt-icons/list-green.png); background-repeat: no-repeat;
	background-position: left top; padding-left: 24px; margin-bottom: 1em; }

.gray-list, .blue-list, .brown-list, .zold-lista, .arrow-list, .arrow, .none-list, .tick-list, .tick, .heart-list, .heart, .plus-list, .plus {
	font: normal 14px/1.2em sans-serif; color: #353535; margin: 0 1em 1em 1.5em; padding: 0; }
.gray-list li strong, .blue-list li strong, .brown-list li strong, .zold-lista li strong, .arrow-list li strong, .none-list li strong, .tick-list li strong, .heart-list li strong, .plus-list li strong { font-weight: bold; color: #646464; }

ul.gray-list li {
	background-image: url(../images/dt-icons/12-arrow-right-gray.png); background-repeat: no-repeat;
	background-position: left top; padding-left: 24px; margin-bottom: 1em; }
ul.blue-list li {
	background-image: url(../images/dt-icons/12-arrow-right-blue.png); background-repeat: no-repeat;
	background-position: left top; padding-left: 24px; margin-bottom: 1em; }
ul.brown-list li {
	background-image: url(../images/dt-icons/12-arrow-right-brown.png); background-repeat: no-repeat;
	background-position: left top; padding-left: 24px; margin-bottom: 1em; }
ul.zold-lista li {
	background-image: url(../images/dt-icons/12-arrow-right-green.png); background-repeat: no-repeat;
	background-position: left top; padding-left: 24px; margin-bottom: 1em; }
ul.none-list li {
	background-image: url(../images/dt-icons/basic-set/block_16.png); background-repeat: no-repeat;
	background-position: left top; padding-left: 24px; margin-bottom: 1em; }

ul.arrow-list li {
	background-image: url(../images/dt-icons/basic-set/right_12.png); background-repeat: no-repeat;
	background-position: left top; padding-left: 24px; margin-bottom: 1em; }
ul.tick-list li {
	background-image: url(../images/dt-icons/basic-set/tick_16.png); background-repeat: no-repeat;
	background-position: left top; padding-left: 24px; margin-bottom: 1em; }
ul.heart-list li {
	background-image: url(../images/dt-icons/basic-set/heart_16.png); background-repeat: no-repeat;
	background-position: left top; padding-left: 24px; margin-bottom: 1em; }
ul.plus-list li {
	background-image: url(../images/dt-icons/basic-set/plus_16.png); background-repeat: no-repeat;
	background-position: left top; padding-left: 24px; margin-bottom: 1em; }

.arrow {
	background-image: url(../images/dt-icons/basic-set/right_16.png); background-repeat: no-repeat;
	background-position: left top; padding-left: 24px; margin-bottom: 1em; }
.tick {
	background-image: url(../images/dt-icons/basic-set/tick_16.png); background-repeat: no-repeat;
	background-position: left top; padding-left: 24px; margin-bottom: 1em; }
.heart {
	background-image: url(../images/dt-icons/basic-set/heart_16.png); background-repeat: no-repeat;
	background-position: left top; padding-left: 24px; margin-bottom: 1em; }
.plus {
	background-image: url(../images/dt-icons/basic-set/plus_16.png); background-repeat: no-repeat;
	background-position: left top; padding-left: 24px; margin-bottom: 1em; }

/* - - - - - - - - - - - - -
   Info dobozok
- - - - - - - - - - - - - */
.dt-info-kerdes, .dt-info-info, .dt-info-otlet,
.dt-info-otlet2, .dt-info-fontos, .dt-info-idopont,
.dt-info-szerszam {
	position: relative;
	margin: 14px 0 14px 0!important; padding: 24px 14px 24px 76px;
	box-shadow: 0px 2px 2px 0px rgba(0,0,0,.1);
	border: 1px solid white; }
.dt-info-kerdes { background: whitesmoke url(../images/dt-icons/credit/help.png) no-repeat 24px 24px; }
.dt-info-info { background: whitesmoke url(../images/dt-icons/credit/info.png) no-repeat 24px 24px; }
.dt-info-otlet { background: whitesmoke url(../images/dt-icons/lamp.png) no-repeat 24px 24px; }
.dt-info-otlet2 { background: whitesmoke url(../images/dt-icons/credit/light_bulb.png) no-repeat 24px 24px; }
.dt-info-fontos { background: whitesmoke url(../images/dt-icons/credit/warning.png) no-repeat 24px 24px; }
.dt-info-idopont { background: whitesmoke url(../images/dt-icons/credit/calendar_date.png) no-repeat 24px 24px; }
.dt-info-szerszam { background: whitesmoke url(../images/dt-icons/credit/tools.png) no-repeat 24px 24px; }

.dt-tip {
	background: #E2E2E2 url(../images/dt-icons/lamp.png) no-repeat 24px 24px;
	position: relative;
	margin: 14px 0 14px 0!important;
	padding: 24px 14px 24px 76px;
	border-top: 1px solid #D2D2D2;
	border-bottom: 1px solid #D2D2D2; }

/* Sort Note - - - */
.dt-select-green { background-color: #79A94B; }
.dt-select-orange { background-color: #B13A05; }
.dt-select-blue { background-color: #0368B4; }
.dt-select-gray { background-color: #666; }
.dt-select-green, .dt-select-orange, .dt-select-blue, .dt-select-gray {
	font: normal 11px sans-serif!important; color: white; text-transform: uppercase; letter-spacing: 1px;
	padding: 2px 5px 2px 7px; border-radius: 3px; }
