@font-face {
	font-family: 'Play';
	font-style: normal;
	font-weight: 400;
	src: local('Play'), local('Play-Regular'), url('../fonts/play.woff') format('woff'), url('../fonts/play.ttf') format('truetype');
}

body {
	padding: 10px 0px 0px 0px;
	margin: 0px;
	font-family: 'Play', Verdana, Arial, Tahoma, Geneva, Helvetica, sans-serif; 
	color: #746f6a;
	font-size: 98%;
}

.topblock {
	padding: 0px;
	margin: 0px;
	width: 100%;
	border: 0px #bb0000 solid;
	position: relative;
	top: 0px;
	left: 0px;
}

.l2 {
	position: absolute;
	bottom: 0px;
	background: #000;
	width: 100%;
	float: left;
	background: url('../images/fon1.png');
	text-align: center;
	padding: 0px 0px 25px 0px;
}

.l2 .center a, .l2 .center a:Link, .l2 .center a:Visited { 
	font-size: 19px; 
	color: #ffffff;
	TEXT-DECORATION: none;
	padding: 0px 30px 5px 20px;
	white-space: pre;
}

.l2 .center a:Hover {
	text-decoration: none;
	color: #c4c4c4;
}

.center .tr2 {
	background: url('../images/fon_treug2.png') no-repeat;
	background-position: bottom center;
	width: 100%;
	height: 22px;
	padding: 0px;
	margin: 0px;
	position: relative;
	top: -22px;
	margin-bottom: -22px;
	z-index: 1;
}

@media only screen and (max-width : 240px) {

a.flink { 
	font-size: 150%;
}

#bronir { 
	font-size: 130%; 
}

.tel  a { 
	font-size: 150%; 
	color: #000000;
}

}

@media only screen and (min-width : 241px) {

.l .center div  a {
	font-size: 130%;
}

a.flink { 
	font-size: 170%;
}

#bronir { 
	font-size: 150%; 
}

.tel  a { 
	font-size: 160%; 
	color: #000000;
}

} /*end*/

@media only screen and (max-width : 280px) {

.topb {
	height: 440px;
}

} /*end*/

@media only screen and (min-width : 280px) {

.topb {
	height: 440px;
}

} /*end*/

@media only screen and (max-width : 639px) {

html, body {
	font-size: 90%;
}

.topblock {
	height: 620px;
}

.l .center div {
	position: absolute;
	top: 290px;
}

.l .center div  a {
	font-size: 120%;
	margin: 3px 5px 3px 5px;
	padding: 1% 2% 1% 2%;
	background: url('../images/fon1.png');
	float: left;	
}

.but {
	margin-bottom: 20px;
}

.otzividx {
	width: 90%;
	padding: 4%;
	margin: 4px 4px 10px 4px;
}

img.f1, img.f2 {
	width: 96%;
	float: left;
	padding: 0px;
	margin: 6px 0px 0px 0px;
}

img.ramkafixid, img.ramkafixidvert {
	width: 96%;
	position: relative;
	right: 3%;
}

img.ramkafixid2, img.ramkafixidvert2 {
	width: 96%;
	position: relative;
	left: 1%;
}

.centerInf, .centerContent {
	width: 98%;
	position: relative;
	left: 50%;
	margin-left: -50%;
	display: block;
	clear: both;
	text-align: left;
	padding-left: 2%;
	padding-bottom: 10%;
}

.l .center div.left a, .l2 .center a {
	display: block;
}

.tel {
	text-align: center;
	position: absolute;
	left: 10%;
	top: 110px;
	z-index: 10;
	background: #ffffff;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	-khtml-border-radius: 15px;
	padding: 9px;
	opacity: 0.7;
}

.informBlock {
	width: 92%;
	height: auto;
	padding: 0px;
	margin: 10px 0px 0px 0px;
	display: inline;
	float: left;
	text-align: center;
	position: relative;
	left: 2%;
	top: 15px;
	z-index: 1;
	background: #ffffff;
	background-position: top center;
}

.informBlock:last-child {
	padding-bottom: 10%;
}

.informBlock p {
	padding: 0px 2% 6% 2%;
	margin: 7px 0px 5px 0px;
	line-height: 1;
}

} /*end*/

@media only screen and (min-width: 640px) {
	
.center {
	width: 99%;
	position: relative;
	left: 0%;
	display: block;
	clear: both;
}

.topblock {
	height: 500px;
}

.l .center div  a {
	font-size: 110%;
	margin: 3px 5px 3px 5px;
	padding: 0.3% 0.7% 0.4% 0.7%;
	line-height: 2.2;
}

.tel {
	text-align: right;
	width: 500px;
	position: absolute;
	left: 50%;
	margin-left: -240px;
	top: 40px;	
}

.tel  a { 
	font-size: 140%; 
	color: #09546d;
}

.informBlock {
	width: 26%;
	height: auto;
	padding: 0px 0px 35px 0px;
	margin: 0px 0px -4% 0px;	
	display: inline;
	float: left;
	margin-right: 2%;
	text-align: center;
	position: relative;
	left: 9%;	
	bottom: -1px;
	z-index: 1;
	background: #ffffff;
	background-position: top center;
}

.informBlock p {
	padding: 0px 5% 5% 5%;
	margin: 7px 0px 0px 0px;
	font-size: 78%;
	line-height: 1;
}

.otzividx {
	width: 26%;
	padding: 14px;
	margin: 14px 1% 14px 1%;
	font-size: 90%;
}

#povor-l {
	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	transform: rotate(-3deg);
	position: relative;
	z-index: 10;
	top: 60px;
}

#povor-r {
	-webkit-transform: rotate(3deg);
	-moz-transform: rotate(3deg);
	-o-transform: rotate(3deg);
	-ms-transform: rotate(3deg);
	transform: rotate(3deg);
	position: relative;
	z-index: 10;
	top: 60px;
}

#povor-l, #povor-r {
	padding-bottom: 10px;
}

.idxmap {
	width: 48%;
	float: left;
	display: inline;
}

.idxmap:nth-child(2) {
	padding: 0px 2% 0px 10%;
}

} /*end*/

@media only screen and (min-width: 640px) and (max-width : 1023px) {
	
.centerInf, .centerContent {
	width: 98%;
	position: relative;
	left: 50%;
	margin-left: -50%;
	display: block;
	clear: both;
	text-align: left;
	padding-left: 2%;
}

.topb {
	height: 390px;
}

img.f1 {
	width: 40%;
	float: right;
	padding: 0px 0px 0px 10px;
	margin-top: 6px;
}

img.f2 {
	width: 40%;
	float: left;
	margin-top: 6px;
	padding: 0px 10px 0px 0px;
}

img.ramkafixid, img.ramkafixidvert {
	width: 40%;
	position: relative;
	right: 1%;
}

img.ramkafixid2, img.ramkafixidvert2 {
	width: 40%;
}

}/*end*/

@media only screen and (min-width : 768px) {

.informBlock p {
	padding: 0px 5% 5% 5%;
	margin: 7px 0px 0px 0px;
	font-size: 93%;
	line-height: 1.1;
}

}

@media only screen and (max-width : 1023px) {

#toTop {
	width: 20%;
	height: 20%;
	background: url('../images/up.png') no-repeat;
	background-size: contain;
	position: fixed;
	bottom: 20%; 
	left: 10px;
	cursor: pointer;
	display: none;
	z-index: 100;
	opacity: 0.4;
}

.ptica {
	display: none;
}

}

@media only screen and (min-width : 1024px) {

.center {
	width: 1000px;
	position: relative;
	left: 50%;
	margin-left: -500px;
	display: block;
	clear: both;
}

.centerInf, .centerContent {
	width: 940px;
	position: relative;
	left: 50%;
	margin-left: -470px;
	display: block;
	clear: both;
	text-align: justify;
	padding: 0px 15px 20px 15px;
}

.ptica {
	display: block;
}

.l2 .center a:nth-last-child(1n+2) {
	background: url('../images/point.png') no-repeat;
	background-position: center right;
}

img.f1 {
	width: 320px;
	height: 210px;
	float: right;
	padding: 0px 0px 0px 10px;
	margin-top: 6px;
}

img.f2 {
	width: 320px;
	height: 210px;	
	float: left;
	margin-top: 6px;
	padding: 0px 10px 0px 0px;
}

img.ramkafixid, img.ramkafixid2 {
	width: 400px;
	height: 250px;
}

img.ramkafixidvert, img.ramkafixidvert2 {
	width: 325px;
	height: 450px;
}

.topb {
	height: 390px;
}

#toTop {
	width: 128px;
	height: 128px;
	background: url('../images/up.png') no-repeat;
	position: fixed;
	bottom: 50px; 
	left: 10px;
	cursor: pointer;
	display: none;
	z-index: 100;
	opacity: 0.4;
}

} /*end*/
/*----------------*/

.hidden{
	opacity:0;
}
.visible{
	opacity:1;
}

a.b, a.b:Link, a.b:Visited { 
	font-size: 130%; 
	color: #09546d;
	TEXT-DECORATION: none;
	padding: 2% 4% 2% 4%;
	border: 2px #9dc5cc solid;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	background: #ffffff;
	width: auto;
	margin-bottom: 15px;
	margin-left: 5%;
	display: block;
	float: left;
	-webkit-transform: rotate(3deg);
	-moz-transform: rotate(3deg);
	-o-transform: rotate(3deg);
	-ms-transform: rotate(3deg);
	transform: rotate(3deg);
	white-space: pre;
	position: relative;
	z-index: 1000;
}

a.b:Hover {
	text-decoration: none;
	color: #000000;
	background: #ffffff;
	opacity: 0.5;
}

a.b2, a.b2:Link, a.b2:Visited { 
	font-size: 19px; 
	color: #ffffff;
	TEXT-DECORATION: none;
	padding: 8px 12px 8px 12px;
	border: 2px #ffffff solid;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	width: 140px;
	white-space: pre;
	position: relative;
	z-index: 100;
	line-height: 2.5;
}

a.b2:Hover {
	text-decoration: none;
	color: #000000;
	background: #ffffff;
	opacity: 0.5;
}

a.b2-2, a.b2-2:Link, a.b2-2:Visited { 
	font-size: 22px; 
	color: #000000;
	TEXT-DECORATION: none;
	padding: 8px 12px 8px 12px;
	border: 2px #000000 solid;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	width: 140px;
	white-space: pre;
	position: relative;
	z-index: 100;
}

a.b2-2:Hover {
	text-decoration: none;
	color: #000000;
	background: #000000;
	opacity: 0.5;
}

.l {
	width: 100%;
	height: auto;
	/*margin-top: 20px;*/
	background: url('../images/fon22.png');
	text-align: center;
}

.l-inf {
	width: 100%;
	background: #ffffff;
	display: black;
	clear: both;
	position: relative;
	z-index: 10;
	padding-top: 10px;
}

.l-s-voln {
	width: 100%;
	background: #f5f5f5;
	display: black;
	clear: both;
	position: relative;
	z-index: 10;
}

.l-s-voln .centerInf p {
	text-align: center;
}

.l-s-voln .centerInf .sv {
	text-align: center; 
	padding: 0px 10% 0px 10%;
}

.l-foto-prjm .centerInf h3 {
	color: #ffffff;
}

.l-foto-prjm .centerInf  {
	text-align: center;
}

.l-foto-prjm .centerInf .fp {
	color: #ffffff; 
	text-align: center; 
	padding: 0px 4% 0px 4%px;
}

.l-foto-prjm .centerInf .fp2 {
	color: #ffffff; 
	background: url('../images/fon2.png');
	text-align: center; 
	margin: 0px 5% 10px 5%;
	padding: 3%;
	border: 0px #ffffff solid;
	border-radius: 14px;
	-moz-border-radius: 14px;
	-webkit-border-radius: 14px;
	-khtml-border-radius: 14px;
}

.l-foto-prjm {
	width: 100%;
	float: left;	
	padding: 0px;
	margin: 0px;
	position: relative;
	z-index: 10;
	display: black;
	clear: both;
}

.l3 {
	position: relative;
	top: 50px;
}

.tel h3 {
	padding: 0px;
	margin: 0px;
	font-size: 145%;
	font-weight: normal;
	text-transform: uppercase;
	font-family: Cambria;
	color: #09546d;
	padding-right: 5%;
}

.tel  a, .tel a:Link, .tel a:Visited { 
	line-height: 1.1;	
	text-decoration: none;
	display: block;
}

.tel a:Hover {
	text-decoration: none;
	color: #000000;
}

.tel2 {
	text-align: center;
}

.tel2  a, .tel2 a:Link, .tel2 a:Visited { 
	color: #09546d;
	font-size: 140%;
	line-height: 1.1;	
	text-decoration: none;
	margin-right: 7%;
	margin-left: 7%;
	white-space: pre;
}

.tel2 a:Hover {
	text-decoration: none;
	color: #000000;
}

.centerInf h1, .centerContent h1 {
	font-size: 25px;
	color: #000000;
	padding: 0px;
	margin: 10px 0px 0px 0px;
}

.centerInf h2, .centerContent h2 {
	font-size: 22px;
	color: #000000;
}

.centerInf h3, .centerContent h3 {
	font-size: 22px;
	color: #000000;
	text-align: center;
	padding: 10px 0px 10px 0px;
	margin: 0px;
	text-transform: uppercase;
}

.centerInf h4, .centerContent h4 {
	font-size: 110%;
	padding: 0px;
	margin: 0px 0px 0px 0px;
}

.l-inf h3 {
	font-size: 22px;
	color: #000000;
	text-align: center;
	padding: 10px 0px 10px 0px;
	margin: 0px;
	text-transform: uppercase;
	position: relative;
	top:
} 

.informBlock img {
	width: 100%;
	padding: 0px;
	margin: 0px;
	position: relative;
	z-index: 1;
}

.informBlock h4 {
	font-size: 120%;
	line-height: 0.9;
	text-align: center;
	font-weight: bold;
	padding: 30px 0px 3px 0px;
	margin: 0px 0px -15px 0px;
	border-bottom: 1px #eae8e6 solid;
	background: url('../images/tr.png') no-repeat;
	background-position: top center;
	position: relative;
	top: -15px;
	z-index: 10;	
}

.informBlock a.b {

	margin-bottom: 15px;
	margin-top: 4px;
}

.informBlock b, .informBlock strong {
	text-align: center;
	font-size: 160%;
	color: #000000;
	display: block;	
	margin-top: 10px;
}

.centerInf b, .centerInf strong, .centerContent b, .centerContent strong  {
	font-weight: normal;
	color: #000000;
}

.centerContent  a, .centerContent a:Link, .centerContent a:Visited { 
	text-decoration: underline;
	color: #000000;
}

.centerContent a:Hover {
	text-decoration: none;
	color: #c4c4c4;
}

.left {
	width: 100%;
	height: auto;
	padding: 10px 0px 0px 0px;
	display: block;
	clear: both;
	position: absolute;
}

.l .center p {
	padding: 0px;
	margin: 0px;
	text-align: center;
	width: 100%;
}

.l .center p img {
	border: 2px #d2d0d0 solid;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	-khtml-border-radius: 20px;
	width: 20px;
	height: 20px;
}

.l-foto-prjm .tr-t {
	background: url('../images/fon_treug3-1.png') no-repeat;
	background-position: top center;
	width: 100%;
	height: 30px;
	padding: 0px;
	margin: 0px;
	position: relative;
	top: 0px;
	z-index: 1;
}

.l-s-voln .tr-t {
	background: url('../images/fon_treug4.png') no-repeat;
	background-position: top center;
	width: 100%;
	height: 30px;
	padding: 0px;
	margin: 0px;
	position: relative;
	top: -30px;
	margin-bottom: -30px;
	z-index: 10;
}

.l-s-voln .tr-b {
	background: url('../images/fon_treug4-2.png') no-repeat;
	background-position: top center;
	width: 100%;
	height: 30px;
	padding: 0px;
	margin: 0px;
	position: relative;
	bottom: 0px;
	z-index: 1;
	display: block;
	clear: both;
}

.l .center div  a, .l .center div a:Link, .l .center div a:Visited { 
	color: #ffffff;
	white-space: pre;
	border: 2px #ffffff solid;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	-khtml-border-radius: 20px;
	text-decoration: none;
}

.l .center div a:Hover {
	text-decoration: none;
	color: #ffffff;
}

#toTop:hover { opacity: 1.0; }

.fixed {
	position: fixed;
	top: 0px; 
	left: 0px;
	width: 100%;
	z-index: 100;
	background: url('../images/fon1.png');
	text-align: center;
	padding: 4px 0px 4px 0px;
}

.fixed a, .fixed a:Link, .fixed a:Visited { 
	font-size: 15px; 
	color: #ffffff;
	TEXT-DECORATION: none;
	padding: 0px 12px 0px 12px;
}

.fixed a:Hover {
	text-decoration: none;
	color: #c4c4c4;
}

.otzividx {
	background: #ffffff;
	display: inline;
	float: left;
	text-align: justify;
	position: relative;
	z-index: 1;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
}

.but {
	float: left;
	position: relative;
	z-index: 1;
	width: 35%;
	margin-top: 4px;
}

.otzividx:after {
	clear: both;
	display: block;
}

.otzividx b.name, .otzividx strong.name {
	text-align: center;
	display: block;
	padding-bottom: 3px;
}

.otzividx b.date, .otzividx strong.date {
	text-align: center;
	display: block;
	padding-bottom: 3px;
	margin-bottom: 7px;
	font-weight: normal;
	font-size: 12px;
	color: #996633;
	border-bottom: 1px #eae8e6 solid;
}

.ptica {
	width: 230px;
	height: 46px; 
	float: left; 
	clear: both;
	position: relative;
	left: 200px;
	top: 170px;
	background: url('../images/ptica.gif') no-repeat;
	background-size: 197px 39px;	
}

.footer {
	min-height: 180px;
	font-size: 13px;
	line-height: 1.3;
}

.footer  b {
	color: #000000;
	display: block;
	line-height: 0.9;
}

.footer  div {
	display: inline;
	float: left;
	padding-right: 40px;
	margin-bottom: 15px;
}

.link  a, .link  a:Link, .link  a:Visited { 
	font-size: 14px; 
	color: #000000;
	TEXT-DECORATION: none;
	display: block;
	padding: 0px 0px 0px 11px;
	background: url('../images/point.png') no-repeat;
	background-position: 0% 70%;
}

.link  a:Hover {
	TEXT-DECORATION: underline;
	color: #c4c4c4;
}

.link2 {
	float: left;
	clear: both;
	padding: 0px;
	margin: 0px;
}

.link2  a, .link2  a:Link, .link2  a:Visited { 
	font-size: 13px; 
	color: #000000;
	TEXT-DECORATION: underline;
}

.link2  a:Hover {
	text-decoration: none;
	color: #c4c4c4;
}

a.flink, a.flink:Link, a.flink:Visited { 
	color: #000000;
	TEXT-DECORATION: none;
	display: block;
}

a.flink:Hover {
	text-decoration: none;
	color: #c4c4c4;
}

.topmail {
	display: none;
}

#menu  a {
	line-height: 1.9;
}

#bronir {
	display: none;
	position: fixed;
	bottom: 0px; 
	left: 0px;
	width: 100%;
	z-index: 100;
	background: url('../images/fon1.png');
	text-align: center;
	padding: 1% 0px 1% 0px;
}

#bronir  a, #bronir  a:Link, #bronir  a:Visited { 
	color: #ffffff;
	white-space: pre;
	TEXT-DECORATION: none;
	line-height: 1.8;
	margin-right: 4%;
	margin-left: 2%;
}

#bronir  a:Hover {
	text-decoration: none;
	color: #c4c4c4;
}

.small {
	overflow: hidden;
	height: 420px;
	padding-bottom: 10px;
}

.listR  {
	margin: 0px;
	text-align: right;
	line-height: 0.8;
}

.listR a, .listR a:Link, .listR a:Visited { 
	COLOR: #000000; 
	font-size: 11px; 
	TEXT-DECORATION: underline;
	font-style: normal;
	font-family: Tahoma;
}

.listR a:Hover {
	COLOR: #c4c4c4; 
	text-decoration: none;
}

#menu {
	display: none;
}

.questbook {
	float: left;
	width: 80%;
	padding: 0px 3% 0px 3%;
	border: #f5f5f5 4px solid;
	color: #000000;
	margin: 0% 2% 0% 2%;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	-khtml-border-radius: 20px;
}

.questbook textarea {
	width: 100%;
	height: 90px;
	background: #e9eaeb;
	font-size: 13px;
	color: #000000;
}

.questbook input {
	height: 23px;	
	background: #e9eaeb;
	border: 1px #74694d solid;
	font-size: 13px;
	color: #000000;
	padding: 1px 4px 1px 4px;
}

.otziv {
	width: 83%;
	border: #f5f5f5 4px solid;
	margin: 0% 2% 0% 2%;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	-khtml-border-radius: 20px;
	padding: 1.5%;
	margin-bottom: 15px;
}

#code {
	width: 90px;
	height: 40px;
	background: #e9eaeb;
	border: 3px #bb0000 solid;
}

#keystring {
	width: 60px;
	height: 45px;
	background: #e9eaeb;
	border: 3px #bb0000 solid;
}

.cp {	
	font-family: Verdana;
	font-size: 21px;
	margin-top: 20px;
	width: 100%;
}

.cp div {
	display: inline;
	float: left;
	margin-right: 2%;
	margin-bottom: 2%;
}

.cp div.rez {
	display: none;
	width: 70%;
}

.cp .rez div {
	height: 40px;
}

.cp div.chel {
	width: 25px;
	height: 25px;
	background: #e9eaeb;
	display: inline;
	float: left;
	border: 3px #bb0000 solid;
	background-position: right bottom;
	margin-right: 10px;
	position: relative;
	top: 6px;
}

.cp div.chel:hover {
	opacity: 0.4;
	ilter:alpha(opacity=40); 
	-moz-opacity: 0.4; 
	-khtml-opacity: 0.4; 
}

.cp button {
	background: #e9eaeb;
	padding: 3px 11px 3px 11px;
	color: #000000;
	border: 2px #000000 solid; 
	text-decoration: none;
	font-family: Verdana;
	font-size: 19px;
	position: absolute;
}
.cp button:hover {
	opacity: 0.8;
}

.cp button:focus {
	border: 2px #c4c4c4 solid;
}

.cp div a, .cp div a:Link, .cp div a:Visited {  
	TEXT-DECORATION: none;
	color: #000000;	
	font-size: 11px;
	font-style: normal;
	position: relative;
	top: 5px;
	left: 3px;
	margin-bottom: 5px;
	padding-top: 5px;
	line-height: 1.1;
}

.cp div a:Hover {
	text-decoration: underline;
	color: #decab2;
}

img.ramkafixid, img.ramkafixidvert {
	margin: 5px 0px 0px 2%;
	float: right;
}


img.ramkafixid2, img.ramkafixidvert2 {
	margin: 5px 2% 0px 0px;
	float: left;
}

#topback, #topback2 {
	display: none;
}

.pd {
	position: fixed;
	bottom: 0px;
	left: 50px;
	width: auto;
	max-width: 280px;
	padding: 10px 2% 30px 2%;
	margin: 0px;
	background: #ffffff;
	z-index: 1000;
}

.pd  p {
	font-size: 12px;
	line-height: 1.2;
}

.pd  div {
	font-size: 14px;
	line-height: 1.0;
	background: #c4c4c4;
	color: #000000;
	float: left;
	padding: 10px 20px 10px 20px;
	border-radius: 4px;
	cursor: pointer;
}

#callme {
	width: 220px;
	padding: 0px 10px 10px 10px; 
	display:none;
	background: #FFF;
	border-radius: 5px; 
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 0px 0px 4px rgba(0,0,0,0.7); 
	-webkit-box-shadow: 0 0 4px rgba(0,0,0,0.7); 
	-moz-box-shadow: 0 0px 4px rgba(0,0,0,0.7);
}

#callme p { color: #666; text-shadow: none; font-size: 1.4em;}
#callme h3 { color: #04aeda; font-size: 18px; padding: 0px; margin: 0px;}

#callme button {
	float: right;
	margin-left: 8px;
	background: #04aeda; 
	border: none;
	width: auto;
	overflow: visible;
	font-size: 100%;
	color: #FFF;
	padding: 7px 10px;  
	border-radius: 4px; 
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px; 
	font-weight: bold; 
	text-shadow: 0 1px 0 rgba(0,0,0,0.4);
}

#callme button:hover { opacity: 0.7; }

#callme .txt-fld { margin-bottom: 0px; }
#callme .txt-fld label { display: block; float: left; width: 290px; padding-top: 8px; font-size: 1.1em; text-align: left; color: #666;}
#callme .txt-fld input { width: 200px; padding: 8px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; font-size: 1.2em; color: #222; background: #F7F7F7; outline: none; border-top: 1px solid #CCC; border-left: 1px solid #CCC; border-right: 1px solid #E7E6E6; border-bottom: 1px solid #E7E6E6; }
#callme .txt-fld textarea { width: 200px; height: 120px; padding: 8px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; font-size: 1.0em; color: #222; background: #F7F7F7; outline: none; border-top: 1px solid #CCC; border-left: 1px solid #CCC; border-right: 1px solid #E7E6E6; border-bottom: 1px solid #E7E6E6; } 