@import "reset.css";
body { font-family: Tahoma, Geneva, sans-serif; font-size:14px; line-height:18px;color:#515151;text-align:left; background:#fff; padding:0; margin:0; width:100%; height:100%}


a       { color:#ff4c00; text-decoration:underline; cursor:pointer; outline:none; font-family: Tahoma, Geneva, sans-serif};
a:link  { text-decoration:underline;}
a:hover { text-decoration:none;}
a:active{ text-decoration:underline;}


.clear  {clear:both;}
.left{ float:left}
.right{ float:right}
.red { color:#FF0000;}
.black{ color:#000000}


.grid_1{ width:590px}
.grid_2{ width:330px}
.grid_3{ width:300px}
.grid_4{ width:240px}
.grid_5{
	width:520px
}
.grid_6{ width:185px}
.grid_7{ width:466px}
.grid_8{ width:445px}



.left_20{ margin-left:20px}
.right_5{ margin-right:7px}
.right_20{ margin-right:20px}
.right_30{ margin-right:30px}
.bot_10{ margin-bottom:10px}
.left_73{ margin-left:73px}

.up{ text-transform:uppercase}
.underline{ text-decoration:underline}
.top{ min-height:100px; background:#fff url(../images/bg_top.jpg) top no-repeat; padding-bottom:20px}
.midle{ background-color:#eff3f3; padding-bottom:20px;}
.footer{ min-height:180px; background:#fff url(../images/bg_foot.jpg) bottom no-repeat}
.centr{ width:960px; margin:0 auto;}
.top_menu{ height:80px;}
a.logo{ display: block; width:400px; height:77px; background:url(http://www.educationaltourism.org/images/logo.html) top no-repeat; margin-top:25px}

h5{ text-transform:uppercase; font-size:25px; color:#fff; text-align:center; padding:10px 0px; z-index:1000; position:relative; opacity:1!important; background:url(http://www.educationaltourism.org/images/opa.html) top repeat}
h5 span{ color:#fae604;}
 
 
h1{ font-size:35px; color:#000; font-weight:normal; font-family:Times New Roman; padding:25px 0px 20px 0px ; line-height:35px}
h1 span{ display:block; padding-left:50px; background:url(../images/bg_h1_span.jpg) left top no-repeat; height:30px}
 
h3{ color:#222121; font-size:24px; padding:20px 0px }
 
.text strong{ text-transform:uppercase; text-decoration:underline; font-size:14px; font-family:"Times New Roman"; display:block; padding-bottom:2px; color:#000}
.photo{    border:7px solid #e9e9e9;}

.photo_white{  border:7px solid #fff;}
 
.read_more{ margin-top:17px; display:block; width:108px}
 
.bg_data{ color:#fff; text-align:center; background:url(../images/bg_data.gif) top no-repeat; width:42px; height:48px; margin-top:4px; padding-bottom:10px}
.bg_data big{ font-size:24px; color:#000; padding-top:4px; display:block}
 
 ul.list{ display:block;}
 ul.list li{ padding-left:30px; background:url(../images/bg_list.jpg) left 50% no-repeat; line-height:30px}
 ul.list li a{ color:#0b6197}
 
.footer_links a img{ margin-right:10px} 
.footer_menu { text-align:center;}
.footer_menu  a{ font-size:14px; text-transform:uppercase; color:#2c6284; margin:0 20px; text-decoration:none}
.footer_menu a:hover{ text-decoration:underline}
.footer{ margin-top:20px}

/* -----------------------------------------------------------------------------*/ 

#contact_form td{ color:#515151; padding-bottom:2px; vertical-align:top}
.sub{font-size:14px; text-transform:uppercase; text-decoration:underline; line-height:18px; cursor:pointer; border:0; background:none; color:#606060; background:url(http://www.educationaltourism.org/images/bg_submit.html) left no-repeat; display:block; width:109px; height: 30px; font-family:"Times New Roman"; font-weight:bold; text-decoration:none }
	.sub:hover{ text-decoration:underline}

	
.input_contact{background-color:#fdfefe;
	width:360px;
	height:30px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#515151;
	border:1px solid #bfbfbf;
	margin-bottom:6px}
	
.textarea_contact{background-color:#fdfefe;
	width:360px;
	height:220px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#515151;
	border:1px solid #bfbfbf;margin-bottom:4px; line-height:22px}
	
.select{background-color:#fdfefe;
	width:150px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#515151;
	border:1px solid #bfbfbf;}

	
/* -----------------------------ANIMA-----------------------------------------------*/ 
#anima { height:80px}
#anima a{display: block; text-decoration: none; float:left;  width:157px; margin-right:1px; background:url(../images/bg_a.png) top repeat; height: 60px; padding-top:25px; position: relative; }
#anima a span{ position:relative; z-index:99;}
#anima a strong{ font-size:16px; color:#000;font-family:Times New Roman; font-size:24px;padding-left:10px; font-weight:normal;  line-height:26px; z-index:100}
#anima a small{ padding-left:10px; color:#5e5e5e; font-size:16px; line-height:20px; font-family:Times New Roman; }
#anima a b{ display:block; background-position: center top; background-repeat:no-repeat; width:157px; padding-top:5px; height:5px; position: absolute; top:0; z-index:0; }

#anima a:hover strong, #anima a.act strong{ color:#fff;}
#anima a:hover small, #anima a.act small{ color:#fff;}

#anima a b.bg_1{ background-color: #ff4c00; }
#anima a b.bg_2{ background-color: #fc7d16; }
#anima a b.bg_3{ background-color: #f9bc30; }
#anima a b.bg_4{ background-color: #4aa045; }
#anima a b.bg_5{ background-color: #47915c; }
#anima a b.bg_6{ background-color: #23a2b5; }

#anima a.act b{ height:80px}


/* ----- script begin ----- */



.ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; }
.ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative;  }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .1em 0; } 
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; }
.ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }



/* ----- text style start ----- */
.style5 {
	color: #FF4C00;
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: bold;
	font-size: 14px;
	line-height: normal;
}
a.style5:active{
	font-size:14px;
	color:#DB9000;
	text-decoration:underline;
	background-color: #000;
}
a.style5:visited{
	font-size:14px;
	color:#8CAC23;
	text-decoration:underline;
	background-color: #000;
}
a.style5:hover{
	font-size:16px;
	color:#FFF;
	text-decoration:none;
	background-color: #F30;
	font-weight: bold;
}
.ya {
	color: #000;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	line-height: normal;
}

.ya-bold {
	color: #000;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	line-height: normal;
	font-weight: bold;
}

.black {
	color: #333;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
	line-height: normal;
	font-style: normal;
	text-decoration: none;
	
}

.red {
	color: #900;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
	line-height: normal;
}
.heading{
	color: #FF4C00;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 24px;
	line-height: normal;
	font-weight: bold;
	text-decoration: none;
}

.heading1{
	color: #FF4C00;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
	line-height: normal;
	font-weight: bold;
	text-decoration: none;
}

td{ font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:13px;
color:#2A1B06;
text-align:justify;
}

.title{ font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:10px;
color:#489709;
font-weight:bold;
}

.sub-title{ font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:18px;
color:#489709;
font-weight:bold;
}

.sub1-title{
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FF9714;
	font-weight:bold;
}

.sub2-title{ font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:18px;
color:#FF9714;
font-weight:bold;
}

.index-box{ font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:11px;
color:#6d6f6c;
font-weight:none;
}

.subtitle{ font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:18px;
color:#AA3400;
font-weight:bold;
}

a{ font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:13px;
color:#07519A;
text-decoration:none;
}
a:hover{ font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:13px;
color:#07519A;
text-decoration:underline;
}


a.tour{ font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:13px;
color:#ffffff;
text-decoration:none;
}
a.tour:hover{ font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:13px;
color:#ffffff;
text-decoration:none;
}

a.package{ font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:18px;
color:#000000;
text-decoration:underline;
}
a.package:hover{ font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:18px;
color:#AA3400;
text-decoration:none;
}



a.booking{ font-family:Tahoma,Arial, Helvetica, sans-serif;
font-size:15px;
color:#d71635;
font-weight:bold;
text-decoration:none;
}
a.booking:hover{ font-family:Tahoma,Arial, Helvetica, sans-serif;
font-size:15px;
color:#d71635;
font-weight:bold;
text-decoration:underline;
}

a.toplinks{ font-family:Tahoma,Arial, Helvetica, sans-serif;
font-size:12px;
color:#2a1b06;
font-weight:bold;
text-decoration:none;
}
a.toplinks:hover{ font-family:Tahoma,Arial, Helvetica, sans-serif;
font-size:12px;
color:#AA3400;
font-weight:bold;
text-decoration:none;
}

a.midlinks{ font-family:Tahoma,Arial, Helvetica, sans-serif;
font-size:11px;
color:#ffffff;
font-weight:bold;
text-decoration:none;
}
a.midlinks:hover{ font-family:Tahoma,Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFAB42;
font-weight:bold;
text-decoration:none;
}



a.footerlinks{ font-family:Tahoma,Arial, Helvetica, sans-serif;
font-size:11px;
color:#ffffff;
text-decoration:none;
}
a.footerlinks:hover{ font-family:Tahoma,Arial, Helvetica, sans-serif;
font-size:11px;
color:#978f85;
text-decoration:underline;
}


INPUT.INP{
BORDER-RIGHT: #d5d5d5 1px solid; 
BORDER-TOP: #d5d5d5 1px solid; 
color:#928a80;
FONT-SIZE: 8.5pt; 
BORDER-LEFT: #d5d5d5 1px solid; 
BORDER-BOTTOM: #d5d5d5 1px solid; 
FONT-FAMILY: Arial; 
BACKGROUND-COLOR: #ffffff;
height:20px;
}

.chat{
  margin: 0;
  text-align: right;
  position: fixed;
  top: 2em;
  left: auto;
  width: 8.5em;
  right: 2em;
  z-index:1000;
}




/* from css */
.floating{position:fixed;border:1px solid #000000;width:173px;z-index:100;opacity:0.9;filter:alpha(opacity=90);}
#container {width:173px; margin:0 auto;background-color:transparent;}
fieldset {background:#f2f2e6; padding:10px;}
input, textarea, select {font:12px/12px Arial, Helvetica, sans-serif; padding:0;}
fieldset.action {background:#fffff;}
legend {color:#fff; font:17px/21px Calibri, Arial, Helvetica, sans-serif; font-weight:bold;}
label {font-size:11px; font-weight:bold; color:#666;}
label.opt {font-weight:normal;}
dl {clear:both;}
dt {float:left; text-align:left; width:100%; line-height:10px; margin:0 10px 10px 0;}
dd {float:left; width:150px; line-height:0px; margin:0 0 4px 0;}