﻿@charset "UTF-8";
/* btob.es */
/* main.css */
/* Created Apr, 2010 */
/* Modified Apr, 2010
--------------------------------------- */

html{
	height:100%;
	overflow-y:scroll;
	overflow-x:hidden;
}

body{
	height: 100%;
	background-color:#fff;
	background-image:url("../images/common/bg-top.jpg");
	background-repeat:no-repeat;
	background-position:top center;
		
	color:#333;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:1.15em;
	
	margin: 0px;
}

/** GLOBAL CONTENT **/
#globalContent{
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -200px;
	width:900px;
}

	#globalContent #topContent{
		position:relative;
		height:155px;
	}
	
		#globalContent #topContent .languageMenu{
			position:absolute;
			left:0px;
			top:28px;
			list-style:none;
		}
		
			#globalContent #topContent .languageMenu li{
				display:inline;
				color:#4e5471;
				font-weight:bold;
			}
			
				#globalContent #topContent .languageMenu li a{
					color:#4e5471;
					text-decoration:underline;
				}
				
				#globalContent #topContent .languageMenu li a:hover,
				#globalContent #topContent .languageMenu li a.selected{
					color:#d57d00;
					text-decoration:none;	
				}
				
		#globalContent #topContent .mainMenu{
			z-index:2;
			position:absolute;
			top:70px;
			left:0px;
			list-style:none;
			width:905px;
			height:35px;
			overflow:hidden;
			margin-left:-2px;
		}
		
			#globalContent #topContent .mainMenu li{
				float:left;
			}
			
				#globalContent #topContent .mainMenu li a img:hover{
					margin-top:-70px;
				}
				
				#globalContent #topContent .mainMenu li a img.selected{
					margin-top:-35px;
				}
				
				#globalContent #topContent .mainMenu li a img.selected:hover{
					margin-top:-70px;
				}
				
		#globalContent #topContent .btnLogo{
			z-index:3;
			position:absolute;
			top:35px;
			left:385px;
			height:145px;
			width:167px;
			overflow:hidden;
		}
		
			#globalContent #topContent .btnFacebook a img:hover,
			#globalContent #topContent .btnLogo a img:hover{
				opacity:0.75;
				
			}
			
		#globalContent #topContent .btnFacebook{
			z-index:1;
			position:absolute;
			top:40px;
			right:-70px;
			width:149px;
			height:74px;
			background-image: url("../images/common/facebook/bg.png")!important;
			background-image: none;
			filter: none !important;
			filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/common/facebook/bg.png");	
			visibility:hidden;
		}

/** FOOTER **/
#footer {
	height: 200px;
}
#footerPush {
	height: 250px;
	_height: 250px;
}
#footer{
	position:relative;
}

	#footer .bg{
		z-index:-1;
		position:absolute;
		width:100%;
		height:202px;
		top:-120px;
		*top:20px;

		left:0px;
		background-image:url("../images/common/footer/bg.jpg");
		_background-image:none;
		background-position:top center;	
	}

	#footer .content{
		position:relative;
		width:900px;
		margin-left:auto;
		margin-right:auto;
		padding-top:80px;
	}
	
		#footer .content img{
			float:left;
			margin-right:10px;
		}
	
		#footer .content ul{
			float:left;
			width:720px;
			padding-top:34px;
			list-style:none;
			color:#7f7f7f;	
		}
		
			#footer .content li.menu{
				display:inline;
				font-weight:bold;
				font-size:0.95em;
			}
			
			#footer .content li.txt{
				padding-top:6px;
				font-size:0.9em;
			}
			
			#footer .content li a{
				color:#7f7f7f;
			}
			
			#footer .content li a:hover{
				color:#3f3f3f;
			}

/** COMMON ITEMS **/

.leftColumn{
	float:left;
	width:496px;
	overflow:hidden;
	margin-right:45px;
}
	.title{
		width:496px;
		height:33px;
		background-image:url("../images/common/left-column-title.jpg");
	}

		.title h2{
			padding-top:10px;
			padding-left:10px;
		}
		
.rightColumn{
	float:left;
	width:359px;
	overflow:hidden;
}

.masInfo img:hover{
	opacity:0.80;
    filter:alpha(opacity=80);
}

.noticia{
	margin-top:15px;
	margin-bottom:15px;
	margin-left:2px;
	position:relative;
	width:488px;
	height:158px;
	
	opacity:0;
    filter:alpha(opacity=0); 
	
	display:none;
}

.noticia img{
	position:absolute;
	top:20px;
	left:10px;
}
	.noticia .bg{
		position:absolute;
		top:0px;
		left:0px;
		z-index:1;
	}
	
	.noticia .content{
		position:absolute;
		top:25px;
		left:200px;
		margin-right:15px;
		z-index:2;
	}
		.noticia .content h4{
			color:#5d6ec8;
			font-size:1.40em;
			line-height:1.1em;
			font-weight:normal;
			margin-bottom:8px;
		}
		.noticia .content h4 a{
			color:#5d6ec8;
		}
		
		.noticia .content p{
			text-align:justify;
			color:#6f7a86;
			font-size:0.95em;
			margin-bottom:10px;
		}

	.noticia .leerMas{
		color:#ee7b2f;
		font-weight:bold;
	
		background-image:url("../images/common/bullet.png");
		background-repeat:no-repeat;
		background-position:left 3px;
		padding-left:10px;
		z-index:3;
		cursor:pointer;
	}
	
	.noticia .leerMas:hover{
		opacity:0.80;
        filter:alpha(opacity=80);
	}

	

	
/** AVISO LEGAL OVERLAY **/
.avisolayerOverlay{
	width:100%;
	position:fixed;
	_position:absolute;
	z-index:997;
	top:0px;
	left:0px;
}

	.avisolayerOverlay .bg{
		z-index:998;
		position:absolute;
		top:0px;
		left:0px;
		cursor:pointer;
		background-color:#333;
		width:100%;
		height:0px;
		opacity:0.65;
   		filter:alpha(opacity=65);
	}
	
	.avisolayerOverlay .content{
		z-index:999;
		position:relative;
		margin-left:auto;
		margin-right:auto;
		width:389px;
		height:350px;
		padding-left:21px;
		padding-top:22px;
		padding-right:22px;
		padding-bottom:22px;
		background-color: #fff;
		border:2px solid #ccc;
		overflow-y:scroll;
		text-align:justify;

	}

	.avisolayerOverlay .closeLink{
		position:absolute;
		top:10px;
		right:10px;
		color:#333;
		font-weight:bold;
	

	}
	
	.avisolayerOverlay .closeLink:hover{
		color:#444;

	}
	
	
