@font-face {
    font-family: 'Museo Sans Cyrl';
    src: url('../fonts/museosanscyrl.ttf');
 
    font-weight: normal;
    font-style: normal;
}

html {
	height:100%;
}
body {
  padding-top: 0px;
  padding-bottom: 30px;
  background:#fff url(../image/90-2.png) repeat;
  height:100%;
  background-attachment: fixed ;
  color:#000;
  }
.container-all {
	height:100%;
}
p{
    font: 18px/24px 'Museo Sans Cyrl', Trebuchet MS,'Roboto', Arial,san sarif;
    letter-spacing: 0px;
    text-decoration: none;
    }

img{
	max-width:100%;
}
td {
padding:10px;
border:1px solid #3e6d41	
}
a{
    font: 16px/14px Trebuchet MS,'Roboto', Arial,san sarif;
    letter-spacing: 0px;
    color:#808080;
    text-decoration:none;
    cursor :pointer;
	font-weight:700;
}

a:hover {
	color:#ca0031;
	text-decoration:none;
}
table {
	width:100%!important;
}
td {
	background:#fff!important;
	
}
td span{
	color:#000!important;
}
td p,font{
	color:#000!important;
}
h1{
	color:#002d99;
	margin-bottom:30px;
	margin-top:0px;
	 font-family: 'Museo Sans Cyrl';
	font-size: 50px;
	font-weight:400;
}

#carousel img{
max-height:300px;	
}

.carousel-caption {
	color:#fff;
	text-shadow:none;
	background:url(../image/1kat_zal.png) ;
	display:block;
	right:0;
	left:0;
	bottom:0;
	padding:0;
}

/*img {
	max-width:100%;
}*/
.v_polosa {height:2px;width:100%;background:#28166f;}
.back {
background:#fff url(../image/1.png) no-repeat;
min-height:130px;
margin-bottom:0px;
width:100%;
background-position:top center;	
}
.brand {
background:url(../image/2logo_uisi.png) no-repeat;
height:90px;
margin-top:20px;
background-size: contain;
background-position:center;
}
.brand h1{
font-family: 'Lobster', cursive;
font-size:32px;
}

.logo {
width:100%;
_padding:0px;	
border-bottom:1px solid #000;
}
.akva {
color:#cb0032;
height:130px;
padding-top:0px;
}
.akva1,.akva2,.akva3 p{
color:#000;
padding-top:25px;
font-weight:400;

}

.akva1 {
color:#000;
height:;
padding:0px 20px 0px 0px;
text-align:right;
border:0px solid #111;
margin-top:5px;
_background:#fff;
}
.opis2 {
	
_background:#fff ;		
padding:0px;	
opacity: 0.7;
filter: alpha(Opacity=70); /* Прозрачность для IE */
}

.tel {
background:#f1f1f1 url(../image/orang.png) repeat-x;	
background-position:left bottom;
color:#000;
height:auto;
text-align:center;
padding:0px;
font: 22px/30px 'Roboto', Arial,san sarif;
border:1px solid #808080;
margin-left:5px;
font-weight:700;
}
.tel p{
	font: 28px/32px 'Roboto', Arial,san sarif !important;
	color:#113366;
	font-weight:700;
}
/****************************************************/
.ein {width:100%;height:auto;background:#efefef url(../image/fon1.png);}
.miniblok {background:#28166f;padding:10px;}
.miniblok h2{color:#fff;}
.zwei {width:100%;height:auto;background:#fff url(../image/fon1.png);border-bottom:1px solid #ccc;}
.fier {width:100%;height:auto;background:#28166f}
.funf {width:100%;height:auto;background:#ccc}
.funf_uan {color:#000; padding:20px; text-align:center}

/*кнопка прокрутки вверх*/
.scrollTop{ 
		background:url(../image/arrows.png) 0 0 no-repeat;
		display:block; width:50px; height:50px; 
		position:fixed; bottom:20px; left:90%;
		z-index:2000; 
	}
	.scrollTop:hover{ background-position:0 -58px; }
	
/****************************************************/


.header_21 {
color:#000;
font: 16px/18px 'Museo Sans Cyrl','Roboto', Arial,san sarif;	
margin:5px 0px 5px 0px;
text-shadow: 0px 0px 10px #fff;
font-weight:700;
}

.header_22 a{
color:#000;
font: 24px/28px 'Museo Sans Cyrl','Roboto', Arial,san sarif;
margin-left:0px;
font-weight:700;
text-shadow: 0px 0px 10px #fff;

}
.header_24 a,.header_23 a{
_color:#0283ed;
font: 14px/16px 'Museo Sans Cyrl','Roboto', Arial,san sarif;	
font-weight:700;
}

.icon_phone_header {
    width: 16px;
    height: 16px;
        color: #999;
	    background: url(../image/sprite.png) no-repeat;
		float:left;
	 background-position: -40px 0px;
	 margin:6px 6px 0px 0px;
}
.icon_mail_header {
    width: 16px;
    height: 16px;
        color: #999;
	    background: url(../image/sprite.png) no-repeat;
		float:left;
	 background-position: -60px 0px;
	 margin:6px 6px 0px 0px;;
}
.icon_map_header {
    width: 16px;
    height: 16px;
        color: #999;
	    background: url(../image/sprite.png) no-repeat;
		float:left;
	 background-position: -660px 0px;
	 margin:0px 6px 0px 0px;;
}
.icon_ch_header {
	  width: 16px;
    height: 16px;
        color: #999;
	    background: url(../image/sprite.png) no-repeat;
		float:left;
	 background-position: -80px 0px;
	 margin:0px 6px 0px 0px;
}
.vrem {
_clear:both;
padding-top:10px;	
padding:0;
font-size:13px;
font-weight:700;
}




/*-------------------/меню верхнее/----------------------------*/
.navbar-inverse .navbar-nav > li > a {
    color: #fff;
	font-weight:700 !important;
	font: 14px/20px Arial,san sarif;
	border-right:01px solid #808080;
}
.catalog_menu_2 {
font: 16px/20px ,'Roboto', Arial,san sarif;	
 font-weight:700;
}
.navbar-inverse .navbar-nav > li > a:hover {
    text-decoration:underline;
	font-weight:700;
	background:#002d99 url(../image/_yellow.png);
	_border-radius:10px;
}
.navbar-inverse .navbar-nav>.active>a{
color:#f9f9f9;	
background:#000 url(../image/_3aktiv.png);
 text-decoration:underline;
}
.navbar-inverse .navbar-nav>.active>a:hover{
background:#cb0032 url(../image/_3aktiv.png);

}
.menu_v {
	font: 14px/18px 'Trebuchet MS','Rubik', Arial,san sarif;
    letter-spacing: 0px;
    color:#fff;
    text-decoration: none;
   text-transform: uppercase;
   font-weight:700;
   padding-top:0px;
   padding-left:0px;
  
}

.brend {padding:0;}

.menuv {
background:#28166f url(../image/_1niz_zal.png);
line-height:1;	
_border-top:0px solid #000;
border:0px solid #000;
box-shadow: 0px 5px 10px rgba(0,0,0,0.5);
height:auto;

}

.menu_n {
	font: 12px/26px 'Trebuchet MS','Rubik', Arial,san sarif;
    letter-spacing: 0px;
    color:#fff;
    text-decoration: none;
   /*text-transform: uppercase;*/
   font-weight:400;
   padding-top:0px;
   padding-left:20px;
  
}
.menu_n a{color:#fff;font-weight:400;}
.menu_n a:hover{color:#cb0032;font-weight:400;text-decoration:underline}
.menu_n li{list-style:none}
.menu_n li:before {
	content:"\f0a9";
	margin-right: 10px;
	font-family: FontAwesome;
	}

.def{color:#ccc;}

.centr{
	border-radius:10px;
	_background:#fff;
	_width:100%;
	margin-bottom:20px;
}

.navbar-btn{
    margin-top: 0px;
    margin-bottom: 0px;
}
.navbar-form {
      margin-bottom: 0px;
}

.levo {
	margin:0;
}

/*  блок слайдер */
.slider_wrap{
    padding: 15px 0 0px;
    margin: 0 auto 0;
    position: relative;
    width: 100%;
    height: 350px;
    background: url(../images/slider_wrap.png) 0 0 repeat;
    z-index: 100;
}
.slider{
    padding: 0px;
    margin:0 auto;
    position: relative;
    width: 1140px;
    height: 310px;
    background-color: #fff;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    border: 1px solid #F0F0F0 ;
}
.slider img{
    width: 100%;
    height: 100%;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
}
.slider .controls{
    display: inline-block;
    margin: 0 auto;
    width: 100%;
    height: 25px;
}
.controls .numericControls {
    display: block;
    position: absolute;
    left: 50%;
    bottom: -23px;
    padding: 2px;
    width: 90px;
    margin-left: -45px;
}
.controls .numericControls li{
    margin: 0 2px;
    width: 10px; height: 10px;
    border: 2px solid #DF042B;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    float: left;
    background-color: #DF042B;
}
.controls .numericControls li.current, .controls .numericControls li:hover{
    border: 2px solid #DF042B;
    background-color: #fff;
}
.controls .numericControls li a{
    cursor :pointer!important;
    width: 8px; height: 8px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
}
.controls .numericControls li a span{
    display: none;
}
.controls .prevBtn{
    display: block;
    position: absolute;
    left: 0px; top: 156px;
    padding: 0;
    width: 27px; height: 54px;
    color: transparent;
    background: url(../images/controls_prevBtn.png) 0 0 no-repeat;
    z-index: 102;
}
.controls .nextBtn{
    display: block;
    position: absolute;
    right: 0px; top: 156px;
    padding: 0;
    width: 27px; height: 54px;
    color: transparent;
    background: url(../images/controls_nextBtn.png) 0 0 no-repeat;
}
#slider img{height:310px;}
_#slider .sl {background:#fff;font-size:14px;line-height:150%;margin-top:50px;padding-top:10px}

/* блок слайдер end */
/* header and */

/* блок слайдер тизеры */



.main {_background:#fff}



.vstavka {
	height:20px;
}

#con_text {
background: url(../image/zal-1.png);
text-shadow:none;
color:#000;
##font: 16px/20px Trebuchet MS,'Roboto', Arial,san sarif;
padding:10px 30px 30px 20px;
margin:0px 0;
border-radius:0px;

margin-left:0;
left:0;
right:0;
min-height:400px;
}
#con_text ul li{
line-height:160%;	
}


#con_text h1{
	margin-bottom:30px;
	margin-top:10px;

}
#con_text h2{
	color:#cc0033;
	margin-bottom:30px;
	margin-top:0px;
	font-family: Arial, 'Roboto', serif;
	font-size: 20px;
}

#con_text p{
	font: 20px/34px 'Museo Sans Cyrl',Trebuchet MS,'Roboto', Arial,san sarif;
	padding:0px 0px;
	color:#000;
}
#con_text .active{
	color:#cc0033;
	background:#f4f4f4;
}
/*-------------------------------*/
#con_text2 {
_background:#28166f;
text-shadow:none;
color:#fff;
##font: 16px/20px Trebuchet MS,'Roboto', Arial,san sarif;
padding:10px 30px 30px 20px;
margin:0px 0;
border-radius:0px;
margin-left:0;
left:0;
right:0;
min-height:400px;
}
#con_text2 ul li{
line-height:160%;	
}


#con_text2 h1{
	margin-bottom:30px;
	margin-top:10px;

}
#con_text2 h2{
	_color:#d9534f;
	margin-bottom:30px;
	margin-top:0px;
	font-family: 'Museo Sans Cyrl', Arial, 'Roboto', serif;
	font-size: 20px;
}

#con_text2 p{
	##font: 16px/24px Trebuchet MS,'Roboto', Arial,san sarif;
	padding:0px 0px;
}
#con_text2 .active{
	color:#cc0033;
	background:#f4f4f4;
}
/********************************/

.clear {
clear:both;
height:20px;
width:100%;	
margin-bottom:20px;
border-bottom:1px solid #ccc;
}
/********************************/

.blok1 {
	border:1px solid #fff;
	padding:20px;
margin:10px 10px;
	background:#f4f4f4;
	color:#000;
	
}
.blok2 {
	border:1px solid #fff;
	padding:20px;
	margin:10px 5px;
	background:#f4f4f4;
	color:#000;
	border-radius:10px;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
	box-shadow: 0px 5px 10px rgba(0,0,0,0.5);
}



#podmenu {
margin-bottom:5px;
float:left;
padding:5px;
margin:5px;	
}
#podmenu:before {
content: "\f152"; 
padding:0 5px;
}
.poisk{
	_background:url(../image/zal.png);
	padding:5px 20px 20px 20px;
	z-index:1000;
	margin-bottom:20px ;
	margin:10px 0;
	border-bottom:01px solid #000;
	position: relative;
	text-align:center;
	background:#FCC031;
	box-shadow: 0px 5px 10px rgba(0,0,0,0.5);
	
}


.con_text_start{
background:#f4f4f4;
text-shadow:none;
color:#000;
font: 16px/20px Trebuchet MS,'Roboto', Arial,san sarif;
padding:30px 50px;
margin-bottom:20px;
border-radius:0px;
##width:100%;
margin-left:0;
left:0;
right:0;
border-bottom:1px solid #ccc;
}

/* ------------Pagination ------------*/
.pagination a {text-decoration:underline;} /*подчеркивание ссылок*/
.pagination a:hover {text-decoration:none;} /*убрать подчеркивание ссылок при наведении*/
.pagination .ditto_currentpage {color:#fff; background-color:#cb0032; border:1px solid#6f7b1a; padding: 3px 10px; margin:10px;  font-weight:bold; } /*оформление текущей страницы: цвет текста, цвет фона, цвет и ширина границы, размер отступов, текст жирным шрифтом*/
.pagination .ditto_previous_link, .pagination .ditto_next_link{margin:0 10px;} /*отступы для ссылок «далее» и «назад»*/
.pagination .ditto_page{ padding: 2px 10px;}/* отступы для номеров страниц*/
.pagination {text-align:center;width:100%}



/*--------------низ-----*/
.sniz {
background:#fff url(../image/polosa.png);
height:100px;
width:100%;
border-top:1px solid #ccc;
border-bottom:0px solid #cc0032;
}



.niz{
background:#000 url(../image/_footer_footer.png);
background: linear-gradient(to top, #000, #808080);
min-height:200px;
 background-position: right bottom; /* Положение фона */
 background-repeat: repeat-x; /* Отменяем повторение фона */
padding-top:20px;
width:100%;
}

.copy {
	font-size:12px
	}

.footer_botom{
    padding-top: 36px;
}
.footer_botom_1{
    padding-left: 0px;
}
.footer_botom_11{
    padding: 0px;
    font: 13px/16px 'Roboto-Medium', Arial,san sarif;
    color: #2D2D2D;
    text-indent: 33px;
    text-decoration: underline;
    background: url(../image/footer_botom_11.png) 0 0 no-repeat;
}
.footer_botom_11:hover{
    cursor: pointer;
}
.footer_botom_12{
    padding: 0px;
    margin: 18px 0 0;
    font: 12px/16px 'Roboto-Medium', Arial,san sarif;
    color: #2D2D2D;
}

.footer_botom_120{
    font: 22px/28px 'Roboto', Arial,san sarif;
margin-left:0px;
color:#fff;
}
.footer_botom_121{
     font: 14px/18px  Arial,san sarif;
}


.footer_botom_2{
    padding-left: 30px;
    /*height: 95px;*/
	font-family:Trebuchet MS, 'Roboto', serif;
	font-weight:700;
	    color: #fff !important;
}
.footer_botom_21{
    width: 32px;
    height: 32px;
    float: left;
    margin: 7px 4px 10px 0px;
}
.footer_botom_210{
    width: 100%;
    height: 32px;
     background: url(../image/visa.png) 0 0 no-repeat;
	 margin: 7px 4px 10px 0px;
}




.footer_botom_22{
    background: url(../image/footer_botom_22.png) 0 0 no-repeat;
}
.footer_botom_23{
    background: url(../image/footer_botom_23.png) 0 0 no-repeat;
}
.footer_botom_24{
    background: url(../image/footer_botom_24.png) 0 0 no-repeat;
}
.footer_botom_25{
    background: url(../image/footer_botom_25.png) 0 0 no-repeat;
}
.footer_botom_3{
    padding-left: 0px;
    background: url(../image/footer_botom_3.png) 64px 2px no-repeat;
}
.footer_botom_4{
    padding-left: 0px;
    background: url(../image/footer_botom_4.png) 15px 2px no-repeat;
}
/* footer end */


.thumbs img{
	margin:5px 5px;
	border:1px solid #dce9cb;
	text-align:center;
	padding:5px;
	border-radius:0px;
	_box-shadow: 0px 5px 10px rgba(0,0,0,0.5);
	background:#eff1f4;
	/*/height:190px;*/
	}




.news_main_11{
    margin-top: 24px;
    padding: 0 0 31px;
    position: relative;
    border-bottom: 1px solid #F2F2F2;
}
.news_main_11:hover .news_main_112{
    color: #DF042B;
}
.news_main_11 img{
    padding: 0;
    margin: -12px 12px 0px 0;
    width: 69px;
    height: 69px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    float: left;
    border: 1px solid #000;
	box-shadow: 0px 5px 10px rgba(0,0,0,0.5);
}
.news_main_111 {
    padding-left: 7px;
    margin: 3px 0 10px 10%;
    font: 12px/18px 'Ubuntu', Arial, Tahoma, san sarif;
    color: #343434;
    text-align: left;
    text-indent: 12px;
    background: url(../image/news_main_111.png) 0 2px no-repeat;
}
.news_main_112 {
    padding-left: 7px;
    margin: 3px 0 10px 0;
    font: 12px/18px 'Ubuntu', Arial, Tahoma, san sarif;
    color: #343434;
    text-align: left;
    text-indent: 12px;
    background: url(../image/_news_main_111.png) 0 2px no-repeat;
}





/***********************каталог **************************/
.previous {
	margin-top:20px;
	text-align:center;
	
}
.previous span{
	margin:5px;
	
	
}
.previous a{
	margin:5px;
	padding:5px;
	border:1px #000 solid;
	background:#f4f4f4;
}


.fa_kat1 {
_float:left;
margin:0 10px;
color:#0036a9;	
}

.st_kat {
width:auto;
height:250px;
border:01px solid #f4f4f4;
text-align:center;
padding:10px;
margin:0px;
border-radius:0px;
background:#fff;
}

.st_kat_ab {
position:absolute;
width:100%;
height:100%;
margin:-10px;
background:url(../image/kat_zal.png) ;	
}
.st_kat_ab:hover {
background:none;
cursor:pointer;	
}


.nomer {
	border:1px solid #000;
	color:#000;	
	margin:1px;
	min-height:70px;
}


.katalog {
	padding:0px;
	margin-left:0px;
	 opacity: 0.5;
	 transition: 0.3s;
	 filter: alpha(Opacity=50); /* Прозрачность для IE */
	
	}
.katalog p{
	
	/*font: 14px/16px  Arial,san sarif;*/
	font-weight:700;
	}	
.katalog img{
	_height:150px;
	max-height:150px;
	padding-bottom:5px;
	border:0px solid #343434;
	border-radius:0px;
	
	}
 
.katalog:hover {
   opacity: 1;
   box-shadow: 0px 5px 10px rgba(0,0,0,0.5);
  
 }
	
.kat {
margin-right:10px;	
margin-left:5px;	
}


.kat_tovar {
width:auto;
height:320px;
border:01px solid #d8d8d8;
text-align:center;
padding:10px;
margin-right:0px;
border-radius:0px;

//background:#eff1f4;
}

.kat_tovar:hover {
background:#f9f9f9;	
box-shadow: 0px 5px 10px rgba(200,200,200,0.5);
}
.cena{
//padding-top:50px;	
position:absolute;
bottom: 20px; /* Положение от нижнего края */
left: 20px;
font: 16px/24px Arial,san sarif;
color:#fff;
background: linear-gradient(to bottom, #fdbd58 0%,#feac2b 50%,#fdbd58 51%,#feac2b 100%,#ff9e06 100%);
padding:5px;
}
.cena2{
font: 24px/28px Arial,san sarif;
color:#113366;
margin-bottom:25px;
}
.opis {
font: 18px/22px Arial,san sarif;
color:#83abca;
margin-bottom:15px;	
}

.zagol {
margin-top:5px;
text-align:center;
font-weight:700 !important;
}


.dopfoto {
margin-top:10px;	
background:#f4f4f4;
padding:0px;	
}


.theme-dropdown .dropdown-menu {
  position: static;
  display: block;
  margin-bottom: 20px;
}

.theme-showcase > p > .btn {
  margin: 25px 0;
}


.theme-showcase .navbar .container {
  width: auto;
}
.ajumbotron {
	margin-bottom:-000px;
	display:	block;
	z-index:1050;
	position: relative;
    _top: 10px;
    left: 0;
    _background:#ccc;
	width:50%;
	margin:0 auto;
    z-index: 2000;
	}
	_.nav li a{height:80px}
	
.md {
width:100%;
margin:0 ;	
border-top:0px solid #fff;
}	

.mdd {
padding: 0;
}

.fon {
_background:#d9534f;
text-shadow:none;
_border:none;	
color:#fff;

}

/*-----------------телефоны -----------*/
.ico{
font: 30px 'Roboto', Arial,san sarif;	
text-align:right;
padding-top:25px;
color:#000066;	
}

.telef {
margin-bottom:20px;
text-align:left;
padding-left:00px;	

height:auto;

}
.rad {border-radius:0;
margin-bottom: 0px;


}

.map {
    border: 01px solid #ccc;
	margin-bottom:50px;
    
}



/*-------------новости ---------------------*/

.div{
padding:15px;	
}
.div:hover {

box-shadow: 1px 1px 6px #C1BAC1;	
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.news_start {
text-align:center;
padding:20px 10px 30px 10px;	
	background:#fcc031;
	box-shadow: 1px 1px 6px #C1BAC1;	
	
}
.news_start h1{
	font-size: 63px;
	font-family: inherit;

}

.ditto_page,.ditto_currentpage {
margin:0 10px;	
}
.ditto_currentpage {
color:#ca0031;	
}


.to_top{
	position:fixed;
	top:0px;
	width:100%;
margin-bottom:0px;
	z-index:2000;

	}

.sticky {
  position: fixed;
  top: 0px;  /* если ноль заменить на число (и в скрипте тоже), то блок будет прилипать до того, как верхний край окна браузера дойдёт до верхнего края элемента. Может быть отрицательным числом. Применим, например, при фиксированном сверху меню */
  z-index: 101;
}
	
.shop-cart {
    background-color: #fff;
    border: 0px solid #888 !important;
    padding: 0px 5px !important;
    margin: 0px 0 !important;
}	
	
	
05 Single-Page Sections ------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
.table-search {
   background: rgba(0,0,0,0.9);
    border-collapse: collapse;
	
    margin: 30px auto;
   max-width: 100%;
    color: #000;
	display: table;
	font-size:0.9em;
}

.table-search td{
text-align: center;	
 padding: 5px;
}


.table-search .table-row {
    display: table-row;
	 _width: 100%;
}

.table-search .table-cell {
    border: 01px solid #ccc;
    padding: 5px;
	text-align: center;
	display: table-cell;
    vertical-align: middle;
	font-size:12px;
	font-family:'Roboto', Arial;
	text-align:center;

}

.table-search .table-cell-articul {
	width: 145px;
}

.table-search .table a {
	display: block;
}
	

table.table-search .table:hover a {
	text-decoration: underline;
}

.table-search .table-cell:nth-child(4n) {
    white-space: nowrap;
}

.table-search .table-cell:nth-child(7n) {
    width: 125px;
}

.table-search .table-cell:nth-child(7n) form {
    margin-bottom: 0;
}

.menu-button{
padding:3px;	
}
.shk-item input{
	padding:3px;
	width:80px;
}

/*-------------------------------------*/
#box {
	display:block;
	width:300px;
	height:auto;
	background:#000066;
	padding:20px;
	color:#fff;
	position:fixed;
	top:0;
	right:0;
	z-index:9000;
	margin-left:-250px;
	font-size:16px;
	font-weight:bold;
	-webkit-box-shadow: 6px 6px 7px 0px rgba(50, 50, 50, 0.24);
-moz-box-shadow:    6px 6px 7px 0px rgba(50, 50, 50, 0.24);
box-shadow:         6px 6px 7px 0px rgba(50, 50, 50, 0.24);  
	}
#box a{padding:10px;display:block;background:#fff;}
#box span{padding:10px 0px 10px 0px;}
#box p{cursor: pointer}

/*---------- FORMS ----------*/
form {
    margin-bottom: 0em;
	margin-top: 5px;
	width:100%;
}

.form input[type=text], textarea {
	width: 100%;
	padding: 1.0em;
	font-size: 1em;
	margin-bottom: 1.5em;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	
}
.form input[type=text]:focus {background:#ccc;}

.form {
	font-family: 'Roboto',Tahoma, serif;
}
.btnf {
	 padding: 10px 16px;
    font-size: 14px;
    line-height: 1.3333333;
    border-radius: 6px;
}
.form  img{
	margin-bottom:10px;
}