/* ----------------------------------------------------------------------------------------
This is the ELECTRONICTOURGUIDE.COM website CSS module. Created by Dmitry Shalnov (c)2012 STUDIO-O.COM
---------------------------------------------------------------------------------------- */

@font-face 	{ 	font-family: 'Rotonda'; 
			src: 	url('/fonts/Rotonda-Bold.ttf') format('truetype'),
				url('/fonts/Rotonda-Bold.otf') format('opentype');
			font-weight: bold;
		}

html { padding:0; margin:0; border:0; /* background-color:#73a9b5; */ min-width: 1000px; height:100%; }

body { padding:0; margin:0; border:0; color:#ffffff; min-width: 1000px; height:100%; }

td, th, div { font:16px Arial,Helvetica,'MS Sans Serif',sans-serif; }
a {color:#ffffff; text-decoration:none}
a:hover {}
a, a:active, a:focus { outline: none; outline-style: none }
a img { border-style: none }
.clear {clear:both;}
p { padding-top: 18px; font-size:21px; line-height:28px; }
.noborder { border: none !important }
span { line-height:25px; margin-top: 15px }


h1 { font: bold 65px 'Rotonda', sans-serif; letter-spacing: 2px; line-height: 65px; color: #ffffff; display:block; width: 100%; min-width: 500px; margin: 0 }
h2 { font: bold 33px 'Rotonda', sans-serif; letter-spacing: 2px; line-height: 34px; color: #ffffff; display:block; width: 100%; margin-top:45px; margin-bottom: 0 }
h3 { font-size:30px; font-weight: normal; display:block; width: 100%; margin:40px 0 0 0 }

.ucase { text-transform: uppercase }

/* ------------------------ widget ---------------------------*/

#widget			{ display:block; width: 100%; height: 100%; margin: 0; padding: 0 3px 0 0; overflow: hidden; position:relative; background: url('../img/widget/widget_bg_400.png') no-repeat right -90px;}
#widget.defcolor	{ background-color: #73a9b5 !important; }
#widget a#logo 		{ float:left; display:block; width: 127px; height: 127px; margin-right: 15px; background: url('../img/widget/widgetlogo.png') no-repeat; font-size: 0 }
#widget h1 		{ display:block; padding-top: 10px; font: bold 40px 'Rotonda', sans-serif; margin-left: 10px; letter-spacing: 2px; line-height: 35px; color: #ffffff; text-transform: uppercase }

#widget.horisontal		{ min-height:320px; min-width: 480px; width: 848px; height: 310px }
#widget.horisontal.short	{ min-width: 480px; width: 480px; background: none }

#widget.vertical		{ min-height:550px; min-width: 230px; width: 230px; height: 550px; background: url('../img/widget/widget_bg_250.png') no-repeat 0 -50px; }
#widget.vertical #total		{ margin-top: 35px }
#widget.vertical .mainlength	{ width: 100% }
#widget.vertical a#logo		{ width: 200px; height: 200px; background: none }
#widget.vertical h1		{ margin: 220px 0 0 0; font-size: 30px; letter-spacing: 1px; line-height: 30px; }

#widget.horisontal.short .day .overBox, #widget.vertical .day .overBox { margin-left: -119px}

#widget.rounded.horisontal	{ min-height:310px }
#widget.rounded			{ border-radius: 35px; padding: 15px; border: 7px #fff solid; }

#widget #total		{ margin-top: 5px }
#widget #total>div>span	{ background: none }
#widget .checkboxes	{ margin-top: 25px }

/*---------------- promo animation --------------------------*/

#promo			{ position:absolute; position: absolute; width: 242px; height: 179px; top: 10px; right: -2px; }
#widget.horisontal #promo { top: 10px }

#promo #promosequence	{ position: relative; left: 0; width: 242px; height: 179px; background: url('/img/widget/widget_seq.png') no-repeat; }

/*---------------- form submit button -----------------------*/

button 		{ width: 100%; font: bold 30px 'Rotonda', sans-serif; text-align: center; letter-spacing: 2px; text-transform: uppercase; border: none; color:#ffffff; background: #b0db19; /*padding: 0 10px 3px;*/ line-height: 30px; margin: 14px 0 0; cursor: pointer; height: 50px; border-radius: 14px; box-shadow: 0 3px rgba(0,0,0,0.3); } 
button:hover 	{ margin-top: 16px; margin-bottom: -2px; box-shadow: 0 1px rgba(0,0,0,0.3); }
button a	{ border: none; color:#dddddd; white-space: nowrap; }

/* ------------------------ form  ------------------------ */

form { font:16px Arial, Helvetica, 'MS Sans Serif', sans-serif }
.mainlength, .mainlength .cornerBox { width: 480px }
.mainlength span { font-size: 19px }
.shortlength, .shortlength .cornerBox { width: 210px } /* width: 205px */

.smalltext, p.smalltext, p.smalltext span { font-size: 13px; line-height: 17px; padding: 0 } 
.unshiftedText { margin: -10px 0 0 0 !important }
.tinytext { font-size: 14px !important; line-height: 17px !important; }
p.error { margin-left: -29px; background: url('../img/error.png') no-repeat; line-height: 19px }
p.error span { padding: 0 25px 0 30px; background: url('../img/errorarrow.png') no-repeat right; }

.turnOff { display: none; }
.turnOn { display: block; }

/*------------------------- form input ---------------------*/

input, textarea  {  border-radius: 12px; border: 0 none; resize: none; overflow: hidden; margin: 0; padding: 0 0 0 5px; background: #ffffff; width: 100%; color:#8db700; font:17px Arial, Helvetica, 'MS Sans Serif', sans-serif }
textarea { margin: 5px 0 5px 0}
input { height: 24px; line-height: 23px }
.cornerBox textarea:focus, input:focus { outline:none }

.cornerBox { position: relative; background-color:#73a9b5; margin-top: 15px }
.noBg { background: none !important }
.short { width: 205px !important }
.shorter { width: 105px !important }
.tiny { width: 50px !important }
.small { width: 65px !important }

/*
.corner { position: absolute; width: 12px; height: 12px; background: url('../img/corners.png') no-repeat; font-size: 0% }
*/
/* .input { height: 25px !important } */
/* .cornerBoxInner { padding: 0px 0px } */

/* ------------------------ form / select ---------------------- */

select { height: 25px; padding: 0; padding: 0; border:0; background: #ffffff; color:#8db700; font-size: 16px; width: 100% }
select:focus, select:active { outline: none; outline-style: none;}
.hidden { display: none; }

.selector {display: block; position: relative; height: 25px; background: #73a9b5; margin-top: 15px; cursor: pointer } 
.selector .selectorContent { border-radius: 12px; background: #fff url('../img/widget/arrow.png') no-repeat right 10px; display: none; position: absolute; height: 25px; color:#8db700; padding-left: 8px; margin: 0; line-height:25px; }
.selectorContent.short { width: 48px !important }
.selectorContent.long { width: 92px !important }
.selector.line { float:left; margin-left: 5px; margin-bottom:0; }

.bottomRadiusOff 	{ border-bottom-right-radius: 0 !important;  border-bottom-left-radius: 0 !important }
.topRadiusOff 		{ border-top-right-radius: 0 !important;  border-top-left-radius: 0 !important }

.overBox 		{ display: none; position: absolute; width: 100%; }
.month .overBox 	{ margin-top: 25px; }

.overBox a:hover 	{ width: 100%; background: #b7e521; color:#ffffff; border: 0 !important }
.overBox a.selected 	{ background: #eeeeee; border: 0 !important }

.overBoxInner 		{ border-radius: 12px; border-bottom: #60a5aa 3px solid; padding: 10px 0; display: block; background: #ffffff }
.overBoxInner a		{ display: block; width: 100%; height: 25px; background: #ffffff; color:#8db700; border: 0 !important; }
.overBoxInner a span 	{ padding-left: 8px; line-height:25px; background: none; font-size: 16px }

.isGray { color:#bbbbbb !important }

.month 	{ width: 100px }
.day	{ width: 50px }

.day { width: 55px } /* on some resized browsers could be 50 */
.day .overBox { width: 175px }
.day a { width: 35px; float:left; line-height:25px; }
.day a:hover { float:left; width: 35px; background: #b7e521; color:#ffffff; border: 0 !important; }

.singleline { height: 25px; margin-top: 15px; }
.singleline span { float:left; margin: 0; padding: 0 5px 0 0; background: #73a9b5; cursor: pointer }
.singleline .selector  { float:right; margin: 0 }
.singleline .cornerBox  { float:right; margin: 0 5px 0 0 }
.singleline .selector.day {margin: 0; border-left: #73a9b5 5px solid }

.mainlength .singleline 	{ background: url('../img/dottedline.png') no-repeat right 22px; }
.mainlength .singleline span 	{ padding-top: 5px }
.mainlength .singleline a span 	{ padding-top: 0 }

.rightspan 			{ margin-top: 50px }
.rightspan div 			{ float:right; margin-top: -40px; margin-right: -4px; background: #73a9b5; }
.rightspan span#amount 		{ float:right; font-size: 70px; line-height:68px; font-weight: bold; padding-right: 0 }
.rightspan span#amountFrac 	{ float:right; font-size: 35px; line-height:30px; margin: 32px 0 0 -2px; font-weight: bold }
.rightspan span.euro 		{ float:right; font-size: 40px; padding-left: 8px; margin-top: 33px }

.rightspanText { margin-top: 15px }
.rightspanText div { float:right; margin-top: 8px; margin-right: 0px; background: #73a9b5; border-left: 10px #73a9b5 solid; }

.nodottedline { background: none !important }

/*------------------------ checkboxes and radiobuttons ---------------------*/

.radiobutton, .checkbox { display: block; position: relative; height: 25px; }
.radiobutton a 	{ display: none; position: absolute; left: 0; top: 0; border: none !important; position: absolute; width: 25px; height: 25px; background: url('../img/widget/radiobutton.png') 0 0 no-repeat }
.checkbox a { display: none; position: absolute; left: 0; top: 0; border: none !important; position: absolute; width: 25px; height: 25px; background: url('../img/widget/checkbox.png') 0 0 no-repeat }

label { height: 25px; padding: 0 10px 0 25px; margin-right: 10px; line-height:25px }
label input { height: 15px; width: 15px; float: left; margin-top: 6px } 
label.nomargin { margin-right: 0 !important; padding-right: 5px !important }
.aftercheckbox { white-space: nowrap; padding: 0; margin: 0; line-height:25px }

.singleline .checkbox, .singleline .radiobutton { float: left }
.severallelines .checkbox, .severallelines .radiobutton { margin: 5px 0; height: auto !important }

/*-------- special glossy devices fetishist's apendix ---------*/
/*
@media screen and (max-device-width: 480px), screen and (-webkit-min-device-pixel-ratio: 2) {

	body { -webkit-text-size-adjust: none }
	input, textarea { border:none; background: #ffffff url('../img/transparent.gif') }

	.cornerBox.input, .input .corner, .noartificialrounds { background: none !important }
	input, textarea { -moz-border-radius: 12px; -webkit-border-radius: 12px; height: 22px; padding: 2px 0 2px 5px;  border:none; background: #ffffff url('../img/transparent.gif') }
	.cornerBoxInner { padding: 0px 0px 2px 0px }

	.tiny.input, .small.input { background: #73a9b5 !important; margin: 0; padding: 0 0 0 10px; width: 50px !important }

	.singleline { height: 25px !important; background-position: 0 22px !important }
	.singleline .cornerBoxInner { margin: 0; padding: 0; }
	.mainlength .singleline span { padding-top: 4px }

	.selector.day { margin: 0 -5px 0 0 !important; width: 55px !important; border-left: #73a9b5 5px solid }
	.selector.city { margin: 15px -5px 0 0 !important }

	#rentofficetable .cornerBox input { opacity: 100%; width: 15px; height: 15px; -moz-border-radius: 7px; -webkit-border-radius: 7px; border: #bee833 1px solid  }
	#rentofficetable .cornerBox input a { display: none }

}
*/