@charset "utf-8";

/* ============================== */
/* 
	- Title: Mega Host 
	- Autor: Imaginacionweb - Juan David Rendon
	- Email: jdrendon@imaginacionweb.net
	- Version: 1.0
*/
/* ============================== */



/* ---------------------------------------------------------------------- */
/*	Import styles
/* ---------------------------------------------------------------------- */

/* bootstrap.css  - include resetes ( Media querys, grid-responsive,layout).*/
@import url("bootstrap/bootstrap.css");
/*jquery.fancybox-1.3.1.css  - Lightbox*/
@import url("../js/fancybox/jquery.fancybox-1.3.1.css");
/*slide.css*/
@import url("slide/camera.css");
/*Animations*/
@import url("animations/animate.css");
/*Google Fonts*/
@import url("http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,600,300,700,800");



/* Standar Styles --------------------------------------------------------*/

body{
	font-size: 14px;	
	font-family: 'Open Sans', sans-serif;
	line-height:24px;
	color:#555;
	position: relative;
	font-weight:normal;	
	background-color: #fff;
}
a{
	color: #333;
}
a:hover{
	text-decoration: none;	
	color: #333;
}
p{
	margin:0 0 20px 0;
	padding: 0;
}
h1 {font-size:23px;}
h2 {font-size:19px;}
h3 {font-size:17px;}
h4 {font-size:16px;}
h5 {font-size:14px;}
h6 {font-size:12px;}

h1, h2, h3, h4, h5, h6 {
	font-weight: 600;
	line-height: 30px;
	padding: 5px 0 15px 0;	
	margin: 0;	
	color: #555;
	font-family: 'OpenSansBold', Arial, sans-serif;
}

/* Class and styles General ----------------------------*/

.clearfix{
	/*width:1px;
	height:1px;	*/
	display:block;
	clear:both;
	content:" , ";
}
.divider{
	border-bottom: 3px double #dcdcdc;
	margin:50px 0;
	width: 100%;
}
.alignleft {
	float: left;
}
.alignright {
	float: right;
}
.text_right{
	text-align: right;
}
.center{
	text-align: center;
}
.padding_top{
	padding-top: 50px;
}
strong{
	color: #333;
    font-family: 'Open Sans', sans-serif !important;
}
.button{
	width: auto;
	background-color: #555;
	border: 0;
	color: #fff;
	border-radius: 3px;
	padding: 10px 20px;
}

.btn{
	width: auto;
	background-color: #199CDF;
	border: 0;
	color: #fff;
	border-radius: 3px;
	padding: 10px 20px;
}

.btn:hover
{
    color: #fff;
    background-color: #55BAEE;
}

ul li{
	/*list-style: none;*/
}
.titles{
	width: 100%;
	border-bottom: 1px solid #2c9fdf;
	margin: 0 0 50px 0;
	padding: 0;
	text-align: center;
}
.titles span {
	display: inline-block;
	background-color: #2c9fdf;
	border-radius: 4px 4px 0 0;
	color: #fff;
	padding: 5px 20px;
	text-align: left;
	margin: 0;
}
.titles_white{
	width: 100%;
	border-bottom: 1px solid #fff;
	margin: 0 0 40px 0;
	padding: 0;
	text-align: left;
}
.titles_white span {
	display: inline-block;
	background-color: #fff;	
	color: #232323;
	padding: 5px 20px;
	margin: 0;

}
.video iframe{
	height: 250px;
	width: 100%;
}
.text_resalted h3{
	color: #2c9fdf;
	font-style: italic;
}
.more_horizontal{
	background: url("../images/more.png") no-repeat center center;	
	width: 100%;
	padding: 20px 0;
	height: 50px;
}
.more_vertical{
	background: url("../images/more_vertical.png") no-repeat center 0;	
	height: 300px;
	width: 100%;
}


/* -------------------------------------------------- */
/*	0.8  404 Error Page
/* -------------------------------------------------- */

.error_page{
	padding: 80px 0;
}
.error_page h1{
	font-size: 200px;
	font-weight: bold;	
	color: #272727;	
	float: right;
}
.error_page h2{
	margin-top:0px;
	font-size: 52px;
	line-height: 55px;
	float: left;
}
.message_error{
	padding: 20px 0;
	margin-top: 60px;
	border-top: 3px double #cdcdcd;
}
.message_error h3{
	padding-bottom: 20px;
}
.message_error .button:hover{
	color: #fff;	
}
.offline h1{
	font-size: 120px;
	float: left;
}
.offline h2{
	font-size: 40px;
	float: right;
}

/* ---------------------------------------------------------------------- */
/*	General Structure
/* ---------------------------------------------------------------------- */


/* Client Login ---------------------------------------*/

.line{
	height: 5px;
	background: #2c9fdf;
}
.jBar {	
	background-position:top;
	height: auto;
	display: none;
	padding-bottom: 15px;
	background:#272727 url("../images/panelbg.png") center no-repeat;
	position:relative;
	color:#FFF;	
}
.jRibbon {
	padding:3px;
	position:absolute;
	top:0px;
	right:7%;
	display: inline;/*display:none;*/
	background:#2c9fdf;
	font-size: 16px;
	padding: 8px 30px;	/*padding: 2px 20px;	*/	
	color:#FFF;
	cursor:pointer;
	border-radius: 0px 0px 4px 4px;
}
.downarrow {
	position:absolute;
	bottom:-62px;/*50px*/
	z-index: 99;
	padding: 0 20px;
	right:7%;
	background:#2c9fdf;
	font-size: 16px;
	padding: 8px 30px;/*padding: 2px 20px;*/
	cursor: pointer;
border-radius: 0px 0px 4px 4px;	
}
.up {
	top:-50px;
}
.jBar h1{
	color: #fff;
	text-align: center;
	margin-top: 15px;
	font-weight: bold;
	margin-bottom: 10px;
	font-size: 28px;
}
.jBar ul{
	margin-top: 25px;
}
.jBar ul li{
	padding-bottom: 20px;
	text-align: right;
}
.jBar ul li span{	
	font-size: 20px;
	margin: 0;
	float: left;
	padding: 0;
	margin-right: 10%;
	color: #2c9fdf;
	line-height: 22px;
	font-weight: bold;
}
.jBar input{
	width: 90%;
	margin:10px 2% 10px 5%;
	height: 25px;	
}
.jBar .botton{
	border: none;
	width: auto;
	background: #2c9fdf;
	padding: 5px 15px 25px 15px;
	color: #fff;
	float: right;
}


/*  Info head -----------------------------------------*/

.info_head{
	padding: 15px 0;
}
.info_head ul{
	margin:0;
}
.info_head ul li{
	list-style: none;
	float: left;
	margin-right: 25px;
	font-size: 13px;
	
	border-radius:5px;
}
.info_head ul li a {padding:5px;border-radius:5px;}
.info_head ul li i{
	padding: 5px 5px 0 0;
}


/*  Logo -----------------------------------------*/

.logo{
	position: relative;
	/*margin-bottom: 30px;*/
	width: 218px!important;
}
.bg_logo{
	position: absolute;
	background-color: #2c9fdf;
	top: 0;
	left: 0;
	width: 90px;
	height: 90px;
	z-index: 99;
}
.logo h1{
	color: #fff;
	z-index: 999;
	position: absolute;
	font-weight: bold;
	padding: 0px 0;
	margin: 0 0 0 0%;
}
.logo h1 span{
	color: #333;
	margin-left: 15px;
}


/*  Main Navigation -----------------------------------------*/

nav{
	background-color: #f0f0f0;
	border: 1px solid #bcbbbb;
}
.tinynav{ 
	display: none 
}
.sf-menu{	
	margin:0;	
	float: right;		
}
.sf-menu ul{
	position:absolute;
	top:-999em;
	width:176px;
	display:none;
}
.sf-menu > li{
	position: relative;
	float:left;	
	list-style: none;	
}

.sf-menu > li > a {
	text-decoration:none;
	display:block;
	font-size:15px;	
	color:#333;
	padding:25px 17px;		
}
.sf-menu > li > a:hover{
	color: #2c9fdf;
}
.sf-menu > li.current > a {
	border-top: 3px solid #c7602f;
	background: url("../images/arrow_nav.png") no-repeat top center;
	padding:22px 20px;	
}

.sf-menu li:hover ul,.sf-menu li.sfHover ul
{
    border: 1px solid #DDD; 
    border-bottom: none; 
    z-index:999;
    left: -20px;
    top: 70px;
}
.sf-menu li:hover li ul,ul.sf-menu li.sfHover li ul{top:-999em}
.sf-menu li.current,.sf-menu li:hover,.sf-menu li.sfHover{
	text-decoration:none;
}
.sf-menu li li a{
	display:block;
	margin:0;
	position:relative;
	text-decoration:none;
	font-size:12px;
	line-height:16px;
	color:#777;
	overflow:hidden;
	padding:12px 15px;
	background-color: #F9F9F9;	
	border-bottom: 1px solid #DDD;
	-webkit-transition: 0.3s all ease;
	-moz-transition: 0.3s all ease;
	-o-transition: 0.3s all ease;
	-ms-transition: 0.3s all ease;
	transition: 0.3s all ease;
}
.sf-menu li li > a:hover, .sf-menu li li.sfHover > a, .sf-menu li li.current > a{
	color:#1B1823;		
}
.sf-menu li li{
	float:none;
	position:relative;
	border-bottom: 1px solid #fff;
}
.sf-menu li li a:hover{
	background-color: #eee;	
	color: #2c9fdf;	
	-webkit-transition: 0.3s all ease;
	-moz-transition: 0.3s all ease;
	-o-transition: 0.3s all ease;
	-ms-transition: 0.3s all ease;
	transition: 0.3s all ease;
}
.sf-menu li li:hover ul,ul.sf-menu li li.sfHover ul{left:145px;top:0;}

.sf-menu li ul li {list-style-type: none;}
/* Search Domain --------------------------------*/

.search_domain{			
	border-bottom: 1px solid #bcbbbb;	
	z-index: 999999;
	width: 100%;
        height: 66px !important;
}
.search_domain h1{
	margin: 0;
	padding: 18px 0;
}
.arrow_domain{
	position: relative;
	border-right: 6px solid #2c9fdf;
}
.arrow{
	background:url("../images/arrow_domain.png") center center no-repeat;
	right: -22px;	
	position: absolute;
	top: 0;
	height: 100%;
	width: 20px;
}
.form_domain{
	padding: 14px 0;
}
.form_domain span{
	float: left;
	padding: 8px 10px 0 0;
	font-size: 20px;
	font-weight: bold;
}

.form_domain input{
	margin:0;	
	width: 45%;
	height: 26px;
}
.form_domain select{
	height: 36px;
	width: 20%;
	margin:0 2%;
        padding-top: 7px;
}
.form_domain .button{
	padding: 6px 30px;
	height: 32px;
	margin: 0;
	width: auto;
}
.form_domain form{
	margin:0;
	padding: 0;
}

/* Info Content */

.info_content{
	padding-bottom: 40px;
        padding-left: 0;
        padding-right: 0;
        padding-top: 50px;	/*padding: 50px 0;		*/
        overflow: hidden; /* CSS hack*/
        
}
.border_top{
	border-top: 1px solid #bcbbbb;	
}
.border_right{
	border-right: 1px solid #cdcdcd;
	padding-right: 15px;
}
.shadow_top{
	box-shadow:inset 0px 4px 3px 0px #999;
}
.shadow_height{
	height: 6px;
}
.gray{	
	background:#f0f0f0 url("../images/bg_parters.png");
        height: 70px;
}

/* Features */

.item_feature{
	margin-bottom: 40px;	
}
.head_feature{
	margin-bottom: 15px;
}
.head_feature h4,h6{
	padding: 0;
	margin: 0;
}
.head_feature h6{
	line-height: 20px;
	color: #2c9fdf;
	font-style: italic;
}

/* Table Princing */

.item_table{
	border-radius: 4px;
	border: solid 3px #2c9fdf;		
	background-color: #fff;
	padding-bottom: 30px;
	margin-bottom: 30px;
	text-align: center;
	-webkit-transition: 0.3s all ease;
	-moz-transition: 0.3s all ease;
	-o-transition: 0.3s all ease;
	-ms-transition: 0.3s all ease;
	transition: 0.3s all ease;	
}
.item_table:hover{
	margin-top: -5px;
	-webkit-transition: 0.3s all ease;
	-moz-transition: 0.3s all ease;
	-o-transition: 0.3s all ease;
	-ms-transition: 0.3s all ease;
	transition: 0.3s all ease;	
}
.head_table{
	color: #fff;	
	background-color: #555;
	position: relative;	
	z-index: 9999;
	text-align: center;
}
.head_table h1{
	color: #fff;
	margin:0;
	padding: 10px 0;	
	border-bottom: 1px solid #fff;
}
.head_table h2{
	color: #2c9fdf;
	font-size: 30px;
	margin: 0;
	padding: 10px 0 0 0;
}
.head_table h2 span{
	font-size: 14px;
	color: #fff;
}
.head_table h5{
	margin:0;
	padding: 0;
	color: #fff;
	padding-bottom: 10px;
}
.arrow_table{
	position: absolute;
	z-index: -1;
	background: url("../images/arrow_table.png") no-repeat center;
	bottom: -45px;	
	height: 67px;
	width: 45%;
	left: 0;
	margin-left:27.5%;
	
}
.item_table .color{
	background-color: #f5f4f4;
}
.item_table ul{
	margin:60px 0 20px 0;
}
.item_table ul li{
	list-style: none;
	/*border-top: 1px solid #ddd;*/
	text-align: center;
	padding: 5px 0;/*padding: 10px 0;*/
}
.item_table .button{	
	padding: 10px 35px;
	-webkit-transition: 0.3s all ease;
	-moz-transition: 0.3s all ease;
	-o-transition: 0.3s all ease;
	-ms-transition: 0.3s all ease;
	transition: 0.3s all ease;	
}
.item_table .button:hover{	
	background-color: #2c9fdf;
	color: #fff;
	-webkit-transition: 0.3s all ease;
	-moz-transition: 0.3s all ease;
	-o-transition: 0.3s all ease;
	-ms-transition: 0.3s all ease;
	transition: 0.3s all ease;	
}

.promotion_table{
	margin-top: -40px;
}
.promotion_table:hover{
	margin-top: -40px;
}
.promotion_table .head_table{
	color: #fff;	
	background-color: #2c9fdf;
	position: relative;	
	z-index: 9999;
	text-align: center;
}
.promotion_table .arrow_table{
	position: absolute;
	z-index: -1;
	background: url("../images/arrow_table_promotion.png") no-repeat center;
	bottom: -45px;	
	height: 67px;
	width: 45%;
	left: 0;
	margin-left:27.5%;
}
.promotion_table h2{
	color: #555;
}


/* -------------------------------------------------- */
/*	Varius - Tabs
/* -------------------------------------------------- */

.tabs_varius{
	display: table;
	margin: 0 auto;
}
.tabs_varius li{
	float: left;	
	font-size: 18px;
	font-weight: bold;
	background-color: #f5f4f4;
	padding: 25px 40px;
	border: solid 1px #e3e3e3;
	border-right: 0;
	list-style: none
}
.tabs_varius li:last-child{	
	border-right: solid 1px #e3e3e3;	
}
.tabs_varius li a{	
	cursor: pointer;
	padding: 20px 40px;
	color: #555;
}
.switcher-content {
  display: none;
}
.switcher-panel{
	/*margin-top: 50px;*/
}

/* Our Facilitites --------------------------*/

.item_facilities img
{
    max-width: none;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    width: 268px;
}

.item_facilities
{
	border: solid 1px #e3e3e3;
	padding:0px 0px 10px 0px;
	border-bottom: 2px inset #cdcdcd;
	text-align: center;
        box-shadow: 0 5px 8px #E0E0E0;
        border-radius: 6px;
        overflow: hidden;
        /*gradian*/
        background: #fcfcfc;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjZmNmYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE1JSIgc3RvcC1jb2xvcj0iI2ZjZmNmYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ0JSIgc3RvcC1jb2xvcj0iI2Y3ZjdmNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmY2ZjZmMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #fcfcfc 0%, #fcfcfc 15%, #f7f7f7 44%, #fcfcfc 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(15%,#fcfcfc), color-stop(44%,#f7f7f7), color-stop(100%,#fcfcfc));
background: -webkit-linear-gradient(top,  #fcfcfc 0%,#fcfcfc 15%,#f7f7f7 44%,#fcfcfc 100%);
background: -o-linear-gradient(top,  #fcfcfc 0%,#fcfcfc 15%,#f7f7f7 44%,#fcfcfc 100%);
background: -ms-linear-gradient(top,  #fcfcfc 0%,#fcfcfc 15%,#f7f7f7 44%,#fcfcfc 100%);
background: linear-gradient(to bottom,  #fcfcfc 0%,#fcfcfc 15%,#f7f7f7 44%,#fcfcfc 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#fcfcfc',GradientType=0 );

}
.item_facilities img:hover{
	opacity: 0.7;
}
.item_facilities p{
	margin:0;
	padding: 10px 0 0 0;
}

/* Items Stories --------------------------*/

.item_storie{
	margin-bottom: 15px;
}
.item_storie .image_storie img{
	width: 93%;
	padding: 3.5%;
	margin-top: 10px;
	border-radius: 5px;
	background: #fff;
	border: 1px solid #cdcdcd;
}
.item_storie .info_storie{
	background: #fff;
	padding: 10px 15px;
	float: right;
	border-radius: 5px;
	width: 85%;
	border: solid 1px #cdcdcd;
	border-bottom: 3px double #cdcdcd;
}
.item_storie .info_storie h4{	
	margin: 0;	
	padding: 0 0 5px 0;
	font-weight: 600;
	font-style: italic;
}
.item_storie .info_storie p{
	font-size: 13px;
}
span.quote-arrow {
	display: block;
	float: left;
	margin-left: -33px;
	margin-top: 5%;
	z-index: 2;
	background: url("../images/arrow_testimonial.png") no-repeat;
	width: 24px;
	height: 39px;
}

/* Sponsors ---------------------------------------------*/

.sponsors{
	padding: 0px 0px 35px 0px;/*15 0*/
}

.sponsors h3
{
    padding-bottom: 0px;
}

.sponsors nav
{
    border: none;
}

.sponsors p
{
    
    color: #FFFFFF;
    font-size: 13px;
    margin-bottom: auto;
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    position: relative;
    text-align: center;
    top: 10px;
    width: 160px;
    
}

.sponsors p a
{
    background-color: #2E9FDE;
    color: #FFFFFF;
    display: block;
    box-shadow: 0 4px 3px 0 #999999 inset;
    padding-bottom: 4px;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 4px;
    border-radius: 4px;
}

.sponsors p a:hover
{
    color: #FFF;
    background-color: #65C0ED;
}

/*.sponsors img{
	-webkit-filter: grayscale(90%);
	-webkit-transition: 0.3s all ease;
	-moz-transition: 0.3s all ease;
	-o-transition: 0.3s all ease;
	-ms-transition: 0.3s all ease;
	transition: 0.3s all ease;
}
.sponsors img:hover{
	-webkit-filter: grayscale(0%);
	-webkit-transition: 0.3s all ease;
	-moz-transition: 0.3s all ease;
	-o-transition: 0.3s all ease;
	-ms-transition: 0.3s all ease;
	transition: 0.3s all ease;
}
*/
/* Footer Top ----------------------------------------------*/

.footer_top{
	padding: 50px 20px 30px;
}
.footer_top h2{
	margin-bottom: 5px;
	font-weight: 600;
	font-size: 20px;
	padding-bottom: 10px;
}

.footer_top form .input-prepend{
	width: 90%;
	margin-bottom:15px;
}
.footer_top form .input-prepend input{
	width: 85%;	
}
.footer_top form .input-prepend i{
	padding: 0;
}

/* Social Footer ------- umjesto nav_footer- bilo social_footer--------------------------------------*/

ul.nav_footer{
	margin: 15px 0 0 0;
	width: 770px;/*720*/
}
ul.nav_footer li {float:left;
margin:0px;
	width:130px;/*110*/
	margin-left:5px!important;}
ul.nav_footer li{
	margin:0 0 15px 0;
	list-style: none;
	background-color: #e5e5e5;
	padding: 10px 5px 10px 50px;/*10 15 10 50*/
	-webkit-transition: 0.3s all ease;
	-moz-transition: 0.3s all ease;
	-o-transition: 0.3s all ease;
	-ms-transition: 0.3s all ease;
	transition: 0.3s all ease;
}
ul.nav_footer a{
	color:#fff; /*#222;*/
	font-size: 12px;
}
ul.nav_footer li:hover{
	cursor: pointer;
	border-radius: 3px;
	-webkit-transition: 0.3s all ease;
	-moz-transition: 0.3s all ease;
	-o-transition: 0.3s all ease;
	-ms-transition: 0.3s all ease;
	transition: 0.3s all ease;
}
ul.nav_footer li:hover a{
	color: #fff;
}
ul.nav_footer .facebook{
	background: url("../images/social/facebook.png") no-repeat 10px 5px;/*#e5e5e5*/
}
ul.nav_footer .facebook:hover{
	background:#00b4ff url("../images/social/facebook.png") no-repeat 10px 5px;	
}
ul.nav_footer .twitter{
	background: url("../images/social/twitter.png") no-repeat 10px 5px;
}
ul.nav_footer .twitter:hover{
	background:#97CAD3 url("../images/social/twitter.png") no-repeat 10px 5px;
}
ul.nav_footer .youtube{
	background: url("../images/social/youtube.png") no-repeat 10px 5px;
}
ul.nav_footer .youtube:hover{
	background:#C32127 url("../images/social/youtube.png") no-repeat 10px 5px;
}
ul.nav_footer .rss{
	background: url("../images/social/rss.png") no-repeat 10px 5px;
}
ul.nav_footer .rss:hover{
	background:#CE8819 url("../images/social/rss.png") no-repeat 10px 5px;
}

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

ul.contact_footer{
	margin: 0;
}
ul.contact_footer li{
	margin:0 0 15px 0;
	list-style: none;
}
ul.contact_footer li i{
	/*padding-right: 10px;*/
	margin-right:5px;
}

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

.footer_down{
	background-color: #232323;
	color: #fff;
	padding: 15px 0;
	
}
.footer_down p{
	margin: 0;
}
.footer_down ul{
	margin: 0;
}
.footer_down .nav_footer li{
	list-style: none;
	float: left;
	margin:0 0% 0 0;
}
.footer_down .nav_footer li a{
	color: #fff;
	display: block;
	-webkit-transition: 0.5s all ease;
	-moz-transition: 0.5s all ease;
	-o-transition: 0.5s all ease;
	-ms-transition: 0.5s all ease;
	transition: 0.5s all ease;
}
.footer_down .nav_footer li a:hover{
	color: #EAEAEA;
	-webkit-transition: 0.5s all ease;
	-moz-transition: 0.5s all ease;
	-o-transition: 0.5s all ease;
	-ms-transition: 0.5s all ease;
	transition: 0.5s all ease;
}


/* Sections Title ------------------------------------------------------*/

.section_title{
	/*background-color: #00B89A;*/
        background-image: url("../images/binding_dark.png");
	padding: 0px 0;
}
.section_title h1{
	position: relative;
	float: right;
	width: 52%;
	text-align: left;
	padding: 14px 10px 14px 42px;	
	margin: 0;
	color: #fff;
	font-weight: bold;
	font-size: 32px;
	background-image: url("../images/h1.png");
        background-repeat: no-repeat;
}
.arrow_title{
	/*background: #2c9fdf;*/
	/*background: url("../images/arrow_titles.png") no-repeat;	*/
	position: absolute;
	width: 39px;
	height: 58px;
	left: -39px;
	top: 0;
}

/* About ------------------------------------------------------*/

.img_team{
	position: relative;
}
.img_team img{
	width: 100%;
}
.item_team:hover .name_team{
	opacity: 0;
	-webkit-transition: all .1s linear;
	-moz-transition: all .1s linear;
	-o-transition: all .1s linear;
	transition: all .1s linear;
}
.name_team{
	position: absolute;
	top: 0;
	width: 98%;
	left: 0;
}
.name_team h5{
	padding: 2px;
	color: #fff;
	width: 100%;
	text-align: center;
	margin-bottom: 1px;
	background: #2c9fdf;
	background: rgba(223, 86, 44, 0.8);
}
.name_team span{
	background: 000;
	background: rgba(0,0,0,0.7);
	color: #fff;	
	padding: 5px 15px;
	font-style: italic;
	font-size: 12px;	
}
.info_team{
	background-color: #fff;
	border:solid 1px #cdcdcd;
	border-bottom: 3px double #cdcdcd;
	border-top: 0;
	padding: 10px;
}
.info_team p{
	font-size: 13px;
	line-height: 19px;
	padding-bottom: 10px;
	margin: 0;
	border-bottom: 1px solid #cdcdcd;
}
ul.social_team{	
	display: table;
	margin: 0 auto;
}
.social_team li{
	display: inline-block;
	padding: 0 3px;
}
.social_team li a{
	font-size: 10px;
}
.social_team li a:hover{
	color: #2c9fdf;
}

/* Contact -----------------------------------------------------*/

.map iframe{
	width: 95%;
	height: 330px;
	margin-left: 5%;
	border: 0;
}
.contact input{
	width: 75%;
	margin-bottom:20px;
	height: 28px;
}
.contact textarea{
	width: 95%;
	height: 150px;
}
.contact form{
	margin: 0;
}
.contact .button{
	width: auto;
	height: auto;
	margin: 0;
}
#result{
	float: right;
	margin-top: -30px;
	margin-right: 4%;
}

/* Top ---------------------------------------------------------*/

#toTop {
	display:none;
	text-decoration:none;
	position:fixed;
	bottom:10px;
	right:10px;
	overflow:hidden;
	width:51px;
	height:51px;
	border:none;
	text-indent:100%;
	background:url("../images/ui.totop.png") no-repeat left top;
}
#toTopHover {
	background:url("../images/ui.totop.png") no-repeat left -51px;
	width:51px;
	height:51px;
	display:block;
	overflow:hidden;
	float:left;
	opacity: 0;
	-moz-opacity: 0;	
}
#toTop:active, #toTop:focus {
	outline:none;
}


/* ACCORDION ------------------------------------------*/

.accordion-trigger h3{
	margin: 0 10px;
}
.accordion-trigger{
	text-decoration: none;
	padding:10px 10px 10px 25px;
	margin:0 0 10px 0;
	cursor: pointer;
	font-weight: bold;
	border: 1px solid #dbdbdb;
	background: #f9f9f9 url("../images/toggle.png") no-repeat right 14px;
	-webkit-transition: all .1s linear;
	-moz-transition: all .1s linear;
	-o-transition: all .1s linear;
	transition: all .1s linear;
}
.accordion-trigger.active{	
	background: #2c9fdf url("../images/toggle.png") no-repeat right -69px;
	color: #fff;
}
.accordion-trigger:hover{
	background-color: #2c9fdf;	
	color: #fff;
	-webkit-transition: all .1s linear;
	-moz-transition: all .1s linear;
	-o-transition: all .1s linear;
	transition: all .1s linear;
}
.accordion-container{	
	padding:10px 0;
}
.accordion-container p{
	margin: 0;
}
/* ul - list-check style */
ul.check{
	margin: 0;
}
ul.check li { background: url("../images/ok.png") 0 5px no-repeat; line-height: 20px;margin:10px 0; padding-left: 20px; }


/* Blog ------------------------------------------------*/

.post{
	padding-bottom: 30px;
	margin-bottom: 30px;
	border-bottom: 1px solid #cdcdcd;
}
.post .button:hover{
	color: #fff;
}
.post h3{
	padding:0 0 5px 0;
}
.image_post{
	position: relative;
	border:2px solid #1e1e1e;
}
.image_post ul{
	margin: 0;
	list-style: none;
	position: absolute;
	top: 0;
	left: 0;
}
.image_post ul li{
	background-color: #2c9fdf;
	padding: 5px 12px;
	text-align: center;
	color: #fff;
	font-weight: bold;
	border-bottom: 1px solid #fff;
}
.image_post ul li:last-child{
	border: 0;
}
.image_post img{
	width: 100%;
}
.meta{
	margin: 0;
	list-style: none;
	margin-bottom: 5px;
}
.meta li{
	display: inline-block;
	font-style: italic;
}
.meta .author{
	border-right: 1px solid #cdcdcd;
	padding:0 10px 0 6px;
	margin-right: 5px;
}
.pagination{
	margin: 0;
	list-style: none;
     margin: 40px 0 0;
}
/*
.pagination li{
	display: inline-block;
	padding: 5px 15px;
	margin-right: 10px;
	border:solid 1px #cdcdcd;
	background-color: #494949;	
}*/
.pagination li:hover{
	background-color: #dbc404;
}
.pagination .active{
	background-color: #dbc404;
}
.pagination li a{
	color: #3C3C3C;
}

.pagination span
{
    background-color: #EFEFEF !important;
}

aside{
	border-bottom: 1px solid #cdcdcd;
	margin-bottom: 30px;
}
aside h4{
	padding-top: 0;
}
aside .tags li a{
	color: #fff;
}
aside .tags{
	padding-bottom: 20px;
}

.tags{
	margin: 0;
	list-style: none;
}
.tags li{
	display: inline-block;
	background: #494949;
	padding: 5px 10px;
	margin: 5px;
	-webkit-transition: 0.3s all ease;
	-moz-transition: 0.3s all ease;
	-o-transition: 0.3s all ease;
	-ms-transition: 0.3s all ease;
	transition: 0.3s all ease;	
}
.tags li:hover{
	background-color: #2c9fdf;	
	cursor: pointer;
	-webkit-transition: 0.3s all ease;
	-moz-transition: 0.3s all ease;
	-o-transition: 0.3s all ease;
	-ms-transition: 0.3s all ease;
	transition: 0.3s all ease;	
}
.single .image_post{
	margin-bottom: 30px;
}
.comment{
	border-bottom: 1px solid #cdcdcd;
	margin: 20px 0;
	padding-bottom: 30px;
}
.image-visitor {	
	margin-left: auto;
	margin-right: auto;
	width: 110px;
	height: 110px;	
	border-radius: 50%;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	background: #888;
	border: solid 4px white;
	overflow: hidden;
	-webkit-box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.15000000000000002);
	-moz-box-shadow: 2px 2px 15px rgba(0,0,0,0.15000000000000002);
	box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.15000000000000002);
	-webkit-transition: all .4s ease-out;
	-moz-transition: all .4s ease-out;
	transition: all .4s ease-out;
}
.title_comment{
	margin-bottom: 10px;
}
.comment:last-child{
	border:0;
	margin-bottom: 0;
}
.title_comment span{
	padding-right: 10px;
	font-style: italic;
	font-size: 18px;
}
.form_comment input{
	width: 37%;
	margin-right: 3.5%;
	display: inline-block;
	height: 35px;
}
.form_comment textarea{
	width: 80%;
	margin-top: 10px;
	height: 200px;
	display: block;
}
.form_comment .button{
	display: block;
	margin-top: 20px;	
	width: auto;
}

/* ---------------------------------------------------------------------- */
/*	1024 Version
/* ---------------------------------------------------------------------- */
@media handheld, only screen and (max-width: 1024px) {

	.camera_wrap .camera_pag .camera_pag_ul{
		bottom: -3%;
		width: 20%;
		margin-left: 40%;
	}

	/* camera_caption b */

	.camera_caption{
		padding-top: 5%;			
	}
	.camera_caption h1{
		font-size: 30px;
		line-height: 30px;
	}

	/* camera_caption b */

	.camera_captionb{
		padding-top: 5%;	
		max-width: 800px;	
	}
	.camera_captionb h1{
		font-size: 30px;	
		line-height: 35px;	
	}
	.camera_captionb p{
		font-size: 13px;
		line-height: 20px;
	}

	/* camera_caption c */

	.camera_captionc{
		padding-top: 6%;	
		max-width: 800px;	
	}
	.camera_captionc h1{
		font-size: 30px;	
		line-height: 35px;	
	}
	.camera_captionc p{
		font-size: 13px;
		line-height: 20px;
	}

}

/* ---------------------------------------------------------------------- */
/*	Mobile Version
/* ---------------------------------------------------------------------- */


@media handheld, only screen and (max-width: 767px) {
	.info_head{
		padding: 10px 5%;
		font-size: 10px; 
	}
	#menu{
		display: none;	
	}	
	nav{
		position: relative;
	}
	.tinynav {
		display: inline;
		width: 50%;		
		right:5%;
		top: -5px;
		position: absolute;
		background: white;
		margin-top: 20px;
		float: right;		
		font-size: 14px;
		border: 1px solid #dbdbdb;
		height: 35px;	
	} 
	/*  Logo -----------------------------------------*/

	.bg_logo{		
		width: 90px;
		height: 80px;		
	}
	.logo h1{
		margin: 0 0 0 2%;
	}
	
	.search_domain{			
		display: none;
	}
	.camera_wrap .camera_pag .camera_pag_ul{
		display: none;
	}
	#undefined-sticky-wrapper{
		display: none;
	}
	.border_right{
		border:0;
	}

	.jBar .contact_info{
		display: none;
	}


	/* camera_caption  */

	.camera_caption{
		padding-top: 6%;			
	}
	.camera_caption h1{
		font-size: 20px;
		line-height: 20px;
		padding: 0 0 15px 0;
		margin:0;
	}
	.camera_caption p{
		font-size: 14px;
		margin:0;
		padding: 0 0 15px 0;
	}

	/* camera_caption b */

	.camera_captionb{
		padding-top: 5%;	
		width: 70%	
	}
	.camera_captionb h1{
		font-size: 18px;	
		line-height: 22px;	
	}
	.camera_captionb p{
		font-size: 10px;
		line-height: 15px;
	}

	/* camera_caption c */

	.camera_captionc{
		padding-top: 6%;	
		width: 70%;
	}
	.camera_captionc h1{
		font-size: 18px;	
		line-height: 22px;	
	}
	.camera_captionc p{
		font-size: 10px;
		line-height: 15px;
	}
	

	.sponsors img{
		margin-left: 30%;
		width: 40%;
	}
	.tabs_varius li{
		float: none;
		width: 100%;
		margin:0;
		padding: 25px 0;		
	}
	.footer_down .nav_footer{
		display: table;
		margin: 0 auto;
		width: 90%;
	}
	.footer_down .nav_footer li a{
		font-size: 12px;
	}
	.footer_down .text_right{		
		text-align: center;
		margin-top: 20px;
	}
	.more_vertical{
		height: 70px;
	}
	.promotion_table{
		margin-top: 0;
	}
	.item_table:hover{
		margin-top: 0;
	}
	span.quote-arrow {
		display: none;	
	}
	.item_storie .info_storie{
		width: 95%;
		margin-top: 10px;
	}
	.item_team{
		margin-bottom: 20px;
	}


	.error_page{
		padding: 60px 0 0 0;
	}
	.error_page h1{
		font-size: 180px;
		text-align: center;
		float: none;
	}
	.error_page h2{
		margin-top:50px;
		font-size: 40px;		
		float: none;
		text-align: center;
	}
	.message_error{
		padding: 20px 0;
		margin-top: 10px;
		border-top: 3px double #cdcdcd;
	}

	.offline{
		padding-top: 20px;
	}
	.offline h1{
		font-size: 70px;
		float: none;
	}
	.offline h2{
		font-size: 30px;
		line-height: 35px;
		margin: 0 0 20px 0;
		float: none;
	}

}


/* ---------------------------------------------------------------------- */
/*	480px Version
/* ---------------------------------------------------------------------- */


@media handheld, only screen and (max-width: 480px) {

	.tinynav {
		display: inline;
		width: 45%;		
		right:5%;	
margin-top: 60px;		
	} 
	/*  Logo -----------------------------------------*/

	.bg_logo{		
		width: 70px;
		height: 80px;		
	}
	.logo h1{
		margin: 0 0 0 2.5%;
		font-size: 20px;
	}
	
	.error_page h1{
		font-size: 130px;	
	}
	.error_page h2{
		margin-top:40px;
		font-size: 30px;
		line-height: 35px;		
	}
	.offline h1{
		font-size: 70px;
		float: none;
	}
	.offline h2{
		font-size: 30px;
		line-height: 35px;
		margin: 0 0 20px 0;
		float: none;
	}
}

.meni-onama {float:left;width:270px;}

.proizvodif li ,.proizvodif li a{padding-bottom: 0px!important;padding-top: 0px!important;}
.proizvodif li a{padding-bottom: 5px!important;padding-top: 5px!important;padding-left:3px;}
.proizvodif li a:hover{color:#fff;}

.onama li ,.onama li a{padding-bottom: 0px!important;padding-top: 0px!important;}
.onama li a{padding-bottom: 5px!important;padding-top: 5px!important;padding-left:3px;}
.onama li a:hover{color:#fff;}

.copyright-footer {margin-top:10px;}
.sponzori-logo {height: 70px;
position: relative;
top: -20px;}
.logo
{
float: left;
height: 80px;
z-index: 99;
}

li.item-104 {background-color: #2c9fdf;
}
li.item-104 a {color: #fff;}
li:hover.item-104,li.item-104 a:hover {background-color:none!important;text-decoration:underline;}
.nav  li  a:hover 
{
    background-color:#2c9fdf!important;
    color:#fff;
    /*width: 79%;*/
}

.top-stuff {
float: left;
width:368px;
height:50px;
}

.hd{
background-color: #244383!important;
color: #fff!important;
/*border-top-left-radius:10px!important;
border-top-right-radius:10px!important;
border:none!important;*/
margin:5px!important;
padding:20px;
border:1px solid #F3F3F4;
}
#pro-web-hosting td{
border:1px solid #9d9e9e;
padding:10px 20px 10px 20px;
}
.par{background-color:#F3F3F4;}
.nepar{background-color:#E6E6E6;}
.napomena {background-color: #ddeefe;
padding: 10px;margin-top:50px;}

.check {
    /*background: url("../images/check.png") no-repeat 0px 5px;*/
    list-style-type:none;
    padding-left:20px;	}

.item-page p a,.linkovi li a ,.item-page li a{color:#0C88C0;}
.item-page p a:hover,.linkovi li a:hover,.item-page li a:hover {color:#CC0000;}
.podrska li {list-style-type:none;}




/* CONTENT TEMPLATE */

.intro-h2
{
    color: #161818;
    float: left;
    font-family: Helvetica;
    font-size: 29px;
    font-weight: bold;
    line-height: 36px;
    text-transform: uppercase;
    /* width: 690px;*/
    width: 100%;
}

.intro-h3
{
    color: #7E7E7E;
    float: left;
    font-family: Helvetica;
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
    width: 100%;
}

.grid4col {
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    width: 670px;
}

.grid4col .column {
    border-left-color-ltr-source: physical;
    border-left-color-rtl-source: physical;
    border-left-color-value: #E5E5E5;
    border-left-style-ltr-source: physical;
    border-left-style-rtl-source: physical;
    border-left-style-value: solid;
    border-left-width-ltr-source: physical;
    border-left-width-rtl-source: physical;
    border-left-width-value: 1px;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    min-height: 200px;
    padding-bottom: 25px;
    position: relative;
    text-align: center;
    width: 222px;
}

.column {
    float: left;
}



.grid4col .column.first {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-bottom-color: -moz-use-text-color;
    border-bottom-style: none;
    border-bottom-width: medium;
    border-image-outset: 0 0 0 0;
    border-image-repeat: stretch stretch;
    border-image-slice: 100% 100% 100% 100%;
    border-image-source: none;
    border-image-width: 1 1 1 1;
    border-left-color-ltr-source: physical;
    border-left-color-rtl-source: physical;
    border-left-color-value: -moz-use-text-color;
    border-left-style-ltr-source: physical;
    border-left-style-rtl-source: physical;
    border-left-style-value: none;
    border-left-width-ltr-source: physical;
    border-left-width-rtl-source: physical;
    border-left-width-value: medium;
    border-right-color-ltr-source: physical;
    border-right-color-rtl-source: physical;
    border-right-color-value: -moz-use-text-color;
    border-right-style-ltr-source: physical;
    border-right-style-rtl-source: physical;
    border-right-style-value: none;
    border-right-width-ltr-source: physical;
    border-right-width-rtl-source: physical;
    border-right-width-value: medium;
    border-top-color: -moz-use-text-color;
    border-top-style: none;
    border-top-width: medium;
    padding-bottom: 25px;
}

.grid4col 
{ 
    float: left;
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 25px;
    width: 670px;
}


.kolone4
{ 
    float: left;
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 25px;
    width: 892px;
}



.grid4col .column { position:relative; margin:0; padding-bottom:25px; width:222px; min-height:200px; _height:200px; text-align:center; border-left:1px solid #e5e5e5; list-style: none; }
/*.grid4col .column h2 { margin-bottom:18px; }*/
.grid4col .column h2 img { display:block; margin:5px auto 1px; }

.grid4col .column p { display:block; margin:0 auto; width:190px; font-size:0.8571em; line-height:1.4166em; color:#666; margin-bottom: 9px; }
/*.grid4col .column.third p { width:240px; }*/
.grid4col .column a:hover { text-decoration:none; }
.grid4col .column a:hover .more { text-decoration:underline; }
.grid4col .column.first { padding-bottom:25px; border:none; }
.grid4col .column.first li { display:block; margin:-4px 0 0; list-style: none; }
/*.grid4col .column.first h2 { margin-top:9px; margin-bottom:0; }*/
.grid4col .column.first h2 img { margin-bottom:0; }
.grid4col .column.first p { margin-top:2px; margin-bottom:9px; }
.grid4col .column .bottom-align { position:absolute; width:100%; bottom:5px; left:0; text-align:center; font-size:1.1429em; line-height:1.375em; }

.app-link { margin:5px 45px 0; padding:18px 0 20px; font-size:0.7857em; text-align:center; border-top:1px solid #e5e5e5; }
.app-link img { *position:relative; *z-index:1; margin:0 6px -8px 0; }
.app-link a.inline-block { display:inline-block; color:#333; cursor:pointer; }

.grid4col .column a p:hover { cursor: pointer; }


.kolone2 .column 
{
    width: 320px;
}

.kolone2 .column p
{
    width: 280px;
}

.column li{
    list-style: none !important;
}

.homepage-grid
{
    margin-bottom: auto;
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    text-align: center;
    width: 1170px;
    
}

.homepage-grid .grid4col
{
    width: 1170px;
}

.homepage-grid li
{
    width: 389px !important;
}

.homepage-grid .grid4col .column p
{
    width: 340px;
    font-size: 13px;
    margin-bottom: 8px;
}


#nav-shadow h2
{
    min-height: 170px;
}

#nav-shadow
{
    cursor: pointer;
}


/* =Shadow Nav
	-------------------------------------------------------------------------- */
		
		
			
		/* Button Shadow */
		
		#nav-shadow li img.shadow {
			bottom: 76px;
                        left: 95px;
                        margin-bottom: 0;
                        margin-left: auto;
                        margin-right: auto;
                        margin-top: 0;
                        position: absolute;
                        text-align: center;
                        width: 190px !important;
                        z-index: 1;
			}
                        
                        
                        
/*TEmplates dizajn css*/

.one-page-h2
{
    font-family: 'tahoma',arial;
    font-size: 36px;
    text-align: center;
}

.content-row1, .content-row2 {
    margin-right: 40px;
    padding-top: 0;
    width: 50%;
}

.content-row1
{
    float: left;
}

.content-row2
{
    float: right;
}


.content-image 
{
    float: left;
    height: auto;
}

.pricing_table_wdg {  
    border:1px solid #c4cbcc;  
    border-radius:4px;  
    -moz-border-radius:4px;  
    -webkit-border-radius:4px;  
    float:left;  
    margin-top: 14px;
    margin-bottom: 30px;
}  

.pricing_table_wdg ul {  
    list-style:none;  
    float:left;  
    width:182px;  
    margin:0;  
    border:1px solid #f2f3f3;  
    padding:5px;  
    text-align:center;  
    background-color:#FFF;  
}

.tabela-col5 ul
{ 
    width: 220px !important;
}

.tabela-col4 ul
{ 
    width: 278px !important;
}

.tabela-col3 ul
{ 
    width: 376px !important;
}

.tabela-col2 ul
{ 
    width: 570px !important;
}


  
.pricing_table_wdg ul:hover {  
    -webkit-transform: scale(1.1);  
    -moz-transform: scale(1.1);  
    -o-transform: scale(1.1);  
    -moz-box-shadow:3px 5px 7px rgba(0,0,0,.7);  
    -webkit-box-shadow: 3px 5px 7px rgba(0,0,0,.7);  
    box-shadow:3px 5px 7px rgba(0,0,0,.7);  
    cursor:pointer;  
    background:#d8e9f9;  
}  
.pricing_table_wdg ul li {  
    border-bottom:1px dashed #cfd2d2;  
    padding:10px 0;  
}  
.pricing_table_wdg ul li:first-child {  
      background-attachment: scroll;
    background-clip: border-box;
    background-color: #00B89A;
    background-image: none;
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    color: #FFFFFF;
    font-family: sans-serif,arial;
    font-size: 18px;
    font-weight: bold;  
}  
.pricing_table_wdg ul li:nth-child(2) {  
    background:#fbfbfb;  
}  
.pricing_table_wdg ul li:nth-child(3) {  
    font-size:12px;  
    font-weight:bold;  
}  
.pricing_table_wdg ul li:nth-child(n+4) {  
    font-size:14px;  
}  
.pricing_table_wdg ul li:last-child a, section.custom-block a,  p.button-left-action a{  
    color:#F0F0F0;  
    text-decoration:none;  
    font-weight:bold;  
    display:block;  
    border-radius:10px;  
    -moz-border-radius:10px;  
    -webkit-border-radius:10px;  
    border:1px solid #c4cbcc;  
    padding:10px;  
    margin:5px 0;  
    background: #0061bb; /* Old browsers */  
    background: -moz-linear-gradient(top, #73ABDE 0%, #2875BC 100%); /* FF3.6+ */  
    background: -webkit-gradient(linear, left top, left bottombottom, color-stop(0%,#73ABDE), color-stop(100%,#2875BC)); /* Chrome,Safari4+ */  
    background: -webkit-linear-gradient(top, #73ABDE 0%,#2875BC 100%); /* Chrome10+,Safari5.1+ */  
    background: -o-linear-gradient(top, #73ABDE 0%,#2875BC 100%); /* Opera11.10+ */  
    background: -ms-linear-gradient(top, #73ABDE 0%,#2875BC 100%); /* IE10+ */  
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#73ABDE', endColorstr='#2875BC',GradientType=0 ); /* IE6-9 */  
    background: linear-gradient(top, #73ABDE 0%,#2875BC 100%); /* W3C */  
}  


/*Tabela za domene*/

.pricing_table_wdg-domena {  
    border:1px solid #c4cbcc;  
    border-radius:4px;  
    -moz-border-radius:4px;  
    -webkit-border-radius:4px;  
    float:left;  
    margin-top: 14px;
    margin-bottom: 60px;
}  
.pricing_table_wdg-domena ul {  
    list-style:none;  
    float:left;  
    width:182px;  
    margin:0;  
    border:1px solid #f2f3f3;  
    padding:5px;  
    text-align:center;  
    background-color:#FFF;  
}  
/*.pricing_table_wdg-domena ul:hover {  
    -webkit-transform: scale(1.1);  
    -moz-transform: scale(1.1);  
    -o-transform: scale(1.1);  
    -moz-box-shadow:3px 5px 7px rgba(0,0,0,.7);  
    -webkit-box-shadow: 3px 5px 7px rgba(0,0,0,.7);  
    box-shadow:3px 5px 7px rgba(0,0,0,.7);  
    cursor:pointer;  
    background:#d8e9f9;  
}  */

.pricing_table_wdg-domena ul:nth-child(2) {
    background-color: #FBF4CB;
}

.pricing_table_wdg-domena ul li {  
    border-bottom:1px dashed #cfd2d2;  
    padding:10px 0;  
}  
.pricing_table_wdg-domena ul li:first-child {  
      background-attachment: scroll;
    background-clip: border-box;
    background-color: #F4D60F;
    background-image: none;
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    color: #FFFFFF;
    font-family: sans-serif,arial;
    font-size: 18px;
    font-weight: bold;  
}  
.pricing_table_wdg-domena ul li:nth-child(2) {  
    /*background:#fbfbfb;  */
} 
/*
.pricing_table_wdg-domena ul:nth-child(2) li
{
    font-weight: bold;
}*/

.pricing_table_wdg-domena ul li:nth-child(3) {  
    /*font-size:12px;  
    font-weight:bold;  */
}  
.pricing_table_wdg-domena ul li:nth-child(n+4) {  
    font-size:14px;  
}  
.pricing_table_wdg-domena ul li:last-child a {  
    color:#F0F0F0;  
    text-decoration:none;  
    font-weight:bold;  
    display:block;  
    border-radius:10px;  
    -moz-border-radius:10px;  
    -webkit-border-radius:10px;  
    border:1px solid #c4cbcc;  
    padding:10px;  
    margin:5px 0;  
    background: #0061bb; /* Old browsers */  
    background: -moz-linear-gradient(top, #73ABDE 0%, #2875BC 100%); /* FF3.6+ */  
    background: -webkit-gradient(linear, left top, left bottombottom, color-stop(0%,#73ABDE), color-stop(100%,#2875BC)); /* Chrome,Safari4+ */  
    background: -webkit-linear-gradient(top, #73ABDE 0%,#2875BC 100%); /* Chrome10+,Safari5.1+ */  
    background: -o-linear-gradient(top, #73ABDE 0%,#2875BC 100%); /* Opera11.10+ */  
    background: -ms-linear-gradient(top, #73ABDE 0%,#2875BC 100%); /* IE10+ */  
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#73ABDE', endColorstr='#2875BC',GradientType=0 ); /* IE6-9 */  
    background: linear-gradient(top, #73ABDE 0%,#2875BC 100%); /* W3C */  
}  


/*Tabela za partnere*/

.pricing_table_wdg-partneri {  
    border:1px solid #c4cbcc;  
    border-radius:4px;  
    -moz-border-radius:4px;  
    -webkit-border-radius:4px;  
    float:left;  
    margin-top: 14px;
    margin-bottom: 60px;
}  
.pricing_table_wdg-partneri ul {  
    list-style:none;  
    float:left;  
    width: 372px;  
    margin:0;  
    border:1px solid #f2f3f3;  
    padding:5px;  
    text-align:center;  
    background-color:#FFF;  
}  

.pricing_table_wdg-partneri ul:nth-child(2) {
    background-color: #DFEFF8;
    width: 150px;
}

.pricing_table_wdg-partneri ul:nth-child(1) {
    /*background-color: #DFEFF8;*/
    width: 594px;
}

.pricing_table_wdg-partneri ul li {  
    border-bottom:1px dashed #cfd2d2;  
    padding:10px 0;  
}  
.pricing_table_wdg-partneri ul li:first-child {  
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #37AEEB;
    background-image: none;
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    color: #FFFFFF;
    font-family: sans-serif,arial;
    font-size: 18px;
    font-weight: bold;  
}  
.pricing_table_wdg-partneri ul li:nth-child(2) {  
    /*background:#fbfbfb;  */
} 

.pricing_table_wdg-partneri ul:nth-child(2) li
{
    font-weight: bold;
}

.pricing_table_wdg-partneri ul li:nth-child(3) {  
    /*font-size:12px;  
    font-weight:bold;  */
}  
.pricing_table_wdg-partneri ul li:nth-child(n+4) {  
    font-size:14px;  
}  
.pricing_table_wdg-partneri ul li:last-child a {  
    color:#F0F0F0;  
    text-decoration:none;  
    font-weight:bold;  
    display:block;  
    border-radius:10px;  
    -moz-border-radius:10px;  
    -webkit-border-radius:10px;  
    border:1px solid #c4cbcc;  
    padding:10px;  
    margin:5px 0;  
    background: #0061bb; /* Old browsers */  
    background: -moz-linear-gradient(top, #73ABDE 0%, #2875BC 100%); /* FF3.6+ */  
    background: -webkit-gradient(linear, left top, left bottombottom, color-stop(0%,#73ABDE), color-stop(100%,#2875BC)); /* Chrome,Safari4+ */  
    background: -webkit-linear-gradient(top, #73ABDE 0%,#2875BC 100%); /* Chrome10+,Safari5.1+ */  
    background: -o-linear-gradient(top, #73ABDE 0%,#2875BC 100%); /* Opera11.10+ */  
    background: -ms-linear-gradient(top, #73ABDE 0%,#2875BC 100%); /* IE10+ */  
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#73ABDE', endColorstr='#2875BC',GradientType=0 ); /* IE6-9 */  
    background: linear-gradient(top, #73ABDE 0%,#2875BC 100%); /* W3C */  
}  

/*Tabela za partnere-hosting-tabela*/

.pricing_table_wdg-partneri-hosting {  
    border:1px solid #c4cbcc;  
    border-radius:4px;  
    -moz-border-radius:4px;  
    -webkit-border-radius:4px;  
    float:left;  
    margin-top: 14px;
    margin-bottom: 60px;
}  
.pricing_table_wdg-partneri-hosting ul {  
    list-style:none;  
    float:left;  
    width: 372px;  
    margin:0;  
    border:1px solid #f2f3f3;  
    padding:5px;  
    text-align:center;  
    background-color:#FFF;  
}  

.pricing_table_wdg-partneri-hosting ul:nth-child(2) {
    background-color: #DFEFF8;
    width: 100px;
}

.pricing_table_wdg-partneri-hosting ul:nth-child(1) {
    /*background-color: #DFEFF8;*/
    width: 300px;
}

.pricing_table_wdg-partneri-hosting ul li {  
    border-bottom:1px dashed #cfd2d2;  
    padding:10px 0;  
}  
.pricing_table_wdg-partneri-hosting ul li:first-child {  
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #37AEEB;
    background-image: none;
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    color: #FFFFFF;
    font-family: sans-serif,arial;
    font-size: 18px;
    font-weight: bold;  
}  
.pricing_table_wdg-partneri-hosting ul li:nth-child(2) {  
    /*background:#fbfbfb;  */
} 

.pricing_table_wdg-partneri-hosting ul:nth-child(2) li
{
    font-weight: bold;
}

.pricing_table_wdg-partneri-hosting ul li:nth-child(3) {  
    /*font-size:12px;  
    font-weight:bold;  */
}  
.pricing_table_wdg-partneri-hosting ul li:nth-child(n+4) {  
    font-size:14px;  
}  
.pricing_table_wdg-partneri-hosting ul li:last-child a {  
    color:#F0F0F0;  
    text-decoration:none;  
    font-weight:bold;  
    display:block;  
    border-radius:10px;  
    -moz-border-radius:10px;  
    -webkit-border-radius:10px;  
    border:1px solid #c4cbcc;  
    padding:10px;  
    margin:5px 0;  
    background: #0061bb; /* Old browsers */  
    background: -moz-linear-gradient(top, #73ABDE 0%, #2875BC 100%); /* FF3.6+ */  
    background: -webkit-gradient(linear, left top, left bottombottom, color-stop(0%,#73ABDE), color-stop(100%,#2875BC)); /* Chrome,Safari4+ */  
    background: -webkit-linear-gradient(top, #73ABDE 0%,#2875BC 100%); /* Chrome10+,Safari5.1+ */  
    background: -o-linear-gradient(top, #73ABDE 0%,#2875BC 100%); /* Opera11.10+ */  
    background: -ms-linear-gradient(top, #73ABDE 0%,#2875BC 100%); /* IE10+ */  
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#73ABDE', endColorstr='#2875BC',GradientType=0 ); /* IE6-9 */  
    background: linear-gradient(top, #73ABDE 0%,#2875BC 100%); /* W3C */  
}  


.check-lista
{
    float: left;
    width: 25%;
}

div.blog .page-header
{
    margin-bottom: 14px;
    padding-bottom: 0;
}

div.blog .items-row
{
    margin-top: 60px;
}

div.notifikacija
{
    background-color: #DADADA;
    background-image: -moz-linear-gradient(center bottom , #E3E3E3 0px, #FFFFFF 43%);
    background-repeat: no-repeat;
    border: 1px solid #DCDCDC;
    border-radius: 8px;
    font-size: 22px;
    height: 25px;
    margin: auto;
    padding: 20px;
    text-align: center;
}

div.notifikacija strong
{
    color: #2E9FDE;
    font-size: 24px;
    text-transform: uppercase;
}
/*
div.notifikacija i
{
    background-image: url("../images/icon_info.png");
    background-repeat: no-repeat;
    display: block;
    width: 23px;
    height: 22px;
}
*/

.game-title li:first-child {
    background: none repeat scroll 0 0 transparent !important;
    color: #000000 !important;
    font-weight: bold !important;
}

.game-title li {
    font-size: 14px !important;
}
.game-title li {
    float: left;
    width: 33%;
}

.game-title li:nth-child(3) {
    font-size: 14px !important;
    font-weight: normal !important;
}

.game-table ul {
    background-color: #FFFFFF;
    border: 1px solid #F2F3F3;
    float: left;
    list-style: none outside none;
    margin: 0;
    padding: 5px;
    text-align: center;
    width: 377px;
}

.game-row li {
    float: left;
    width: 33%;
}

section.custom-block
{
    padding: 20px;
    background-color: #00B69B;
    background-image: none;
}

section.custom-block a
{
    border: medium none;
    color: #FFFFFF;
    float: left;
    font-size: 17px;
    margin: 15px;
    text-align: center;
    width: 153px;
}

p.button-left-action a
{
    border: medium none;
    color: #FFFFFF;
    float: left;
    font-size: 17px;
    margin: 25px 0 0;
    text-align: center;
    width: 280px;
}

section.custom-block a:hover, p.button-left-action a:hover
{
    opacity: 0.9;
    color: #FFFFFF;
}

section.custom-block h4
{
    color: #FFFFFF;
    float: left;
    font-size: 26px;
    padding: 20px;
    text-align: center;
    width: 70%;
    font-weight: normal;
}

section.custom-block h4 strong
{
    color: #FFFFFF;
}

ul.footer-ostale-usluge
{
    margin: 0px;
}

ul.footer-ostale-usluge li
{
    margin-bottom: 0px;
    list-style: none;
    font-size: 14px;
}

ul.footer-ostale-usluge li img
{
    margin-right: 6px;
}

ul.footer-ostale-usluge-pogodnosti
{
	margin: 0px;
}

ul.footer-ostale-usluge-pogodnosti li
{
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
    margin-bottom: 0px;
    list-style: none;
    font-size: 14px;
}

ul.footer-ostale-usluge-pogodnosti li img
{
    margin-right: 6px;
}

.span8 span {
  font-family: 'Open Sans',sans-serif !important;
  line-height: normal !important;
  font-size: 18px !important;
}

li.bold
{
    font-weight: bold;
}


ul.domain-list li
{
    font-weight: bold;
}

dt.article-info-term
{
    display: none;
}

/*COLOR SEME*/


.color-1, .id-105
{
    background-color: #00B89A !important;
    background: #00B89A !important;
}

.color-2, .id-106
{
    background-color: #A8A8A8 !important;
    background: #A8A8A8 !important;
}

.color-3, .id-107
{
    background-color: #F4D60F !important;
    background: #F4D60F !important;
}

.color-4, .id-111
{
    background-color: #FE8178 !important;
    background: #FE8178 !important;
}

.color-5, .id-112
{
    background-color: #DA4C26 !important;
    background: #DA4C26 !important;
}

.color-6, .id-141
{
    background-color: #00AEFF !important;
    background: #00AEFF !important;
}



h1.idt-105
{
    background-image: url("../images/h1-1.png");
}

h1.idt-106
{
    background-image: url("../images/h1-2.png");
}

h1.idt-107
{
    background-image: url("../images/h1-3.png");
}

h1.idt-111
{
    background-image: url("../images/h1-4.png");
}

h1.idt-112
{
    background-image: url("../images/h1-5.png");
}

h1.idt-141
{
    background-image: url("../images/h1-6.png");
}

.reset-password {
    color: #FFFFFF;
    margin-left: 25px;
}

a.reset-password:hover 
{
	color: #FFFFFF;
	border-bottom: 1px dotted #FFFFFF;
}

.intro-h3 a
{
	color: #318DE3;
    text-decoration: underline;
}



.content-row-border {
    float: left;
    margin-bottom: 20px;
    padding-top: 10px;
}


.f-justify
{
	text-align: justify;
}

.padding-60
{
	padding: 60px 0 !important;
}


.nav > li > a, ul.footer-ostale-usluge-pogodnosti > li > a, ul.footer-ostale-usluge > li > a {
    display: block;
	transition: all 0.1s ease 0s;	
}

.onama li a, ul.footer-ostale-usluge-pogodnosti li a, ul.footer-ostale-usluge li a {
    padding-bottom: 5px !important;
    padding-left: 3px;
    padding-top: 5px !important;
}


.footer-ostale-usluge-pogodnosti a:hover, .footer-ostale-usluge-pogodnosti a:hover, ul.footer-ostale-usluge li a:hover {
    background-color: #2C9FDF !important;
    color: #FFFFFF;
}

.game-row, .game-title, .vise-informacija {
    width: 371px !important;
}

.vise-informacija
{
	background-color: #FFFFFF;
    border: 1px solid #F2F3F3;
    float: left;
    list-style: none outside none;
    margin: 0;
    padding: 5px;
    text-align: center;
    width: 381px !important;
}

li.vise-informacija a.buy_now
{
	width: 340px !important;
	text-align: center !important;
	margin: auto !important;

}

svg path {
    cursor: pointer;

}


#je_contact input, #je_contact textarea {
    display: block;
    width: 240px !important;
}

/*Za novosti modifikacije*/



.page-header {
    border-bottom: medium none !important;
    margin: 20px 0 0 !important;
    padding-bottom: 0;
}


div.blog .page-header {
    border-bottom: medium none;
    line-height: 8px !important;
    margin-bottom: 0 !important;
    padding-bottom: 0;
}


.info-date {
    border-bottom: 1px solid #EEEEEE;
    float: left;
    margin-bottom: 8px;
    margin-top: 0;
    padding-bottom: 7px;
    width: 71%;
}

.page-header h2 {
    font-size: 18px;
    padding-bottom: 3px !important;
}


.pull-left.item-image {
    border: 1px solid #818181;
    margin-right: 20px;
    max-width: 220px;
    padding-bottom: 6px;
}

.article-info .create
{
    margin-left: 0px !important;
}

.info-date-single {
    border-bottom: 1px solid #EEEEEE;
    float: left;
    height: 30px;
    margin-bottom: 20px;
    margin-top: 0;
    padding: 0 0 14px !important;
    width: 100%;

}

.custom h6.titles {
    font-size: 23px;
}

table.dodaci-hosting td
{
    padding: 4px 10px;
}

table.dodaci-hosting td strong
{
    color: #FFFFFF !important;
}

.pagenavcounter, .faq .pager, ul.nav-tabs li:last-child
{
    display: none;
}

div.pager
{
    display: none;
}


.pull-right.article-index {
    margin-top: 350px;
    position: absolute;
    width: 300px;
}

ul.nav-tabs li a:hover
{
    color: #FFFFFF !important;
}

ul.nav-tabs li a.active
{
    background-color: #EFEFEF !important;
    color: #676767 !important;
}

.radius-8
{
    border-radius: 8px;
}



.info-label {
    color: #C0C0C0;
    font-size: 12px;
    margin-bottom: 4px;
    margin-top: -9px;
}

input[type="radio"]
{
    margin: -2px 0px 0px 6px !important;
}


.box-final
{
    float: left;
    margin-top: 20px;
    padding: 10px;
}

.hosting-box
{
    border: 1px solid #F4F4F4;
    margin-left: 0px !important;
    padding: 20px;
    border-radius: 6px;
    box-shadow: 0 3px 5px #D6D6D6;
    
    /*box gradian*/
    background: #FCFCFC;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEzJSIgc3RvcC1jb2xvcj0iI2ZjZmNmYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI0JSIgc3RvcC1jb2xvcj0iI2ZjZmNmYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNGY0ZjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #FCFCFC 0%, #fcfcfc 13%, #fcfcfc 24%, #f4f4f4 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FCFCFC), color-stop(13%,#fcfcfc), color-stop(24%,#fcfcfc), color-stop(100%,#f4f4f4));
    background: -webkit-linear-gradient(top,  #FCFCFC 0%,#fcfcfc 13%,#fcfcfc 24%,#f4f4f4 100%);
    background: -o-linear-gradient(top,  #FCFCFC 0%,#fcfcfc 13%,#fcfcfc 24%,#f4f4f4 100%);
    background: -ms-linear-gradient(top,  #FCFCFC 0%,#fcfcfc 13%,#fcfcfc 24%,#f4f4f4 100%);
    background: linear-gradient(to bottom,  #FCFCFC 0%,#fcfcfc 13%,#fcfcfc 24%,#f4f4f4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FCFCFC', endColorstr='#f4f4f4',GradientType=0 );

}

.final-row {
    float: left;
    width: 100%;
}

.final-col-1 {
    float: left;
    width: 180px;
}


.final-col-2 {
    float: left;
    width: 548px;
}


#pravno_lice, #kontakt_osoba, #www, #ulica, #saznali, #napomena {
    width: 460px;
}

#order-upit, #order-upit-pitanja
{
    width: 670px;
}

p.button-order
{
    float: left;
    margin-top: 30px;
    margin-left: 24px;
}


#btnOrder {
    font-size: 18px;
    padding: 12px 50px;
}

#btnOrder:hover {
    background-color: #666666;
}

div#result
{
    float: left;
    width: 100%;
    padding: 20px;
}

#prijava-podrska
{
    margin-left: 0px !important;
}

.custom .contact_info a
{
    color: #FFFFFF;
}

.custom .contact_info a:hover
{
    border-bottom: 1px dotted #FFFFFF;
}

.footer_top a
{
    color: #333;
}

#podrska .item_facilities img {
    border-radius: 4px;
    height: 206px;
    max-width: none;
    width: 242px;
}

.span8 p span, .span8 h3 span
{
	font-size: 14px !important;
}

.pull-none.item-image {
    margin-bottom: 40px;
}


p.button-left-cjenovnik a {
    width: 250px;
}

.cjenovnik-head span {
    color: #ffffff;
    font-size: 18px !important;
}

.cjenovnik-head {
    background-color: #2ba9ea;
    color: #ffffff;
}

.cjenovnik-extra {
    background-color: #e0e0e0;
}