/* CSS reset*/
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
	font-family: 'Oswald', sans-serif;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
/* END CSS RESET */


a{
	text-decoration:none;
	cursor: pointer;
	color:#999;	
}

a:hover{
	text-decoration:none;
	color:#3A8DED;
}

/*  CSS  */
.lato{font-family: 'Lato', sans-serif; font-weight:300;}
.yellow{
	color:#FAE505;
}
#container{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	color:white;
}

#menu{
	/* IE10 Consumer Preview */ 
	background-color:#fd4452;
	width:100%;
	text-align:center;
	position:fixed;
	top:0;
	z-index:5;
	box-shadow: rgba(0,0,0,.2) 0 0 3px;
	-moz-box-shadow: rgba(0,0,0,.2) 0 0 3px;
	-webkit-box-shadow: rgba(0,0,0,.2) 0 0 3px;
}

.citat{
	text-align:justify;
	font-style:italic;
	font-family: Open Sans;
}

.hoteli{
	padding:100px 0;
	opacity: 0.9;
}
.hoteli .naslov .title, 
.hoteli .naslov .subtitle,
.hoteli .naslov .break{
	color:white;
}

#menu .logo{
	padding-left:3%;	
	float:left;
	width:20%;
}
#menu .list{
	float:left;
	padding-right:2%;
	width:73%;
	padding-top:33px;
	text-align:right;
	font-size:16px;
}

#nav{
	display: none;
}	

#menu ul li{
	margin-top:6px;
	display:inline-block;
	margin:0% 1%;
	cursor:pointer;
	color:#333;
	font-family:Open Sans;
	color:rgb(252, 252, 252);
	text-align:justify;
}

#menu ul li:hover{
	text-decoration:underline;
}

.pocetna,
.organizator,
.opis-hotela,		
.flajer,
.galerija{margin-bottom:150px;height:920px;}
.barselona{margin-bottom:200px; color:white;}
.slide{
	width:100%;
	height:100%;
	background-color:#369;
	
}

.flajer .naslov{
	padding-top:130px;
}

.kotizacije, 
.informacije, 
.prijava,
.program{height:920px;}


.pocetna .pocetnaSlika{
	width:100%;
	min-height:100%;
	
}
/* PROGRAM */
.program{
	text-align:center;
	background-color:#EDEDED	;
	padding-bottom:40px;
}

.program a{
	color:#ccc;
	font-size:0.7em;
}

.program a:hover{
	color:white;
}


.krug{
	position:absolute;
	top:23%;
	right:15%;
	left:15%;
	text-align:center;
}

.intro i{
	text-align:justify;
}

.bgimage{
	width:100%;
	height:920px;
	padding-top:50px;
}

.kotizacije h1{
	font-size:2.3em;
	color:white;
	margin-left:3%;
	padding-top:10%;
	text-align:left;
}

.program h1{
	font-size:2em;
	color:#5F5F5F;
	padding-top:5%;
	padding-left:4%;
	text-align:left;
	padding-bottom:20px;
	font-weight:300;
}

.program a{
	color:#5F5F5F;
	font-weight:300;
	font-size:1em;
}

.program a:hover{
	color:black;
	text-decoration:underline;
}


.program .bgimage .boxes{
	height:35%;
	margin-left:3%;
	margin-right:3%;
	font-weight:300;
}

.program .bgimage .boxes .box{
	display:inline-block;
	font-family: Open Sans;
	font-weight:300;
	float:left;
	width:96%;
	padding:0 1%;
	margin:1%;
	background-color:white;
	border:1px double white;
	color:black;
	border-left: 4px solid #FF96AB;
}

.program .bgimage .boxes .box .left{
	float:left;
	height:100%;
	width:25%;
	text-align:left;
	padding: 7px 0px;
}

.pin{float:left; margin-right:10px; color:rgb(233, 77, 77)}

.program .bgimage .boxes .box .right{
	float:left;
	height:100%;
	width:75%;
}
.program .bgimage .boxes .box .right p{
	padding: 7px;
	font-family: Open Sans;
}
.program .bgimage .boxes .box .day{
	color:#666;
	font-size:1.3em;
}

.program .bgimage .boxes .box h3{
	color:rgb(192, 0, 0);
	font-size:1.3em;
	padding-bottom:10%;
}
.program .bgimage .boxes .box p{
	text-align:justify;
	font-family:Helvetica;
}

/* KOTIZACIJE  */
.kotizacije{
}

.kotizacije .wrapper{
	background-color:white;
	opacity:0.93;
	height:100%;
	padding-top:115px;
}



.kotizacije .main_title,
.cenovnik .main_title,
.informacije .main_title,
.flajer .main_title{
font-weight: 300;
color: black;
font-size: 34px;
text-align:center;
}

.kotizacije .main_subtitle,
.cenovnik .main_subtitle,
.informacije .main_subtitle,
.flajer .main_subtitle {
color: gray;
font-size: 16px;
font-weight: 400italic;
margin-bottom: 1%;
padding-top:5px;
text-align:center;
}

.kotizacije .break,
.cenovnik .break,
.informacije .break,
.flajer .break{
border-bottom: 1px solid #ccc;
width: 100px;
height:2px;
margin: 0 auto;
margin-bottom: 40px;
text-align:center;
}

.kotizacije table{
	width:80%;
	color:#333333;
	position:relative;
	left:10%;
	font-size:1.3em;
	z-index:1;
	font-size:20px;
}

.kotizacije td{
	height:30px;
	vertical-align:middle;
	padding-top:10px;
	font-family: 'Open Sans', sans-serif;
}
.kotizacije table .center{
	text-align:center;
}

.kotizacije .head{
	color: black;
	font-size:26px;
	color: rgb(0, 107, 206);
	border-bottom: 1px solid rgb(0, 107, 206);
}

.kotizacije .dark_box{
	
	color:#666;
	padding-bottom:20px;
}

.kotizacije .naslov p,
.cenovnik .naslov p,
.informacije .naslov p,
.barselona .naslov p{
	color:#999;
	font-size: 3em;
	text-align:center;
	opacity:0.9;
	padding-bottom:20px;
	
}

.opis_kotizacije{
	background-color:rgb(0, 107, 206);
	padding:1%;
	font-family: 'Open Sans', sans-serif;
	color:white;
	margin-right:10%;
	margin-left:10%;
	margin-top:40px;
}

.cenovnik{	
	background-color:white;
	color:black;
	padding-top:120px;
	padding-left:4%;
	padding-right:4%;
	width:92%;
}


.informacije{	
	background-color:#EDEDED;
	color:black;
	padding-top:120px;
	padding-left:4%;
	padding-right:4%;
	width:92%;
}

.bold400{
	font-weight: 400;
}

.specifikacija{
	border-left: 4px solid #FF96AB;
	padding:10px;
	background-color:#ffffff;
	margin-bottom:20px;
}

.specifikacija p{
	margin-top:10px;
}

.specifikacija h1{
	font-weight:400;
}

.napomene{
	margin-top:20px;
}

.napomene li{
	padding-left:80px;
	padding-top:10px;
	font-weight:300;
}

.informacije{
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
}
.cenovnik .uputstva{
	font-family: 'Open Sans', sans-serif;
	clear:both;
}
.box_cena{
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background-color:#FA8405;
	width: 33%;
	height: 45%;
	color:white;
	text-align:center;
	font-size:1.1em;
	float:left;
	display:inline-block;
	margin:1%;	
}

.cenovnik h1{
	font-size:3em;
	color:#FA8405;
}
.cenovnik table{
	margin-bottom:20px;
}

.cenovnik table td{
	border-collapse: collapse; 
	border: 1px solid #ccc;
	padding:5px;
	vertical-align:middle;
	font-size:18px;
}

.cenovnik table .head td{
	padding:5px;
	font-size:20px;
	font-weight:300;
	background-color:#EBEDEC;
}

.zastave{
	float:right;
	z-index:-1;
	margin:5px;
}

.organizator{
	font-family: 'Open Sans', sans-serif;
	padding-top:4%;
}

.organizator h1{
	font-size:1.9em;
	text-align:left;
	font-family: 'Oswald', sans-serif;
	color: #234ba0;
	padding-bottom:1%;
}

.organizator h2{
	font-size:1.3em;
	color:#333;
	border-bottom:1px dashed #42B3E5;
}

.organizator h3{
	font-size:2em;
	color:#002c75;
}

.organizator .box{
	width:100%;
	height:45%;
	display:inline-block;
	color:black;
	margin-left:10%;
}

.organizator .box .inside_box{
	float:left;
	display:inline-block;
	margin-right:10%;
}

.organizator .box .inside_box a{
	color: #077AE7;
}

.organizator .about{
	width:50%;
	height:100%;
	float:left;
	text-align:justify;
	margin-right:3%;
	font-size:0.8em;
}

.organizator .contact a{
	color:white;
}
.organizator .contact{
	text-align:center;
	width:25%;
	color:white;
	height:70%;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	float:left;
	background-image: -ms-linear-gradient(bottom, #42D8FE 0%, #077AE7 100%);
	/* Mozilla Firefox */ 
	background-image: -moz-linear-gradient(bottom, #42D8FE 0%, #077AE7 100%);

	/* Opera */ 
	background-image: -o-linear-gradient(bottom, #42D8FE 0%, #077AE7 100%);

	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #42D8FE), color-stop(1, #077AE7));

	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-linear-gradient(bottom, #42D8FE 0%, #077AE7 100%);

	/* W3C Markup, IE10 Release Preview */ 
	background-image: linear-gradient(to top, #42D8FE 0%, #077AE7 100%);
}

.opis-hotela {
	background-color:#fff;
}

.opis-hotela .top_box {
	margin-left:12%;
	color:white;
	display:inline-block;
}

.opis-hotela .map{
	margin-top:1%;
	width:100%;
	-moz-box-shadow: 0 0 12px #ccc;
	-webkit-box-shadow: 0 0 12px #ccc;
	box-shadow: 0 0 12px #ccc;
}

.opis-hotela h1{
	padding-bottom:1%;
	color:#A1A1A1;
	font-size:2em;
}

.opis-hotela .box{
	padding-top:7%;
	float:left;
	display:inline-block;
	height:30%;
	width:47%;
	color:black;
	font-family: 'Open Sans', sans-serif;
}		

.kongresni-centar .box{
	padding-top:5%;
	text-align:center;
	color:#9EB51D;
	font-size:1.5em;
}
.center{
	text-align:center;
}

.kongresni-centar .box p{
	color:#333;
	font-size:0.8em;
}

.prijava{
	background-color:white;
	padding:5%;
	color:white;
	font-family: 'Open Sans', sans-serif;
}

.prijava table{
	text-align:left;
}

.galerija{
	background-color:white;
	color:black;
	font-family: 'Open Sans', sans-serif;
	text-align:ceter;
	margin-top:8%;
}

.galerija h1{
	font-size: 1.8em;
	text-align: center;
	padding-bottom: 15px;	
	font-family: 'Oswald', sans-serif;
}


.biginput{
	width:300px;
}

.prijava h1{
	color:#97939C;
	font-family:Lato, sans-serif;
	font-size:2em;
	font-weight:300;
	padding-top:7%;
	padding-bottom:1%;
}

.important_box{
	color:#77746C;
	font-size:0.9em;
	background-color:#F0F0F0;
	padding:1%;
}


.barselona p{
	text-align:center;
	padding-top:15%;
	width:80%;
	padding-left:10%;
	padding-right:10%;
	font-size:4em;
	color:#333;
}

.barselona img{
	float:center;
}

.barselona .slider7{
	float:left;
}
	
.footer{
	position:fixed;
	bottom:0;
	right:0;
	width:50%;
	text-align:right;
}