* {
margin: 0px;
padding: 0px;
}
html, body {
width: 100%;
height: 100%;
}
body {
background-color: #FFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000;
}
#outer {
float: none;
clear: both;
width: 1000px;
padding: 0px;
margin: 10px auto;
}
#inner {
float: left;
clear: both;
width: 972px;
padding: 0px 14px 0px 14px;
margin: 0px;
position: relative;
background-image: url(../images/bcg-body.jpg);
background-repeat: repeat-y;
}
#imageTop {
float: left;
clear: both;
width: 1000px;
height: 25px;
background-image: url(../images/bcg-top.jpg);
background-repeat: no-repeat;
}
#imageBottom {
float: left;
clear: both;
width: 1000px;
height: 25px;
background-image: url(../images/bcg-bottom.jpg);
}
#header {
float: left;
clear: both;
width: 972px;
height: 220px;
position: absolute;
top: 0px;
left: 14px;
}
#headerTop {
float: left;
clear: both;
width: 972px;
height: 100px;
padding: 0px;
margin: 0px;
position: relative;
}
.uhpalogo2 {
position: absolute;
top: 45px;
left: 625px;
width: 330px;
height: 50px;
/* background-color: #CC0000;
*/ overflow: hidden;
}
.uhpatekst2 {
float: left;
clear: none;
width: 400px;
color: #333;
}
.uhpatekst2 p {
float: left;
clear: none;
padding-left: 10px;
font-size: 11px;
line-height: 140%;
width: 290px;
font-family: Arial;
border-left: 1px solid #ccc;
}
.uhpaLogo2 {
float: left;
clear: none;
padding-right: 10px;
}
#headerMiddle {
float: left;
clear: both;
width: 972px;
height: 120px;
background-image: url(../images/bcg-center.jpg);
}
.topNavi {
float: left;
clear: none;
width: 600px;
padding: 0px 0px 0px 10px;
margin: 0px;
position: relative;
top: -5px;
}
.topNavi li {
float: left;
clear: none;
list-style-type: none;
padding: 0px 12px 0px 0px;
margin: 0px;
}
.topNavi li a {
color: #999;
text-transform: uppercase;
font-size: 11px;
text-decoration: none;
padding: 0px;
margin: 0px;
}
.topNavi li a:hover {
color: #000000;
}
.mainLogo {
margin-top: 55px;
float: left;
clear: left;
font-size: 20px;
color: #000000;
font-weight: bold;
width: 900px;
padding-left: 10px;
}
.mainLogo span {
color: #0aaec9;
}
.mainLogoImg {
padding: 0px;
margin: 0px;
float: left;
clear: none;
display: block;
}
.langMenu1 {
float: right;
width: 345px;
clear: none;
margin: 0px;
padding-right: 10px;
}
.langMenu1 a {
float: right;
clear: none;
margin-left: 3px;
margin-right: 0px;
border: 1px solid #e0e0e0;
padding: 1px;
width: 24px;
height: 12px;
}
.langMenu1 a img{
border: none;
float: left;
clear: right;
margin: 0px;
padding: 0px;
}
.langMenu1 a:hover {
border: 1px solid #000;
}
.rivieraLinks li {
padding-bottom: 5px;
padding-left: 10px;
background-image: url(../images/bullet_blue.gif);
background-repeat: no-repeat;
background-position: 0px 6px;
list-style-type: none;
}
.mainInfo {
float: right;
clear: none;
padding: 10px 5px 10px 20px;
color: #FFFFFF;
font-size: 12px;
width: 180px;
display: block;
}
.mainInfo .line1 {
font-size: 10px;
}
.mainInfo .line2 {
display: block;
font-size: 12px;
font-weight: bold;
padding-bottom: 10px;
}
.uhpatekst {
float: left;
clear: none;
width: 400px;
color: #FFF;
padding-left: 100px;
padding-top: 27px;
}
.uhpatekst p {
float: left;
clear: none;
padding-left: 10px;
font-size: 11px;
line-height: 140%;
width: 290px;
font-family: Arial;
border-left: 1px solid #ccc;
}
.uhpaLogo {
float: left;
clear: none;
padding-right: 10px;
}
.titleImages {
float: right;
clear: none;
margin: 0px;
padding: 0px;
width: 242px;
}
.titleImages img {
display: block;
float: right;
clear: none;
padding: 0px;
margin: 0px;
border-left: 1px solid #FFF;
}
#footer {
float: left;
clear: both;
width: 952px;
padding: 0px 10px 0px 10px;
}
#content {
float: left;
clear: both;
width: 972px;
margin-top: 230px;
overflow: visible;
}
#contentLeft {
float: left;
clear: none;
width: 184px;
margin-left: -778px;
padding-left: 10px;
}
.leftNavi {
width: 184px;
list-style-type: none;
float: left;
clear: both;
margin: 0px;
padding: 0px;
margin-bottom: 10px;
border-bottom: 1px solid #e8e8e8;
overflow: hidden;
}
.leftNavi li {
width: 184px;
float: left;
clear: both;
margin: 0px;
padding: 0px;
}
.leftNavi li a {
border-top: 1px solid #e8e8e8;
float: left;
clear: both;
font-size: 12px;
color: #068cc1;
text-decoration: none;
padding: 3px 0px 3px 10px;
background-image: url(../images/leftnavi_bullet.gif);
background-repeat: no-repeat;
background-position: 0px 6px;
font-weight: bold;
width: 174px;
}
a.leftMenuBcg {
background-color: #f0f0f0;
}
.leftNavi li a:hover {
color: #FF6633;
}
.leftSubNavi {
width: 184px;
list-style-type: none;
float: left;
clear: both;
border: none;
background-color: #F00;
padding: 0px;
margin: 0px;
}
.leftSubNavi li {
width: 184px;
float: left;
clear: both;
border: none;
padding: 0px;
margin: 0px;
}
.leftSubNavi li a {
float: left;
clear: both;
font-size: 12px;
color: #068cc1;
text-decoration: none;
padding: 3px 10px 3px 10px;
margin: 0px;
background-image: url(../images/leftnavi_bullet.gif);
background-repeat: no-repeat;
background-position: 0px 6px;
border: none;
font-weight: normal;
width: 164px;
background-color: #fff;
}
.leftBox1, .leftBox3 {
float: left;
clear: both;
width: 162px;
margin-bottom: 10px;
padding: 10px;
border: 1px solid #e0e0e0;
}
.leftBox3 {
border: 1px solid #FF6633;
background-color: #f0f0f0;
}
a.textLinkRed {
color: #FF6633;
}
a.textLinkRed:hover {
color: #000;
}
img.leftBoxInnerImage {
float: left;
clear: both;
width: 158px;
padding: 1px;
border: 1px solid #e0e0e0;
display: block;
margin-bottom: 0px;
}
.leftBox1 p {
font-size: 12px;
}
.leftBox1 p a img {
border: none;
}
h3.leftTitle, h3.leftTitleRed, h3.leftTitleOrange {
font-size: 12px;
color: #FFF;
background-color: #068cc1;
float: left;
clear: both;
padding: 3px 10px;
width: 164px;
}
h3.leftTitleRed {
background-color: #FF6633;
font-weight: bold;
}
h3.leftTitleOrange {
/* background-color: #FF6633;
*/}
img.leftImg {
width: 184px;
display: block;
float: left;
clear: both;
}
#contentMain {
float: left;
clear: none;
width: 564px;
margin-left: 194px;
padding: 0px 10px 10px 10px;
}
#contentMain h1 {
font-size: 18px;
font-weight: bold;
padding-bottom: 3px;
border-bottom: 1px solid #e0e0e0;
margin-bottom: 5px;
}
#contentMain h2 {
font-size: 14px;
font-weight: bold;
padding-bottom: 3px;
border-bottom: 1px solid #e0e0e0;
margin-bottom: 5px;
clear: both;
}
#contentMain p {
font-size: 12px;
padding-bottom: 10px;
text-align: justify;
}
#contentMain p a {
color: #068cc1;
}
#contentMain p a:hover {
color: #FF6633;
}
span.ponudaText {
color: #FF6600;
font-weight: bold;
text-align: left;
}
a.textLink {
color: #068cc1;
}
a.textLink:hover {
color: #FF6633;
}
#contentRight {
float: left;
clear: none;
width: 184px;
padding-right: 10px;
}
#footerContainer {
float: left;
clear: none;
width: 930px;
border: 1px solid #e0e0e0;
padding: 10px;
}
.footerTextH
{
font-size: 14px;
color: #333;
}
.copyright {
font-size: 12px;
color: #333;
text-align: center;
}
.footerText {
float: left;
clear: both;
width: 930px;
}
.footerText p {
text-align: center;
font-size: 11px;
}
.footerText a {
padding: 0 4px;
}
.footerDiv1, .footerDiv2, .footerDiv3 {
float: left;
clear: none;
padding: 0px;
}
.footerDiv2, .footerDiv3 {
padding-left: 10px;
}
.footerDiv1 {
width: 300px;
}
.footerDiv2 {
width: 300px;
}
.footerDiv3 {
width: 310px;
}
.footerDiv4 {
float: left;
clear: both;
padding: 10px 0px 0px 0px;
width: 930px;
border-top: 1px solid #ccc;
margin-top: 20px;
}
.divObjektLista, .divObjektListaLast {
float: left;
clear: none;
width: 160px;
margin: 0px 12px 0px 0px;
padding: 9px;
border: 1px solid #e0e0e0;
background-color: #f0f0f0;
}
.divObjektLista a, .divObjektListaLast a {
color: #068cc1;
font-size: 14px;
text-decoration: none;
}
.divObjektLista a img, .divObjektListaLast a img {
border: none;
}
.divObjektLista a:hover, .divObjektListaLast a:hover {
color: #FF6633;
}
.divObjektListaLast {
margin-right: 0px;
}
.listContainer {
float: left;
clear: both;
overflow: visible;
margin: 0px 0px 10px 0px;
width: 564px;
}
.titleDiv {
float: left;
clear: none;
margin: 0px 10px 0px 0px;
overflow: visible;
padding: 0px 0px 10px 0px;
width: 204px;
display: block;
}
.titleDivPonuda {
border: 1px solid #ccc;
padding: 10px;
float: left;
clear: both;
margin: 5px 0px 0px 0px;
background-color: #f0f0f0;
width: 182px;
display: block;
}
a.titleImageA {
float: left;
clear: both;
padding: 0px;
margin: 0px;
display: block;
width: 204px;
text-align: right;
}
.titleImage {
float: left;
clear: both;
padding: 1px;
margin: 0px;
border: 1px solid #ccc;
}
.h1Blue {
font-size: 16px;
color: #FFFFFF;
background-color: #068cc1;
padding: 2px 10px;
}
.h2Blue {
font-size: 14px;
color: #FFFFFF;
background-color: #068cc1;
padding: 2px 10px;
}
.contentContainer, .contentContainerInvisible {
float: left;
clear: both;
width: 564px;
overflow: visible;
}
.contentContainerInvisible {
display: none;
}
.appCalendarContainer {
padding: 0px 10px 10px 0px;
display: block;
float: left;
clear: none;
}
.appCalendarTable {
border-top: 1px solid #e0e0e0;
border-left: 1px solid #e0e0e0;
font-size: 11px;
}
.appCalendarTableHeader {
font-weight: bold;
height: 20px;
}
.appCalendarWeekDay {
font-size: 9px;
text-align: center;
width: 25px;
}
.appCalendarTable td {
border-right: 1px solid #e0e0e0;
border-bottom: 1px solid #e0e0e0;
height: 16px;
}
.appCalNotFree {
background-color:#f68e56;
height: 16px;
}
.appCalArrival {
background-image: url(../images/cal_dolazak.gif);
background-repeat: no-repeat;
background-position: right bottom;
height: 16px;
}
.appCalDeparture {
background-image: url(../images/cal_odlazak.gif);
background-repeat: no-repeat;
background-position: left top;
height: 16px;
}
.imgFotoGalerija {
width: 126px;
float: left;
clear: none;
margin: 0px;
padding: 5px;
text-align: center;
}
a.smallImage {
padding: 1px;
border: 1px solid #ccc;
width: 126px;
height: 94px;
display: block;
float: left;
clear: both;
}
a.smallImage img {
width: 126px;
height: 94px;
display: block;
float: left;
clear: both;
border: none;
}
#contentMain .imgFotoGalerija p {
text-align: center;
}
#contentMain ol{
margin: 10px 0 5px 18px;
padding: 0;
}
#contentMain ol li{
margin: 0;
padding: 2px 0 2px 0;
}
.imgFotoGalerija a {
font-size: 11px;
color: #000;
text-decoration: none;
line-height: 100%;
text-align:center;
}
.imgFotoGalerija a:hover {
color: #FF6633;
}
h3.h3subtitle {
display: block;
float: left;
clear: both;
width: 564px;
font-size: 12px;
font-weight: bold;
color: #068cc1;
color: #000;
padding: 10px 0px 0px;
margin-bottom: 20px;
border-bottom: 1px solid #ccc;
}
.priceTableContainer {
float: left;
clear: both;
overflow: auto;
margin: 0px;;
width: 564px;
}
.priceTable {
width: 100%;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
border-top: 1px solid #e0e0e0;
border-left: 1px solid #e0e0e0;
border-right: 1px solid #e0e0e0;
}
.priceTable td {
height: 18px;
border-bottom: 1px solid #e0e0e0;
text-align: center;
line-height: 100%;
padding-left: 5px;
padding-right: 5px;
}
.priceTable td.priceDiscount {
height: 30px;
}
.priceTable th {
height: 40px;
border-bottom: 3px double #ccc;
padding-left: 5px;
padding-right: 5px;
}
.formTable {
border: 1px solid #ccc;
}
.formTable td {
padding: 2px 5px;
}
.leftCell {
text-align: right;
width: 200px;
font-weight: bold;
}
.rightCell {
}
.submitBtn {
background-color: #e0e0e0;
color: #000;
border: 1px solid #000;
}
.red {
color: #FF0000;
}
.textinput {
background-color: #fff;
background-image: url(../images/bcg_white.gif);
background-repeat: repeat;
border: 1px solid #ccc;
color: #999;
}
.divFAContainer {
width: 562px;
border: 1px solid #e0e0e0;
height: 130px;
overflow: hidden;
float: left;
clear: both;
position: relative;
}
.divFAContainerInner {
width: 522px;
height: 131px;
overflow: hidden;
float: left;
clear: none;
position: relative;
}
.divFAContainerNavi {
width: 35px;
height: 129px;
overflow: hidden;
float: left;
clear: none;
position: relative;
text-align: center;
padding-top: 3px;
padding-left: 5px;
}
.divFAContainerNavi img {
border: none;
}
.divFAContainerTable {
height: 130px;
position: absolute;
top: 0px;
left: 0px;
}
.divFAContainerTable a {
width: 160px;
height: 120px;
padding: 1px;
border: 2px solid #e0e0e0;
display: block;
float: left;
clear: both;
}
.divFAContainerTable a:hover {
border-color: #068cc1;
}
.divFAContainerTable a img {
border: none;
}
a.moveLink {
display: block;
float: left;
clear: both;
width: 31px;
height: 31px;
background-image: url(../images/navi_sprite.gif);
background-repeat: no-repeat;
}
#mrLink {
background-position: 0px 0px;
}
#mrsLink {
background-position: 0px -31px;
}
#mlsLink {
background-position: 0px -62px;
}
#mlLink {
background-position: 0px -91px;
}
#mrLink:hover {
background-position: -31px 0px;
}
#mrsLink:hover {
background-position: -31px -31px;
}
#mlsLink:hover {
background-position: -31px -62px;
}
#mlLink:hover {
background-position: -31px -91px;
}
.leftBox2 {
float: left;
clear: both;
width: 182px;
margin-bottom: 10px;
padding: 0px;
border: 1px solid #e0e0e0;
position: relative;
}
.leftBoxP {
font-size: 12px;
padding: 10px;
clear: both;
float: left;
width: 162px;
display: block;
left: 0px;
}
.divObjektListaRight {
width: 162px;
margin: 0px;
padding: 0px 10px;
float: left;
clear: none;
overflow: visible;
}
.divObjektListaRight a {
color: #068cc1;
font-size: 14px;
text-decoration: none;
}
.divObjektListaRight a img {
border: none;
}
.divObjektListaRight a:hover {
color: #FF6633;
}
.rightContainer {
width: 182px;
height: 200px;
overflow: hidden;
position: relative;
top: 0px;
left: 0px;
border: none;
float: left;
clear: both;
background-color: #f0f0f0;
}
.offerTable {
position: relative;
top: 0px;
left: 0px;
float: left;
clear: both;
margin: 0px;
padding: 0px;
}
.offerTable h2 {
font-size: 14px;
font-weight: bold;
padding-bottom: 3px;
border-bottom: 1px solid #e0e0e0;
margin-bottom: 5px;
clear: both;
}
#weatherdiv {
display: none;
}
.tecajtable {
padding: 0px;
margin: 0px;
width: 162px;
}
.tecajtable td {
padding: 0px;
margin: 0px;
border-bottom: 1px solid #f0f0f0;
}
a.fotoAlbumImg {
width: 176px;
height: 99px;
display: block;
float: left;
clear: none;
padding: 1px;
border: 1px solid #ccc;
}
a.fotoAlbumImg img {
float: left;
clear: both;
display: block;
width: 176px;
height: 99px;
border: none;
}
.imgVerticalSeparator {
float: left;
clear: none;
width: 12px;
height: 10px;
}
.imgHorSeparator {
float: left;
clear: none;
height: 10px;
width: 564px;
}
a.hlink {
color: #fff;
text-decoration: underline;
}
a.hlink:hover {
color: #e0e0e0;
}
.leftHorSeparator {
float: left;
clear: both;
width: 100px;
height: 10px;
overvlow: hidden;
margin: 0px;
padding: 0px;
}
.neVidiSe {
display: none;
}
.socialmedia{
clear: both;
float: left;
margin-top: 15px;
width: 100%;
}
.socialmedia_fb{
float: left;
width: 200px;
}
.socialmedia_gplus{
float: left;
width: 90px;
}
.socialmedia_tweet{
float: left;
width: 100px;
}
.socialmedia_contact{
float: right;
padding: 2px;
text-align: right;
font-weight: bold;
}
.breadcrumb a{
color: #068cc1;
text-decoration: none;
}
.breadcrumb a:hover{
color: #FF6633;
}