/*-- reset css --*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}

body {
line-height: 1;
color: #333;
background: #fff url(images/bg2.jpg) top repeat-x;
font: normal 62.5% Tahoma, Arial, sans-serif;
}

ol, ul {
list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}


.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */}
    
.cf:after {clear: both;}
.cf {*zoom: 1;}

.cl {
clear: both;
}


/*-- end eric meyer reset css --*/

#okvir {
width: 920px;
margin: 0 auto 10px auto;
padding: 0 20px 20px 20px;
border: 0px solid #eee;
background: none;
}

h1 {
float: left;
width: 400px;
height: 65px;
margin: 10px 0 0 260px;
font-family: 'Bilbo Swash Caps', cursive;
font-size: 5em;
text-align: center;
}

div.zastave {
float: left;
margin: 0 0 100px 360px;
}

#nav {
float: left;
width: 920px;
border-top: none;

}

#nav ul {
float: right;
width: 920px;
margin: 0;
padding: 0;
list-style-type: none;
font-family: 'Open Sans Condensed', sans-serif;
font-size: 3em;
}

#nav ul li {
width: 230px;
margin: 0;
padding: 0;
float: left;
}

#nav ul a {
float: left;
display: block;
width: 230px;
text-decoration: none;
padding: 5px 0;
color: #000;
text-align: center;
border-right: 0px solid #aaa;
border-radius: 10px;
-moz-border-radius: 10px;
} 

#nav ul a.last {
border: 0;
}

#nav ul a:hover {
color: #fff;
text-decoration: none;
background: #000;
}

#content {
float: left;
width: 840px; 
margin: 10px 0 0 0;
padding: 40px;
border: 1px solid #eee;
background: #fff;
box-shadow: 0 -1px 1px #ccc;
border-radius: 10px; 
}

h2.main, h3 {
float: left;
width: 840px;
margin: 0 0 20px 0;
font-family: 'Bilbo Swash Caps', cursive;
font-size: 5em;
text-align: center;
border-bottom: 1px dashed #eee;
}

h3 {
margin: 0 0 10px 0;
font-size: 3em;  
border-bottom: 0; 
font-weight: bold;
}

#onama_index {
float: left;
width: 840px;
padding: 0 0 40px 0;
border-bottom: 1px solid #ccc;
}

#onama_index h2 {
float: left;
width: 400px;
margin: 0 0 20px 0;
font-family: 'Bilbo Swash Caps', cursive;
font-size: 4em;
text-align: left;
border-bottom: none;
}

#onama_index p {
float: left;
width: 400px;
margin: 0 0 20px 0;
font-size: 1.5em;
line-height: 160%;
}

#onama_index p.none {
margin: 0;
}

#onama_index #ban {
float: right;
width: 392px;
height: 230px;
padding: 3px;
background: #fff;
border: 1px solid #aaa;
box-shadow: 0 0 3px #aaa;
}

#ostalo_index {
float: left;
width: 840px;
margin: 40px 0 0 0;
}

#ostalo_index .umag, #ostalo_index .kako {
float: left;
width: 400px;
}

#ostalo_index .kako {
float: right;
}

#ostalo_index div img {
float: left;
width: 152px;
height: 152px;
}

#ostalo_index div a img {
float: left;
width: 152px;
height: 152px;
padding: 3px;
background: #fff;
border: 1px solid #aaa;
box-shadow: 0px 0px 2px #777;  
}

#ostalo_index div a:hover img {
box-shadow: 0px 0px 5px #a00;  
}

#ostalo_index div h2 {
float: right;
width: 220px;
margin: 0 0 10px 0;
font-family: 'Bilbo Swash Caps', cursive;
font-size: 3.3em;
text-align: left;
border-bottom: none;
}

#ostalo_index div p {
float: right;
width: 220px;
font-size: 1.4em;
line-height: 160%;   
}

p.text, p.text.c {
float: left;
width: 834px;
margin: 0 0 10px 0;
padding: 0 3px;
font-size: 1.4em;
line-height: 160%;
text-align: justify;
}

p.text.c {
text-align: center;
margin: 0 0 15px 0;
}

p.text.c:last-child {
margin: 0;
}

ul.napomena {
float: left;
width: 820px;
list-style-type: circle;
margin: 0 0 10px 0;
padding: 0 0 0 20px;
font-size: 1.4em;
line-height: 160%;
}

ul.dogadjanja {
float: left;
width: 840px;
list-style-type: none;
margin: 0;
padding: 0;
font-size: 1.4em;
line-height: 160%;
}

ul.dogadjanja li {
text-align: center;
}

div.map {
float: left;
width: 840px;
height: 450px;
margin: 0 0 30px 0;
}

/* */

img.tko {
float: left;
width: 600px;
height: 390px;
margin: 0 0 10px 120px;
}



#smjestajList {
float: left;
margin-top: 20px;
width: 100%;
}

#smjestajList li {
float: left;
margin-right: 20px;
width: calc((100% - 40px) / 3);
}

#smjestajList li:last-child {
margin-right: 0;
}

#smjestajList img {
margin-bottom: 20px;
width: 100%;
}

#smjestajList h4 {
font-size: 2em;
text-align: center;
}


/* */

ul.galerija {
float: left;
width: 840px;
margin: 0 0 10px 0;
padding: 5px 0 0 0;
list-style-type: none;
background: #f7f7f7;
}

ul.galerija li {
margin: 0;
padding: 0;
float: left;
}

ul.galerija a {
display: block;
float: left;
width: 160px;
height: 90px;
margin: 0 0 5px 5px;
padding: 1px;
background: #fff;
box-shadow: 0px 0px 2px #777;
}

ul.galerija a:hover {
background: #a00;
box-shadow: 0px 0px 5px #a00;   
}

ul.galerija img {
float: left;
width: 160px;
height: 90px;
background: #fff url(images/loading.gif) no-repeat center;
}



ul.galerija2 {
float: left;
width: 840px;
margin: 0 0 10px 0;
padding: 0;
list-style-type: none;
}

ul.galerija2 li {
margin: 0 5px 5px 0;
padding: 0;
float: left;
width: calc((100% - 15px) / 4);
}

ul.galerija2 li:nth-child(4n) {
margin-right: 0;
}

ul.galerija2 a {
display: block;
}

ul.galerija2 img {
float: left;
width: 100%;
background: #fff url(images/loading.gif) no-repeat center;
}


table, th, td {
border: 1px solid #bbb;
}

table.cjenik {
float: right;
width: 840px;
font-size: 1.4em;
margin: 0 0 10px 0;
border: 0px solid #aaa;
border-spacing: 1px;
border-collapse: collapse;
color: #333;
line-height: 170%;
border-image: initial;
}

table.cjenik tr.grey td {
background: #eee;
}

table.cjenik td {
text-align: center;
}

/* */

a.link:link, a.link:visited {
color: #333;
text-decoration: underline;
}

a.link.x:link, a.link.x:visited {
color: #333;
text-decoration: none;
}

a.link:hover, a.link:active, a.link.x:hover, a.link.x:active {
text-decoration: none;
}

a.head:link {
color: #333;
text-decoration: none;
}

a.head:hover {
color: #333;
}

br.clear {
clear: both;
}

/* FIELDSET */

p.good, p.bed {
float: left;
width: 840px;
padding: 5px 0;
font-family: 'Open Sans Condensed', sans-serif;
font-size: 2.2em;
font-weight: bold;
text-align: center;
background: #fafafa;
text-align: center;
line-height: 160%;
color: green;
}

p.bed {
color: red;
}

fieldset {
float: left;
clear: left; 
}

fieldset ol {
margin: 0;
padding: 0;
list-style: none; 
background: #101010;
}

fieldset li {
float: left;
clear: left;
width: 100%;
margin: 0 0 1px 0; 
}

fieldset.upit {
width: 798px;
margin: 0;
padding: 15px 20px;
border: 1px solid #eee;
background: #fcfcfc;
}

label {
float: left;
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Tahoma, sans-serif;
font-size: 1.4em;
}

fieldset.upit label {
width: 260px;
margin: 5px 0 0 0;
padding: 4px 0 5px 3px; 
}

fieldset.upit label.red {
color: red;
}

fieldset.upit label.provjera {
float: right;
width: 100px;
height: 20px;
margin: 5px 10px 0 0;
padding: 0 0 0 0;   
}

fieldset.upit label.spam {
width: 400px;
}

fieldset.upit label.note {
font-size: 1.2em;
}

fieldset.upit input.text, fieldset.upit input.textx{
float: right;
width: 350px;
margin: 5px 0 0 0;
padding: 2px;
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Tahoma, sans-serif;
font-size: 1.5em;
color: #333;
background: #eee;
border: 1px solid #ccc;    
}

fieldset.upit input.textx {
width: 100px;
}

fieldset.upit textarea {
float: right;
width: 350px;
height: 150px;
margin: 5px 0 0 0;
padding: 2px;
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Tahoma, sans-serif;
font-size: 1.5em;
color: #333;
background: #eee;
border: 1px solid #ccc;  
}

fieldset.upit input.submit {
float: right;
width: 356px;
margin: 10px 0; 
padding: 5px 0; 
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Tahoma, sans-serif;
font-size: 1.5em;
color: #333;
background: #eee;
border: 1px solid #ccc; 
}

fieldset.upit input.submit:hover {
color: #fff;
background: #aaa;
border: 1px solid #bbb; 
cursor: pointer;
}

/* FOOT */

#foot {
width: 920px;
margin: 20px auto;
}

#foot p {
float: left;
width: 920px;
margin: 5px 0 0 0;
font: 1.4em Tahoma,Arial,sans-serif;
color: #111;
text-align: center;
}

/* SLIDER */

.slider {
float: left;
width: 392px;
height: 230px;
position: relative;
}

.sliderContent {
float: left;
width: 392px;
height: 230px;
clear: both;
position: relative;
overflow: hidden;
}

.sliderArrows a {
display: block;
text-indent: -9999px;
outline: none;
z-index: 50;
background-image: url(gfx/prev_next.png);
width: 42px;
height: 42px;
position: absolute;
top: 50%;
margin-top: -34px;
}

.prev {
background-position: 0 0;
left: 15px;
}

.prev:hover {
background-position: 0 -44px;
}

.next {
right: 15px;
background-position: -44px 0;
}

.next:hover {
background-position: -44px -44px;
}

.sliderContent .item {
position: absolute;
width: 392px;
height: 230px;
background: #fff;
}

.sliderContent a {
outline: none;
}


/*!
*  - v1.2.5
* Homepage: http://bqworks.com/slider-pro/
* Author: bqworks
* Author URL: http://bqworks.com/
*/.slider-pro{position:relative;margin:0 auto;-moz-box-sizing:content-box;box-sizing:content-box}.sp-slides-container{position:relative}.sp-mask{position:relative;overflow:hidden}.sp-slides{position:relative;-webkit-backface-visibility:hidden;-webkit-perspective:1000}.sp-slide{position:absolute}.sp-image-container{overflow:hidden}.sp-image{position:relative;display:block;border:none}.sp-no-js{overflow:hidden;max-width:100%}.sp-thumbnails-container{position:relative;overflow:hidden}.sp-bottom-thumbnails,.sp-top-thumbnails{left:0;margin:0 auto}.sp-top-thumbnails{position:absolute;top:0;margin-bottom:4px}.sp-bottom-thumbnails{margin-top:4px}.sp-left-thumbnails,.sp-right-thumbnails{position:absolute;top:0}.sp-right-thumbnails{right:0;margin-left:4px}.sp-left-thumbnails{left:0;margin-right:4px}.sp-thumbnails{position:relative}.sp-thumbnail{border:none}.sp-thumbnail-container{position:relative;display:block;overflow:hidden;float:left;-moz-box-sizing:border-box;box-sizing:border-box}.sp-bottom-thumbnails .sp-thumbnail-container,.sp-top-thumbnails .sp-thumbnail-container{margin-left:2px;margin-right:2px}.sp-bottom-thumbnails .sp-thumbnail-container:first-child,.sp-top-thumbnails .sp-thumbnail-container:first-child{margin-left:0}.sp-bottom-thumbnails .sp-thumbnail-container:last-child,.sp-top-thumbnails .sp-thumbnail-container:last-child{margin-right:0}.sp-left-thumbnails .sp-thumbnail-container,.sp-right-thumbnails .sp-thumbnail-container{margin-top:2px;margin-bottom:2px}.sp-left-thumbnails .sp-thumbnail-container:first-child,.sp-right-thumbnails .sp-thumbnail-container:first-child{margin-top:0}.sp-left-thumbnails .sp-thumbnail-container:last-child,.sp-right-thumbnails .sp-thumbnail-container:last-child{margin-bottom:0}.sp-right-thumbnails.sp-has-pointer{margin-left:-13px}.sp-right-thumbnails.sp-has-pointer .sp-thumbnail{position:absolute;left:18px;margin-left:0!important}.sp-right-thumbnails.sp-has-pointer .sp-selected-thumbnail:before{content:'';position:absolute;height:100%;border-left:5px solid red;left:0;top:0;margin-left:13px}.sp-right-thumbnails.sp-has-pointer .sp-selected-thumbnail:after{content:'';position:absolute;width:0;height:0;left:0;top:50%;margin-top:-8px;border-right:13px solid red;border-top:8px solid transparent;border-bottom:8px solid transparent}.sp-left-thumbnails.sp-has-pointer{margin-right:-13px}.sp-left-thumbnails.sp-has-pointer .sp-thumbnail{position:absolute;right:18px}.sp-left-thumbnails.sp-has-pointer .sp-selected-thumbnail:before{content:'';position:absolute;height:100%;border-left:5px solid red;right:0;top:0;margin-right:13px}.sp-left-thumbnails.sp-has-pointer .sp-selected-thumbnail:after{content:'';position:absolute;width:0;height:0;right:0;top:50%;margin-top:-8px;border-left:13px solid red;border-top:8px solid transparent;border-bottom:8px solid transparent}.sp-bottom-thumbnails.sp-has-pointer{margin-top:-13px}.sp-bottom-thumbnails.sp-has-pointer .sp-thumbnail{position:absolute;top:18px;margin-top:0!important}.sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail:before{content:'';position:absolute;width:100%;border-bottom:5px solid red;top:0;margin-top:13px}.sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail:after{content:'';position:absolute;width:0;height:0;left:50%;top:0;margin-left:-8px;border-bottom:13px solid red;border-left:8px solid transparent;border-right:8px solid transparent}.sp-top-thumbnails.sp-has-pointer{margin-bottom:-13px}.sp-top-thumbnails.sp-has-pointer .sp-thumbnail{position:absolute;bottom:18px}.sp-top-thumbnails.sp-has-pointer .sp-selected-thumbnail:before{content:'';position:absolute;width:100%;border-bottom:5px solid red;bottom:0;margin-bottom:13px}.sp-top-thumbnails.sp-has-pointer .sp-selected-thumbnail:after{content:'';position:absolute;width:0;height:0;left:50%;bottom:0;margin-left:-8px;border-top:13px solid red;border-left:8px solid transparent;border-right:8px solid transparent}.sp-layer{position:absolute;margin:0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-font-smoothing:subpixel-antialiased;-webkit-backface-visibility:hidden}.sp-black{color:#FFF;background:#000;background:rgba(0,0,0,.7)}.sp-white{color:#000;background:#fff;background:rgba(255,255,255,.7)}.sp-rounded{border-radius:10px}.sp-padding{padding:10px}.sp-grab{cursor:url(images/openhand.cur),move}.sp-grabbing{cursor:url(images/closedhand.cur),move}.sp-selectable{cursor:default}.sp-caption-container{text-align:center;margin-top:10px}.sp-full-screen{margin:0!important;background-color:#000}.sp-full-screen-button{position:absolute;top:5px;right:10px;font-size:30px;line-height:1;cursor:pointer;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.sp-full-screen-button:before{content:'\2195'}.sp-fade-full-screen{opacity:0;-webkit-transition:opacity .5s;transition:opacity .5s}.slider-pro:hover .sp-fade-full-screen{opacity:1}.sp-buttons{position:relative;width:100%;text-align:center;padding-top:10px}.sp-button{width:9px;height:9px;border:2px solid #fff;border-radius:50%;margin:2px;display:inline-block;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer}.sp-selected-button{background-color:#fff}@media only screen and (min-width:768px) and (max-width:1024px){.sp-button{width:9px;height:9px}}@media only screen and (min-width:568px) and (max-width:768px){.sp-button{width:16px;height:16px}}@media only screen and (min-width:320px) and (max-width:568px){.sp-button{width:18px;height:18px}}.sp-arrows{position:absolute}.sp-fade-arrows{opacity:0;-webkit-transition:opacity .5s;transition:opacity .5s}.sp-slides-container:hover .sp-fade-arrows{opacity:1}.sp-horizontal .sp-arrows{width:100%;left:0;top:50%;margin-top:-15px}.sp-vertical .sp-arrows{height:100%;left:50%;top:0;margin-left:-10px}.sp-arrow{position:absolute;display:block;width:20px;height:30px;cursor:pointer}.sp-vertical .sp-arrow{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.sp-horizontal .sp-previous-arrow{left:20px}.sp-horizontal .sp-next-arrow{right:20px}.sp-vertical .sp-previous-arrow{top:20px}.sp-vertical .sp-next-arrow{bottom:20px}.sp-next-arrow:after,.sp-next-arrow:before,.sp-previous-arrow:after,.sp-previous-arrow:before{content:'';position:absolute;width:50%;height:50%;background-color:#FFF}.sp-previous-arrow:before{left:30%;top:0;-webkit-transform:skew(145deg,0deg);-ms-transform:skew(145deg,0deg);transform:skew(145deg,0deg)}.sp-previous-arrow:after{left:30%;top:50%;-webkit-transform:skew(-145deg,0deg);-ms-transform:skew(-145deg,0deg);transform:skew(-145deg,0deg)}.sp-next-arrow:before{right:30%;top:0;-webkit-transform:skew(35deg,0deg);-ms-transform:skew(35deg,0deg);transform:skew(35deg,0deg)}.sp-next-arrow:after{right:30%;top:50%;-webkit-transform:skew(-35deg,0deg);-ms-transform:skew(-35deg,0deg);transform:skew(-35deg,0deg)}.ie7 .sp-arrow,.ie8 .sp-arrow{width:0;height:0}.ie7 .sp-arrow:after,.ie7 .sp-arrow:before,.ie8 .sp-arrow:after,.ie8 .sp-arrow:before{content:none}.ie7.sp-horizontal .sp-previous-arrow,.ie8.sp-horizontal .sp-previous-arrow{border-right:20px solid #FFF;border-top:20px solid transparent;border-bottom:20px solid transparent}.ie7.sp-horizontal .sp-next-arrow,.ie8.sp-horizontal .sp-next-arrow{border-left:20px solid #FFF;border-top:20px solid transparent;border-bottom:20px solid transparent}.ie7.sp-vertical .sp-previous-arrow,.ie8.sp-vertical .sp-previous-arrow{border-bottom:20px solid #FFF;border-left:20px solid transparent;border-right:20px solid transparent}.ie7.sp-vertical .sp-next-arrow,.ie8.sp-vertical .sp-next-arrow{border-top:20px solid #FFF;border-left:20px solid transparent;border-right:20px solid transparent}.sp-thumbnail-arrows{position:absolute}.sp-fade-thumbnail-arrows{opacity:0;-webkit-transition:opacity .5s;transition:opacity .5s}.sp-thumbnails-container:hover .sp-fade-thumbnail-arrows{opacity:1}.sp-bottom-thumbnails .sp-thumbnail-arrows,.sp-top-thumbnails .sp-thumbnail-arrows{width:100%;top:50%;left:0;margin-top:-12px}.sp-left-thumbnails .sp-thumbnail-arrows,.sp-right-thumbnails .sp-thumbnail-arrows{height:100%;top:0;left:50%;margin-left:-7px}.sp-thumbnail-arrow{position:absolute;display:block;width:15px;height:25px;cursor:pointer}.sp-left-thumbnails .sp-thumbnail-arrows .sp-thumbnail-arrow,.sp-right-thumbnails .sp-thumbnail-arrows .sp-thumbnail-arrow{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.sp-bottom-thumbnails .sp-previous-thumbnail-arrow,.sp-top-thumbnails .sp-previous-thumbnail-arrow{left:0}.sp-bottom-thumbnails .sp-next-thumbnail-arrow,.sp-top-thumbnails .sp-next-thumbnail-arrow{right:0}.sp-left-thumbnails .sp-previous-thumbnail-arrow,.sp-right-thumbnails .sp-previous-thumbnail-arrow{top:0}.sp-left-thumbnails .sp-next-thumbnail-arrow,.sp-right-thumbnails .sp-next-thumbnail-arrow{bottom:0}.sp-next-thumbnail-arrow:after,.sp-next-thumbnail-arrow:before,.sp-previous-thumbnail-arrow:after,.sp-previous-thumbnail-arrow:before{content:'';position:absolute;width:50%;height:50%;background-color:#FFF}.sp-previous-thumbnail-arrow:before{left:30%;top:0;-webkit-transform:skew(145deg,0deg);-ms-transform:skew(145deg,0deg);transform:skew(145deg,0deg)}.sp-previous-thumbnail-arrow:after{left:30%;top:50%;-webkit-transform:skew(-145deg,0deg);-ms-transform:skew(-145deg,0deg);transform:skew(-145deg,0deg)}.sp-next-thumbnail-arrow:before{right:30%;top:0;-webkit-transform:skew(35deg,0deg);-ms-transform:skew(35deg,0deg);transform:skew(35deg,0deg)}.sp-next-thumbnail-arrow:after{right:30%;top:50%;-webkit-transform:skew(-35deg,0deg);-ms-transform:skew(-35deg,0deg);transform:skew(-35deg,0deg)}.ie7 .sp-thumbnail-arrow,.ie8 .sp-thumbnail-arrow{width:0;height:0}.ie7 .sp-thumbnail-arrow:after,.ie7 .sp-thumbnail-arrow:before,.ie8 .sp-thumbnail-arrow:after,.ie8 .sp-thumbnail-arrow:before{content:none}.ie7 .sp-bottom-thumbnails .sp-previous-thumbnail-arrow,.ie7 .sp-top-thumbnails .sp-previous-thumbnail-arrow,.ie8 .sp-bottom-thumbnails .sp-previous-thumbnail-arrow,.ie8 .sp-top-thumbnails .sp-previous-thumbnail-arrow{border-right:12px solid #FFF;border-top:12px solid transparent;border-bottom:12px solid transparent}.ie7 .sp-bottom-thumbnails .sp-next-thumbnail-arrow,.ie7 .sp-top-thumbnails .sp-next-thumbnail-arrow,.ie8 .sp-bottom-thumbnails .sp-next-thumbnail-arrow,.ie8 .sp-top-thumbnails .sp-next-thumbnail-arrow{border-left:12px solid #FFF;border-top:12px solid transparent;border-bottom:12px solid transparent}.ie7 .sp-left-thumbnails .sp-previous-thumbnail-arrow,.ie7 .sp-right-thumbnails .sp-previous-thumbnail-arrow,.ie8 .sp-left-thumbnails .sp-previous-thumbnail-arrow,.ie8 .sp-right-thumbnails .sp-previous-thumbnail-arrow{border-bottom:12px solid #FFF;border-left:12px solid transparent;border-right:12px solid transparent}.ie7 .sp-left-thumbnails .sp-next-thumbnail-arrow,.ie7 .sp-right-thumbnails .sp-next-thumbnail-arrow,.ie8 .sp-left-thumbnails .sp-next-thumbnail-arrow,.ie8 .sp-right-thumbnails .sp-next-thumbnail-arrow{border-top:12px solid #FFF;border-left:12px solid transparent;border-right:12px solid transparent}a.sp-video{text-decoration:none}a.sp-video img{-webkit-backface-visibility:hidden;border:none}a.sp-video:after{content:'\25B6';position:absolute;width:45px;padding-left:5px;height:50px;border:2px solid #FFF;text-align:center;font-size:30px;border-radius:30px;top:0;color:#FFF;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.2);margin:auto;line-height:52px}.slider-pro img.sp-image,.slider-pro img.sp-thumbnail{max-width:none;max-height:none;border:none!important;border-radius:0!important;padding:0!important;-webkit-box-shadow:none!important;-mox-box-shadow:none!important;box-shadow:none!important;transition:none;-moz-transition:none;-webkit-transition:none;-o-transition:none}.slider-pro a{position:static;transition:none!important;-moz-transition:none!important;-webkit-transition:none!important;-o-transition:none!important}.slider-pro canvas,.slider-pro embed,.slider-pro iframe,.slider-pro object,.slider-pro video{max-width:none;max-height:none}.slider-pro p.sp-layer{font-size:14px;line-height:1.4;margin:0}.slider-pro h1.sp-layer{font-size:32px;line-height:1.4;margin:0}.slider-pro h2.sp-layer{font-size:24px;line-height:1.4;margin:0}.slider-pro h3.sp-layer{font-size:19px;line-height:1.4;margin:0}.slider-pro h4.sp-layer{font-size:16px;line-height:1.4;margin:0}.slider-pro h5.sp-layer{font-size:13px;line-height:1.4;margin:0}.slider-pro h6.sp-layer{font-size:11px;line-height:1.4;margin:0}.slider-pro img.sp-layer{border:none}


#example2 {
  margin-bottom: 20px;
}