@charset "utf-8";

a {
    outline:none;
    text-decoration: none;
}

img {		margin:0; padding:0; border:0; }

html {		width:100%;	height:100%; margin:0; padding:0; overflow-y:scroll;}

td {		vertical-align:top; }

table {		border:0; }

body {		position:relative; height:100%; margin:0; padding:0; cursor:default;
		background: #000000 url('images/background.jpg') no-repeat top ;
		font-family:'Helvetica Neue',Verdana, Helvetica, sans-serif; font-size:12px; color:white; }

.h1 {		margin:0 0 10px 0; padding:0; position:relative; font-size:20px; letter-spacing:1px; font-weight:normal;}
.h1 span{	display:none; }

/**************************** CONTAINER & CONTENT ****************************/
.container {	width:970px; margin:0 auto; }

.content {	width:950px; float:left; padding:0 10px; position:relative;
                background:url('images/background_content.gif') repeat-x top #494c49;
                -moz-border-radius-bottomleft: 10px; -moz-border-radius-bottomright: 10px;
                -webkit-border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px;
                -khtml-border-bottom-left-radius: 10px; -khtml-border-bottom-right-radius: 10px;
                border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;
}

.contentLeft {
    width:600px; position:relative; padding:0 10px 10px 10px;
    background:url('images/background_content.gif') repeat-x top #494c49;
    -moz-border-radius-bottomleft: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -khtml-border-bottom-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
.contentLeft .list li a{	width:576px}

.contentRight {
    width:280px; padding:10px 15px;
    background:url('images/contentRight_bg.gif') repeat-x #5c5e5c;
    -moz-border-radius-bottomright: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -khtml-border-bottom-right-radius: 10px;
    border-bottom-right-radius: 10px;}



/**************************** LIST ****************************/
.list {				float:left; margin:0; padding:0; list-style:none; }
.list li{			float:left; margin:0; padding:0; }
.list li a{			display:block; float:left; padding:3px 10px 3px 3px; margin:1px 0; color:#bbbbbb; text-decoration:none;
					border:outset 1px transparent; background:#575a57; }

.list li a img{
    float:left; margin-right:10px; border:none;
    width: 100px; height:65px;
}

.list table td img{
    width: 59px; height:65px;
}


.list li a h1{		margin:0; padding:0; color:#fbd448; font-size:11px; line-height:13px;}
.list li a h1 span{	color:white; }
.list li a p{		margin:0; padding:0; text-align:left; line-height:13px; }
.list li a:hover{	background:#fbd448!important; color:black; border:outset 1px #fbd448; }
.list li a:hover h1, .list li a:hover h1 span{	color:black; }

.list li div a{		width:inherit!important; padding:1px; margin-right:5px; }
.list li div a img{	float:left; margin:0!important; border:0; }



.list li div{			padding:3px 10px 3px 3px; width:575px; margin:1px 0; color:#bbbbbb; border:outset 1px transparent; background:#575a57; }
.list li div h1{		margin:0; padding:0; color:#fbd448; font-size:11px; line-height:13px; }
.list li div h1 span{	color:white; }
.list li div p{			margin:0; padding:0; text-align:justify; line-height:13px; }
.list li div p a{
    display:inline!important; float:inherit!important; padding:0 2px; margin:0; color:#fbd448;
    text-decoration:underline;
    border:0!important; }
.list li div p a:hover{	background:#fbd448; color:black; text-decoration:none; border:0!important; }

#list2 li div p a{	float:inherit!important; padding:0!important; }
#list2 li div p img{	float:inherit!important; margin:0 0 0 2px!important; border:0!important; }

#list2column a{		width:278px; margin:1px 1px; }
#list2column img{
    width:100px;
    height:65px;
}

#list2column a span {
    position:relative;
    bottom:70%;
    font-size:10px;
    color:#FBD406;
}
#list2column a:hover span {
    font-size:10px;
    color:black;
}

/**************************** PAGES LIST ****************************/
.pagesList {			width:50%; float:left; display:table; padding:5px 0; margin:0; }
.pagesList ul{			float:left; padding:0; margin:0; font-size:13px; }
.pagesList ul li{ 		list-style:none; float:left; }
.pagesList ul li a{		padding:4px; display:block; margin:0 2px; color:#a3a3a3; text-decoration:none; }
.pagesList ul li a:hover{	color:#fbd448; }
.pagesList_active {		color:#99d4e2!important; cursor:default; font-weight:bold; }




/**************************** CONTENT ****************************/
#content {		width:572px; float:left; padding:10px 10px 0 10px; }
#content h1{		margin:0 0 5px 0; padding:0; font-size:16px; color:#9defff; border-bottom:1px dashed #727472; }
#content h2{		margin:0 0 2px 0; padding:0; font-size:16px; color:white; }
#content h3{		margin:0 0 2px 0; padding:0; font-size:14px; color:#9defff; border-bottom:1px dashed #727472; }
#content h4{		margin:0 0 2px 0; padding:0; font-size:14px; }
#content h5{		margin:0 0 2px 0; padding:0; font-size:12px; color:#9defff; border-bottom:1px dashed #727472; }
#content h6{		margin:0 0 2px 0; padding:0; font-size:12px; }

#content ul{		margin:0 0 10px 10px; padding:0; list-style-type:none; text-align: justify; line-height: 1.4;}
#content ul li{		margin:0 0 3px 0; padding-left:13px; background:url('images/list-1.gif') no-repeat; }
#content ul ul li{      background:url('images/list.gif') no-repeat;}

.main-content  a{            color:#fbd448; padding:0 2px; }
.main-content  a:hover{	background-color:#fbd448; color:black; text-decoration:none; }

#content .tableCell_A .icon a:hover{ background:#5a5a5a; color:black; text-decoration:none;}
#content .tableCell_B .icon a:hover{ background:#696969; color:black; text-decoration:none;}

#content p{		margin:0 0 15px 0; padding:0; font-size:12px; text-align:justify; line-height: 1.4;}
#content p.notice{
    text-align: justify;
    background-color: #555;
    padding:    10px;
    color: rgb(255, 112, 0);
    font-size:16px;
}
#content img{		/*border:5px solid #727372; margin:0 10px 10px 0;*/	}
#content .icon img{
    padding:0px;
    margin:0px;
    border:none;
}

.contentIMG img{	float:left; }

.contentIMG ul{		float:left; }


/**************************** TABLE ****************************/
.table {		font-size:12px; color:white; padding:0 10px 10px 10px; }
.table td{		padding:2px 5px; }
.table .tunnibal {	padding:10px; text-align: center}
.table .noData {	padding:10px; text-align: center; font-size:14px;}
.tableTitle_1 {		background:#00b4d7; font-size:14px; font-weight:bold; padding-top: 10px;}
.tableTitle_2 {		background:#3bc5de; font-size:14px; font-weight:bold; }
.tableTitle_3 {		background:#76d6e3; font-size:14px; font-weight:bold; }
.tableCell_A {		background:#5a5a5a; }
.tableCell_B {		background:#696969; }



/************** CONTACT **************/
/* form */

.contactForm {		float:left; }
.contactForm input{	width:238px; font-size:12px; padding:1px 3px; background:#e9e9e9; border:1px inset white; }
.contactForm textarea{ 	width:318px; background:#e9e9e9; border:1px inset white; }
.contactFormText {	color:white; }


/************** CONTACT **************/


.micrositeContent #content {width: auto;}

/* FIX UI-WIDGET */
.ui-widget-content a, .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
    color: #fbd448;
}

.list .proyecto{
    color: #00b4d7;
}

.marker-container {
    position: absolute;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 100;
}
.marker-container a {
    display: block;
    position: absolute;
}
.marker-container a:hover {
    background-color: rgb(255, 255, 255);
    background-color: rgba(255, 255, 255, 0.3);    
}
.marker-container span {
    display: none;
}

#info_station_info a {
    color: #6E6E6E;
    font-weight: bold;
    text-decoration: underline;    
}