@import "reset.css";
@import "default.css";

body { background:#2D72BC url(../images/body-bg2.gif) repeat-x}

/* ===== HEADER ===== */
#header{ height:320px}
#header h1 { float:left;margin-left:20px; margin-top:5px; background: url(../images/solazur-buenavista-hor.png) no-repeat; width:286px; height:80px;}
#header h1 a { display:block; }
#header h1 a span{ visibility:hidden }
#header p { margin-top:10px}
#header p.cmt { background:url(../images/cmt.png) no-repeat; width:50px; height:50px; margin:0 0 0 10px;}
#header p.cmt span{ visibility:hidden }
#header p.cmt a { display:block;  width:50px; height:50px;}
#header p.ifeel { background:url(../images/ifeel.png) no-repeat; width:79px; height:50px; margin:10px 0 0 10px;}
#header p.ifeel a{ display:block;width:79px; height:50px;}
#header p.apeiron { background:url(../images/apeiron.png) no-repeat; width:88px; height:34px; margin:10px 0 0 10px;}
#header p.apeiron a{ display:block;  width:88px; height:34px;}
#header p a { color:#FFF; font-size:10px; font-weight:bold; margin-right:10px;}
#header p a:hover {text-shadow: 1px 1px 0px #333;}


	
/* ===== NAVIGATION ===== */
#navigation { position: relative; z-index:200}
#menu { list-style:none; margin:100px 20px 20px 25px}
#menu ul { list-style:none; margin:0 0 10px 0;}
#menu li a { font:bold 18px "Arial Black", Arial, sans-serif;color:#666; display:block; padding:5px 0 5px 10px; border-bottom:1px solid #CCC; letter-spacing:-1px; }
#menu li a:hover,
#menu li a.selected { color:#2D72BC; text-shadow: 1px 1px 0px #CCC;}
#menu  li li a { font:bold 14px Arial, Helvetica, sans-serif; color:#777; background:url(../images/menu-strel.png) no-repeat 0px 8px;  }
#menu  li li li a { font:bold 11px Arial, Helvetica, sans-serif; color:#999; border-bottom:1px dotted #CCC; letter-spacing:normal; background:none }

/* ===== CONTENT ===== */
 #bg { background:url(../images/rays2.jpg) no-repeat top center; height:900px;}
#wrapper { background:url(../images/bg.png) no-repeat;position:relative; margin-bottom:20px; 
	-moz-border-radius:0 0 5px 0;
	-webkit-border-radius: 0 0 5px 0;
	border-radius: 0 0 5px 0;
    }
#content { padding-top:40px;}

/* Koverta */
#koverta { display:block; width:46px; height:46px; background:#2D72BC ; position:absolute; right:21px; top:23px; z-index:100}
#koverta form { display:none; margin:20px;}
#koverta form label,
#koverta form legend{ color:#FFF }
#koverta form textarea { height:240px;}
#koverta form textarea,
#koverta form input{ width:98% }
#koverta p span { color:#FFF;}
#koverta .btn, #avioform .btn { width:100px; float:right; background:#333; color:#FFF; font-size:11px; font-weight:bold; text-transform:uppercase; border:none 0; padding:10px;	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius: 5px;}
#koverta form p { margin:0}
#koverta a.open { display:block; width:46px; height:46px; background: url(../images/koverta.png) no-repeat; position:absolute; left:0; bottom:0; z-index:1;}
div.opened {border-left:1px solid #ccc; border-bottom:1px solid #ccc;-moz-box-shadow: -5px 5px 10px #777;
    -webkit-box-shadow: -5px 5px 10px #777;
    box-shadow:-5px 5px 10px #777;}

h2, h3, h4 { letter-spacing:-1px}
.fontcolor {color:#2D72BC !important;}
.border { border:1px solid #CCC}
.row { margin-bottom:30px;}
.box {background:url(../images/tabcontent.gif) repeat-x; border:1px solid #CCC}
.box p, .box h3, .box h4 { margin:10px;}
.naslov { font-size:28px; color:#2D72BC}
.justify { text-align:justify}
#content blockquote { font-family:Georgia, "Times New Roman", Times, serif; color:#999; line-height:1.3em}
#content a { color:#06C;}


.cijena { font-size:28px; color:#2D72BC; margin:0}
.sidebar { text-align:right}
.sidebar img { margin-bottom:10px;}
.lista li { padding:10px 0 10px 0; border-bottom:1px dotted #CCC}
.fotogalerija img { display:block; padding:8px; background:#FFF; border:1px solid #EFEFEF; margin:5px;-moz-box-shadow: 0px 0px 7px #CCC;
    -webkit-box-shadow: 0 0 7px #777;
    box-shadow: 0 0 7px #777;}
.fotogalerija a { font-size:10px; float:left; margin-bottom:15px;}
.fotogalerija a strong { display:block; margin-left:10px; }
.fotogalerija a:hover strong { color:#2D72BC}

img.foto {padding:8px;background:#FFF; border:1px solid #EFEFEF; -moz-box-shadow: 0px 0px 7px #CCC;
    -webkit-box-shadow: 0 0 7px #777;
    box-shadow: 0 0 7px #777;}

/* Tabs */
ul.tabs { list-style:none; margin:0 0 -1px 0; padding:0; position:relative; z-index:2}
ul.tabs li { float:left; margin:0 0 0 0;}
ul.tabs li a { display:block; padding:10px 20px;  font:bold 16px "Arial Black", Arial, sans-serif;color:#666;  }
ul.tabs li a span { display:block; font-size:12px; color:#2D72BC; padding-bottom:5px}
ul.tabs li a.selected { background:#e7e7e7; border:1px solid #CCC; border-bottom:0 none}
div.tabcontent { padding:20px; margin-bottom:20px; border:1px solid #CCC; background:url(../images/tabcontent.gif) repeat-x;}

/* Anketa */
.anketa strong { display:block;}
.anketa .glasaj { width:61px; height:20px; border:0 none;background:url(/images/button_glasaj.gif) no-repeat}

/* Gric */
#gric { position:absolute; left:0; bottom:0; width:100px; height:52px; padding-top:28px; background: #2D72BC url(../images/gric_alpha.png) no-repeat left bottom}
#gric a{ display:block;width:68px; background-image:url(../images/fb-yt.png); text-indent:-2000px;}
#gric .fb { height:23px; background-position:0px 0px; margin-bottom:3px }
#gric .fb:hover { background-position:68px 0px}
#gric .yt {  height:26px; background-position:0px 27px}
#gric .yt:hover { background-position:68px 27px}

table.tabela { border-left:1px solid #CCC; border-top:1px solid #CCC;}
table.tabela td, table.tabela th { border-right:1px solid #CCC; border-bottom:1px solid #CCC;}
table.tabela th { background:#EFEFEF}

table.expand { font-size:11px;}
table.expand th { text-align:left}
table.expand td.precrtano { text-decoration:line-through;}
/* ===== FOOTER ===== */
#footer { color:#FFF; font-size:11px;}
#footer  strong { color:#FFF;}
#footer h6 { text-indent:-2000px; display:block; border-bottom:1px solid #FFF; background-image:url(../images/solazur-buenavista-bijeli.png); background-repeat:no-repeat; height:32px; margin-bottom:10px;}
#footer h6.solazur { background-position:top left;}
#footer h6.buenavista { background-position: bottom left;}
#footer img { opacity:0.5}

#nletter { width: 220px; height:100px;background:url(../images/nletter-bg.png) no-repeat; position:relative }
#nletter input { width:140px; position:absolute; bottom:8px; left:5px; background:none; border:none; font-size:11px; color:#efefef }
#nletter button { position:absolute; right:30px; bottom:0px; width:40px; height:50px; border:none; background:none; cursor:pointer}
#nletter p { position:absolute; bottom:-30px}

.mapa { display:block; width:78px; height:78px; float:left; margin-right:5px;background-image: url(../images/mapz.gif); border:1px solid #FFF; text-indent:-2000px}

.mapa.ze { background-position:78px 0;}
.mapa.bl { background-position:156px 0;}

.creative247 { color:#91b5dc; font-size:9px; margin:0 0 10px 0;}
.creative247 a { color:#d0dff0;}

/* ==============
   Layout
   ============== */


#bg { position:relative; z-index:1}
#layer { position: absolute; z-index:2; top:0; width:100% }
div#container{width:980px;margin:0 auto; }
div#wrapper{float:left;width:100%; }
div#content{ float:right; width:680px; margin:0; padding-right:40px; }
div#navigation {float:left;width:220px; margin-left:0; padding-left:20px; }
/*div#extra{float:left;width:200px;margin-left:-240px}*/
div#footer{clear:left;width:100%}