/*---------------------------------
  GENERAL
---------------------------------*/
html, body 	{ font: normal 14px Tahoma, arial; color: #666666;margin:0px auto;background:#EE7A27}
img 		{border: 0px solid black;}
#wrapper 	{margin: auto auto;margin-top:10px; width:940px; height:575px;position:relative; no-repeat;}
#sidebar	{float:left;width:180px;padding-left:10px;background:url(images/bg-sb-rounded.gif);height:570px;}

h1				{font-size:20px;color:#999999;}
h2				{font-size:20px;color:#999999;font-family:"Comic Sans MS"}

#menu-sb 	{margin-left:0px;padding-left:0px;list-style:none;margin-top:10px}
#menu-sb li	{padding:5px 5px}

#menu2 			{float:left;color:white;font-size:12px;padding-bottom:10px;width:740px;}
#menu2 a:link  	{color:white;text-decoration:none;font-size:12px}
#menu2 a:visited {color:white;text-decoration:none;font-size:12px}
#menu2 a:hover  {color:#CCCCCC;text-decoration:none;font-size:12px}
.left   		{float:left;margin-left:10px;}
.right    		{float:right;margin-right:10px}


#menu3 			{float:right;margin-right:10px;color:white;font-size:12px;padding-bottom:10px}
#menu3 a:link  	{color:white;text-decoration:none;font-size:12px}
#menu3 a:visited {color:white;text-decoration:none;font-size:12px}
#menu3 a:hover  {color:#CCCCCC;text-decoration:none;font-size:12px}

a:active
{
outline: none;
}

a:focus
{
-moz-outline-style: none;
}
/*---------------------------------
  HOOFDPAGINA
---------------------------------*/

#map		{background:url(images/bg-orange.gif);margin:px px;position:relative;height:570px;width:750px;float:left;} 
#map a 		{position: absolute;height: 30px;width: 30px;text-decoration: none;}


a#amsterdam { top:202px; left: 278px;background:url(images/dot-ams.gif); }
a#utrecht { top: 223px; left: 413px;background:url(images/dot-utr.gif); }
a#eindhoven { top: 272px;left:544px;background:url(images/dot-eind.gif); }
a#delft { top: 357px;left: 372px;background:url(images/dot-del.gif); }
a#denhaag { top: 325px;left: 313px;background:url(images/dot-haa.gif); }
a#rotterdam { top: 400px;left: 391px;background:url(images/dot-rot.gif); }

a#amsterdam:hover { background-image: url(images/dot-hover.gif); }
a#utrecht:hover { background-image: url(images/dot-hover.gif); }
a#eindhoven:hover { background-image: url(images/dot-hover.gif); }
a#delft:hover { background-image: url(images/dot-hover.gif); }
a#denhaag:hover { background-image: url(images/dot-hover.gif); }
a#rotterdam:hover { background-image: url(images/dot-hover.gif); }

a#amsterdam:hover, a#eindhoven:hover, a#utrecht:hover, a#delft:hover, a#denhaag:hover, a#rotterdam:hover, { border: none; } 

#slogan				{position:absolute;top:15px; left:5px;}
#zap				{position:absolute;top:480px; left:12px;}
#fb					{position:absolute;top:522px; left:590px;}
				

/*---------------------------------
  OVERIGE PAGINAS
---------------------------------*/

#main			{background:url(images/bg-e.gif);margin:px px;position:relative;height:570px;width:750px;float:left;}
#maintop		{background:url(images/bg-main-top.gif);position:relative;height:26px;width:750px;}
#mainmiddle		{background:url(images/bg-main-middle.gif);width:750px;}
#mainbottom		{background:url(images/bg-main-bottom.gif);height:23px;width:750px;}
#content		{padding:60px 40px;line-height:1.4;text-align:justify}
#logo			{position:absolute;top:25px; left:15px;width:150px;height:70px;background:url(images/log.gif)}
#header			{position:absolute;top:10px; left:10px;width:729px;}
#headerimage	{position:absolute;top:31px;left:486px}


#parada1		{background:url(images/parada1.gif) no-repeat;padding:0px 90px }
#parada2		{background:url(images/parada2.gif) no-repeat;padding:5px 90px 10px;} 
#parada3		{background:url(images/parada3.gif) no-repeat;padding:0px 90px;} 
#parada4		{background:url(images/parada4.gif) no-repeat;padding:15px 90px 20px;} 
#parada5		{background:url(images/parada5.gif) no-repeat;padding:15px 90px 30px;} 
 
/*-CONEXIONES -*/
.flashcontainer			{background:#fff}
.flash					{float:left;width:350px;height:200px;background:url(images/bg-flash-con.gif);padding:10px;}
.horario				{float:left;margin-left:20px;margin-top:20px}
.horariotable td				{padding:5px}




/*---------------------------------
CITY PAGINAS
---------------------------------*/

/*#zap  {position:absolute;top:65px;left:300px;z-index:2}*/
#container {width:600px;border:0px solid #008E3D;font: normal 14px Tahoma, arial; color: #666666;}
#container td {font: normal 12px Tahoma, arial;color: #666666;}
#left   {width:350px;float:left;border:0px solid black;z-index:1;margin-left:30px}
#right  {float:left;width:180px;margin-left:0px;padding:10px;border:0px solid #008E3D;}
#right table td {text-align:left}
#container p	{text-align:justify;background:white}
#container img   {margin-bottom:10px}
#text  {padding:0px 10px}
#flash   {padding:10px}