@charset "utf-8";
/* CSS Document */
* {
	margin: 0;
	padding: 0;
}
body	{
	background-image: url(../images/tal_left.jpg);
	background-position: top;
	background-repeat: repeat-x;
	background-color: #FFFFFF;
	margin: 0 auto;
	padding:0; 
	}
img	{
	border: 0px;
	}
#container {
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	width: 900px;
	position: relative;
	background-position: top;
	background-repeat: repeat-x;
	background-color: transparent;
	z-index: 2;
	margin-bottom: 20px;
	height: auto;
	}
#intro1 {
	position: relative;
	background-image: url(../images/bg_header1.jpg);
	background-color: transparent;
	background-position: left top;
	background-repeat: no-repeat;
	height: 219px;
	z-index: 3;
	top: 0px;
	width: auto;
}
#intro2 {
	position: relative;
	background-image: url(../images/bg_header2.jpg);
	background-color: transparent;
	background-position: left top;
	background-repeat: no-repeat;
	height: 219px;
	z-index: 3;
	top: 0px;
}
#intro3 {
	position: relative;
	background-image: url(../images/bg_header3.jpg);
	background-color: transparent;
	background-position: left top;
	background-repeat: no-repeat;
	height: 219px;
	z-index: 3;
	top: 0px;
}
#intro4 {
	position: relative;
	background-image: url(../images/bg_header4.jpg);
	background-color: transparent;
	background-position: left top;
	background-repeat: no-repeat;
	height: 219px;
	z-index: 3;
	top: 0px;
}
#pageHeader {
	display: inline;
	height: 0;
	left: -1000px;
	overflow: hidden;
	position: absolute;
	top: -1000px;
	width: 0;
}
		#pageHeader h1{
			font: bold 154%/25px Arial, Helvetica, sans-serif;
		}
#quickSummary {
	color: #000;
	font: normal 75%/18px Arial, Helvetica, sans-serif;
	right: 293px;
	position: absolute;
	top: 55px;
	width: 453px;
	height: 89px;
	z-index: 4;
}
#topMenu	{
	width: 776px;
	height: 40px;
	z-index: 5;
	position: relative;
	top: 179px;
	margin: 0px 62px;
	}
			#topMenu .menu {
	background-image: url(../images/m_11.jpg);
	background-repeat: no-repeat;
	float:left;
	width: 77px;
	height: 20px;
	color:#FFFFFF;
	font-family:sans-serif,Verdana, Arial, Helvetica;
	font-size:12px;
	text-decoration:none;
	font-weight:bold;
	text-align: center;
	padding: 10px 4px;
				}
			#topMenu .menu2 {
				background-image: url(../images/m_11.jpg);
				background-repeat: no-repeat;
				float:left;
				width: 79px;
				height: 35px;
				color:#FFFFFF;
				font-family:sans-serif,Verdana, Arial, Helvetica;
				font-size:12px;
				text-decoration:none;
				font-weight:bold;
				text-align: center;
				padding: 5px 3px 0px 3px;
				}
			#topMenu .menu3 {
				background-image: url(../images/m_13.jpg);
				background-repeat: no-repeat;
				float:left;
				width: 84px;
				height: 20px;
				color:#FFFFFF;
				font-family:sans-serif,Verdana, Arial, Helvetica;
				font-size:12px;
				text-decoration:none;
				font-weight:bold;
				text-align: center;
				padding: 10px 3px;
				}
			#topMenu .menu4 {
				background-image: url(../images/m_14.jpg);
				background-repeat: no-repeat;
				float:left;
				width: 91px;
				height: 20px;
				color:#FFFFFF;
				font-family:sans-serif,Verdana, Arial, Helvetica;
				font-size:11px;
				text-decoration:none;
				font-weight:bold;
				text-align: center;
				padding: 10px 2px;
					}
			#topMenu a:link, #topMenu a:visited	{
				color: #FFFFFF;
				text-decoration: none;
				}
			#topMenu a:hover	{
				color: #FFFFFF;
				text-decoration: underline;
				}
#preamble {
	background-color: transparent;
	background-image: url(../images/bg_pream.png);
	background-position: right top;
	background-repeat: no-repeat;
	color: #ffffff;
	font: normal 80%/18px Arial, Helvetica, sans-serif;
	padding: 80px 29px 15px 15px;
	margin-left: 210px;
	margin-top: 192px;
	height: 100%;
	text-align: justify;
	width: 674px;
}

		#preamble h3 {
	background-color: transparent;
	background-image: url(../images/h3_gateway.png);
	background-position: left top;
	background-repeat: no-repeat;
	height: 37px;
	margin: 0 0 10px 8px;
	width: 666px;
		}
			
		#preamble acronym {
	color: #F29E00;
	font-weight: normal;
	font-size: 100%;
		}
		
		#preamble p {
	padding-left: 16px;
		}

#opiniones {
	color: #000000;
	font: normal 11px Arial, Helvetica, sans-serif;
	padding: 5px 0px 15px 0px;
	position: relative;
	height: 250px;
	top: 0px;
	width: 500px;
	margin: 10px 25px 0px 190px;
}
#opiniones table	{
	width: 450px;
	border: 0px;
	}
#enrolment {
	color: #000000;
	font: normal 11px Arial, Helvetica, sans-serif;
	padding: 5px 0px 15px 0px;
	position: absolute;
	height: 100%;
	top: 0px;
	width: 700px;
	margin-top: 219px;
	z-index: 1;
}
		#enrolment h3 {
	border:1px solid #000066;
	color: #000066;
	font-size: 14px;
	font-weight: bold;
	margin: 0px 0px 2px 0px;
	text-align:center;
	padding: 5px 0px;
	width: 763px;
		}
#supportingText {
	color: #000000;
	font: normal 11px Arial, Helvetica, sans-serif;
	padding: 5px 0px 15px 0px;
	position: relative;
	height: auto;
	top: 0px;
	width: 900px;
	margin-top: 0px;
	z-index: 1;
}

		#supportingText a, #supportingText a:link, #supportingText a:visited {
			color: #FFFFFF; 
			font-weight: bold;
			text-decoration: underline;
		}
		
		#supportingText a:hover, #supportingText a:active, #supportingText a:focus {
			text-decoration: none
		}
		#supportingText h3 {
	border-bottom:1px dotted #3E3E3E;
	color: #3E3E3E;
	font-size: 14px;
	font-weight: bold;
	margin: 10px 0px 0px 0px;
		}
		#supportingText p {
	text-align: center;
	margin: 10px;

		}
		#supportingText ul {
			margin: 5px 0px 0px 210px;
		}
		#supportingText ol {
	margin: 5px 0px 0px 20px;
		}
		#supportingText ol li {
	margin: 8px 0px 0px 0px;
		}		
		#supportingText ol ul li {
	margin: 5px 0px 0px 0px;
		}		
		
		#supportingText #login {
	margin: 30px 15px 300px 15px;
	height: auto;
	width: 746px;
			}
		#supportingText #login table {
	height: auto;
	width: 320px;
	border: 1px solid #666666;
	text-align: center;
	margin: 0px 198px;
			}
					#supportingText #login td {
						height: 20px;
					}
			#supportingText #transfer p {
			margin: 10px 0px;
			}
	
			#supportingText p.p1	{
				color: #000099;
				font-size: 12px;
				font-weight: bold;
				}
				#supportingText #transfer ul {
					margin: 5px 0px 0px 20px;
					}
		#transfer	{
	width: 100%;
	text-align: center;
			}
			#transfer th	{
				color: #FFFFFF;
				background-color:#333333;
				}
			#transfer td	{
	width: auto;
	border: 0.3pt solid #000000;
				} 	
#preamble h3 span {
	display: inline;
	height: 0;
	left: -1000px;
	overflow: hidden;
	position: absolute;
	top: -1000px;
	width: 0;
}
/**************************************/
#linkList {
	background-color: #eaeaea;
	color: #000000;
	font-weight: normal;
	padding: 0px;
	width: 170px;
	position: relative;
	left: 0px;
	border-top: 1px solid #eaeaea;
	z-index: 100;

}
		
		#linkList a, #linkList a:link, #linkList a:visited  {
			color: #000;
			text-decoration: underline;
		}
		
		#linkList a:hover, #linkList a:active, #linkList a:focus  {
			text-decoration: none;
		}
		
		#linkList ul li {
	list-style-type: none;
		}

#leftmenu {
	padding-bottom: 30px;
	background-color: transparent;
	position: relative;
}
		
		#leftmenu ul li a {
	font: bold 12px Arial, Helvetica, sans-serif;
		}
		
		#leftmenu ul li .c {
	color: #000000;
	font: normal 11px Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	line-height: 11px;
		}

#leftmenu ul li {
	margin: 8px 5px;
}
#langmenu {
	padding-bottom: 30px;
	background-color: transparent;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	height: 150px;
	text-align: center;
	border-top: 1px dotted #999999;

}
		#langmenu h2 {
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #3E3E3E;
		}

		#langmenu ul li a {
	font: bold 11px Arial, Helvetica, sans-serif;
		}
#langmenu ul {
	margin: 10px 0px;
}
#langmenu ul li {
	margin: 8px 4px 8px 4px;
	display: inline;
}
/***************************************
menu inferior
***************************************/
#footer {
	background-color: transparent;
	background-repeat: repeat-x;
	height: 54px;
	width: 776px;
	padding: 5px 0px;
	color: #333333;
	text-align: center;
	font-size: 11px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	bottom: 0px;
	position: relative;
	z-index: 100;
	margin: 15px 62px;
}
		
		#footer a, #footer a:link, #footer a:visited {
	color: #333333;
	padding: 0 6px;
	font-weight: normal;
		}
		#footer p	{
			margin: 10px 0px 0px 0px;
			}
			#address	{
				background-image: url(../images/bg_address.png);
				background-color: transparent;
				background-repeat: no-repeat;
				background-position: 180px 0px;
				color:#333333;
				height: 125px;
				padding-left: 250px;
				padding-right: 45px;
				font-size: 90%;
				}
			* html #address 	{
				background-position: 180px 15px;
				}
/***********************************************
bus trasnfer form
***********************************************/
.reserva {
	width: 100%;
	border: 0px;
	}
	.header{
		font-family: Verdana, Arial, sans-serif;
		font-size: 11px;
		font-weight:bold;
		color: #000000;
		text-align:center;
		padding:2px;
		margin: 1px;
		width: 100%;
		background-color: #ffffff;
		border: 1px solid #000000;
	
	}

	.reservatit	{
		width:50%;
		text-align: center
		}
	#tranferform	{
		width: 450px;
		margin: 0px 60px;
		}
	.transfertable {
	border:1px solid #000000;
	background-color: #ffffff;
	width:auto;
	}
	
	
	#tranferform input,#tranferform select,#tranferform textarea {
		font-family: Verdana, Arial, sans-serif;
		font-size: 10pt;
		color: #000000;
		background-color:#CCCCCC;
		border:1px solid #000000;
	}
	
	#tranferform form{
		padding:0px;
		margin:0px;
	}


/***********************************************
mail
***********************************************/
	#mailform	{
		width: 450px;
		}
	.error_message{
		font-family: Verdana, Arial, sans-serif;
		font-size: 11pt;
		color: #FF0000;
	}
	
	.thanks_message{
	font-family: Verdana, Arial, sans-serif;
	font-size: 11pt;
	color: #000000;
	margin-bottom: 410px;
	margin-top: 25px;
	text-align: center;
	}
	.mailtable {
	border:5px solid #c3dbe5;
	background-color: #c3dbe5;
	width:auto;
	margin: 25px 60px 140px 60px;
	}
	
	.table_header{
		font-family: Verdana, Arial, sans-serif;
		font-size: 11px;
		font-weight:bold;
		color: #FFFFFF;
		text-align:center;
		padding:2px;
		width: 100%;
		background-color: #3993C5;

	}
	.attach{
	background-color:#EBEBEB;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #000000;
	padding:2px 2px 2px 4px;
	display: none;
	}
	.attach_info{
		border:1px solid #070707;
		background-color:#EBEBEB;
		font-family: Verdana, Arial, sans-serif;
		font-size: 8pt;
		color: #000000;
		padding:4px;
	}
	
	
	.table_body{
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #333333;
	padding:2px 2px 2px 4px;
	}
	
	
	.table_footer{
	text-align:center;
	padding:2px;
	}
	
	
	#mailform input,#mailform select,#mailform textarea {
		font-family: Verdana, Arial, sans-serif;
		font-size: 10pt;
		color: #000000;
		background-color:#CCCCCC;
		border:1px solid #000000;
	}
	
	#mailform form{
		padding:0px;
		margin:0px;
	}

/***********************************************
Enrolment form
**********************************************/
	.error_message{
		font-family: Verdana, Arial, sans-serif;
		font-size: 11pt;
		color: #FF0000;
	}
	.thanks_message{
	font-family: Verdana, Arial, sans-serif;
	font-size: 11pt;
	color: #000000;
	margin-bottom: 410px;
	margin-top: 25px;
	}
	.table {
	border:5px solid #c3dbe5;
	width:765px;
	background-color: #c3dbe5;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #333333;
	text-align: left;
	font-weight: bold;
	vertical-align: bottom;
	}
	.table_header{
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #FFFFFF;
	text-align:center;
	width: 100%;
	background-color: #3993C5;
	}
	.table_header2{
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #FFFFFF;
	text-align:center;
	width: 100%;
	background-color: #3993C5;
	padding: 5px 0px;
	}

	.attach_info{
	border:1px solid #070707;
	background-color:#FFFFFF;
	font-family: Verdana, Arial, sans-serif;
	font-size: 8pt;
	color: #FFFFFF;
	padding:4px;
	display: none;
	}
		.table_body{
	margin-left: 3px;
	width: 100%;
	height: 25px;
	padding: 5px 0px 3px 0px;
	}
		.td_2big{
	margin-left: 3px;
	width: 400px;
	height: 25px;
	padding: 5px 0px 3px 0px;
	}
		.td_2bigTest{
	margin-left: 3px;
	width: 400px;
	height: 35px;
	padding: 5px 0px 3px 0px;
	}	
		.td_2small{
	margin-left: 3px;
	width: 200px;
	height: 25px;
	padding: 5px 0px 3px 0px;
	vertical-align: bottom;
	}	
	.table_body2{
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #333333;
	text-align: left;
	margin-left: 3px;
	width: 50%;
	height: 25px;
	font-weight: bold;
	padding: 5px 0px 3px 0px;
	line-height: 16px;
	vertical-align: bottom;
	}
	.table_body3{
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #333333;
	text-align: left;
	margin-left: 3px;
	height: 25px;
	font-weight: bold;
	padding: 5px 0px 3px 0px;
	line-height: 16px;
	vertical-align: bottom;
	width: 200px;
	}
	.attach{
	background-color:#EBEBEB;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #000000;
	padding:2px 2px 2px 4px;
	display: none;
	}
	.table_footer{
	text-align:center;
	padding:2px;
	}
	.textbox {
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #000000;
	background-color:#FFFFCC;
	border:1px solid #000000;
	}
	.rd, .check  {
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #000000;
	background-color:#C3DBE5;
	margin-left: 5px;
	}

	td.list	{
	font-size: 10px;
	font-weight: bold;
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	vertical-align: middle;
	height: 20px;
		}
	form{
		padding:0px;
		margin:0px;
	}
	td.warning{
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #d50000;
	}
/***********************************************
Stilos Diego
**********************************************/
	.table2 {
	border:5px solid #c3dbe5;
	width:500px;
	background-color: #c3dbe5;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #333333;
	text-align: left;
	font-weight: bold;
	vertical-align: bottom;
	
	}
	.table_header_r{
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #FFFFFF;
	text-align:center;
	width: 60%;
	background-color: red;
	}
	.visu_nombre{
	font-family: Verdana, Arial, sans-serif;
	font-size: 10pt;
	color: #000000;
	text-align: left;
	}
	.table3 {
	width:500px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #333333;
	text-align: right;
	font-weight: bold;
	vertical-align: bottom;
	padding: 5px 5px 5px 5px;
	background-color:#f4f9fd;
	}
	.table4 {
	width:500px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #333333;
	text-align: right;
	font-weight: bold;
	vertical-align: bottom;
	padding: 5px 5px 5px 5px;
	}
	.table5 {
	background-color:#E9ECEF;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	text-align: right;
	}
	.table6 {
	background-color:#E9ECEF;
	text-align: center;
	}
	.table7 {
	background-color:#E9ECEF;
	text-align: left;
	width:600px;
	border:thin;
	border-style:dashed;
	}
	.table8 {
	background-color:#E9ECEF;
	width:300px;
	}
	td.spanish{
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #333333;
	text-align: left;
	font-weight: bold;
	vertical-align: bottom;
	padding: 5px 5px 5px 5px;
	}
	p.title{
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #333333;
	text-align: center;
	font-weight: bold;
	padding: 8px 0px 8px 0px;
	}
	.bold{
	font-weight: bold;
	color:#333333;
	}
	.right{
	text-align:right;
	}
	.center{
	text-align:center;
	}
	.under{
	text-decoration:underline;
	}
	.block{
	margin: 8px 0px 8px 30px;
	}
	.italica{
	font-style:italic;
	}
	ol.letra{
	list-style-type:lower-latin;
	}
	#menu_grammar {
		color:#FFFFFF;
		font-family:sans-serif,Verdana, Arial, Helvetica;
		font-size:12px;
		text-decoration:none;
		font-weight:bold;
		text-align:center;
		padding: 0px 0px;
		}
		#menu_grammar #grammar_padding{
		background-image:url(http://www.mester.com/images/menu_grammar.jpg);
		background-repeat:repeat-y;
		padding:5px 5px 5px 5px;
		width:165px;
		}
		#menu_grammar #grammar_padding2{
		background-image:url(http://www.mester.com/images/menu_grammar.jpg);
		background-repeat:repeat-y;
		padding:5px 5px 5px 5px;
		width:100px;
		}
		#menu_grammar #grammar_padding3{
		background-image:url(http://www.mester.com/images/menu_grammar2.jpg);
		background-repeat:repeat-y;
		padding:5px 5px 5px 5px;
		width:165px;
		}
		#menu_grammar #grammar_padding4{
		background-image:url(http://www.mester.com/images/menu_grammar2.jpg);
		background-repeat:repeat-y;
		padding:5px 5px 5px 5px;
		width:100px;
		}