/*

    Document   : style

    Created on : March 01, 2012

    Author     : alixira.com

    Description: Hawaii CSS template.

*/



body {

    font: 13px/20px "Arial", sans-serif;

    background: url("../images/variation/transparent1.png") top left repeat scroll #ffffff;

}

p {

    line-height: 22px;

    padding-bottom: 18px;

}

.colored_line {

    height: 5px;

    width: 100%;

    background: url("../images/colored_line_bg.png") top left repeat-x scroll;

    overflow: hidden;

}

.dark_line {

    height: 1px;

    width: 100%;

    background: url("../images/dark_line_bg.png") top left repeat-x scroll;

    overflow: hidden;

}

.more {

    cursor: pointer;

    text-decoration: none;

	



}

.more span {

    font-size:18px;

}

.more.right {

    float: right;

    width: 30%;

    text-align: right;

}

.galery {

	width:1100px;

	margin-left:auto;

	margin-right:auto;

	margin-left:100px;

	

	

	

}

.page_not_found_404 {

    font-size: 350px;

    text-align: center;

    line-height: 80%;

    margin-bottom: 50px;

}

.text_align_center {

    text-align: center;

}



/*

    MAIN LAYOUT OPTIONS

*/

.fullwidth  {

    width: 100%;

}

.boxed {

    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5);

    width: 1240px;

    margin: 15px auto;

    position: relative;

    background-color: #ffffff;

}



/*

    HEADING TAGS

*/

h1 {

    font-size: 60px;

}

h2 {

    font-size: 34px;

}

h3 {

    font-size: 26px;

}

h4 {

    font-size: 22px;

}

h5 {

    font-size: 18px;

}

h6 {

    font-size: 15px;

}

h1, h2, h3, h4, h5, h6 {

    margin-bottom: 20px;

    font-family: "Arial";

    line-height: 100%;

    text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.7);

}

h3.padding_left_20 {

    padding-left: 20px;

}



/*

    LINK

*/

a {

    color: #a0a0a0;

    outline: none;

    text-decoration: none;

}

a:hover {

    color: #858585;

    text-decoration: none;

}

a:visited {



}



/*

    HEADER

*/

.header {

	height: 120px;

	width: 100%;

	display: table;

	position: relative;

	z-index: 100;

	background-color: #ffffff;

	background-image: url(../images/variation/transparent.png);

	background-repeat: repeat-x;

}

.header_container {

    display: table;

}

.header_contacts {

	width: 30px;

	padding-left: 10px;

	margin-top: 34px;

	line-height: 24px;

	float: left;

	letter-spacing: 0.6px;

	color: #747474;

}

.header_contacts a {

    font-weight: bold;



}

.header_logo_container {

	width: 330px;

	margin-top: 15px;

	padding-left: 30px;

	float: left;

}

.header_logo_container h1 {

    font-weight: bold;

    font-family: "Kaushan Script", cursive !important;

    font-size: 60px !important;

    margin-bottom: 5px;

}

.header_logo_container a {

    text-decoration: none;

}

.header_logo_container p {

    font-style: italic;

    margin-bottom: 0px;

    text-shadow: none;

    letter-spacing: 0px;

}

.header_menu_container {

	width: 650px;

	float: left;

	margin-top: 32px;

}



/*

    SUPERFISH MENU CUSTOMIZATION

*/

.sf-menu ul {

    width: 190px;

}

.sf-menu li.sfHover ul {

    top: 41px;

}

ul.sf-menu li li.sfHover ul, ul.sf-menu li li li.sfHover ul {

    left: 188px;

    margin-left: 2px;

}

.sf-menu {

	text-transform: uppercase;

	margin-bottom: 0px;

	float:left;

	

	font-size:15px;

}

.sf-menu a {

    border-left: 0px;

    border-top:	0px;

    padding: 3px 3px 3px 3px;

}

.sf-menu li {

    background: none;

    margin-left: 10px;

}

.sf-menu li li {

    background: none;

    margin-left: 0px;

}

.sf-menu li li li {

    background: none;

    margin-left: 0px;

}

.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {

    padding: 3px 3px 3px 3px;

    outline: 0;

}

.sf-menu li.sfHover a{

    padding: 3px 3px 3px 3px;

    outline: 0;

}

.sf-menu li li a, .sf-menu li li li a {

    background: none;

    border-top-style: solid;

    border-top-width: 1px;

    padding: 14px 21px 14px 14px;

    outline: 0;

}

.sf-menu li:hover, .sf-menu li.sfHover{

    background:	none;

}



/*

    TOP

*/

.top {

    width: 100%;

    display: table;

    background: url("../images/variation/tx-5.png") top left repeat scroll #e0e0e0;

}



/*

    MAIN

*/

.main_container {

    width: 100%;

    display: table;

    background-color: #ffffff;

    background: url("../images/container_bg.png") top left repeat-x scroll, url("../images/container_bg_bottom.png") bottom left repeat-x scroll;

}

.site_content {

	padding-top: 60px;

	padding-bottom: 20px;

	text-align: justify;

}

.site_contentg {

	padding-top: 60px;

	padding-bottom: 20px;

	text-align: justify;

	

	

}



.site_content1 {

	

	padding-bottom: 20px;

	text-align: justify;

}



.content_block {

    margin-bottom: 70px;

    display: table;

}



/*

    HOME

*/

.home_welcome_container {

    display: table;

}

.home_welcome_box_more {

    font-size: 14px;

    font-weight: bold;

    cursor: pointer;

    text-decoration: none;

}

.home_news_container {

    display: table;

}

.home_news_box {

    border-bottom: 1px solid #f0f0f0;

    margin-bottom: 28px;

    padding-bottom: 42px;

    margin-left: 20px;

    display: inline-block;

}

.home_news_box_last {

    margin-left: 20px;

    display: inline-block;

}

.home_tweets_content {

    margin-left: auto;

    margin-right: auto;

}

.home_tweets_box {

    height: 90px;

    width: 100%;

    display: table;

}

.home_tweets_box_logo {

    background: url("../images/home_tweets_box_logo.png") top left no-repeat;

    width: 100px;

    height: 100px;

    margin-top: -20px;

    margin-left: 20px;

    float: left;

}

.home_tweets_box_text {

    font-size: 15px;

    margin-top: 20px;

    margin-right: 20px;

}

.home_video_wrapper {

    width: 800px;

    height: 488px;

    float: left;

}

.home_video_shadow {

    width: 100%;

    padding-top: 34px;

    padding-bottom: 34px;

    background: url("../images/vimeo_video_shadow.png") top center no-repeat;

}

.home_video {

    position: relative;

    width: 711px;

    height: 400px;

    margin-left: auto;

    margin-right: auto;

    padding: 10px;

    background-color: #FFF;

}

.home_video_text_wrapper {

    width: 360px;

    margin-top: 100px;

    float: left;

}

.home_static_top {

    width: 100%;

    display: table;

    background: url("../images/home_static_top.jpg") top center no-repeat;

    position: relative;

}

.home_static {

    position: relative;

    width: 1180px;

    height: 200px;

    margin-left: auto;

    margin-right: auto;

}

.home_static_caption {

    color: #333;

    position: absolute;

    right: 0px;

    bottom: 0px;

    background-color: #FFF;

    opacity: 0.8;

    width: 270px;

    height: 200px;

    padding: 30px;

    margin-right: 60px;

    margin-bottom: 60px;

    border-color: #d7ebeb;

    border-style: solid;

    border-width: 1px;

    z-index: 8;

}

.home_static_caption h3 {

    font-size: 24px;

    margin-bottom: 10px;

    font-style: italic;

}

.home_static_caption p {

    line-height: 24px;

    padding-bottom: 18px;

}

.home_static_caption a {

    color: #333;

    display: inline !important;

}

.home_static_caption a:hover {

    text-decoration: none;

}

.home_static_caption .more {

    background-color: #F3F3F3;

    padding: 5px 10px 5px 10px;

    border-radius: 2px;

    float: right;

    cursor: pointer;

    color: #333;

    text-decoration: none;

    border-bottom-color: #8ba2a4;

    border-bottom-style: solid;

    border-bottom-width: 1px;

    display: block;

}

.home_piecemaker_wrapper {

    width: 1200px;

    height: 520px;

    margin-left: auto;

    margin-right: auto;

}



/*

    PAGE SLIDER

*/

.page_slider_wrap {

    position: relative;

}

.services_slider_element {

	width: 200px;

	float: left;

	padding-left:5px;

}

.services_slider_element .content {

    width: 260px;

    float: left;

}

.offers_slider_element {

    width: 600px;

    float: left;

}

.offers_slider_element .content {

    width: 560px;

    float: left;

}

.page_slider_nav_horizontal {

	position: absolute;

	left: 470px;

	top: -44px;

}

.line_through {

    text-decoration: line-through;

}

#services_slider_prev, #offers_slider_prev {

    width: 18px;

    height: 23px;

    background: url("../images/arrows_page_slider.png") no-repeat scroll 0 0 transparent;

    cursor: pointer;

    float: left;

    margin-right: 12px;

}

#services_slider_prev:hover, #offers_slider_prev:hover {

    background: url("../images/arrows_page_slider.png") no-repeat scroll 0 -23px transparent !important;

}

#services_slider_next, #offers_slider_next {

    width: 18px;

    height: 23px;

    background: url("../images/arrows_page_slider.png") no-repeat scroll -18px 0 transparent;

    cursor: pointer;

    float: left;

}

#services_slider_next:hover, #offers_slider_next:hover {

    background: url("../images/arrows_page_slider.png") no-repeat scroll -18px -23px transparent !important;

}

.page_slider_text {

    padding: 0 20px 0 20px;

    height: 180px;

}

.page_slider_text .text {

    font-style: italic;

    line-height: 22px;

    padding-bottom: 25px;

}

.page_slider_text .author {

    font-style: normal;

    padding-top: 35px;

    text-align: right;

    padding-right: 10px;

    background: url("../images/page_slider_text_balloon.png") top center no-repeat;

}



/*

    FOOTER

*/

.footer {

    width: 100%;

    display: table;

    background: url("../images/variation/tx-9-c.png") top left repeat scroll #454545;

}

.footer_wrapper {

    width: 100%;

    display: table;

    background: url("../images/footer_wrapper_bg.png") bottom left repeat-x;

}

.footer_content {

    background: url("../images/footer_content_bg.png") top center no-repeat;

    padding-top: 32px;

    margin-left: auto;

    margin-right: auto;

    color: #d4d4d4;

}

.footer_widgets {

    display: table;

    padding-bottom: 20px;

}

.footer_widget_content {

    padding: 18px;

}

.footer_widget_content a {

    color: #d0d0d0;

    text-decoration: none;

}

.footer_widget_content a:hover {

    color: #b9b9b9;

    text-decoration: none;

}

.footer_widget_content h3 {

    margin-bottom: 25px;

    text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.8);

}

.footer_widget_content h6, .footer_widget_content h5 {

    text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.8);

    margin-bottom: 10px;

}

.footer_widget_content p, .footer_widget_content li {

    line-height: 24px;

    color: #a3a3a3;

}

.footer_category_cloud a, .footer_newsletter a {

    border-radius: 3px;

    display: inline-block;

    background-color: rgba(24, 24, 24, 0.5);

    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);

    padding-top: 3px;

    padding-bottom: 3px;

    padding-left: 10px;

    padding-right: 10px;

    margin-right: 10px;

    margin-bottom: 17px;

    outline: medium none;

    overflow: visible;

    position: relative;

    white-space: nowrap;

    text-decoration: none;

}

.footer_category_cloud a:hover, .footer_newsletter a:hover {

    border-color: #d4d4d4;

    box-shadow: none;

}

.footer_contacts_list {

    ist-style: none outside none;

    margin-top: 12px;

}

.footer_contacts_list li {

    list-style-type: none;

    margin-bottom: 15px;

    padding-left: 30px;

    text-align: left;

}

.footer_copyright {

    width: 100%;

    height: 92px;

    display: table;

    background: url("../images/footer_copyright_bg.png") top left no-repeat;

}

.footer_copyright_left {

    padding-top: 35px;

}

.footer_copyright_left h6 {

    font-weight: normal;

}

.footer_copyright_right {

	padding-top: 15px;

	float: right;

	margin-right:100px;

}

.footer_copyright_right ul {

    font-size: 18px;

    list-style: none outside none;

    margin: 0 0 0 10px;

    padding-left: 0;

}

.footer_copyright_right li {

    float: right;

    margin-left: 20px;

    position: relative;

    display: list-item;

}

.footer_copyright_right img {

    border: 0px;

    position: relative;

}

.footer_email {

    color: #a3a3a3;

    background-color: rgba(70, 70, 70, 0.5);

    border: 1px solid #404040;

    border-radius: 5px 5px 5px 5px;

    box-shadow: 0 2px 2px #202020 inset;

    font-size: 14px;

    margin-bottom: 10px;

    margin-top: -10px;

    padding: 7px;

    width: 100%;

}

.footer_email_focus {

    border: 1px solid #a3a3a3;

}

.time {

    font-weight: bold;

    color: #f0f0f0;

}



/*

    TOOLS

*/



.tools p {

    text-transform: capitalize;

}

.tools h5 {

    margin-top: 15px;

    margin-bottom: 12px;

    font-weight: normal;

}

.tools h2 {

    margin-bottom: 5px;

}

.search {

	

	padding-right:150px;

	position:absolute;



	

}



.search_submit {

    background: url("../images/tools_search_lens.png") no-repeat scroll center center transparent;

    border: none;

    cursor: pointer;

    width: 30px;

    height: 30px;

    margin: 12px 0 0 10px;

    float: left;

}



/*

    CONTENTS GLOBAL

*/

.divider_title {

    line-height: 32px;

    margin-bottom: 30px;

    letter-spacing: 0.6px;

}

.divider_title_home {

    line-height: 32px;

    margin-bottom: 60px;

}

.fullwidth_shadow_12 {

    background: url("../images/fullwidth_shadow.png") top center no-repeat;

    margin-bottom: 60px;

    margin-top: 40px;

    height: 9px;

}

.divider_shadow_8 {

    background: url("../images/content_shadow.png") top center no-repeat;

    margin-bottom: 60px;

    margin-top: 40px;

    height: 9px;

}

.divider_shadow_4 {

    background: url("../images/sidebar_shadow.png") top center no-repeat;

    margin-bottom: 10px;

    height: 9px;

}



/*

    IMAGES

*/

.image_container {

	position: relative;

	overflow: hidden;

	background-image: url(images/ostale/cherry-brandy-nazad.jpg);

}

.image_container .border, .image_container_no_rollover .border {

    background: url("../images/img_bg.png") repeat scroll 0 0 transparent;

    border-radius: 15px 15px 15px 15px;

    -webkit-border-radius: 15px 15px 15px 15px;

    border-color: #CCCCCC;

    border-style: solid;

    border-width: 1px;

    display: inline-block;

}



.image_container img, .image_container_no_rollover img {

    margin: 4px;

    border-radius: 12px 12px 12px 12px;

    -webkit-border-radius: 12px 12px 12px 12px;

}

.image_container.masonry_gallery {

    margin: 10px;

}

.icg_1 {

    height: 80px;

    background: url("../images/img_shadow_grid_1.png") bottom left no-repeat;

}

.icg_1 img {

    width: 50px;

    height: 50px;

}

.icg_2 {

    height: 185px;

    background: url("../images/img_shadow_grid_2.png") bottom left no-repeat;

}

.icg_2 img {

    width: 150px;

    height: 150px;

}

.icg_3 {

    height: 285px;

    background: url("../images/img_shadow_grid_3.png") bottom left no-repeat;

}

.icg_3 img {

    width: 250px;

    height: 250px;

}

.icg_4 {

    height: 385px;

    background: url("../images/img_shadow_grid_4.png") bottom left no-repeat;

}

.icg_4 img {

    width: 350px;

    height: 350px;

}

.icg_8 {

    height: 385px;

    background: url("../images/img_shadow_grid_8.png") bottom left no-repeat;

}

.icg_8 img {

    width: 750px;

    height: 350px;

}

.image_hover {

    margin: 5px;

    position: absolute;

    background-color: #ffffff;

    border-radius: 12px 12px 12px 12px;

}

.image_hover_magnify {

    width: 70px;

    height: 70px;

    background: url("../images/imagehover_magnify.png") center center no-repeat;

    position: absolute;

    top: -70px;

    margin: 5px;

    cursor: pointer;

    z-index: 20;

}

.image_hover_link {

    width: 70px;

    height: 70px;

    background: url("../images/imagehover_link.png") center center no-repeat;

    position: absolute;

    top: -70px;

    margin: 5px;

    cursor: pointer;

    z-index: 20;

}

.galeryy a:hover {

	 width: 70px;

    height: 70px;

    background: url("../images/imagehover_link.png") center center no-repeat;

    position: absolute;

    top: -70px;

    margin: 5px;

    cursor: pointer;

    z-index: 20;

	

	}



/*

    CONTENTS BOX

*/

.grey_box {

    border-radius: 10px 10px 10px 10px;

    border: #f0f0f0 1px solid;

    padding: 18px;

    display: table;

    -moz-transition: all 0.8s ease-out 0s; 

    background: rgb(250,250,250);

    background: -moz-linear-gradient(top,  rgba(50,50,50,0.01) 0%, rgba(50,50,50,0.05) 100%); 

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(50,50,50,0.01)), color-stop(100%,rgba(50,50,50,0.05)));

    background: -webkit-linear-gradient(top,  rgba(50,50,50,0.01) 0%,rgba(50,50,50,0.05) 100%);

    background: -o-linear-gradient(top,  rgba(50,50,50,0.01) 0%,rgba(50,50,50,0.05) 100%); 

    background: -ms-linear-gradient(top,  rgba(50,50,50,0.01) 0%,rgba(50,50,50,0.05) 100%);

    background: linear-gradient(top,  rgba(50,50,50,0.01) 0%,rgba(50,50,50,0.05) 100%); 

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#f4f4f4',GradientType=0 ); 



}

.grey_box:hover {

    box-shadow: 0 0 10px 0 #CCCCCC;

    -moz-box-shadow: 0 0 10px 0 #CCCCCC;

    -webkit-box-shadow: 0 0 10px 0 #CCCCCC;

}

.grey_box p {

    line-height: 24px;

}

.paragraph_hover {



}

.yellow_box {

    background-color: #fffcf2;

    border: #ff8400 1px solid;

    border-radius: 10px 10px 10px 10px;

    color: #ff8400;

    padding: 30px;

}

.yellow_box a {

    color: #ff9f00;

    text-decoration: none;

}

.yellow_box a:hover {

    color: #e58e00;

    text-decoration: none;

}

.yellow_box_alert {

    background: url("../images/alert.png") no-repeat scroll 18px center #fffcf2;

    padding-left: 160px;

}

.blu_box {

    background-color: #f2faff;

    border: #6699ff 1px solid;

    border-radius: 10px 10px 10px 10px;

    color: #2b2ba1;

    padding: 30px;

}

.blu_box a {

    color: #437cb8;

    text-decoration: none;

}

.blu_box a:hover {

    color: #396a9e;

    text-decoration: none;

}

.blu_box_bulb {

    background: url("../images/bulb.png") no-repeat scroll 18px center #f2faff;

    padding-left: 160px;

}

.red_box {

    background-color: #fff3f2;

    border: #ab0000 1px solid;

    border-radius: 10px 10px 10px 10px;

    color: #ab0000;

    padding: 30px;

}

.red_box a {

    color: #c90402;

    text-decoration: none;

}

.red_box a:hover {

    color: #b00502;

    text-decoration: none;

}

.red_box_error {

    background: url("../images/error.png") no-repeat scroll 18px center #fff3f2;

    padding-left: 160px;

}

.green_box {

    background-color: #fbfff2;

    border: #129c00 1px solid;

    border-radius: 10px 10px 10px 10px;

    color: #129c00;

    padding: 30px;

}

.green_box a {

    color: #7eb412;

    text-decoration: none;

}

.green_box a:hover {

    color: #6d9c10;

    text-decoration: none;

}

.green_box_done {

    background: url("../images/done.png") no-repeat scroll 18px center #fbfff2;

    padding-left: 160px;

}

.yellow_box h4, .blu_box h4, .red_box h4, .green_box h4 {

    text-shadow: none;

}



/*

    CONTENTS BUTTONS

*/

.button_with_image {

    font-size: 18px;

    font-weight: bold;

    cursor: pointer;

    text-decoration: none;

    color: #454545;

    padding-top: 10px;

    padding-bottom: 10px;

    /*display: inline-block;important to animate opacity in IE, but suks*/

}

.button_with_image:hover {

    color: #454545;

}

.button_with_image img{

    margin-top: -4px;

    border: 0px;

    vertical-align: middle;

    position: relative;

    display: inline-block;

}

.button {

    text-decoration: none;

    margin-bottom: 10px;

    line-height: 20px;

    display: inline-block;

    padding-top: 1px;

    cursor: pointer;

    border-radius: 8px;

    -moz-border-radius: 8px;

    -webkit-border-radius: 8px;

    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .15);

    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .15);

    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);

}

.button span {

    background: url("../images/button_bg.png") repeat-x  0 0;

    color: #ffffff;

    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4);

    text-transform: uppercase;

    display: block;

    padding: 10px 15px;

    margin: 1px 1px 0 1px;

    border-radius: 8px;

    -moz-border-radius: 8px;

    -webkit-border-radius: 8px;

    -webkit-box-shadow: 0 -1px 0 rgba(255, 255, 255, .6);

    -moz-box-shadow: 0 -1px 0 rgba(255, 255, 255, .6);

    box-shadow: 0 -1px 0 rgba(255, 255, 255, .6);

    transition: background .5s ease-out;

    -moz-transition: background .5s ease-out;

    -webkit-transition: background .5s ease-out;

    -o-transition: background .5s ease-out;

    -ms-transition: background .5s ease-out;

}

.button span:hover {

    background-position: 0 -44px;

    -webkit-box-shadow: 0 -1px 0 rgba(255, 255, 255, .4);

    -moz-box-shadow: 0 -1px 0 rgba(255, 255, 255, .4);

    box-shadow: 0 -1px 0 rgba(255, 255, 255, .4);

}

.button span.small {

    padding: 5px 10px;

    font-size: 14px;

    text-transform: capitalize;

}

.button.black_1 {

    background-color: #222222;

}

.button.black_2 {

    background-color: #444444;

}

.button.black_3 {

    background-color: #666666;

}

.button.grey_1 {

    background-color: #6a6a6a;

}

.button.grey_2 {

    background-color: #888888;

}

.button.grey_3 {

    background-color: #9f9f9f;

}

.button.blu_1 {

    background-color: #344f76;

}

.button.blu_2 {

    background-color: #546f96;

}

.button.blu_3 {

    background-color: #748fb6;

}

.button.red_1 {

    background-color: #770900;

}

.button.red_2 {

    background-color: #972920;

}

.button.red_3 {

    background-color: #b74940;

}

.button.green_1 {

    background-color: #6a8700;

}

.button.green_2 {

    background-color: #8aa720;

}

.button.green_3 {

    background-color: #aad740;

}



/*

    DROP CAPTIONS

*/

.dropcap {

    display: block;

    float: left;

    font-size: 24px;

    height: 40px;

    line-height: 38px;

    margin-right: 15px;

    text-align: center;

    width: 40px;

    color: #ffffff;

    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4);

    border-radius: 20px 20px 20px 20px;

    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);

}

.dropcap.black_1 {

    background-color: #2d2d2d;

}

.dropcap.black_2 {

    background-color: #4a4a4a;

}

.dropcap.black_3 {

    background-color: #6a6a6a;

}

.dropcap.grey_1 {

    background-color: #6d6d6d;

}

.dropcap.grey_2 {

    background-color: #888888;

}

.dropcap.grey_3 {

    background-color: #9c9c9c;

}

.dropcap.blu_1 {

    background-color: #3b5477;

}

.dropcap.blu_2 {

    background-color: #577194;

}

.dropcap.blu_3 {

    background-color: #748db0;

}

.dropcap.red_1 {

    background-color: #78140c;

}

.dropcap.red_2 {

    background-color: #96332b;

}

.dropcap.red_3 {

    background-color: #b14f46;

}

.dropcap.green_1 {

    background-color: #6c8602;

}

.dropcap.green_2 {

    background-color: #89a325;

}

.dropcap.green_3 {

    background-color: #a7ce41;

}



/*

    FORM ELEMNTS

*/

.form_input {

    background-color: rgba(70, 70, 70, 0.05);

    border: 1px solid #f0f0f0;

    margin-bottom: 10px;

    padding: 7px;

    width: 100%;

    font-size: 14px;

}

.form_checkbox_radio {

    background-color: rgba(70, 70, 70, 0.05);

    border: 1px solid #f0f0f0;

    margin-bottom: 10px;

    padding: 5px 5px 4px 5px;

    float: left;

}

.form_input.error {

    border: 1px solid #ff6666;

}

label.error {

    font-size: 12px;

    color: #ff6666;

    text-align: right;

    float: right;

    font-style: italic;

}

textarea.form_input {

    font-family: Arial,Helvetica,sans-serif;

    height: 100px;

    padding-bottom: 10px;

    padding-top: 10px;

}

.form_focus {

    background-color: rgba(230, 230, 230, 0.05);

    box-shadow: 0 0 10px #e9e9e9;

}

.form_label {

    font-size: 14px;   

    padding-bottom: 4px;

    display: block;

}





/*

    CONTENTS LISTS

*/

.content_list ul li {

    list-style-type: none;

    margin-bottom: 10px;

    padding-left: 30px;

    text-align: left;

}

.list_arrow_black ul li {

    background: url("../images/list_arrow_black.png") no-repeat scroll left 3px transparent;

}

.list_arrow_grey ul li {

    background: url("../images/list_arrow_grey.png") no-repeat scroll left 3px transparent;

}

.list_arrow_green ul li {

    background: url("../images/list_arrow_green.png") no-repeat scroll left 3px transparent;

}

.list_arrow_red ul li {

    background: url("../images/list_arrow_red.png") no-repeat scroll left 3px transparent;

}

.list_check_black ul li {

    background: url("../images/list_check_black.png") no-repeat scroll left 3px transparent;

}

.list_check_grey ul li {

    background: url("../images/list_check_grey.png") no-repeat scroll left 3px transparent;

}

.list_check_green ul li {

    background: url("../images/list_check_green.png") no-repeat scroll left 3px transparent;

}

.list_check_red ul li {

    background: url("../images/list_check_red.png") no-repeat scroll left 3px transparent;

}

.list_play_black ul li {

    background: url("../images/list_play_black.png") no-repeat scroll left 3px transparent;

}

.list_play_grey ul li {

    background: url("../images/list_play_grey.png") no-repeat scroll left 3px transparent;

}

.list_play_green ul li {

    background: url("../images/list_play_green.png") no-repeat scroll left 3px transparent;

}

.list_play_red ul li {

    background: url("../images/list_play_red.png") no-repeat scroll left 3px transparent;

}

.list_star_black ul li {

    background: url("../images/list_star_black.png") no-repeat scroll left 3px transparent;

}

.list_star_grey ul li {

    background: url("../images/list_star_grey.png") no-repeat scroll left 3px transparent;

}

.list_star_green ul li {

    background: url("../images/list_star_green.png") no-repeat scroll left 3px transparent;

}

.list_star_red ul li {

    background: url("../images/list_star_red.png") no-repeat scroll left 3px transparent;

}



/*

    CONTENTS TIPOGRAPHY FONT

*/

.font_kaushan {

    font-family: "Kaushan Script" !important;

}

.font_terminal {

    font-family: "Terminal Dosis Light" !important;

}

.font_shanti {

    font-family: "Shanti" !important;

    font-weight: 400;

}

.highlight_yellow {

    background-color: rgba(255, 255, 0, 0.4);

    border-radius: 5px 5px 5px 5px;

    padding: 4px;

    color: #000000;

}

.highlight_green {

    background-color: rgba(0, 255, 0, 0.4);

    border-radius: 5px 5px 5px 5px;

    padding: 4px;

    color: #000000;

}

.highlight_sky {

    background-color: rgba(0, 255, 255, 0.4);

    border-radius: 5px 5px 5px 5px;

    padding: 4px;

    color: #000000;

}

.highlight_pink {

    background-color: rgba(255, 0, 255, 0.4);

    border-radius: 5px 5px 5px 5px;

    padding: 4px;

    color: #000000;

}

.highlight_red {

    background-color: rgba(255, 0, 0, 0.4);

    border-radius: 5px 5px 5px 5px;

    padding: 4px;

    color: #000000;

}

.highlight_grey {

    background-color: rgba(195, 195, 195, 0.4);

    border-radius: 5px 5px 5px 5px;

    padding: 4px;

    color: #000000;

}

.highlight_blu {

    background-color: rgba(0, 0, 127, 0.4);

    border-radius: 5px 5px 5px 5px;

    padding: 4px;

    color: #fafafa;

}

.highlight_dark {

    background-color: rgba(0, 0, 0, 0.4);

    border-radius: 5px 5px 5px 5px;

    padding: 4px;

    color: #ffffff;

}



/*

    SIDEBAR

*/

.sidebar_box {

	width: 210px;

	margin-bottom:40px;

	margin-left: 10px;

	margin-top:155px;

}

.sidebar_box1 {

	width: 210px;

	margin-bottom:40px;

	margin-left: 10px;

	margin-top:8px;

	

}



.sidebar_box2 {

	width: 950px;

	margin-bottom:40px;

	margin-left: 10px;

	margin-top:20px;

	

}

.sidebar_box h3 {

    padding: 20px 15px 20px 20px;

    margin-bottom: 0px;

}

.sidebar_box h6 {

    margin-bottom: 6px;

}

.sidebar_recent_posts {

    list-style: none outside none;

    margin: 0px 20px 20px 20px;

}

.sidebar_recent_posts li {

    float: left;

    vertical-align: top;

    width: 100%;

    padding-bottom: 20px;

}

.sidebar_recent_posts li div{

    margin-bottom: 0px;

}

.sidebar_box p {

    line-height: 20px;

    padding-bottom: 2px;

    outline: 0 none;

	padding:10px;

}

.sidebar_box p.date {

    font-style: italic;

    float: left;

}



.sidebar_box .cols {

    margin: 0px 20px 20px 20px;

    list-style-position: outside;

    list-style-type: none;

    display: table;

}

.sidebar_box .cols li {

    width: 33%;

    display: block;

    float: left;

    margin-bottom: 10px;

}

.sidebar_box ul.navigation, .sidebar_box ul.navigation_no_hover {

    margin: 0px 20px 20px 20px;

}

.sidebar_box ul.navigation_child {

    margin: 0 0 10px 20px;

    display: block;

	font-size:16px;

}

.sidebar_box ul.navigation li, .sidebar_box ul.navigation_no_hover li {

     background: url("../images/nav_arrow_dark.png") no-repeat scroll 0px 10px transparent;

    display: block;

}

.sidebar_box ul.navigation a, .sidebar_box ul.navigation_no_hover a {

    padding: 5px 20px 5px 14px;

    display: block;

    -webkit-transition: all 0.4s ease-in-out;

    -moz-transition: all 0.4s ease-in-out;

    -o-transition: all 0.4s ease-in-out;

    -ms-transition: all 0.4s ease-in-out;

}

.sidebar_box ul.navigation a:hover {

	color:#660203;

	

  

}

.sidebar_box ul.navigation a.aktivna {

	color:#660203;

	font-weight:900;

	

  

}

.sidebar_box ul.navigation_no_hover a:hover {

    padding-left: 30px;

}



.sidebar_box_cloud {

    padding: 0px 22px 22px 22px;

}

.sidebar_box_cloud a {

    margin-right: 25px;

    margin-bottom: 15px;

    display: inline-block;

    width: auto;

}

.sidebar_box_cloud a:hover {

    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.8);

}

.sidebar_advertising img {

    margin: 0 0 20px 35px;

}





/*

    CONTACTS

*/

.google_map_wrap {

    border: #f0f0f0 1px solid;

    padding: 4px;

    height: 350px;

}



/*

    PORTFOLIO & SERVICES

*/

#layoutFilter a, #layoutFilter .filter{

    margin-right: 10px;

}

#layoutContainer .layout_item {

    margin-bottom: 40px;

}





/*

    BLOG

*/

.blog_post {

    margin-bottom: 20px;

}

.post_author {

    background: url("../images/post_author_bg.png") no-repeat scroll left top transparent;

    padding: 2px 20px;

    font-size: 11px;

}

.post_time {

    background: url("../images/post_time_bg.png") no-repeat scroll left top transparent;

    padding: 2px 20px;

    font-size: 11px;

	padding-left:20px;

}

.post_comments {

    background: url("../images/post_comments_bg.png") no-repeat scroll left top transparent;

    padding: 2px 20px;

    font-size: 11px;

}

.post_category {

    background: url("../images/post_category_bg.png") no-repeat scroll left top transparent;

    padding: 2px 20px;

    font-size: 11px;

}

.post_metadata {

    margin-bottom: 5px;

}

.quote {

    border-left: 20px double #F0F0F0;

    font-style: italic;

    text-align: justify;

    padding: 18px 20px;

}

.post_comment_box {

    border-bottom: 1px solid #f0f0f0;

    margin-bottom: 30px;

    padding-bottom: 10px;

}

.post_comment_box.depth1 {

    margin-left: 30px;

    width: 750px;

}

.post_comment_box.depth2 {

    margin-left: 60px;

    width: 720px;

}

.post_comment_box.depth3 {

    margin-left: 90px;

    width: 690px;

}

.post_comment_box.depth4 {

    margin-left: 120px;

    width: 660px;

}

.post_comment_box.depth5 {

    margin-left: 150px;

    width: 630px;

}

.post_comment_box.depth6 {

    margin-left: 180px;

    width: 600px;

}

.post_comment_box h6 {

    margin-bottom: 5px;

    margin-left: 80px;

}

.post_comment_box p {

    margin-left: 80px;

}

.socials_bar {

    height: 50px;

}

.socials_button {

    float: left;

    position: relative;

}



/*

    NAVIGATOR PAGE

*/

.pagenavi {

    margin: 0 auto 20px;

    padding: 5px;

}

.pagenavi a {

    padding: 7px 10px;

    text-decoration: none;

}

.pagenavi a:hover {

    background-color: #d0d0d0;

}

.pagenavi span.pages {

    font-weight: bold;

    padding: 7px 10px;

}

.pagenavi span.current {

    background-color: #f0f0f0;

    box-shadow: 1px 1px 2px #909090;

    color: #202020;

    font-weight: bold;

    padding: 10px;

}



/*

    STYLE VARIATIONS

*/

.style_variations_slide_out {

    padding: 10px;

    background-color: #f8f8f8;

    background-color: rgba(220, 220, 220, 0.9);

    z-index: 110;

    box-shadow: 0px 0px 1px rgba(80, 80, 80, 0.5);

    border-radius: 0 0 10px 0;

    color: #454545;

    width: 390px;

}

.style_variations_tab {

    background-color: rgba(220, 220, 220, 0.8);

    box-shadow: 0px 0px 1px rgba(80, 80, 80, 0.5);

    border-radius: 0 10px 10px 0;

}

.style_variations_block {

    margin-bottom: 15px;

    display: table;

    width: 100%;

}

.style_variations_block p {

    padding-bottom: 2px;

}

.style_variations_block a {

    color: #b81111;

}

.style_variations_color_selector {

    position: relative;

    width: 36px;

    height: 36px;

    background: url("../images/colorpicker/select2.png");

    margin-right: 4px;

    float: left;

}

.style_variations_color_selector div {

    position: absolute;

    top: 5px;

    left: 5px;

    width: 26px;

    height: 26px;

    background: url("../images/colorpicker/select2.png") center;

}

.style_variations_block .header_pattern_box, .style_variations_block .header_pattern_box:hover,

.style_variations_block .top_pattern_box, .style_variations_block .top_pattern_box:hover,

.style_variations_block .footer_pattern_box, .style_variations_block .footer_pattern_box:hover,

.style_variations_block .body_pattern_box, .style_variations_block .body_pattern_box:hover {

    border: 1px solid #dcdfe4;

    display: block;

    float: left;

    width: 25px;

    height: 25px;

    margin-top: 5px;

    margin-left: 2px;

    margin-right: 2px;

}

.style_variations_block .info_tooltip {

    padding-left: 3px;

    vertical-align: text-bottom;

    border: none;

}

.style_variations_block select {

    padding: 7px;

}



.style_variations_block .font_size {

    margin-top: 7px;

    width: 25px;

    display: block;

    float: left;

}

.zastavice {

	float:left;

	margin-top:15px;

}

.zastavag {

	padding-left:4px;

	

		

}

.naslov {

	padding-left:100px;

	margin-bottom: 30px;

	margin-top:30px;

	width: 540px;

}

.desno {

	text-align: right;

	float:right;

	margin-top:10px;

	margin-left:20px;

	

}

.testslika {

	padding-top:-50px;

	

}



.malaslova {

	text-transform: lowercase;

}
.footer-new-text {float:left;padding-top: 10px;padding-right: 50px;}