body {	background-color:#E6E6E6;
		margin:0;
		padding:0;}
		
a img {border:0;}		
		
#gral {	background:url(img/bg.gif) 0 0 repeat-y;
		width:917px;
		margin:0 auto;
		padding:20px 37px;}
		
#logo {	background:url(img/encabezado.jpg) 0 0 no-repeat;
		width:917px;
		height:140px;
		position:relative;
		text-align:right;
		padding:0;
		margin:0 0 20px 0;}
		
#menu {	margin:0;
		padding:5px 0 0 0;
		font:16px arial, verdana;
		color:#fff;}
		
#menu a, #menu a:link, #menu a:visited {
		font:bold 13px sans-serif, "MS Sans Serif", Geneva;
		color:#fff;
		text-decoration:none;
		padding:3px 15px;}

#menu a:hover {color:#fbc82f;}

.col1 {	padding:0 15px 15px 0;
		border-bottom:2px dotted #007EBB;}
		
.col2 {	width:260px;
		padding:0 0 15px 0;
		border-bottom:2px dotted #007EBB;}
		
.col3 {	width:203px;
		padding:10px;
		background-color:#f4f4f4; /*f4f4f4*/}
		
#noti_home {margin:0 0 15px 0;
			padding:0;}
			
#noti_home h2, #inf_breves h2 {
		font:bold 20px sans-serif, "MS Sans Serif", Geneva;
		color:#fabb00;
		margin:0 0 5px 0;
		padding:0;}
				
#noti_home h3, #noticias h3 {font:bold 12px arial, verdana;
				color:#333;
				margin:0;
				padding:0;}
				
#noti_home h3 strong, #noticias h3 strong {color:#007EBB;}

#noticias h2 {
		font:bold 16px sans-serif, "MS Sans Serif", Geneva;
		color:#666;
		margin:10px 0 20px 0;
		padding:0;}

#noti_home p, #noticias p, #coments p {	font:12px arial, verdana;
				color:#333;
				margin:0;
				padding:0;}
				
#noti_home a, #noti_home a:link, #noti_home a:visited, 
#noticias a, #noticias a:link, #noticias a:visited {
	text-decoration:none;
	display:block;
	padding:5px 0;}
	
#noti_home a:hover, #noticias a:hover {background-color:#e7edf6;}

#sr_cliente {	margin:0;
				padding:15px 0 0 90px;
				border:2px solid #FABB00;
				background:#F4F4F4 url(img/ico_comprobantes.jpg) 10px 5px no-repeat;
				font:14px arial, verdana;
				color:#333;
				height:60px;}
				
#inf_breves {	margin:0 0 15px 0;
				padding:10px;
				border:2px solid #FABB00;
				background-color:#F4F4F4;
				font:12px arial, verdana;
				color:#333;}
				
#inf_breves p {	margin:0;
				padding:0 0 10px 0;}

#marquesina {	margin:0;
				padding:0;
				height:120px;}
				
#pizarra, #valdisp, #chicago, #dolar {	margin:15px 0;
			padding:0;}
			
#pizarra h2, #valdisp h2, #chicago h2, #dolar h2 {
			margin:0 0 5px 0;
			padding:0;
			font:bold 16px sans-serif, "MS Sans Serif", Geneva;
			color:#fabb00;}
			
#pizarra th, #chicago th, #dolar th, #valdisp th, #mercados th, #plantas th {padding:5px;
			font:bold 11px arial, verdana;
			color:#007EBB;
			border-bottom:2px solid #007EBB;}
			
#plantas {margin:0;padding:0px 0 20px 0;}

#pizarra td, #chicago td, #dolar td, #valdisp td, #mercados td, #plantas td {padding:3px 5px;
			font:11px arial, verdana;
			color:#333;
			border-bottom:1px dotted #333;}

#chicago a, #chicago a:link, #chicago a:visited {
	font:12px arial, verdana;
	color:#007EBB;
	text-decoration:none;
	background:url(img/ico_comentario.gif) 0 6px no-repeat;
	display:block;
	padding:10px 0 10px 20px;}
	
#chicago a:hover {text-decoration:underline;}

#mapas, #mapasrut, #areas, #mapa_puertos {margin:15px 0 10px 0;
		padding:10px;
		background-color:#EBEBEB;
		height:110px;
		font:12px arial, verdana;
		color:#333;}
		
#mapas h2, #mapas_int h2, #mapasrut h2, #areas h2, #mapa_puertos h2 {	margin:0 0 10px 0;
			padding:0;
			font:bold 14px sans-serif, "MS Sans Serif", Geneva;
			color:#007EBB;}
			
#mapas td {	padding:0 10px;
			text-align:center;
			width:30%;}
			
#mapas a, #mapas a:link, #mapas a:visited, 
#mapas_int a, #mapas_int a:link, #mapas_int a:visited, 
#mapasrut a, #mapasrut a:link, #mapasrut a:visited, 
#areas a, #areas a:link, #areas a:visited {
	font:12px arial, verdana;
	color:#007EBB;
	text-decoration:none;}
	
.colfin {padding:0 15px 15px 0;}

#mapa_puertos a, #mapa_puertos a:link, #mapa_puertos a:visited {
	background:url(img/ico_visto.gif) 95px 7px no-repeat;
	font:bold 14px arial, verdana;
	color:#007EBB;
	text-decoration:none;
	display:block;
	padding:5px 0 5px 15px;}
	
#mapas a:hover, #mapas_int a:hover, #mapasrut a:hover, #areas a:hover, #mapa_puertos a:hover {text-decoration:underline;}

#login {background:url(img/bg_extranet.jpg) 0 0 no-repeat;	
		margin:0 0 10px 0;
		padding:0 0 0 40px;
		width:165px;
		height:96px;}
		
#login form {margin:0;
			padding:0;}
		
#login h1 {	font:bold 14px arial, verdana;
			color:#fff;
			margin:0;
			padding:5px 0 5px 0;}
		
#login p {margin:0;
		padding:0 0 3px 0;}
		
#login a {	font:12px arial, verdana;
			color:#fff;
			text-decoration:none;}
			
#login input.usuario {
	background:#fff url(img/txt_usuario.gif) 2px 50% no-repeat;
	border:1px solid #ccc;
	font:11px arial, verdana;
	color:#000;}
	
#login input.password {
	background:#fff url(img/txt_psw.gif) 2px 50% no-repeat;
	border:1px solid #ccc;
	font:11px arial, verdana;
	color:#000;}
	
#serv_cliente, #info_home, #sitios, #menu_merca {margin:0 0 15px 0;
				padding:0;}
				
#serv_cliente h1, #info_home h1, #sitios h1, #menu_merca h1 {
		margin:0 0 5px 0;
		padding:0;
		border-bottom:2px dotted #007EBB;}
				
#serv_cliente a, #serv_cliente a:link, #serv_cliente a:visited, 
#info_home a, #info_home a:link, #info_home a:visited, 
#sitios a, #sitios a:link, #sitios a:visited, 
#menu_merca a, #menu_merca a:link, #menu_merca a:visited {
	background:url(img/ico_visto.gif) 0 4px no-repeat;
	font:bold 12px arial, verdana;
	color:#666;
	text-decoration:none;
	display:block;
	padding:3px 0 3px 20px;}
	
#serv_cliente a:hover, #info_home a:hover, #sitios a:hover, #menu_merca a:hover {color:#007EBB;}

#menu_merca h2 {font:bold 12px arial, verdana;
				color:#666;
				margin:5px 0 0 0;
				padding:0;}

#menu_merca a.sub, #menu_merca a.sub:link, #menu_merca a.sub:visited {
	background:url(img/ico_visto.gif) 20px 4px no-repeat;
	font:12px arial, verdana;
	color:#666;
	text-decoration:none;
	display:block;
	padding:3px 0 3px 40px;}

#menu_merca a.sub:hover {color:#007EBB;}
				
#encuesta {	margin:0 0 15px 0;
			padding:10px;
			background-color:#417A99;
			border:3px solid #0967A8;}

#encuesta h1 {font:16px arial, verdana;
			color:#fff;
			margin:0 0 10px 0;
			padding:0;}
			
#encuesta p, #encuesta td {font:12px arial, verdana;
			color:#fff;
			margin:0;
			padding:0;}
			
#encuesta a, #encuesta a:link, #encuesta a:visited {
	color:#FFB052;
	text-decoration:none;
	padding:0 10px;} 
	
#encuesta a:hover {text-decoration:underline;}

#pie {	margin:10px 0 0 0;
		padding:22px 0 0 0;
		background:url(img/bg_pie.gif) 0 0 no-repeat;
		width:917px;
		height:30px;
		text-align:center;
		font:11px arial, verdana;
		color:#fff;}
		
#pie a, #pie a:link, #pie a:visited {
	color:#fff;
	text-decoration:none;} 
	
#pie a:hover {text-decoration:underline;}

#logo_atci {margin:0;
			padding:3px 0 0 0;
			text-align:right;}

#cont_int {padding:0 15px 0 0;}

#cont_int h1 {font:bold 20px sans-serif, "MS Sans Serif", Geneva;
		color:#fabb00;
		margin:0 0 5px 0;
		padding:0;}

#noticias {	margin:0;
			padding:0 0 20px 0;}
		
#paginacion {border-top:2px dotted #007EBB;
			margin:0 0 20px 0;
			padding:5px 0 0 0;
			font:12px arial, verdana;
			color:#1287C0;
			text-align:right;}

#paginacion a, #paginacion a:link, #paginacion a:visited {
	padding:0 15px;
	font:12px arial, verdana;
	color:#1287C0;
	text-decoration:none;} 
	
#paginacion a:hover {text-decoration:underline;}	
	
#mercados, #area_int {
	padding:0 25px 25px 25px;
	margin:0;}

#mercados h2, #area_int h2, #plantas h2, #registracion h2, #canjes h2, #inscripcion h2, #carta h2, #standares h2, #coments h2 {
		font:bold 16px sans-serif, "MS Sans Serif", Geneva;
		color:#fabb00;
		margin:10px 0;
		padding:0;}
		
#plantas h4, #registracion h4, #carta h4, #coments h4 {
		font:bold 14px arial, verdana;
		color:#666;
		margin:10px 0;
		padding:0;}
		
#institu {margin:0 0 20px 0;
		padding:0;}
		
#institu h2 {font:bold 14px sans-serif, "MS Sans Serif", Geneva;
		color:#fabb00;
		margin:10px 0 5px 0;
		padding:0;}
		
#institu p {font:12px arial, verdana;
		color:#333;
		margin:0;
		padding:0 0 5px 0;
		line-height:18px;}
		
#institu a, #institu a:link, #institu a:visited, 
#registracion a, #registracion a:link, #registracion a:visited, 
#canjes a, #canjes a:link, #canjes a:visited, 
#inscripcion a, #inscripcion a:link, #inscripcion a:visited, 
#standares a, #standares a:link, #standares a:visited, 
#popup a, #popup a:link, #popup a:visited {
	color:#1287C0;
	text-decoration:none;} 
	
#institu a:hover, #registracion a:hover, #canjes a:hover, #inscripcion a:hover, #standares a:hover, #popup a:hover {
	text-decoration:underline;} 

#clima {border-bottom:2px dotted #007EBB;
		margin:0 0 10px 0;
		padding:0;}
		
#mapas_int {background-color:#EBEBEB;
			margin:10px;
			padding:0;}

#mapas_int {margin:20px auto;
		padding:10px;
		width:580px;
		background-color:#EBEBEB;}
	
#mapas_int td {	padding:0 10px;
			text-align:center;
			width:20%;}
			
#contacto {	width:689px;
			padding:0;
			margin:20px auto 10px auto;
			font:12px arial, verdana;
			color:#333;}

#contacto p {padding:0;
			margin:0 0 10px 0;
			font-weight:bold;}
			
#contacto input, #contacto textarea {
		font:12px arial, verdana;
		color:#333;}

#registracion h3 {font:bold 14px arial, verdana;
		color:#333;
		margin:0;
		padding:10px 0;}
		
#registracion p {font:12px arial, verdana;
		color:#333;
		margin:0;
		padding:0 0 10px 0;
		line-height:18px;}
		
#registracion p.pto {background:url(img/punto_seguros.gif) 0 8px no-repeat;
		padding:0 0 10px 15px;}
		
#registracion ul {font:12px arial, verdana;
		color:#333;
		margin:0 0 10px 20px;
		padding:0;}
			
#canjes p {font:12px arial, verdana;
		color:#333;
		margin:0;
		padding:0 0 10px 0;
		line-height:17px;}
		
#carta .abajo {margin:0 10px;
		padding:10px;
		border:1px solid #EDEDED;
		position:relative;}
		
#carta .abajo td, #carta .abajo p, #standares p {font:12px arial, verdana;
		padding:5px 0;
		color:#666;
		margin:0;}
			
#standares h3 {	font:bold 12px arial, verdana;
				color:#333;
				margin:10px 0 0 0;
				padding:0;}

#popup {margin:0;
		padding:0;
		font:12px arial, verdana;
		color:#666;
		background-color:#fff;}
				
#logopop {background:url(img/logo_popup.jpg) 0 0 no-repeat;
		margin:0;
		padding:0;
		height:66px;}
			
