* {margin:0;padding:0} .fleft {float:left} .fright {float:right} .fcenter {float:none;text-align:center} .fclear {clear:both} .inner_copy {border:0;color:#f00;float:right;width:50% !important;margin:-100% 0 0 0;overflow:hidden;line-height:0;padding:0;font-size:11px} body {background:#111; color:#0F0F0F;font:15px/20px Arial,Helvetica,sans-serif;margin:1px 0 0;padding:0} ul, h1, h2, h3, li, p, img {margin:0;padding:0} ul {list-style-type:none} /* TOP PANEL*/ #topPanel {width:762px;height:173px;position:relative; left:-150px; margin:0 auto;padding:0;} /*#topPanel img {z-index:1;padding:0;position:absolute;margin:0 0 0 0px}*/ #topPanel div {border:0px; border-radius:25px; box-shadow: 0px 0px 0px #888888; margin:0;padding:0} /* MENU PANEL*/ #topPanel ul {display:block;width:732px;height:36px;top:0;right:0;margin:11px 0 0;padding:0 129px 0 0;border-bottom:1px solid #AEAEAE} #topPanel ul li {float:right;font:12px/36px "Trebuchet MS",Arial,Helvetica,sans-serif;font-weight:bold; background-color:transparent} #topPanel ul li a {width:100px;height:36px;display:block;padding:0;color:#999;background:#fff;text-decoration:none;text-align:center;margin:0 1px 0 0;top:0;left:0; background:transparent} #topPanel ul li a:hover {width:100px;height:36px;text-decoration:none;background:url(images/Butoane/RedCuEfect.png) no-repeat 0 0 #AEAEAE; background-size:100% 100%; border-radius: 15px 15px 0 0; color:#fff} #topPanel ul li.active {width:100px;display:block;height:36px;background:url(images/Butoane/RedCuEfect.png) no-repeat 0 0 #AEAEAE; background-size:100% 100%; border-radius: 15px 15px 0 0; color:#fff;text-align:center;margin:0 1px 0 0} /* LOGO PANEL*/ #topPanel #divLogo {background:url(images/Butoane/RedCuEfect.png) no-repeat 0 0 #FC5F00; border-style: none; border-color: inherit; border-width: 0px; border-radius: 0px; width:220px; height:220px} /* TITLE PANEL*/ @font-face {font-family: myFirstFont; src: url(file:///L:/Projects/Sites/ButoaneSite2/Fonts/BaroqueScript.ttf);} /*#topPanel #spanTitle {font-family:Century Gothic; font-size:40px; font-weight:bold; font-style:italic; color:darkred;}*/ #topPanel #spanTitle {font-family:Sans-serif; font-size:72px; font-weight:bold; color:#8C1717} /*#topPanel #spanTitle {text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25), 0 10px 10px rgba(0,0,0,.2), 0 20px 20px rgba(0,0,0,.15);} */ /* BODY PANEL*/ #bodyPanel {width:762px;height:730px;position:relative; left:-150px; margin:0 auto;padding:0;} #bodyPanelContact {width:762px;height:730px;position:relative; left:-150px; margin:0 auto;padding:0;} /* HEADER PANEL */ #bodyPanel div {width:346px;height:346px;border-radius:25px;top:0;left:0px;padding:0;color:#fff;} #bodyPanel div a {width:346px;height:346px;display:block;text-decoration:none} /*Culori Portocaliu #FC5F00 Blau #0072BE #0067BA */ /* HEADER PANEL FIRST*/ #bodyPanel #headerPanelFirst {width:346px;top:0;left:0;margin:5px 5px 5px 0;padding:0;background:url(images/Photo/Theater.jpg) no-repeat 0 0 #0067BA; -webkit-filter: blur(0px); background-size: contain; opacity: 1} #bodyPanel #headerPanelFirst a {width:346px;height:363px;display:block;text-decoration:none;} #bodyPanel #headerPanelFirst a span {color:#FDFDD0; text-shadow:1px 2px 5px #000000;} #bodyPanel #headerPanelFirst a img {visibility:hidden} #bodyPanel #headerPanelFirst a #idPuppentheaterKurse {visibility:hidden} /*#bodyPanel #headerPanelFirst a:hover {width:346px;height:346px; border:0px; border-radius:25px; background:url(images/Photo/Theater.jpg) no-repeat 0 0 #FC5F00; background-size: contain; text-decoration:none}*/ #bodyPanel #headerPanelFirst:hover {opacity: 1; -webkit-filter: blur(0px)} #bodyPanel #headerPanelFirst a:hover span {color:gray} #bodyPanel #headerPanelFirst a:hover img {visibility:visible} #bodyPanel #headerPanelFirst a:hover #idPuppentheaterKurse {visibility:visible} #bodyPanel #headerPanelFirst h2 {display:block;width:90px;height:47px;margin:54px 0 0 120px;font:28px/28px "Trebuchet MS",Arial,Helvetica,sans-serif;font-weight:bold;text-transform:uppercase;position:absolute;top:0;left:0;z-index:1} #bodyPanel #headerPanelFirst p {width:163px;display:block;font:12px/18px Arial,Helvetica,sans-serif;font-weight:bold;top:0;left:0;z-index:1;padding:0;margin:105px 50px 0 38px} /* HEADER PANEL SECOND*/ #bodyPanel #headerPanelSecond {width:346px;top:0;left:0;margin:5px 5px 5px 5px;padding:0;background:url(images/Butoane/RedCuEfect.png) no-repeat 0 0; background-size: contain; opacity: 1;} #bodyPanel #headerPanelSecond a {width:346px;height:363px;display:block;text-decoration:none} #bodyPanel #headerPanelSecond a span {color:#FDFDD0; text-shadow:1px 2px 5px #000000;} #bodyPanel #headerPanelSecond a #idPuppentheaterKurse {visibility:hidden} /*#bodyPanel #headerPanelSecond a:hover {width:346px;height:346px;border:0px; border-radius:25px; background:url(images/butoane/YellowCuEfect.png) no-repeat 0 0 #FC5F00;color:#fff;text-decoration:none}*/ #bodyPanel #headerPanelSecond:hover {opacity: 1} #bodyPanel #headerPanelSecond a:hover span {color:gray;} #bodyPanel #headerPanelSecond a:hover #idPuppentheaterKurse {visibility:visible} #bodyPanel #headerPanelSecond h2 {display:block;width:90px;height:47px;background:none;margin:54px 0 0 103px;font:28px/28px "Trebuchet MS",Arial,Helvetica,sans-serif;font-weight:bold;text-transform:uppercase;padding:0;z-index:1} #bodyPanel #headerPanelSecond p {width:163px;display:block;font:12px/18px Arial,Helvetica,sans-serif;font-weight:bold;top:0;left:0;z-index:1;padding:0;margin:105px 50px 0 38px} /* HEADER PANEL THIRD*/ #bodyPanel #headerPanelThird {width:346px;top:0;right:0;margin:5px 0 5px 5px;padding:0;background:url(images/Photo/Puppenbau.jpg) no-repeat 0 0 #437500;-webkit-filter: blur(0px); background-size: contain; opacity: 1} #bodyPanel #headerPanelThird a {width:346px;height:346px;display:block;text-decoration:none} #bodyPanel #headerPanelThird a span {color:#FDFDD0; text-shadow:1px 2px 5px #000000;} #bodyPanel #headerPanelThird a #idPuppentheaterKurse {visibility:hidden} /*#bodyPanel #headerPanelThird a:hover {width:346px;height:346px;border:0px; border-radius:25px; background:url(images/butoane/YellowCuEfect.png) no-repeat 0 0 #FC5F00;color:#fff;text-decoration:none}*/ #bodyPanel #headerPanelThird:hover {opacity: 1; -webkit-filter: blur(0px)} #bodyPanel #headerPanelThird a:hover span {color:gray} #bodyPanel #headerPanelThird a:hover #idPuppentheaterKurse {visibility:visible} #bodyPanel #headerPanelThird h2 {display:block;width:90px;height:47px;background:none;margin:54px 0 0 93px;font:28px/28px "Trebuchet MS",Arial,Helvetica,sans-serif;font-weight:bold;text-transform:uppercase;padding:0;z-index:1} #bodyPanel #headerPanelThird p {width:163px;display:block;font:12px/18px Arial,Helvetica,sans-serif;font-weight:bold;top:0;left:0;z-index:1;padding:0;margin:105px 50px 0 38px} /* HEADER PANEL FOUR*/ #bodyPanel #headerPanelFour {width:346px;top:0;left:0;margin:5px 5px 5px 0;padding:0;background:url(images/Butoane/YellowCuEfect.png) no-repeat 0 0 #FFBB33; -webkit-filter: blur(0px); background-size: contain; opacity: 1; background-position: right;} #bodyPanel #headerPanelFour a {width:346px;height:363px;display:block;text-decoration:none;} #bodyPanel #headerPanelFour a span {color:#FDFDD0; text-shadow:1px 2px 5px #000000;} #bodyPanel #headerPanelFour a img {visibility:hidden} #bodyPanel #headerPanelFour a #idPuppentheaterKurse {visibility:hidden} #bodyPanel #headerPanelFour:hover {opacity: 1; -webkit-filter: blur(0px)} #bodyPanel #headerPanelFour a:hover span {color:gray} #bodyPanel #headerPanelFour a:hover img {visibility:visible} #bodyPanel #headerPanelFour a:hover #idPuppentheaterKurse {visibility:visible} #bodyPanel #headerPanelFour h2 {display:block;width:90px;height:47px;margin:54px 0 0 120px;font:28px/28px "Trebuchet MS",Arial,Helvetica,sans-serif;font-weight:bold;text-transform:uppercase;position:absolute;top:0;left:0;z-index:1} #bodyPanel #headerPanelFour p {width:163px;display:block;font:12px/18px Arial,Helvetica,sans-serif;font-weight:bold;top:0;left:0;z-index:1;padding:0;margin:105px 50px 0 38px} /* HEADER PANEL FIVE*/ #bodyPanel #headerPanelFive {width:346px;top:0;left:0;margin:5px 5px 5px 5px;padding:0;background:url(images/Photo/Musical.jpg) no-repeat 0 0 #990000; -webkit-filter: blur(0px); background-size: contain; opacity: 1} #bodyPanel #headerPanelFive a {width:346px;height:363px;display:block;text-decoration:none} #bodyPanel #headerPanelFive a span {color:#FDFDD0; text-shadow:1px 2px 5px #000000;} #bodyPanel #headerPanelFive a #idPuppentheaterKurse {visibility:hidden} /*#bodyPanel #headerPanelFive a:hover {width:346px;height:346px;border:0px; border-radius:25px; background:url(images/butoane/YellowCuEfect.png) no-repeat 0 0 #FC5F00;color:#fff;text-decoration:none}*/ #bodyPanel #headerPanelFive:hover {opacity: 1; -webkit-filter: blur(0px)} #bodyPanel #headerPanelFive a:hover span {color:gray;} #bodyPanel #headerPanelFive a:hover #idPuppentheaterKurse {visibility:visible} #bodyPanel #headerPanelFive h2 {display:block;width:90px;height:47px;background:none;margin:54px 0 0 103px;font:28px/28px "Trebuchet MS",Arial,Helvetica,sans-serif;font-weight:bold;text-transform:uppercase;padding:0;z-index:1} #bodyPanel #headerPanelFive p {width:163px;display:block;font:12px/18px Arial,Helvetica,sans-serif;font-weight:bold;top:0;left:0;z-index:1;padding:0;margin:105px 50px 0 38px} /* HEADER PANEL SIX*/ #bodyPanel #headerPanelSix {width:346px;top:0;right:0;margin:5px 0 5px 5px;padding:0;background:url(images/Butoane/YellowCuEfect.png) no-repeat 0 0; background-size: 100% 100%; opacity: 1} #bodyPanel #headerPanelSix a {width:346px;height:346px;display:block;text-decoration:none} #bodyPanel #headerPanelSix a span {color:#FDFDD0; text-shadow:1px 2px 5px #000000;} #bodyPanel #headerPanelSix a #idPuppentheaterKurse {visibility:hidden} /*#bodyPanel #headerPanelSix a:hover {width:346px;height:346px;border:0px; border-radius:25px; background:url(images/butoane/YellowCuEfect.png) no-repeat 0 0 #FC5F00;color:#fff;text-decoration:none}*/ #bodyPanel #headerPanelSix:hover {opacity: 1} #bodyPanel #headerPanelSix a:hover span {color:gray} #bodyPanel #headerPanelSix a:hover #idPuppentheaterKurse {visibility:visible} #bodyPanel #headerPanelSix h2 {display:block;width:90px;height:47px;background:none;margin:54px 0 0 93px;font:28px/28px "Trebuchet MS",Arial,Helvetica,sans-serif;font-weight:bold;text-transform:uppercase;padding:0;z-index:1} #bodyPanel #headerPanelSix p {width:163px;display:block;font:12px/18px Arial,Helvetica,sans-serif;font-weight:bold;top:0;left:0;z-index:1;padding:0;margin:105px 50px 0 38px} /* HEADER PANEL SEVEN*/ #bodyPanel #headerPanelSeven {width:346px;top:0;left:0;margin:5px 5px 5px 0;padding:0;background:url(images/Butoane/YellowCuEfect.png) no-repeat 0 0; background-size: 100% 100%; opacity: 1} /*#bodyPanel #headerPanelSeven a {width:346px;height:363px;display:block;text-decoration:none}*/ #bodyPanel #headerPanelSeven a span {color:#FDFDD0; text-shadow:1px 2px 5px #000000;} #bodyPanel #headerPanelSeven a img {visibility:hidden} #bodyPanel #headerPanelSeven a #idPuppentheaterKurse {visibility:hidden} #bodyPanel #headerPanelSeven:hover {opacity: 1} #bodyPanel #headerPanelSeven a:hover #idEmail {color:silver} #bodyPanel #headerPanelSeven a:hover img {visibility:visible} #bodyPanel #headerPanelSeven a:hover #idPuppentheaterKurse {visibility:visible} #bodyPanel #headerPanelSeven h2 {display:block;width:90px;height:47px;margin:54px 0 0 120px;font:28px/28px "Trebuchet MS",Arial,Helvetica,sans-serif;font-weight:bold;text-transform:uppercase;position:absolute;top:0;left:0;z-index:1} /*#bodyPanel #headerPanelSeven p {width:163px;display:block;font:12px/18px Arial,Helvetica,sans-serif;font-weight:bold;top:0;left:0;z-index:1;padding:0;margin:105px 50px 0 38px}*/ /* BODY PANEL*/ /*#bodyPanel {width:962px;height:640px;position:relative;margin:0 auto;padding:0} #bodyPanel h2 {background:#fff;display:block;width:250px;height:50px;margin:0;font:30px/30px Georgia, "Times New Roman", Times, serif;font-weight:normal;padding:4px 0 0 202px;color:#FF7113} #bodyPanel p {background:url(images/symbol.jpg) 0 0 no-repeat #fff;margin:0 0 0 54px;padding:0 42px 35px 150px;color:#0F0F0F} #bodyPanel p span {font-weight:bold} #bodyPanel p.dotline {background:url(images/dot-line.gif) 0 0 repeat-x #fff;padding:0;margin:0 40px 0 25px;color:#000} #bodyPanel p.capstext {background:url(images/name.gif) bottom right no-repeat #fff;font:18px/24px Georgia, "Times New Roman", Times, serif;font-style:italic;color:#555;padding:2px 10px 0 25px ;margin:0 35px 10px 0} #bodyPanel p.more {height:26px;padding:0;background:none;margin:0} #bodyPanel p.more a {width:76px;height:26px;display:block;margin:314px 20px 19px 618px;background:url(images/more.gif) 0 0 no-repeat #fff;color:#555;text-decoration:none;font:15px/26px "Trebuchet MS",Arial,Helvetica,sans-serif;padding:0 0 0 10px;text-transform:uppercase;position:absolute;top:0;right:0} #bodyPanel p.more a:hover {background:url(images/more.gif) 0 0 no-repeat #fff;color:#216EBD;text-decoration:none} #bodyPanel h3 {background:#fff;display:block;width:250px;height:34px;margin:34px 0 12px 0;font:30px/30px Georgia, "Times New Roman", Times, serif;font-weight:normal;padding:0 0 0 20px;color:#FF7113} #bodyPanel #testimonial {width:283px;height:162px;display:block;background:url(images/testimonial-bg.gif) 0 0 no-repeat #FFF6DB;padding:32px 33px 0 148px;margin:0 0 0 20px;color:#786321} #bodyPanel #testimonial p {background:none;margin:0;padding:0 0 5px 0} #bodyPanel #testimonial p span {color:#786321 !Important;background:#FFFAED !Important} #bodyPanel p.moretwo {height:26px;padding:0;background:none;margin:0} #bodyPanel p.moretwo a {width:76px;height:26px;display:block;margin:0 0 0 196px;background:url(images/more2.gif) 0 0 no-repeat #FFF5D6;color:#555;text-decoration:none;font:15px/26px "Trebuchet MS",Arial,Helvetica,sans-serif;text-transform:uppercase;padding:0 0 0 10px;top:0;right:0} #bodyPanel p.moretwo a:hover {background:url(images/more2.gif) 0 0 no-repeat #FFF5D6;color:#216EBD;text-decoration:none} #bodyPanel h4 {background:#fff;width:250px;height:30px;position:absolute;top:361px;right:5px;margin:0;font:30px/30px Georgia, "Times New Roman", Times, serif;font-weight:normal;padding:0;color:#FF7113} #bodyPanel ul {width:225px;display:block;position:absolute;right:30px;top:405px} #bodyPanel ul li {font:12px/25px Arial,Helvetica,sans-serif;font-weight:normal;background:url(images/symbol2.gif) 0 8px no-repeat;padding:0 0 0 30px} #bodyPanel ul span {background:url(images/dot-line.gif) repeat-x 0 100%;height:25px;display:block} */ /* FOOTER PANEL*/ /*#footerPanel {width:100%;background:#DCDCDC;color:#4C4C4C;font-size:12px} #footerbodyPanel {width:762px;height:133px;position:relative;margin:0 auto;padding:0} #footerPanel ul {width:320px;display:block;position:absolute;right:10px;top:33px} #footerPanel li {float:left;font:12px/15px Arial,Helvetica,sans-serif;font-weight:normal} #footerPanel ul li a {padding:0 6px;color:#4C4C4C;background:#DCDCDC;text-decoration:none} #footerPanel ul li a:hover {text-decoration:underline} #footerPanel ul li a.padl {padding:0 0 0 6px} #footerPanel p.copyright {background:#DCDCDC;display:block;position:absolute;top:54px;right:45px;color:#A64200} #footerPanel ul.templateworld {width:158px;background:#DCDCDC;color:#4C4C4C;display:block;position:absolute;top:74px;right:40px} #footerPanel ul.templateworld li a {background:#DCDCDC;display:block;color:#4C4C4C;text-decoration:none} #footerPanel ul.templateworld li a:hover {text-decoration:underline} #footerhtmlPanel {width:86px;height:31px;display:block;position:absolute;top:34px;left:29px;margin:0;padding:0} #footerhtmlPanel a {width:86px;height:31px;display:block;background:url(images/html-img.gif) no-repeat 0 0 #DCDCDC;text-decoration:none;font:14px/31px "Trebuchet MS",Arial,Helvetica,sans-serif;color:#2F2F2F;text-transform:uppercase;padding:0 0 0 10px;position:absolute;top:0;right:0} #footerhtmlPanel a:hover {background:url(images/html-img.gif) no-repeat 0 0 #DCDCDC;color:#216EBD;text-decoration:none} #footercssPanel {width:86px;height:31px;display:block;position:absolute;top:34px;left:115px;margin:0;padding:0} #footercssPanel a {width:86px;height:31px;display:block;background:url(images/css-img.gif) no-repeat 0 0 #DCDCDC;text-decoration:none;font:14px/31px "Trebuchet MS",Arial,Helvetica,sans-serif;color:#2F2F2F;text-transform:uppercase;padding:0 0 0 10px;position:absolute;top:0;right:0} #footercssPanel a:hover {background:url(images/css-img.gif) no-repeat 0 0 #DCDCDC;color:#216EBD;text-decoration:none} */ .hidden-scrollbar { width:346px; top:0;left:0;margin:5px 5px 5px 0;padding:0; background:url(images/Butoane/YellowCuEfect.png) no-repeat 0 0; background-size: 100% 100%; opacity: 1; overflow:hidden; text-align:justify; } .hidden-scrollbar .inner { height:200px; overflow:auto; margin:15px -300px 15px 15px; padding-right:300px; } .vericaltext{ width:1px; word-wrap: break-word; font-family: monospace; } .iframe { border: 2px solid black; border-radius: 25px; -webkit-border-radius: 25px; -o-border-radius: 25px; position: relative; overflow: hidden; width:694px; height:705px; } .iframe iframe { width: 100%; height: 100%; } .nowrap { white-space: nowrap ; } .classname {-webkit-animation: cssAnimation 10s ease; -moz-animation: cssAnimation 10s ease; -o-animation: cssAnimation 10s ease;} @-webkit-keyframes cssAnimation { from { -webkit-transform: rotate(4deg) scale(1) skew(1deg) translate(10px); } to { -webkit-transform: rotate(4deg) scale(0.738) skew(1deg) translate(0px); }} @-moz-keyframes cssAnimation { from { -moz-transform: rotate(4deg) scale(1) skew(1deg) translate(10px); } to { -moz-transform: rotate(4deg) scale(0.738) skew(1deg) translate(0px); }} @-o-keyframes cssAnimation { from { -o-transform: rotate(4deg) scale(1) skew(1deg) translate(10px); } to { -o-transform: rotate(4deg) scale(0.738) skew(1deg) translate(0px); }} /*For gallery*/ .container { width:700px; margin:30px auto 0;} header { background:red; border-bottom:1px solid #000; } header h3 { color: #fff; text-align:center; padding-top:3px; padding-bottom:3px; font-size:16px; word-spacing:1px; text-shadow 1px 1px 2px #000; } #content { padding-top:30px; padding-bottom:30px; } .gallery { width:528px; margin:auto; } .gallery ul { list-style:none; } .gallery li { float:left; margin:10px} .gallery img { display:block; padding:5px; background:#42517f; border:1px solid #99adeb; box-shadow:1px 1px 2px #000; } .gallery img:hover { border:1px solid #fff; }