html { height: 100%; }

@font-face {
    font-family: CenturyGothic;
    src: url('../fonts/CenturyGothic.eot');  
    src: local('Century Gothic'), url('../fonts/CenturyGothic.ttf') format('truetype');  
}

body {
	margin:0;
	padding:0;
	height:100%;
	background: #FFFFFF;
	font-size: 16px;
	line-height: 1.5em;
	color: #000000; /*515151*/
	font-weight: 400;
	font-family: 'Open Sans' !important;
}

h1, h2, h3, h4, h5 {
	font-family: inherit;
}
.SmallHeadline {
	font-family: 'Open Sans' !important;
	font-size: 11px;
	line-height: 18px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: normal;
	margin:0px 0px 8px 0px;
	color: #5e5e5e;
	background: url('../images/stripes_black.png') center repeat-x;
}
.PlacesHeading {
	font-size: 18px; 
	margin:6px; 
	color: #111;
	line-height: 18px; 
}

A {
    color: #000; 
    text-decoration: none;
}
A:visited {
    color: #fff;
    text-decoration: none;
}
A:active {
    color: #fff;
    text-decoration: none;
}
A:hover {
    color: #fff;
    text-decoration: none;
}
A:focus {
}

A.HomeLink:link, A.HomeLink:visited {
    color: #2d3077;
    text-decoration: none;
}
A.HomeLink:hover {
	COLOR: #2d3077; 
}



A.Lnk:link, A.Lnk:visited {
    color: #0074E6;
    text-decoration: none;
}
A.Lnk:hover {
	COLOR: #336699; 
}


.logostyle {

    margin: 0px 0px 0px 0px;  
    padding-top:0px;
    height:103px; 

    width:auto;
    text-align:center;
    /*float:left;  */
}

.nobr	{ white-space:nowrap; }


#top {
	width:100%;
    height: 156px; /*120 */
    
    background-color: #FFFFFF;
    position: fixed;
    z-index: 10;
}

.sredina {
	
		width:900px; margin:0px auto; /*bitno da je margin=0*/
		padding:0px 0px 0px 0px;
		height: 123px; /*103 */
}

#top .logo {
	margin: 0 auto;
	padding: 25px 0px 15px 0px;
}

.content {
	width: 100%;
	max-width: 990px;  /*MAXIMUM*/
	margin: 0 auto;
}

#slider {
	display: inline-block;
	width: 100%;
}
#slider p {
	font-size:18px;
}
#slider p.FromPrice {
	font-size:28px;
	font-weight: 500;
	line-height: 30px;
}

#slider img {
	display: inline-block;
}

/*-----------------------------------------------------------------------------------*/
/* Icon Columns
/*-----------------------------------------------------------------------------------*/

.mpc-icon-columns {
	clear: both;
	overflow: hidden;
	margin-bottom: 20px;
	border-top: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
}

.mpc-icon-columns .mpc-icon-column {
	padding: 15px 0px 15px 0px; /*20 25 manje*/
	display: inline-block;
	float: left;	
	border-left: 1px solid #DDD;
	background: #ffffff;
	text-align: center;
	font-size: 14px;
}

.mpc-icon-columns .mpc-icon-column:first-child {
	border: none;
}

.mpc-icon-columns .mpc-icon-column .mpc-icon {
	display: block;
	margin: 0 auto;
	text-align: center;
}

.mpc-icon-columns h4 {
	font-weight: 600;
	font-size: 28px;
	margin-top: -10px;
	margin-bottom: 10px;
	text-align: center;
	line-height:1.2em;
	color:#3E6B9A; 
}

.mpc-icon-column p {
	width: 80%;
	margin: 0 auto;
	font-size: 12px;
	text-align: center;
}


.mpc-icon-column .gentle-deco-line {
	position: relative;
	display: inline-block;
	height: 2px;
	width: 100%;
	background: #ff3c10;
	margin: 0;
	bottom: -27px;
}

.mpc-column-text {
	display: block;
	padding: 0px 28px;
	font-size:16px;
}
.Highlights-text {
	display: block;
	padding: 0px;
}

.mpc-column-text2 {
	display: block;
	padding: 0px 7px 7px 0px;
	font-size:14px;
	text-align: left; /*justify*/
}

p.mpc-column-text2 {
	margin: 0px;
}
div.mpc-column-text2 {
	padding: 0px 6px 6px 6px;
}

.icon-columns-8 .mpc-icon-column { width: 12.4%; }
.icon-columns-6 .mpc-icon-column { width: 16.5%; }
.icon-columns-5 .mpc-icon-column { width: 19.9%; }
.icon-columns-4 .mpc-icon-column { width: 24.9%; }
.icon-columns-3 .mpc-icon-column { width: 33%; }
.icon-columns-2 .mpc-icon-column { width: 49%; }
.icon-columns-1 .mpc-icon-column { width: 100%; }

/*-----------------------------------------------------------------------------------*/
/*	Heading
/*-----------------------------------------------------------------------------------*/

h2.mpc-home-header {
    color: #2d3077;
    font-size: 48px;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 1em;
    padding: 0px 0px 5px 0px;
    text-shadow: 2px 2px #E0DDC1;
    text-transform: uppercase;
}

h2.TitleYellow 
{
    color:Yellow !important;
    text-shadow: 3px 1px #2d3077;
}

h4.mpc-home-header {
	text-align: center;
	font-weight: lighter;
	margin-top: 0px;
	margin-bottom: 43px;
}
h3 { 
	font-size: 32px;
	font-weight: lighter;
	line-height: 28px;
}
h4 { 
	font-size: 24px;
	font-weight: lighter;
	line-height: 26px;
	padding-top: 1px; 
}

/*-----------------------------------------------------------------------------------*/
/*	Features
/*-----------------------------------------------------------------------------------*/

.mpc-features { 
	overflow: visible;
	margin-top: 45px;
	margin-left: 20px;
	/*height: 1040px;*/
}

.mpc-features .mpc-feature {
	float: left;
	display: inline-block;
	width: 32.3%;
	position: relative;
	z-index: 0;
}

.mpc-featuresTwo  {
	width: 100%;
}

.mpc-featureTwo {
	float: left;
	display: inline-block;
	width: 50%;
	position: relative;
	z-index: 0;
	padding:0px 0px 20px 0px;
}

.mpc-features .mpc-feature.last-feature { z-index: 1; }

.mpc-features .mpc-feature .mpc-icon {
	margin-left: -15px;
}

.mpc-features .mpc-feature h4 { 
	text-align: center;
	margin-top: 25px;
}

.mpc-features .mpc-feature .mpc-column-text {
	text-align: center;
	margin: 10px 0px 35px 0px;
	font-size: 12px;
}

/*-----------------------------------------------------------------------------------*/
/*	Footer
/*-----------------------------------------------------------------------------------*/

#footer {
	width: 100%;
	height: auto;
	background: #F9F9F9;
	border-top: 1px solid #DDD;
	position: relative;
	clear: both;
	text-align: center;
}

#footer .mpc-copy {
	font-size: 12px;
	display: inline-block;
	width: 900px;   /*860 960*/
	margin: 0 auto;
	text-align: left;
	position: relative;
	top: 4px;
}

#wrapper { overflow: hidden; }


/* contact */
.grey-wrapper {
	width: 100%;
	background: #F5F5F5;
	position: relative;
	clear: both;
	text-align: center;
	border-top: 1px solid #DDDDDD;
}

.grey-wrapper2 {
	width: 100%;
	background: url("imgs/bg02.png") repeat scroll 0 0 #F7F7F7;
	position: relative;
	clear: both;
	text-align: center;
	border-top: 1px solid #DDDDDD;
}

.wrapper-holder {
    margin: 0 auto;
    max-width: 900px;
    /*VAZNO*/
}
.white-wrapper {
	width: 100%;
	background: none;
	position: relative;
	clear: both;
	text-align: center;
	border: none;
}

#faq .panel1  {
	width:40%; float:left; top:-60px; position:relative; z-index:20;
}

#faq .panel2 {
	width:60%; float:left; 
}

 

#contact-fields {
    float: left;
    margin-left: 0px;
    margin-top: 0px;
    width: 55%;
}
#sidebar {
    float: left;
    margin-bottom: 20px; margin-top: 0px; margin-left:10px;
    padding-left: 20px; 
    width: 35%;
    font-size:13px;
}
.clearfix {
    clear: both;
}


/* novo */
#commentform, #ContactForm {
    color: #484848;
}
.grey-wrapper h3 {
    margin-bottom: 10px;
    margin-top: 15px;
}
#ContactForm input, #ContactForm textarea, #commentform input, #commentform textarea {
    background: none repeat scroll 0 0 #EAEAEA;
    border: 1px solid #F5F5F5;
    color: #484848;
    font-family: 'PT Sans',sans-serif; font-size:13px;
    line-height: 1.5em;
    overflow: auto;
    padding: 8px;
}
#ContactForm input:focus, #ContactForm textarea:focus, #commentform input:focus, #commentform textarea:focus {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CCCCCC;
    /*box-shadow: 0 0 3px rgba(254, 131, 1, 0.4);*/
}
#ContactForm input[type="text"], #commentform input[type="text"] {
    margin: 4px;
    overflow: hidden;
    width: 90%; 
}
#ContactForm textarea, #commentform textarea {
    height: 130px;
    width: 90%; 
    margin: 4px;
}




/*jos vidi*/
form {
}
form input, form select, form textarea {
}
br.clear {
    clear: both;
}
p, ul, ol, dl, table {
    margin-bottom: 1.5em;
}

.image img {
    display: block;
    width: 100%;
}
section, article {
    margin-bottom: 1em;
}

.actions {
}
.panel {
    width: 33.333%;
    float:left;
}

.row:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
}
/*
.row:first-child > * {
    padding-top: 0;
}
.row > * {
    padding-top: 0;
}
*/

.box {
    background: none repeat scroll 0 0 #FFFFFF;
    border-bottom: 1px solid #CCCCCC;
    margin:0px 15px 20px 15px;
    padding-bottom:20px;
}
.box h4 {
    position: relative;
    margin: 10px 0;
}
.box p {
    font-size: 13px;
    padding: 10px;
}

.box .image-full {
    position: relative;
    width: auto;
}
.box .image-full {
    position: relative;
    width: auto;
}
.button {
    font-size: 1.1em;
    padding: 0.65em 1.5em;
}
.button {
    background: none repeat scroll 0 0 #0074e6; /*95ABB9 D52349*/
    border: 0 none;
    border-radius: 2px;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    outline: 0 none;
    text-decoration: none;
    transition: background-color 0.25s ease-in-out 0s;
}
.button:hover {
    background: none repeat scroll 0 0 #ffcc00; /*0C2937 E53359*/
}
.button:active {
    background: none repeat scroll 0 0 #2d3077;
}
.button-alt {
    background: none repeat scroll 0 0 #2d3077;
}
.button-alt:hover {
    background: none repeat scroll 0 0 #ffcc00;
}
.button-alt:active {
    background: none repeat scroll 0 0 #151112;
}


.button-home {

}
.button-home:hover {
    background: none repeat scroll 0 0 #ccc;
    color:#0074e6
}
.button-soon 
{
    border: 0 none;
    border-radius: 2px;
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    outline: 0 none;
    text-decoration: none;
    background: none repeat scroll 0 0 #ccc;
    color:#0074e6;
        font-size: 1.1em;
    padding: 0.65em 1.5em;
}


.actions .button {
    margin: 0.6em 0.8em 0.9em 0.8em;
    width: 12em;
}
.button-big {
    font-size: 1.1em;
    padding: 0.5em 0.8em;
}


/* sjena */
.mpc_ls_shadow.style01 {
    background: url("img/shadow_style01.png") no-repeat scroll center top / 100% auto rgba(0, 0, 0, 0);
    bottom: -17px;
    height: 17px;
}
.mpc_ls_shadow {
    width: 100%;
}       




/*soc*/
.icon48 {
    background-image: url("img/icons48.gif");
    display: inline-block;
    height: 48px;
    text-indent: -9999px;
    width: 48px;
}
.icon48-1 {
    background-position: 0 0;
}
.icon48-2 {
    background-position: -48px 0;
}
.icon48-3 {
    background-position: -96px 0;
}
.icon48-4 {
    background-position: -144px 0;
}
.icon48-5 {
    background-position: -192px 0;
}
.icon48-6 {
    background-position: -240px 0;
}
.icon48-7 {
    background-position: -288px 0;
}
.icon48-8 {
    background-position: -336px 0;
}
.icon48-9 {
    background-position: -384px 0;
}
.icon48-10 {
    background-position: -432px 0;
}
ul.social {
    overflow: hidden;
    margin:15px auto;
     width:318px;/*265*/
}
ul.social li {
    background: none repeat scroll 0 0 #888888;
    border-radius: 5px 5px 5px 5px;
    display: block;
    float: left;
    transition: background-color 0.25s ease-in-out 0s;
    margin-right:5px;
   
   
}
ul.social li:first-child {
    margin-left: 0;
}
ul.social li.facebook {
    background: none repeat scroll 0 0 #3C5A98;
}
ul.social li.facebook:hover {
    background: none repeat scroll 0 0 #4C6AA8;
}
ul.social li.twitter {
    background: none repeat scroll 0 0 #2DAAE4;
}
ul.social li.twitter:hover {
    background: none repeat scroll 0 0 #3DBAF4;
}
ul.social li.dribbble {
    background: none repeat scroll 0 0 #C4376B;
}
ul.social li.dribbble:hover {
    background: none repeat scroll 0 0 #D4477B;
}
ul.social li.linkedin {
    background: none repeat scroll 0 0 #006599;
}
ul.social li.linkedin:hover {
    background: none repeat scroll 0 0 #1075A9;
}
ul.social li.tumblr {
    background: none repeat scroll 0 0 #2B4661;
}
ul.social li.tumblr:hover {
    background: none repeat scroll 0 0 #3B5671;
}
ul.social li.googleplus {
    background: none repeat scroll 0 0 #DA2713;
}
ul.social li.googleplus:hover {
    background: none repeat scroll 0 0 #EA3723;
}

/*accordoin*/

.accordion-trigger {
    background: none repeat scroll 0 0 #f6f6f6;
    border-bottom: 1px solid #ddd;
    color: #000;
    cursor: pointer;
    font-weight: 600;
    padding: 5px 10px;
    text-decoration: none;
    text-align:left;
    font-size:14px;
}
.accordion-trigger.active 
{
    background: none repeat scroll 0 0 #bbd6e7;    
    border-bottom: 1px solid #95ABB9;
}
.accordion-trigger:hover {
    background: none repeat scroll 0 0 #ddd;
    border-bottom: 1px solid #ddd;
}
.accordion-container {
    border-bottom: 1px solid #bbd6e7;
    border-left: 0px solid #f6f6f6;
    border-right: 0px solid #f6f6f6;
    margin-bottom: 0;
    padding: 15px 29px;
    text-align:left;
    font-size:14px;
    background-color: white;
    text-align: justify
}

#Itinerar .accordion-container {
    padding: 10px 10px;
}

.toggle-trigger {
    background: url("img/toggle.png") no-repeat scroll 5px 7px #F1F1F1;
    border: 1px solid #f6f6f6;
    color: #1b1b1b;
    cursor: pointer;
    font-weight: bold;
    padding: 5px 10px 5px 25px;
    text-decoration: none;
}
.toggle-trigger.active {
    background: url("img/toggle.png") no-repeat scroll 5px -78px transparent;
    border-bottom: 1px solid #f6f6f6;
}
.toggle-trigger:hover {
    background-color: #F5F5F5;
}
.toggle-container {
    border-bottom: 1px solid #f6f6f6;
    border-left: 1px solid #f6f6f6;
    border-right: 1px solid #f6f6f6;
    margin-bottom: 0;
    padding: 5px 10px;
}






/*rute*/

.one_half {
    width: 48%;
}
.one_third {
    width: 30.66%; /*30.66%*/
}
.two_third, .two_third_Route {
    width: 69.33%; /*65.33%*/
}
.MarginRight {
    margin-right:2%; 
}
.MarginLeft {
    margin-Left:2%; 
}
.MarginThumbs {
    width:33.2%; margin-left:1%; margin-right:1%;
}


.one_fourth {
    width: 22%;
}
.three_fourth {
    width: 74%;
}
.one_fifth {
    width: 16.8%;
}
.two_fifth {
    width: 37.6%;
}
.three_fifth {
    width: 58.4%;
}
.four_fifth {
    width: 78.2%; /*79.2*/
}
.one_sixth {
    width: 13.33%;
}
.five_sixth {
    width: 82.67%;
}
.custom_column {
    float: left;
    margin: 0;
    position: relative;
}
.one_half, .one_third, .two_third, .three_fourth, .one_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth {
    float: left;
    margin-bottom: 0;
    /*margin-right: 4%;*/
    min-height: 1px;
    position: relative;
}
.two_third_Route {
    float: right;
    margin-bottom: 0;
    min-height: 1px;
    position: relative;
}
.last {
    clear: right;
    margin-right: 0 !important;
}
.clearboth, .divider_padding {
    clear: both;
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    width: 100%;
}
.divider_padding {
    padding-bottom: 40px;
}


img.places {
    border: 0 none;
    max-width: 100%;
    vertical-align: middle;
    border-radius:10px;
}

img.border {
    border: 2px solid #ccc ;
    padding: 4px ;
}




/* price table*/
#PriceList {
    margin:0 auto;
    width:580px; text-align: center;
    border: 1px solid #bbb;
    border-top: 6px solid #bbb; border-bottom: 6px solid #bbb;
    
}
#PriceList tr {
    border-bottom: 1px solid #ccc;
}

#PriceList tr.even {
    background-color:#ececec;
}
#PriceList tr:hover {
    background-color:#cff3f0;
    cursor: pointer;
}
#PriceList tr.TableHeader:hover {
    background-color:#fff;
}
.EarlyBookingStyle {
   color: #00abff; /*00c1b0*/
}
.DepartureDate {
   font-size:13px; 
   white-space:nowrap;
   font-weight:600;
   padding-left:10px;
}
.h-f {
   padding-left:10px; padding-top:10px;
}
.h-m {
   padding-top:10px; padding-bottom:5px;
}
.h-l {
   padding-right:10px; padding-top:10px;
}
.RouteTitle {
   font-size:23px; padding:7px 0px 0px 0px; margin-bottom:0px;
}

/*
.PanelPrograms {
  	background: url('../images/waves.gif') center repeat;
}*/
.PanelPrograms {
  	background: url('../images/waves3.gif') center top repeat-x;
}

.PanelProgramsGray {
  	background: url('../images/waves6.gif') center top repeat-x;
}
.PanelProgramsWhite {
  	background: url('../images/waves7a.gif') center -90px repeat-x;
}
.PanelProgramsSmall {
  	background: url('../images/waves9.gif') center 0px repeat-x;
}
/*
	.icon-columns-4 .mpc-icon-column { width: 49%; }
	.mpc-features .mpc-feature { width: 49%; }
	.mpc-features .mpc-feature .mpc-icon { margin-left: 30px; }*/




/* botuni  jos */

.main .entry-content a {
    color: #313439;
    text-decoration: underline;
}

.single-post .entry-content a {
    color: #313439;
    text-decoration: underline;
}
.main .entry-content a:hover {
    color: #FF4A64;
    text-decoration: none;
}

a.zilla-button, a.zilla-button:visited {
    background: none repeat scroll 0 0 #0C6FB1;
    border-radius: 2px 2px 2px 2px;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    line-height: 1em;
    margin: 0 0.1em 1.5em 0 !important;
    outline: medium none;
    padding: 10px 10px !important;
    text-align: center;
    text-decoration: none !important;
    vertical-align: middle;
}

a.zilla-button:active {
    position: relative;
    top: 1px;
}
a.zilla-button.LightBlue {
    background: none repeat scroll 0 0 #2AA4CF; /*FF4A64*/
}
a.zilla-button.LightBlue:hover {
    background: none repeat scroll 0 0 #0074E6; /*FD3E59*/
}

a.zilla-button.DarkBlue {
    background: none repeat scroll 0 0 #2d3077; /*0074E6*/
}
a.zilla-button.DarkBlue:hover {
    background: none repeat scroll 0 0 #223E87;  /*95ABB9*/
}



/* rute */
.MapaRuteDIV {
    width:100%;
    /*max-height:450px;*/
}



table.events td {
    padding:1px;
    text-align: left;
}
table.events td.Week {
    text-align: right;
    color:#95ABB9;
    font-weight:600;
}
table.events td.EventDate {
    text-align: center;
}
table.events td.Status {
   color:#2AA4CF;
}

/*podmeni*/

        ul.AnchorMenu
            {
            list-style-type:none;
            margin:5px auto;
            padding:1;
            padding-top:7px;
            padding-bottom:5px;
            }
         ul.AnchorMenu li
            {
            display:inline;
            padding:4px 6px;
            }
            
            
        ul.AnchorMenu li ul {
            display:none;
            position:absolute;
        }
        ul.AnchorMenu li:hover ul{
            display:block;
            background:red;
            height:auto; width:8em;
        }
        ul.AnchorMenu li ul li{
            clear:both;
            border-style:none;
        }


.navodnik {
    background: url('../images/ico-quote.png') 15px 0px  no-repeat;
        }
        

.Box_v2-l {
    float: left;
    width: 300px;
}

h4.Itinerar2 {
    background-color: #97AFBE;
    color: #FFFFFF;
    font-size: 30px;
    font-weight: normal;
    height: auto;
    letter-spacing: normal;
    line-height: normal;
    margin: 25px 0 0;
    padding: 6px 0;
    text-align: center;
    width: auto;
}
.InfoBarView {
    background-color: #2d3077;
    color: #ffffff;
    float: left;
    height: auto;
    margin: 7px auto 15px auto;
    padding: 5px;
    text-align: center;
    width: 100%;

}
.InfoBarView p.Description {
    font-size: 15px;
}

A.LnkBlue:hover {
    color: #336699;
    text-decoration: none;
}
A.LnkBlue {
    color: #287DD9;
    text-decoration: none;
}
A.contactus:link, A.contactus:visited {
    color: #FF6700;
}
A.contactus:hover {
    color: #FF0000;
}
        
        
p.AccordionP {
    color: #000000;
    padding:5px;
    margin:0px;
}
ol.AccordionP {
    color: #000000;
    padding:5px;
    margin:0px;
    list-style-type: decimal-leading-zero;
    padding-left:60px;
}
ol.AccordionP li {
    padding:5px 0px 5px 0px;
}

p.TextList {
    width:100%; text-align:justify; color: #000000; padding:0px 0px 0px 18px; font-size:13px
}

.Hours {
    color:#000; padding-right:8px; font-size:12px; text-transform: uppercase;
}
.PartyEvents {
    margin:0px; padding:1px; text-align:center;
}


/* TABOVI */
#tabs {
	margin: 20px 0px 0px 0px;
	font-weight:normal;
	color:#000000;
}
#tabs ul {
	float: left;
	background: #fff;
	width: 100%;
	padding-top: 4px;
	
	border-bottom: 4px solid #3E6B9A;
	margin-bottom:10px;
}
#tabs li {
	list-style: none;
	margin:1px 1px 0px 1px;
	background-color:#eee; /*b2cccc*/
	
	-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
	
}
* html #tabs li {
	display: inline;
}
#tabs li, #tabs li a {
	float: left;
}
#tabs ul li.active {
	background: #3E6B9A;  /*2AA4CF*/
}
#tabs ul li.active a span {
	border-left: 7px solid rgba(0, 0, 0, 0);
    border-right: 7px solid rgba(0, 0, 0, 0);
    border-top: 7px solid #3E6B9A;
    display: block;
    height: 0;
    margin-top: 6px;
    position: absolute;
    width: 0;
}
#tabs ul li.active a {
	color: #fff;
}
#tabs div {
	background: #ffffff;
	clear: both;
	padding: 0px; 
	min-height: 200px;
}
#tabs div h3 {
	margin-bottom: 12px;
}
#tabs div p {
	line-height: 150%;
}
#tabs ul li a {
	text-decoration: none;
	padding: 6px 8px 3px 8px;
	color: #000;
	font-weight: normal;
	font-size:14px;
}



/* TABOVI2 */
#tabs2, 
#sailweektabs1,
#sailweektabs2
{
	margin: 20px 0px 0px 0px;
	font-weight:normal;
	color:#000000;
}
#tabs2 ul, 
#sailweektabs1 ul,
#sailweektabs2 ul 
{
	float: left;
	background: #fff;
	width: 100%;
	padding-top: 4px;
	
	border-bottom: 4px solid #3E6B9A;
	margin-bottom:10px;
}
#tabs2 li, 
#sailweektabs1 li,
#sailweektabs2 li   
{
	list-style: none;
	margin:1px 1px 0px 1px;
	background-color:#eee;
}
* html #tabs2 li, 
* html #sailweektabs1 li,
* html #sailweektabs2 li 
{
	display: inline;
}
#tabs2 li, #tabs2 li a, 
#sailweektabs1 li, #sailweektabs1 li a,
#sailweektabs2 li, #sailweektabs2 li a 
{
	float: left;
}
#tabs2 ul li.active, 
#sailweektabs1 ul li.active,
#sailweektabs2 ul li.active  
{
	background: #3E6B9A; 
}
#tabs2 ul li.active a span, 
#sailweektabs1 ul li.active a span,
#sailweektabs2 ul li.active a span  
{
	border-left: 7px solid rgba(0, 0, 0, 0);
    border-right: 7px solid rgba(0, 0, 0, 0);
    border-top: 7px solid #3E6B9A;
    display: block;
    height: 0;
    margin-top: 6px;
    position: absolute;
    width: 0;
}
#tabs2 ul li.active a, 
#sailweektabs1 ul li.active a,
#sailweektabs2 ul li.active a 
{
	color: #fff;
}
#tabs2 div, 
#sailweektabs1 div,
#sailweektabs2 div 
{
	background: #ffffff;
	clear: both;
	padding: 0px; 
	min-height: 200px;
}
#tabs2 div h3, 
#sailweektabs1 div h3,
#sailweektabs2 div h3 
{
	margin-bottom: 12px;
}
#tabs2 div p, 
#sailweektabs1 div p,
#sailweektabs2 div p
{
	line-height: 150%;
}
#tabs2 ul li a, 
#sailweektabs1 ul li a,
#sailweektabs2 ul li a 
{
	text-decoration: none;
	padding: 6px 8px 3px 8px;
	color: #000;
	font-weight: normal;
	font-size:14px;
}


/*  typography */
ul.lists-check, ul.lists-arrow, ul.lists-plus, ul.lists-star, ul.lists-heart {
    margin: 10px;
    padding: 6px 3px 6px 16px;
    text-align:left;
}
ul.lists-check li {

    line-height:22px;
    padding:4px 0px;
    text-align:left;
    background:none;
   /* list-style-image: url("img/bullets/check.png");*/
    list-style-type: square;    
}
#tabs2 ul.lists-check, 
#sailweektabs1 ul.lists-check,
#sailweektabs2 ul.lists-check 
{
    clear:both;
    margin: 10px;
    padding: 6px 3px 6px 16px;
    text-align:left;
    background: none;
    border:none;
    width:auto;
}
#tabs2 ul.lists-check li, 
#sailweektabs1 ul.lists-check li,
#sailweektabs2 ul.lists-check li 
{
    clear:both;
    line-height: 1.2em;
    background:none;
    list-style-type: square;
    font-size:14px;
}
.thumbs {
	float:left;
	border:#000 solid 1px;
	margin-bottom:20px;
	margin-right:20px;
}
.PriceTitle {
	font-size:16px; 
	margin:0px 0px 0px 0px; 
	color:#3E6B9A; 
	width:100%; 
	float:left; 
	text-transform: uppercase; 
	letter-spacing:3px; 
	text-align:left
}

/* TC */
h2.TCTitle {
    color: #2d3077;
    font-size: 30px;
    font-weight: lighter;
    letter-spacing: 1px;
    line-height: 1.2em;
    padding: 15px 0px 0px 0px;
    text-shadow: 0px 0px #E0DDC1;
    text-transform: uppercase;
}
p.TC {
    width:100%; line-height:26px; margin:5px auto 5px auto; font-style:normal; text-align:justify;
    font-size:15px;
}
ul.lists-TC, ol.lists-TC {
    font-size: 15px;
    font-style: normal;
    line-height: 26px;
    margin: 5px 0px 5px 35px;
    text-align: justify;
}
ol.lists-TC li {
    background: none;
    line-height: 26px;
    padding: 0px;
    text-align: justify;
    list-style-type: decimal;  
}
ol.letters li {
    list-style-type: lower-alpha; 
}
ul.lists-TC li {
    background: none;
    line-height: 26px;
    list-style-type: square;
    padding: 0px;
    text-align: justify;
}


#VimeoFrame	
	{
	    width:639px; height:359px;
	}
	
.mpc-icon-column .mpc-icon img.BookOptionsImg		
{
  width:100%;
}	
	
	

@media (max-width: 870px ) 
{
#top 
	{
	        width:100%;
	}  
	  
.sredina
	{
	        width:100%; height:30px;
	        text-align:center;
            max-width: 870px;
            margin: 0px auto;
	}    	
	 
    .logostyle { font-size: 2em; }
    
    
	.icon-columns-4 .mpc-icon-column { width: 45%; }
	.mpc-features .mpc-feature { width: 45%; }
	.mpc-features .mpc-feature .mpc-icon { margin-left: 25px; }
	.mpc-icon-columns h4 { font-size: 22px; }
	#footer .mpc-copy {width:750px; margin:0; }
	#faq.wrapper-holder {max-width:750px; margin:0; }
}

@media (max-width: 770px )  
{
#top 
	{
	        width:100%;
	        position:static !important;
	} 
.sredina
	{
	        width:100%; height:82px;
	        text-align:center;
            max-width: 770px;
            margin: 0px auto;
	}   

.logostyle { font-size: 2em; width:100%;}	
.container { width:100%;}	
    
	.mpc-features .mpc-feature { width: 100%; text-align: center; }
	.mpc-features .mpc-feature .mpc-icon { margin-left: 10px; }
	
    .mpc-icon-columns h4 { font-size: 24px; }
	
	h2.mpc-home-header { font-size:2.7em; }
	h4.mpc-home-header { font-size:1.5em; }
	

	
	.wrapper-holder, #contact-fields, #sidebar { width: 100%; margin:0; padding:0px }
	
	#footer .mpc-copy {width: 100%; margin:0; }
	
	.panel1, .panel2 {width: 100%; margin:0; }
	    
	img.places { }

#VimeoFrame	
	{
	    width:500px; height:281px;
	}
	


	
}





@media (max-width: 615px )  
{
    
 	#top {
	        width:100%;
	}   
.sredina
	{
	        width:100%; height:85px;
	        text-align:center;
            max-width: 615px;
            margin: 0px auto;
	}   

	.logostyle  
	{
	        font-size: 1.8em;
	        width:100%;
	}
	.container { width:100%;}	

 .icon-columns-4 .mpc-icon-column, .icon-columns-3 .mpc-icon-column, .icon-columns-2 .mpc-icon-column { width: 100%; }
 
 ul.lists-check , ul.lists-arrow, ul.lists-plus, ul.lists-star, ul.lists-heart  
 {
     text-align:center; font-size:16px }
              
 
#VimeoFrame	
	{
	    width:500px; height:281px;
	} 
 
 .mpc-icon-column .mpc-icon img.BookOptionsImg		
{
    width:450px;
	  
}
 
}


@media (max-width: 450px ) {
	.icon-columns-4 .mpc-icon-column, .icon-columns-3 .mpc-icon-column, .icon-columns-2 .mpc-icon-column { width: 100%; }
	 ul.lists-check , ul.lists-arrow, ul.lists-plus, ul.lists-star, ul.lists-heart  
 {
         /*padding-left: 25px;*/ text-align:center; font-size:16px }
         
	
	.mpc-features { margin-left: 0px; }
	.mpc-features .mpc-feature { width: 100%; }
	/*h2.mpc-home-header { display: none; } 
	h4.mpc-home-header { display: none; }*/
	
	h2.mpc-home-header { font-size:2.5em; line-height:1em }
	h4.mpc-home-header { font-size:1.5em; }
	
	.mpc-features .mpc-feature .mpc-icon { margin-left: 5px; }
	
	#top 
	{
	        width:100%;
	}
	.sredina
	{
	        width:100%; height:85px;
	        text-align:center;
            max-width: 450px;
            margin: 0px auto;
	}   
	
	.logostyle  
	{
	        font-size: 1.6em;
	        width:100%;
	}
	.container { width:100%;}	
	
	.wrapper-holder, #contact-fields, #sidebar { width: 100%; margin:0; padding:0px }
	
	#footer .mpc-copy {width: 100%; margin:0; }
	
    .panel {width: 100%; margin:0; }
    
   #faq .panel1 {width: 100%; margin:0; top:0px  }
   
   #faq .panel2 {width: 100%; margin:0; }
   
   img.places {
    width: 100%;
}
   .one_third, .two_third, .two_third_Route {
    width: 99.99%;
    margin:0px;
   /* margin:5px; makla*/
}

img.MarginThumbs {
    width:32.3%; margin-left:0.2%; margin-right:0.2%;
}

div.mpc-column-text2 {
	padding: 10px;
}
.PlacesHeading {
	font-size: 24px; 
	line-height: normal;
}
#PriceList {
    width:100%; 
    font-size:13px;
    border-left:none; border-right:none;
}
.RouteTitle {
   font-size:16px; 
}  
.mpc-featureTwo  {
	width: 100%;
} 

#VimeoFrame	
	{
	    width:350px; height:197px;
	}
   
}

