/*

css file for http://www.hotel-atrium.hr/
copyright web.burza.hr

*/

body
{ background: #d3d3d3 url(/css/cssimg/bg.jpg) repeat; font-family: Arial, Verdana, sans-serif; font-size: .9em; font-weight: normal; color: #000000; line-height: 1.5em; word-spacing: normal; text-decoration: none; text-align: left;}

*
{ padding: 0; margin: 0 }

img
{ border: 0 }



a
{ text-decoration: none; outline: 0; }


.clearfix:after
{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#container
{ width: 960px; margin: -1px auto;}


#header
{ background: url(/css/cssimg/head_bg.jpg) center no-repeat; height: 110px; }

    #header div
        { width: 960px; margin: 0 auto; position: relative; padding-bottom: 20px;}

    #header img
        { margin-left: 30px; padding-top: 10px; }

#header #slogan
{ color: #ffffff; width: 800px; text-transform: uppercase; position: absolute; top: 55px; left: 129px; text-align: right; font-family: "SegoeUI", Arial; font-size: 1.6em;}

#header #lang
{ position: absolute; right: 30px; text-transform: none; font-size: 0.7em; margin-top: -85px;}

#header .hr
{ background: url(/css/cssimg/lang_hr.gif) no-repeat 0 4px; padding-left: 25px; }

#header .en
{ background: url(/css/cssimg/lang_en.gif) no-repeat 0 4px; padding-left: 25px; }

#header #lang a
{ color: #ffffff; }

p
{ margin-top: 10px; }

#logo_print
{ display: none; }

/*----------------------------Main nav--------------------------------*/
#main_nav
{ background: url(/css/cssimg/main_nav_bg_2.jpg) repeat-y;}

#main_nav ul
{ margin: 0 0 0 5px; list-style: none; padding: 0 0 35px 0; }

#main_nav li, #footer li
{ float: left;}

#main_nav li a
{ color: #ffffff; font-size: 0.7em; font-weight: bold; padding: 8px 20px 6px 20px; display: block; background: url(/css/cssimg/separator.gif) no-repeat right; text-transform: uppercase; }

#main_nav li a:hover
{ color: #e7dc99; }

#main_nav .active a
{ background: url(/css/cssimg/opacity.png);}

#main_nav .active
{ background: url(/css/cssimg/separator.gif) no-repeat right; padding: 0 1px 0 0;}



/*-----------------------Main images---------------------*/

#eye_candy_home, #eye_candy_inside
{ position: relative; top: -1px;}

#eye_candy_home img, #eye_candy_inside img
{ margin-left: 5px; }

#eye_candy_home em
{ display: block; background: url(/css/cssimg/overlay.png) no-repeat; width: 960px; height: 307px; position: absolute; top: 0; left: 0;}

#eye_candy_inside em
{ display: block; background: url(/css/cssimg/overlay_small.png) no-repeat; width: 960px; height: 197px; position: absolute; top: 0; left: 0;}

/*--------------------Box--------------------------------------*/

#teaser_txt
{ position: absolute; top: 0; right: 5px; width: 245px; background: url(/css/cssimg/opacity.png); color: #ffffff; font-size: .8em; padding: 10px; }

#teaser_txt div
{ background: url(/css/cssimg/opacity_2.png); padding: 10px 10px 45px 10px;}

#teaser_txt p, #teaser_txt h2
{ padding-bottom: 10px; font-weight: normal; }


@media all and (min-width:0px) {
    head~body #teaser_txt div { padding-bottom: 50px; }
}

/*------------------Content-----------------------------*/

#content
{ padding: 40px; background: url(/css/cssimg/content_bg.gif) repeat-y;}


/*------2 col---------------*/
#main_content
{ float: left; width: 610px; margin-right: 60px;}

#sub_content
{ float: left; width: 210px; }

/*----------3 col---------------*/
#main_content div
{ float: left; width: 400px;}

#main_content .first_child
{ width: 150px; margin: 0 20px 0 0; }

#main_content .second_child
{ border-left: 1px #dcdcdc solid; padding-left: 30px;}

#main_content .second_child .image
{ float: left; margin-right: 5px; }

/*----------Inside------------*/

.list_inside
{ list-style: circle; margin-left: 15px; margin-bottom: 20px; }

.list_inside li a
{ display: block; color: #754c24; margin-bottom: 5px; }

.list_inside .active
{ list-style-type: disc; }

.second_child img
{ border: 5px #dfdfdf solid; margin-bottom: 10px; }

.second_child h3, .second_child h4
{ font-weight: normal; margin-bottom: 5px; padding-bottom: 5px; border-bottom: #e3e3e3 1px solid; }



.second_child ul
{ margin-left: 20px; clear: both; }


.second_child li
{ list-style: circle; }

.message, .message_error
{ font-weight: normal ;}

.message_error
{ color: #ff0000; }

.error ul
{ list-style: none; margin: 10px 0 0 10px;}

.error_list
{ list-style: none; margin: 10px 0 0 0; }

/*---------Site map-----------------------------*/


.sitemap h2 a
{ color: #754c24; margin-bottom: 5px; display: block; }

.sitemap ul
{ list-style: circle; margin-left: 15px; margin-bottom: 20px; }

.sitemap ul li a
{ display: block; color: #754c24; margin-bottom: 5px; }

/*--------Front-------------*/

#main_content h2, #sub_content h2, #main_content h1, #sub_content h1
{ font-weight: normal; font-family: Trebuchet MS, Arial, sans-serif; margin-bottom: 20px; }

#main_content h1, #sub_content h1
{ font-size: 1.6em; }

#main_content p, #sub_content p
{ margin-bottom: 20px; }

#sub_content ul
{ list-style: none; font-size: .8em;}

#sub_content a
{ color: #0072bc; }


/*----------------Footer------------------------------*/

#footer
{ background: url(/css/cssimg/footer_bg.jpg) no-repeat; height: 69px; margin-bottom: 32px; text-align: center; padding-top: 50px; }

#footer a
{ color: #d7d7d7; font-size: 0.7em; font-weight: bold; text-transform: uppercase; padding-right: 10px; }


/*-----------404-----------------------*/

.page_404 a
{ color: #754c24; }






/*--------------Forma za rezervacije------------------*/
textarea
{ font: inherit; }

#rezervacija .first_h
{ width: 49%; margin-right: 5%;}

#rezervacija .two_h_first
{ width: 71%; margin-right: 5%;}

#rezervacija .second_h
{ width: 17%; margin-right: 5%;}

#rezervacija .third_h
{ width: 20%;}

#rezervacija .solo
{ width: 100%; }

#rezervacija textarea
{ width: 100%; height: 200px;  border: #afafaf 1px solid;}

#rezervacija input#flight_number, #rezervacija input#broj_leta
{ width: 100px; }


#rezervacija h3
{ margin: 20px 20px 20px 0; font-weight: normal; float: left; border-bottom: #e3e3e3 1px solid;}

#rezervacija label
{ display: block; float: left; width: 50%; border: #ffffff 1px solid; margin-bottom: 10px;}

#rezervacija input
{ width: 50px; float: left; padding: 2px; margin: 0 5px 0 25px; background: url(/css/cssimg/input_bg.gif) repeat-x; border: #afafaf 1px solid; color: #333333; }

#rezervacija select
{ width: 50px; float: left; padding: 2px; margin: 0 5px 0 25px; }

#rezervacija select
{ width: 58px; }

#rezervacija em
{ display: block; float: left; padding: 2px; margin: 0 0 0 65px; text-align: right; width: 100px; }

#rezervacija fieldset
{ clear: both; border: none; }

#rezervacija fieldset input
{ width: 200px;  }

#rezervacija .button
{ float: left; width: auto; height: auto;  margin: 20px 0; clear: both; border: none; background: none; }

#rezervacija .cal input
{ width: 80px; }


.reservation_error
{ background: #fff; padding: 10px; border: #ff0000 2px solid;  margin-bottom: 10px; }

.reservation_message
{ background: #fff; padding: 10px; border: #e3e3e3 2px solid;  margin-bottom: 10px; }

#reservation_form
{ margin-bottom: 20px; }

#reservation_form .room_num input
{ width: 20px; margin-left: 5px;  }

#reservation_form .room_num label
{ display: inline; }

#reservation_form .room_num 
{ border-bottom: #cdcdcd 1px solid; padding-bottom: 10px; clear: both; float: none; width: 100%; padding-top: 20px; }

#reservation_form fieldset
{ border: none; float: left; width: 100px; }

#reservation_form label
{ display: block;  }



#reservation_form input
{ background: url(/css/cssimg/input_bg.gif) repeat-x; border: #afafaf 1px solid; color: #333333; padding: 1.5px; width: 65px; }

#reservation_form #button
{ width: auto; height: auto; border: none; margin-top: 10px; padding: 0;}

.r_form 
{ display: block; margin-bottom: 10px; }

.ajax-loader
{ margin-left: -5px;  }

/*---------Tablice-----------*/

td
{ padding: 5px; }

tr.row_header
{ background: #f6f6f6; }