/*
Style Name: essilor
Description: essilor style by czombos
Version: 1.0
Author: Sitemakers Kft.
Author URI: http://www.sitemakers.hu/
*/


* {
	outline:none;
}
img, div, span, a { behavior: url("/styles/iepngfix.htc") }



html, body {
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
}



/* Begin Typography & Colors */
body {
	margin: 0;
	padding: 0;
	color: #FFF;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	background:#735545 url(/images/bg.gif) repeat-x;
	behavior: url("/styles/csshover3.htc");
}
a {
	outline:none;
	text-decoration:none;
}
a:link, a:visited {
	color: #FFE6AF;
}
a:hover, a:active {
	color: #FFF;
}
img {
	border:0;
	border-color:#7FE79F;
}
a:link img, a:visited img {
	border-color: #88b9cb;
}
a:focus img, a:hover img, a:active img {
	border-color: #418fac;
}
p {
	margin: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
}
h1 {
	margin:0;
	padding:0;
}
h2 {
	font-family:"Segoe UI", sans-serif;
	font-size: 26px;
	font-weight: bold;
	margin:0px;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #FFF;
}
h3 {
	font-family:"Segoe UI", sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: normal;
	margin:0px;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #ffe6af;
}
h4 {
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	margin:0px;
	padding-top: 10px;
	padding-bottom: 5px;
	color: #ffe6af;
}
h5 {
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	margin:0px;
	padding-top: 5px;
	padding-bottom: 0px;
	color: #ffe6af;
}
h6 {
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	margin:0px;
	padding-top: 5px;
	padding-bottom: 0px;
}
img {
	vertical-align:middle;
}
.white {
	color: #fff;
}
/* End Typography & Colors */



/* Begin clearfix */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {display: inline-block;}  /* for IE/Mac */

*html .clearfix {
	zoom: 1;     				/* triggers hasLayout */
	display: block;     /* resets display for IE/Win */
}
.clear {
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
/* End clearfix */



/* Begin Structure */
#container {
	background:#310404;
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:980px;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
}
.inner {
	background:#735545 url(/images/containerBg.png) repeat-x right top;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
}




.layerBg {
	position: fixed;
	left: 0;
	top: 0;
	background: black;
	width: 100%;
	height: 100%;
	opacity: .7;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	z-index: 100;
}
.layerBanner {
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -240px 0 0 -420px;
	text-align: right;
	z-index: 101;
}
.essilorMovie {
	margin: -288px 0 0 -525px;
}
.layerClose {
	cursor: pointer;
	font-size: 18px;
	font-family: "Segoe UI", sans-serif;
}

.haveSidebar {
	/*background:url(/images/containerInnerBg.gif) repeat-x -826px top;*/
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
}
.haveSidebarProducts {
	/*background:url(/images/containerInnerBg.gif) repeat-x -730px top;*/
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
}
#header {
	height: 128px;
	position: relative;
	color:#afbfd2;
}
#logo a {
	display:block;
	width:76px;
	height:88px;
	text-indent:-9000px;
	background:url(/images/logo.png) no-repeat;
	position:absolute;
	top:10px;
	left:50%;
	margin-left:-38px;
}
#mail {
	position:absolute;
	right:15px;
	top:19px;
}
#home {
	position:absolute;
	right:-10px;
	top:16px;
}
#mail a, #home a {
	background:none !important;
	margin:0;
	padding:0;
}
#sidebar {
	float:left;
	width:160px;
	text-align:right;
	padding:30px 12px 0 0;
	font-size:11px;
	line-height:17px;
	border-right: 1px dotted #898684;
	min-height: 300px
}
.haveSidebarProducts #sidebar {
	width:225px;
}
#sidebar a {
	color:#FFF;
}
#sidebar a:hover {
	color:#FFE6AF;
}
#sidebar .title {
	font-size:13px;
	padding-top:20px;
}
#sidebar a.active_menu {
	color:#FFE6AF;
	position:relative;
}
#sidebar a.active_menu .arrow {
	position:absolute;
	right:-20px;
	top:2px;
}
*html #sidebar a.active_menu .arrow {
	top:6px;
}
*+html #sidebar a.active_menu .arrow {
	top:6px;
}
#content {
	padding:0 33px;
	margin:0;
	min-height:290px;
	line-height:18px;
	position:relative;
}
*html #content {
	height:290px;
	padding:0 20px 0 33px;
}
.haveSidebar #content {
	float:right;
	width:740px;
}
.haveSidebarProducts #content {
	float:right;
	width:710px;
	padding: 0 15px;
}
.contentText {
	width:470px;
	margin-left:38px;
}
.contentMenu {
	margin-left:38px;
}
#footerbanner {
	background:#735545;
}
#footerbanner a {
	background:url(/images/footerBanner.png) no-repeat 0 0;
	display:block;
	height:130px;
	text-indent:-999px;
}
#footerbanner a:hover {
	background:url(/images/footerBanner.png) no-repeat 0 -130px;
}
#footer {
	font-size: 10px;
	padding:0 20px;
	background:#310404;
}
#footer p {
	padding:0 0 10px 0;
	color:#FFF;
}
#footer a {
	color:#FFF;
}
.left {
	float:left;
	margin-right:10px;
}
.right {
	float:right;
	margin-left:10px;
}
iframe {
	border:0;
}
hr {
	color:#735545;
	background:none;
	border: 1px dotted #A28E8E;
	border-style: none none dotted;
	margin:5px 0;
}
*html hr {
	margin:0;
}
*+html hr {
	margin:0;
}
.printBtn {
	float:right;
	margin:25px 0 0 0;
	cursor:pointer;
}
.imgHome {
	margin:0 -33px;
}
.up {
	text-align:right;
	border-bottom:1px dotted #a28e8e;
}
.copyright {
	padding:10px 0 !important;
	color:#FFF;
	float:left;
}
.services {
	padding:180px 105px 20px 30px;
	margin-top: -65px;
	margin-right: 20px;
}
.products {
	width:540px;
	padding:480px 130px 20px 37px;
	margin:15px 0 0 0;
	min-height:180px;
}
.essilor-garancia {
	background:url(/images/Essilor-Garancia-card.png) no-repeat right top;
}
.varilux-garancia {
	background:url(/images/Essilor-Varilux-garancia-card.png) no-repeat right top;
}
.crizal-garancia {
	background:url(/images/Essilor-Crizal-garancia-card-classic.png) no-repeat right top;
}
.kids {
	background:url(/images/gyermekek.png) no-repeat;
	padding-top: 246px !important;
}
.kisbabak {
	background:url(/images/kisbabak.png) no-repeat;
	padding-top: 246px;
}
.gyerekek {
	background:url(/images/gyerekek.png) no-repeat;
	padding-top: 246px;
}
.fiatalok {
	background:url(/images/fiatalok.png) no-repeat;
	padding-top: 246px;
}
.airwear–a-biztonsagos-lencse {
	background:url(/images/airwear-a-biztonsagos-lencse.png) no-repeat;
	padding-top: 246px;
}
.innovacio {
	background:url(/images/innovacio.png) no-repeat;
}
.ergonomia {
	background:url(/images/ergonomia.png) no-repeat;
}
.altalanos {
	background:url(/images/altalanos.png) no-repeat;
}
.specialis {
	background:url(/images/specialis.png) no-repeat;
}
.kategoriak {
	background:url(/images/kategoriak.png) no-repeat;
}
.negyven_ev {
	background:url(/images/40ev.png) no-repeat;
}
.lencsekrol {
	background:url(/images/lencsekrol.png) no-repeat;
}
.lencsekrol {
	background:url(/images/lencsekrol.png) no-repeat;
}
.tavolRovidlatok {
	background:url(/images/tavolRovidlatok.png) no-repeat;
}
.essilor360 {
	background:url(/images/essilor360.png) no-repeat;
	padding-top: 246px;
}
.lineis174 {
	background:url(/images/lineis174.png) no-repeat;
	padding-top: 246px;
}
.stylis167 {
	background:url(/images/stylis167.png) no-repeat;
	padding-top: 246px;
}
.ormix16 {
	background:url(/images/ormix16.png) no-repeat;
	padding-top: 246px;
}
.airwear159 {
	background:url(/images/airwear159.png) no-repeat;
	padding-top: 246px;
}
.orma15 {
	background:url(/images/orma15.png) no-repeat;
	padding-top: 246px;
}
.iroda-munka-computer {
	background:url(/images/iroda-munka-computer.png) no-repeat;
	padding-top: 246px;
}
.varilux-computer {
	background:url(/images/varilux-computer.png) no-repeat;
}
.interview {
	background:url(/images/interview.png) no-repeat;
}
.anti-stress {
	background:url(/images/anti-stress.png) no-repeat;
}
.fenyvedelem-szinezesek {
	background:url(/images/fenyvedelem-szinezesek.png) no-repeat;
	padding-top: 246px;
}
.szinezett-lencsek {
	background:url(/images/szinezett-lencsek.png) no-repeat;
}
.transitions {
	background:url(/images/transitions.png) no-repeat;
}
.polarizalt-lencsek {
	background:url(/images/polarizalt-lencsek.png) no-repeat;
}
.feluletvedelem {
	background:url(/images/feluletvedelem.png) no-repeat;
	padding-top: 405px;
}
.egyedulallo-teljesitmeny {
	background:url(/images/egyedulallo-teljesitmeny.png) no-repeat;
}
.tokeletes-atlatszosag {
	background:url(/images/tokeletes-atlatszosag.png) no-repeat;
}
.utanozhatatlan-tisztasag {
	background:url(/images/utanozhatatlan-tisztasag.png) no-repeat;
}
.divat-stilus-trend {
	background:url(/images/divat-stilus-trend.png) no-repeat;
}
.keret-nelkuli {
	background:url(/images/keret-nelkuli.png) no-repeat;
}
.keskeny-es-kis-keretek {
	background:url(/images/keskeny-es-kis-keretek.png) no-repeat;
}
.ivelt-keretek {
	background:url(/images/ivelt-keretek.png) no-repeat;
}
.divatos-szinek {
	background:url(/images/divatos-szinek.png) no-repeat;
}
.szabadido-sport-autovezetes {
	background:url(/images/szabadido-sport-autovezetes.png) no-repeat;
	padding-top: 680px;
}
.airwear {
	background:url(/images/airwear.png) no-repeat;
}
.transitions2 {
	background:url(/images/transitions2.png) no-repeat;
}
.varilux-road-pilot {
	background:url(/images/varilux-road-pilot.png) no-repeat;
}
.kaprazas-ellen  {
	background:url(/images/kaprazas-ellen.png) no-repeat;
}
.muhelyberendezesek {
	background:url(/images/muhelyberendezesek.png) no-repeat;
}
.szemvizsgaloEszkozok {
	background:url(/images/szemvizsgaloEszkozok.png) no-repeat;
}
.gepszerviz-gepeladas {
	background:url(/images/gepszerviz-gepeladas.png) no-repeat;
}
.essilor_e-business {
	background:url(/images/essilor_e-business.png) no-repeat;
}
.rolunk {
	background:url(/images/rolunk.png) no-repeat;
}
.a-latasrol-altalaban {
	background:url(/images/a-latasrol-altalaban.png) no-repeat;
}
.latashibak-korrekciok {
	background:url(/images/latashibak-korrekciok.png) no-repeat;
}
.lataskomfort-40-ev-felett {
	background:url(/images/lataskomfort-40-ev-felett.png) no-repeat;
}
.lataskomfort-40-ev-felett a {
	color: #f9a11b
}
.lataskomfort-40-ev-felett a:hover {
	color: #fff
}
.gyermekeink-latasa {
	background:url(/images/gyermekeink-latasa.png) no-repeat;
}
.gyermekeink-latasa a {
	color: #ff99ed
}
.gyermekeink-latasa a:hover {
	color: #fff
}
.varilux-multifokalis-lencsek-40-ev-felettieknek {
	background:url(/images/varilux-multifokalis-lencsek-40-ev-felettieknek.png) no-repeat;
}
.essilor-minosegi-szemuveglencsek-tavol-es-rovidlatoknak {
	background:url(/images/essilor-minosegi-szemuveglencsek-tavol-es-rovidlatoknak.png) no-repeat;
	padding-top: 365px;
}
.elerhetosegunk {
	background:url(/images/elerhetosegunk.png) no-repeat;
	padding-top: 365px;
}
.polarizalt {
	background:url(/images/polarizalt.png) no-repeat;
	padding-top: 535px;
}
.sun-protection {
	background:url(/images/sun-protection.png) no-repeat;
	padding-top: 270px;
	padding-left: 49px;
}
.citytrends {
	background:url(/images/citytrends.png) no-repeat;
	padding-top: 275px;
	padding-left: 49px;
}
.activlife {
	background:url(/images/activlife.png) no-repeat;
	padding-top: 275px;
	padding-left: 49px;
}
.medical-vision {
	background:url(/images/medical-vision.png) no-repeat;
	padding-top: 275px;
	padding-left: 49px;
}
.optifog_a_paramentes_szemuveglencse {
	background:url(/images/optifog_a_paramentes_szemuveglencse.png) no-repeat;
	padding: 533px 25px 20px;
	width: auto;
	color: #ffe6af;
}
.optifog_a_paramentes_szemuveglencse h2 {
	color: #ffe6af;
}
.rounded {
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	padding: 20px;
	width: 155px;
	height: 300px;
}
.rounded img {
	margin-bottom: 10px;
}
.whiteBg {
	background: #fff;
}
.separator {
	height:0;
	font-size: 1px;
	line-height: 0px;
	border-top:1px solid #B99D79;
	margin:10px 0;
}





.gallery {
	position:absolute;
	right:30px;
	top:70px;
}
.menu_gyermekek-essilor-junior-lencsek a.active_menu {
	color:#C42695;
}
.menu_tavol-es-rovidlatok a.active_menu {
	color:#9325B2;
}
.menu_40-ev-felettiek-varilux-multifokalis-lencsek a.active_menu {
	color:#c4a4fe;
}
.menu_iroda-munka-computer a.active_menu {
	color:#7183e2;
}
.menu_fenyvedelem-szinezesek a.active_menu {
	color:#6ead85;
}
.menu_feluletvedelem a.active_menu {
	color:#66BC29;
}
.menu_divat-stilus-trend a.active_menu {
	color:#FFA200;
}
.menu_szabadido-sport-autovezetes a.active_menu {
	color:#DC291E;
}
.menu_visioffice a.active_menu {
	color:#66BC29;
}
.menu_muhelyberendezesek a.active_menu {
	color:#66bc29;
}
.menu_szemvizsgalo-eszkozok a.active_menu {
	color:#66bc29;
}
.menu_latashibak-korrekciok a.active_menu {
	color:#ff6600;
}
.horizontal p {
	float:left;
	padding:5px 20px 5px 0;
}
.slide {
	width: 691px;
	padding: 0 10px;
	border-left: 1px solid #8F776A;
	border-right: 1px solid #8F776A;
	position: relative;
}

.sliderNavigation {
	position: absolute;
	right: 10px;
	bottom: 0px;
}
.sliderNavigation span {
	background:url(/images/boxPagerBg.png) no-repeat;
	padding:7px 12px 8px 11px; 
	cursor: pointer;
}
.sliderNavigation span:hover {
	color:#FF6600;
}
.sliderNavigation span.jFlowSelected {
	background:url(/images/boxPagerBg.png) no-repeat -40px -40px;
}
.flash {
	float: right;
}
.video {
	background:#4b3328;
	border:1px solid #7c675b;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	padding:10px;
	text-align:center;
}
/* End Structure */



/* Begin Boxes */
.boxNews {
	width:411px;
	margin:0 auto;
	margin-bottom:23px;
}
.boxNews .inner {
	background:url(/images/boxNewsCenter.png);
	padding:0 18px;
	line-height:20px;
	width:100%;
}
.boxNews h3 {
	font-size:14px;
	padding-bottom:0px;
}
.boxNews h5 {
	font-size:14px;
	padding-bottom:6px;
}
.boxNews .btn {
	background:url(/images/more.png);
	line-height:21px;
	display:block;
	font-size:11px;
	width:71px;
	padding:0 15px;
}


.boxDark {
	width:417px;
	margin-bottom:15px;
}
.boxDark .inner {
	background:url(/images/boxDarkCenter.png);
	padding:6px 18px;
	line-height:20px;
	width:100%;
}


.variaList {
	width:471px;
	float:right;
	line-height:25px;
}
.variaList ul {
	margin:0;
	padding:0;
}
.variaList li {
	margin:0;
	padding:0 30px 10px 30px;
	background:url(/images/menuBg.png) repeat-x left bottom;
	color:#FFE6AF;
}
.variaList li ul {
	margin:0;
	padding:0 0 0 38px;
	background:none;
}
.variaList li ul li {
	margin:0;
	padding:0;
	background:none;
}
.variaList li ul li a {
	color:#FFF;
}
.variaList li ul li a:hover, .variaList li ul li a.active_menu {
	color:#FFE6AF;
}
/* End Boxes */



/* Begin Lists, Blockquote */
ul {
	margin: 0 0 0 5px;
	padding: 5px 0px;
}
ul li {
	margin: 0 0 0 5px;
	padding: 0 0 0 15px;
	list-style-type: none;
	background: url(/images/bullet.png) 0px 8px no-repeat;
	font-weight: normal;
	width: auto;
}
ul li ul li {
	background: url(/images/bullet2.png) 0px 9px no-repeat;
}
/* End Lists, Blockquote */



/* Begin Tables */
.mytable {
	font-size: 12px;
 	border-collapse: collapse;
	text-align: left;
}
.mytable th {
	font-size: 13px;
	font-weight: normal;
	color: #418fac;
	padding: 10px 7px;
	border-bottom: 2px solid #8299B2;
	font-weight:bold;
}
.mytable td {
	border-bottom: 1px solid #ccc;
	padding: 6px 7px;
}
/* End Tables */



/* Begin Form Elements */
form {
	margin: 0;
	padding: 0;
}
label {
	line-height: 20px;
}
input, select {
	font-size: 12px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}
.fields {
	padding: 2px;
	border: 1px solid #abaaaa;
	background:url(/images/inputBg.gif);
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	color:#6c6c6c;
}
.fields:hover, .fields:focus {
	border: 1px solid #2B7166;
}
.button, a.button {
	font-size: 12px;
	background:#d87f27;
	border: 1px solid #8d6046;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	color:#FFFFFF;
	padding:1px 4px;
	width:auto;
	overflow:visible;
	margin-top: 4px;
	font-weight:bold;
}
a.button {
	font-size: 12px;
	padding: 2px 6px 3px 6px;
	text-decoration:none;
}
a.button:hover, a.button:focus {
	font-size: 12px;
}
.button:hover {
	border: 1px solid #FFF;
	color:#FFFFFF;
}
.button:focus, .button:active {
	border: 1px solid #FFF;
}
.button:visited {
	color:#FFFFFF;
}
.formstyle label {
	float:left;
	width:100px;
}
.formstyle .leftmargin {
	margin-left:100px;
}
.formstyle .nofloat {
	float:none;
	width:auto;
}
/* End Form Elements */



/* Begin Menus */
#topMenu {
	line-height:normal;
	font-weight: bold;
	font-size:13px;
	position:absolute;
	top:80px;
	left:20px;
	width:940px;
	background:url(/images/menuBg.png) repeat-x left bottom;
}
#topMenu ul {
	margin:0;
	padding:0;
}
#topMenu li {
	float:left;
	margin:0;
	padding:0;
	background:none;
}
#topMenu a {
	float:left;
	margin:0;
	padding:10px 14px 10px 14px;
	text-decoration:none;
	color:#FFF;
}
#topMenu a:hover, #topMenu a.active_menu {
	color:#FFE6AF;
}



#footerMenu {
	padding:10px 0 !important;
	color:#ffe6af;
	float:right;
	border-bottom:1px dotted #a28e8e;
}
#footerMenu ul {
	margin:0;
	padding:0;
}
#footerMenu li {
	float:left;
	margin:0;
	padding:0;
	background:none;
	position:relative;
}
#footerMenu a {
	float:left;
	color:#ffe6af !important;
	margin:0 5px;
	white-space:nowrap;
}
#footerMenu a:hover, #footerMenu a.active_menu {
	color:#FFF !important;
}
#footerMenu li ul {
	position:absolute;
	top:25px;
	right:0;
}
#footerMenu li li {
	float:right;
}
#footerMenu li li a {
	margin:8px 5px;
	float:right;
}

ul.submenu {
	margin-bottom:10px;
}
ul.submenu li {
	margin: 10px 0px 4px 5px;
	padding: 0px 0px 0px 20px;
	list-style-type: none;
	background: url(/images/breadcrumbSeparator.gif) 0px 4px no-repeat;
	font-weight: normal;
	width: auto;
}
ul.submenu li a.active_menu {
	color:#c4a4fe;
}
/* End Menus */



/* Begin Breadcrumb */
#breadcrumb {
	padding:0;
	padding:11px 0;
	position:relative;
	margin:0 20px;
	font-size:12px;
}
#breadcrumb ul {
	margin:0;
	padding:5px 0;
	list-style:none;
	border-bottom:1px dotted #a28e8e;
	border-top:1px dotted #a28e8e;
	width:100%;
	height:16px;
}
#breadcrumb li {
	background:none;
	float:left;
	margin:0;
	padding:0;
}
#breadcrumb a {
	float:left;
	display:block;
	margin:0;
	padding:0 25px 0 10px;
	text-decoration:none;
	color:#FFF;
	background:url(/images/breadcrumbSeparator.gif) no-repeat right center;
}
#breadcrumb a:hover {
	color:#FFE6AF;
}
#breadcrumb span {
	float:left;
	display:block;
	margin:0;
	padding:0px 10px;
	text-decoration:none;
	color:#FFE6AF;
}
/* End Breadcrumb */