/* - ++resource++collective.dynapage/dynapage.css - */
@media screen {
/* http://www.elgpn.eu/portal_css/++resource++collective.dynapage/dynapage.css?original=1 */
.image-carousel-text {
font-size: 15pt;
line-height: 110%; }
.viewlet-title {
font-size: 120%;
font-weight: bold;
padding-left: 4pt; }
div.dynaitem-collection {
float: left;
font-size: 10pt;
line-height: 1.5em; }
div.dynaitem-collection ul {
margin-left: 2em;
list-style-type: disc; }
div.dynaitem-collection ul li {
display: list-item;
line-height: 1.5em;
margin-bottom: 0.25em; }
div.dynaitem-collection-1 {
width: 99.999%; }
div.dynaitem-collection-2 {
width: 49.5%;
margin-left: 2pt; }
div.dynaitem-collection-3 {
width: 32.8%;
margin-left: 3pt; }
.collection-title {
position: relative;
background-color: #ddd;
width: 100%;
height: 2em;
margin-top: 1em;
/* */ }
.collection-title p {
padding-top: 2.5pt;
padding-left: 8pt;
width: 80%;
font-size: 120%; }
.collection-title a {
float: right; }
.collection-title img {
float: right;
margin-right: 8pt;
margin-top: 1pt;
padding-top: 3pt;
padding-left: 8pt; }
.collection-title img.wrench-image {
float: left; }
.dynacarouselWrapper {
position: relative;
overflow: hidden;
max-height: 300px;
width: auto; }
.dynacarouselStatic,
.dynacarouselWrapper {
margin-bottom: 1em;
width: 100%;
float: left; }
.dynacarousel {
height: 100%;
width: 100%; }
.dynacarouselStatic .dynacarousel img.dynacarousel-image {
max-width: 100%;
height: auto; }
.dynacarouselWrapper .dynacarousel img.dynacarousel-image {
float: left;
margin-right: 30pt; }
.dynacarouselWrapper .dynacarousel #carousel-wrench {
float: right;
margin-right: 8pt;
margin-top: 1pt;
padding-top: 3pt;
width: auto; }
.dynacarouselWrapper .dynacarousel-item {
height: auto;
max-height: 300px;
min-height: 90px; }
.dynacarousel-item {
width: 100%;
float: right; }
.dynacarousel-text {
position: right;
font-size: 140%;
padding-top: 6%;
width: 90%;
background-color: white; }
.dynacarouselWrapper .dynacarousel-previous, .dynacarouselWrapper .dynacarousel-next {
position: absolute;
top: 2em;
bottom: 2em;
width: 3em;
cursor: pointer;
z-index: 2; }
.dynacarouselWrapper:hover .dynacarousel-previous, .dynacarouselWrapper:hover .dynacarousel-next {
background: #aaaaaa;
filter: alpha(opacity=30);
-o-opacity: 0.3;
-moz-opacity: 0.3;
-webkit-opacity: 0.3;
opacity: 0.3; }
.dynacarouselWrapper:hover .dynacarousel-previous:hover, .dynacarouselWrapper:hover .dynacarousel-next:hover {
filter: alpha(opacity=60);
-o-opacity: 0.6;
-moz-opacity: 0.6;
-webkit-opacity: 0.6;
opacity: 0.6; }
.dynacarouselWrapper:hover .dynacarousel-previous > span, .dynacarouselWrapper:hover .dynacarousel-next > span {
display: block; }
.dynacarouselWrapper .dynacarousel-previous {
left: 0;
-moz-border-radius-topright: 0.5em;
-webkit-border-top-right-radius: 0.5em;
border-top-right-radius: 0.5em;
-moz-border-radius-bottomright: 0.5em;
-webkit-border-bottom-right-radius: 0.5em;
border-bottom-right-radius: 0.5em; }
.dynacarouselWrapper .dynacarousel-next {
right: 0;
-moz-border-radius-topleft: 0.5em;
-webkit-border-top-left-radius: 0.5em;
border-top-left-radius: 0.5em;
-moz-border-radius-bottomleft: 0.5em;
-webkit-border-bottom-left-radius: 0.5em;
border-bottom-left-radius: 0.5em; }
.dynacarouselWrapper .dynacarousel-previous > span, .dynacarouselWrapper .dynacarousel-next > span {
color: white;
font-size: 200%;
position: absolute;
top: 50%;
right: 0;
left: 0;
margin-top: -0.5em;
height: 1em;
text-align: center;
font-weight: bold;
display: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none; }
.dynacarouselWrapper .dynacarousel-previous:hover > span, .dynacarouselWrapper .dynacarousel-next:hover > span {
display: block; }
.dynacarouselWrapper .dynacarousel-selector {
z-index: 2;
position: absolute;
bottom: 0;
right: 0;
left: 0;
height: 2.85ex;
text-align: center; }
.dynacarouselWrapper .dynacarousel-selector > span {
display: inline-block;
width: 2ex;
height: 2ex;
margin-left: 0.25ex;
margin-right: 0.25ex;
-moz-border-radius: 2ex;
-webkit-border-radius: 2ex;
border-radius: 2ex;
cursor: pointer;
background: #ddd;
filter: alpha(opacity=50);
-o-opacity: 0.5;
-moz-opacity: 0.5;
-webkit-opacity: 0.5;
opacity: 0.5; }
.dynacarouselWrapper .dynacarousel-selector > span.selected, .dynacarouselWrapper .dynacarousel-selector > span:hover {
filter: alpha(opacity=100);
-o-opacity: 1;
-moz-opacity: 1;
-webkit-opacity: 1;
opacity: 1; }

}