@charset "utf-8";
/* CSS Document */

html {}
body {margin: 0; padding: 0; font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; background: #660033 url(../images/background-a70.png) repeat fixed center; color: #FF9933; }

.container {/*fontsize calculated*/ /*width: 87.5em; min-height: 45.5em; */margin: auto; position: relative; top: 0; z-index: 1; }

.circle {-moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; -khtml-border-radius: 50%; border-width: 1px; border-style: solid; position: absolute; behavior: url(PIE.htc); background: url(../images/circle-overlay.png) repeat-x bottom; background-size: contain; }
.circle span {display: block; text-align: center; margin: auto; font-weight: bold; font-size: 1.5em; }
.circle span a {display: block; color: #FFFFFF; text-decoration: none; }

.rounded {-moz-border-radius: 1em; -webkit-border-radius: 1em; border-radius: 1em; -khtml-border-radius: 1em; border-width: 1px; border-style: solid; behavior: url(PIE.htc); overflow: hidden; }

/* c1 = logo */
.c1 {z-index: 100; width: 18.2em; height: 18.2em; line-height: 18.2em; top: 0; 
border-color: #660033; background-color: #FF9900; color: #000; }
.c1 span {}
.c1 img {display: block; width: 90%; margin: 30% auto; }
/* c2 = acasa */
.c2 {z-index: 8; width: 9.6em; height: 9.6em; line-height: 9.6em; top: 15.2em; 
border-color: #660033; background-color: #993399; color: #FFF; }
.c2 span {}
/* c3 = optica */
.c3 {z-index: 10; width: 10.53em; height: 10.53em; line-height: 10.53em; top: 22.4em; 
border-color: #660033; background-color: #CC0066; color: #FFF; }
.c3 span {}
/* c4 = produse */
.c4 {z-index: 8; width: 12.46em; height: 12.46em; line-height: 12.46em; top: 28.87em; 
border-color: #660033; background-color: #663399; color: #FFF; }
.c4 span {}
/* c5 = servicii */
.c5 {z-index: 9; width: 9.6em; height: 9.6em; line-height: 9.6em; top: 38.27em; 
border-color: #660033; background-color: #CC3333; color: #FFF; }
.c5 span {}
/* c6 = contact */
.c6 {z-index: 9; width: 8.6em; height: 8.6em; line-height: 8.6em; top: 12.2em; 
border-color: #660033; background-color: #FF6633; color: #FFF; }
.c6 span {}
/* c7 = adresa */
.c7 {z-index: 10; width: 16em; height: 16em; line-height: 16em; top: 29.47em; 
border-color: #660033; background-color: #CC0066; color: #FFF; }
.c7 span {font-size: 1.25em; line-height: 1.2em; padding: 25% 15% 15% 15%; }
.c7 span strong {display: block; padding: 0 0 0.5em 0; width: 100%; height: auto; }
/* c8 = telefoane */
.c8 {z-index: 11; width: 14.4em; height: 14.4em; line-height: 14.4em; top: 18em; 
border-color: #660033; background-color: #CC6633; color: #FFFFFF; }
.c8 span {font-size: 1.25em; line-height: 1.2em; padding: 15%; }
.c8 span strong {display: block; padding: 0 0 0.5em 0; width: 100%; height: auto; }
/* c9 = facebook */
.c9 {z-index: 7; width: 4em; height: 4em; line-height: 4em; top: 14.57em; 
 border-color: #660033; background-color: #339; color: #FFFFFF; }
.c9 span {font-size: 1.5em; }
.c9 img {display: block; width: 30% !important; height: 60% !important; margin: 19% auto; }
/* c11 = yahoo messenger */
.c11 {z-index: 7; width: 4em; height: 4em; line-height: 4em; top: 16.27em; 
 border-color: #660033; background-color: #660066; color: #FFFFFF; }
.c11 span {font-size: 1.5em; display: block; width: 100% !important; height: 100% !important;}
.c11 img {display: block; width: 60% !important; height: 60% !important; margin: 19% auto; }
/* c10 = magazin online */
.c10 {z-index: 10; width: 17.26em; height: 17.26em; line-height: 1em; top: -2.87em; 
 border-color: #660033; background-color: #669900; color: #000; }
.c10 span {padding-top: 27.5%; }
.c10 img {display: block; width: 60%; margin: 1em auto; }

.content {/*font-family: Arial, Helvetica, sans-serif;*/ position: relative; z-index: 2; top:0; min-height: 45.5em; color: #FF9900; 
}

@media (min-width: 1280px) {
	.c1 {left: 4.67em; }
	.c2 {left: 5em; }
	.c3 {left: 10.73em; }
	.c4 {left: 4.87em; }
	.c5 {left: 9.8em; }
	
	.c6 {left: 72.53em; }
	.c7 {left: 70.60em; }
	.c8 {left: 73.53em; }
	.c9 {left: 81.33em; }
	.c11 {left: 84.63em; }
	.c10 {left: 71.60em; }
	
	.content {width: 50.67em; margin: 0 14.97em 0 21.87em; }
	.content h1 {font-size: 2em; line-height: 2em; }
	.content h2 {font-size: 2em; line-height: 2em; }
	.content h3 {font-size: 1.2em; line-height: 1.8em; }
	.content p {font-size: 1.1em; line-height: 1.3em; }
	.content li {font-size: 1.1em; line-height: 1.3em; }
	.content dd {font-size: 1.1em; line-height: 1.3em; }
	.promotii .promoContainer {width: 50.66em; height: 23.33em; }
	.page .submenu {width: 16.5em; }

}

@media (max-width: 1279px) {
	.c1 {left: 0; }
	.c2 {left: 0.33em; }
	.c3 {left: 6.06em; }
	.c4 {left: 0.2em; }
	.c5 {left: 5.13em; }
	
	.c6 {right: 7.73em; }
	.c7 {right: 2.26em; }
	.c8 {right: 0.93em; }
	.c9 {right: 3.53em; }
	.c11 {right: 0.23em; }
	.c10 {right: 0em; }
	
	.content {width: 60.7em; margin: 0 11.61em 0 17.2em; }
	.content h1 {font-size: 1.8em; line-height: 1.8em; }
	.content h2 {font-size: 1.8em; line-height: 1.8em; }
	.content h3 {font-size: 1.5em; line-height: 1.5em; }
	.content p {font-size: 1.3em; line-height: 1.2em; }
	.content li {font-size: 1.3em; line-height: 1.2em; }
	.content dd {font-size: 1.3em; line-height: 1.2em; }
	.promotii .promoContainer {width: 60.5em; height: 28.47em; }
	.page .submenu {width: 26.5em; }
	
}

.content h1 {font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; color: #FFFFFF; margin: 0; padding: 0; text-align: left; text-indent: 1.5em; }
.content h2 {font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; color: #FFFFFF; margin: 0; padding: 0; text-align: left; text-indent: 1.5em; }
.content h3 {font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; color: #FFFFFF; margin: 0 0 0.2em 0; padding: 0; text-align: left; text-indent: 2em; }
.content a {color: #FF9900; }
.content p {margin: 0; padding: 0 0 0.42em 0; }
.content ul {display: block; margin: 0 0 0 1em; padding: 0; list-style: none; }
.content ul li { display: inline; margin-left: -0.83em; padding: 0.08em 0.08em 0.08em 0.42em; }
.content li li { font-size: 1em; }
.content dd p { font-size: 1em; }

.page {padding: 10.6em 0 2em 0; width: 100%; }
.title {margin: 0 0.5em 0 0; border-color: #660033; position: relative; z-index: 10; }
.text {padding: 1em 1.5em 0 3em; position: relative; top: -1em; z-index: 2; margin: 0 1.5em 0 0; }
.col33 {width: 31.5%; float: left; clear: none; margin: 0 1.5% 0 0; overflow: hidden; }
.col67 {width: 66%; float: left; clear: none; margin: 0; overflow: hidden; }

/* HOMEPAGE */
.home {padding-top: 1em; }
.promotii {width: 100%; min-height: 27.33em; overflow: hidden; margin: 0 0 0.2em 0; padding: 0; position: relative; top: 0; left: 0; z-index: 20; background-color: transparent; }
.home .title {background-color: #993399; border-color: #660033; /*margin-right: 0; */}
.promotii .title {margin-right: 0.8em; }
.promotii h2 .slidetabs {float: right; padding: 0 1em 0 0; font-size: 0.75em; font-weight: normal; }
.promotii h2 .slidetabs a {display: inline !important; position: static !important; color: #CC66CC; text-decoration: none; }
.promotii h2 .slidetabs a.current {color: #FFFFFF; }
.promotii .promoContainer {overflow: hidden; margin: 0; padding: 0; position: relative; }
.promotii .backwardContainer {background: transparent url(../images/shadow-left.png) no-repeat scroll right center; width: 3em; height: 100%; overflow: hidden; position: absolute; top: 0; left: 0;}
.promotii .forwardContainer {background: transparent url(../images/shadow-right.png) no-repeat scroll left center; width: 3em; height: 100%; overflow: hidden;position: absolute; top: 0; right: 0;}
.promotii .backward,
.promotii .forward {display: block; width: 0.75em; height: 1.35em; overflow: hidden; padding: 3px; margin: -0.75em 0 0 0; position: absolute; top: 50%; z-index: 30; font-size: 3em; line-height: 1em; cursor: pointer; border-width: 1px; border-style: solid; border-color: #330000; background-color: #993366; color: #330000; }
.promotii .backward:hover,
.promotii .forward:hover {border-color: #660033;  background-color: #660033; color: #FF9900; }
.promotii .backward {right: -45%; text-align: left; }
.promotii .forward {left: -45%; text-align: right; }
.promotii .images {display: block; height: 100%; overflow: hidden; text-decoration: none; position: absolute; top: 0; left: 3em; right: 3em; background-color: #660033; }
.promotii .images div {width: 100%; height: 100%; }
.promotii .images div a {display: block; width: 100%; height: 100%; cursor: pointer; text-decoration: none; }
.promotii .images div img {display: block; width: 100%; height: 100%; border: none; }
.pr01 {background: #fbd39f; border-color: #fbd39f; }
.pr02 {background: #6e3a83; border-color: #6e3a83; }
.pr03 {background: #FFFFFF; border-color: #FFFFFF; }
.pr04 {background: #FFFFFF; border-color: #FFFFFF; background-size: contain; }
.pr05 {background: #000000; border-color: #000000; background-size: contain; }
.full dl {}
.full dt {font-weight: bold; font-size: 1.5em; color: #FFFFFF; clear: both; width: 100%; }
.full dd {padding-bottom: 1.5em; }
.full .text {/*margin-right: 0; */}

.othird {width: 33%; float: left; text-align: center; min-height: 10em; padding: 0 0 0 0; }
.othird .alpinaimg {width: 10em; height: 10em; position: relative !important; }
.othird .alpinaimg img {display: block; width: 100%; height: 100%; }
.othird p {width: 10em; }


/* SECONDARY PAGES */
a.top {float: right; text-decoration: none; color: #FFFFFF !important; font-size: 0.5em; padding: 0 2em 0 0;}

.page .topimages div {background-size: auto; background-position: center; position: absolute; overflow: hidden; border-color: #660033; }
.page .topimages div img {display: block; width: 100%; height: 100%; }
.page .topimages .img1 {width: 14.6em; height: 14.6em; top: -1em; right: 3em; z-index: 9; }
.page .topimages .img2 {width: 9em; height: 9em; top: 4em; right: 16.2em; z-index: 11; }
.page .topimages .img3 {width: 11em; height: 11em; top: 1.5em; right: 24em; z-index: 8; }
.page .topimages .imgl1 {width: 12em; height: 12em; top: 46em; left: -18em; z-index: 10; }
.page .topimages .imgl2 {width: 11em; height: 11em; top: 56em; left: -12em; z-index: 10; }
.page .topimages .imgl3 {width: 12em; height: 12em; top: 64em; left: -19em; z-index: 10; }
.page .topimages .imgl4 {width: 13em; height: 13em; top: 75em; left: -17em; z-index: 10; }
.page .topimages .imgl5 {width: 11em; height: 11em; top: 86em; left: -12em; z-index: 10; }
.page .topimages .imgl6 {width: 10em; height: 10em; top: 94em; left: -17em; z-index: 10; }
.page .topimages .imgl7 {width: 12em; height: 12em; top: 101em; left: -11em; z-index: 10; }
.page .topimages .imgl8 {width: 11em; height: 11em; top: 112em; left: -12em; z-index: 10; }
.page .topimages .imgl9 {width: 13em; height: 13em; top: 121em; left: -18em; z-index: 10; }
.page .topimages .imgl0 {width: 10em; height: 10em; top: 133em; left: -14em; z-index: 10; }
.page .topimages .imgr1 {width: 12em; height: 12em; top: 45em; right: -12em; z-index: 10; }
.page .topimages .imgr2 {width: 10em; height: 10em; top: 56em; right: -9em; z-index: 10; }
.page .topimages .imgr3 {width: 13em; height: 13em; top: 64em; right: -16em; z-index: 10; }
.page .topimages .imgr4 {width: 11em; height: 11em; top: 76em; right: -13em; z-index: 10; }
.page .topimages .imgr5 {width: 12em; height: 12em; top: 86em; right: -12em; z-index: 10; }
.page .topimages .imgr6 {width: 13em; height: 13em; top: 96em; right: -17em; z-index: 10; }
.page .topimages .imgr7 {width: 10em; height: 10em; top: 106em; right: -9em; z-index: 10; }
.page .topimages .imgr8 {width: 11em; height: 11em; top: 113em; right: -16em; z-index: 10; }
.page .topimages .imgr9 {width: 12em; height: 12em; top: 122em; right: -13em; z-index: 10; }
.page .topimages .imgr0 {width: 10em; height: 10em; top: 133em; right: -12em; z-index: 10; }

.page h1,
.page h2 {position: relative; z-index: 10; }
.page h1 span {font-size: 0.8em; padding: 0 0 0 1em; }

.page .submenu {position: relative; top: -1em; left: 0; z-index: 9; padding: 0; background-color: #993366; border-color: #660033; }
.page .submenu ul {display: block; margin: 0; padding: 0; list-style: none; width: 100%; }
.page .submenu ul li {display: block; margin: 0; padding: 0; list-style: none; height: 5em; font-size: 1.2em; text-align: left; background: url(../images/gr-a25.png) repeat-x bottom;  position: relative; overflow: hidden; }
.page .submenu ul li a {display: block; color: #FFFFFF; text-decoration: none; padding: 1em; line-height: 3em; }
.page .submenu ul li a span.dbl {line-height: 1.5em; }
.page .submenu ul li a span.rounded {display: none; width: 2em; height: 3em; position: absolute; right: -0.8em; top: 1em; background-color: #660033;  border-color: #660033; text-indent: 0.5em; text-align: left; line-height: 3em; }
.page .submenu ul li a:hover {color: #FF9900; }
.page .submenu ul li a:hover span.rounded {display: block; }

.page .subimage {position: relative; top: -19.5em; left: 0; z-index: 7; margin: 0 1.5em -19.5em -1.5em; float: right; width: 34em; height: 18em; overflow: hidden; border-color: #660033; }
.page .subimage img {display: block; border: 0; width: 100%; height: auto; }

.page .text {background-color: #993366; border-color: #660033; }

.page .full {/*margin: 0 3em 0 3em; */padding: 1em 0 1em 0; }

.page .boxright {float: right; clear: none; margin: 0.5em; width: 10em; }
.page .boxright div {text-align: center; padding: 0.2em; margin: 0 0 0.5em 0; border-color: #660033; background: url(../images/gr-a25.png) repeat-x bottom; }
.page .boxright div a {display: block; text-decoration: none; }
.page .boxright div a:hover {color: #FFFFFF; }

.optica {}
.optica .title {background-color: #C06; }

.optica .medici {}
ul.cols3 {margin: 0; padding: 0; display: block; list-style: none; width: 100%; overflow: hidden; }
ul.cols3 li {margin: 0; padding: 0 3% 2em 0; display: block; list-style: none; width: 30%; overflow: hidden; float: left; clear: none; }
ul.cols2 {margin: 0 auto 0 auto; padding: 0; display: block; list-style: none; width: 67%; overflow: hidden; }
ul.cols2 li {margin: 0; padding: 0 3% 2em 0; display: block; list-style: none; width: 47%; overflow: hidden; float: left; clear: none; }
ul.cols3 li img, ul.cols2 li img {display: block; border: 0; width: 100%; height: auto; }
ul.cols4 {margin: 0; padding: 0; display: block; list-style: none; width: 100%; overflow: hidden; }
ul.cols4 li {margin: 0; padding: 0; display: block; list-style: none; width: 25% !important; overflow: hidden; float: left; clear: none; }

.optica .program {padding-right: 3em; }
.optica .program ul {margin: 0; padding: 0; display: block; list-style: none; width: 100%; overflow: hidden; }
.optica .program ul li {margin: 0; padding: 0.5em; display: block; list-style: none; width: 100%; overflow: hidden; border-bottom: 1px dotted #660033; }
.optica .program ul li span {display: block; width: 49%; float: left; clear: none; }
.optica .program ul li strong {font-size: 1.2em; }
.optica .program ul.zile {margin: 0; padding: 0; display: block; list-style: none; width: 100%; overflow: hidden; }
.optica .program ul.zile li {margin: 0; padding: 0; display: block; list-style: none; width: 14%; overflow: hidden; float: left; clear: none; text-align: center; border-bottom: none; font-size: 0.9em; }
.optica .program ul.zile li.colspan5 {width: 70% !important; }
.optica .program ul li.listtitle {text-transform: uppercase; color: #FFFFFF; }
.optica .program ul li.listtitle a {color: #FFFFFF; text-decoration: none; }

.produse {}
.produse .title {background-color: #639; }
.produse .marci ul {margin: 0; padding: 0; display: block; list-style: none; width: 100%; overflow: hidden;}
.produse .marci ul li {margin: 0; padding: 1em 0 1em 0; display: block; list-style: none; width: 33%; height: 2em; overflow: hidden; float: left; clear: none; text-align: center; font-weight: bold; font-size: 1.2em; }

.servicii {}
.servicii .title {background-color: #C33; }
.servicii ul.bulleted {margin: 0 0 0 50px; display: list-item; }
.servicii ul.bulleted li {margin: auto; padding: inherit; list-style: disc; display: list-item; }

.contact {width: 100%; }
.contact .title {background-color: #FF6633; }
.contact .cform {}
.cform fieldset {background-color: #993366; border-color: #660033; }
.cform fieldset legend {display: block; width: 96.5%; background-color: #FF6633; border-color: #660033; color: #FFFFFF; padding: 0.6em; font-size: 1.1em }
.cform div {display: block; padding: 5px 10px 5px 10px; }
.cform div label {display: block; width: 10%; float: left; color: #FF6633; font-weight: bold; font-size: 1.1em; }
.cform div input, .cform div textarea {width: 60%; border: 1px solid #FF6633; background-color: #FFFFFF; color: #660033; font-size: 1.1em; padding-left: 0.3em; font-family: Arial, Helvetica, sans-serif; }
.cform div textarea {height: 8em; }
.cform .cbutton {width: 70%; }
.cform .cbutton input {width: 30%; margin: auto; display: block; background-color: #FF6633; color: #660033; padding: 0.6em; font-weight: bold; }

/* the overlayed element */
.apple_overlay { display:none; /*background-image:url(../images/white.png); */width:90%; height:90%; padding: 5%; top: 0 !important; left: 0 !important; }
.apple_overlay .close { background-image:url(../images/close.png); position:absolute; right:5px; top:5px; cursor:pointer; height:35px; width:35px; }
div.contentWrap {width:100%; height:100%; text-align: center; }
div.contentWrap #bigImg {max-height: 600px; }