/*
      Created by Keith Donegan of Code-Sucks.com
	  
	  E-Mail: Keithdonegan@gmail.com
	  
	  You can do whatever you want with these layouts,
	  but it would be greatly appreciated if you gave a link
	  back to http://www.code-sucks.com
	  
*/



body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 background:#000000;
}

#wrapper { 
 margin: 0 auto;
 width: 981px;
 background:#FFFFFF;
 overflow: hidden;
}



#header {
 color: #333;
 width: 971px;
 padding: 10px;
 border: 0px solid #ccc;
 height: 89px;
 margin: 0px 0px 0px 0px;
 background: #235394 url(/Resources/Images/Sprites/header-bkg.png)
}

#completeHeader {
 background: url(/Resources/Images/Sprites/header-bkg.png);
 width: 100%;
}


#navigation {
 width: 995px;
 color: #333;
 padding: 0px;
 border: 0px solid #ccc;
 margin: 0px 0px 0px 0px;
 background: #235394;
}

#completeNav
{
 background: url(/Resources/Images/Menus/Main/three_0.gif);
 width: 100%;
}

.leftColumn { 
 color: #333;
 border: 0px solid #ccc;
 background: #FFFFFF;
 margin: 0px 0px 0px 0px;
 padding: 5px;
 height: 700px;
 width: 195px;
 float: left;
}


.rightColumn { 
 color: #333;
 border: 0px solid #ccc;
 background: #FFFFFF;
 margin: 0px 0px 0px 0px;
 padding: 5px;
 height: 700px;
 width: 195px;
 float: right;
}
.contentColumn { 
 float: left;
 color: #333;
 border: 0px solid #FFFFFF;
 background: #FFFFFF;
 margin: 0px 0px 0px 0px;
 padding: 5px;
 height: 100%;
 /*width: 755px;*/
 display: inline;
}


#completeFooter { 
 width: 100%;
 color: #333;
 border: 0px solid #ccc;
 clear:both;
 background:#225193;
 
}

#footer { 
 width: 960px;
 margin: 0px 0px 10px 0px;
 padding: 3px;
 height: 90px;
}

#completeSubMenu {
 color: #333;
 padding: 0px;
 border: 0px solid #ccc;
 margin: 0px 0px 0px 0px;
 background-color:#F2F2F2;
}




#reflex { 
 margin: 0 auto;
 width: 980px;
 height:45px;
 background:url(/Resources/Images/Sprites/reflex.png);
 background-repeat:repeat-x;
 float:left;
 overflow: hidden;
 margin: -1px 0px 0px -10px;
}

#flashPlayer
{
background:url(/Resources/Images/Sprites/playerBg.png);
width:195px;
height:195px;
padding-top:2px;
background-repeat:no-repeat;
z-index:-1;
}

#flashPlayer .player
{
top:30px;
left:1px;

}

#rightBanner
{
width:195px;
height:217px;
padding-top:0px;
margin-top:-5px;
background-repeat:no-repeat;
z-index: -1;
}


#rightBannerFeed
{
	height:21px;
}

#vertBanner
{
background:url(/Resources/Images/Sprites/VertBannerBg.png);
width:195px;
height:455px;
padding-top:0px;
margin-top:0px;
background-repeat:no-repeat;
}



.contentColumn .modulo {
	float: left;
	width: 251px;
	height: 232px;
}

.contentColumn .moduloDoble {
	float: left;
	width: 500px;
	height: 232px;
}

#logo 
{
 margin-top:20px;
 float: left; 
 width: 150px; 
 margin-left:-120px;
 }
 
#logo img { 
margin: 15px 0 0 0px; 
}

#topMenu
{
	position: relative;
	width: 780px; 
	padding-bottom: 2px;
	margin: 55px 0 0 49px;
	background: url(/Resources/Images/Sprites/mainMenuHr.png) bottom left no-repeat;
	font-size: 9px;
	color: #E3E3E3;  
}

#topMenu ul#mainMenuTabs {
	overflow: hidden;
	width: 450px; 
}
#topMenu ul#mainMenuTabs li {
	display: block;
	float: left;
}
#topMenu ul#mainMenuTabs li.bar { font-size: 8px; margin: 0 -1px; padding-top: 8px; }

#topMenu ul#mainMenuTabs li a { 
	float: left; 
	height: 14px; 
	/*padding: 9px 12px 0 13px; */
	padding: 9px 8px 0 9px;
	white-space: nowrap;
	color: #E3E3E3;
}
#topMenu ul#mainMenuTabs li a:hover, #mainMenu ul li a.current { 
	height: 18px; 
	padding-top: 5px; 
	color: white; 
	background: transparent url(../images/botonera/mainMenu-over-bkg.png) no-repeat top center; 
	text-decoration: none;
}

#topAccount
{
	margin-top:4px;
	float:right;
	text-align:center;
	font-size: 10px;
	vertical-align:middle;
	color: #4c74bb; 
	border-style:solid;
	border-width:1px;
	height:32px;
	width:200px;
	
}

#topAccount span 
{
	color: #E3E3E3;
	display:block;
}

#topAccount span:hover
{
	color:White;
	text-decoration: underline;
	font-size: 10px;
}

#topPais
{
	margin-top:4px;
	margin-left: -28px;
	float:left;
	text-align:center;
	font-size: 10px;
	vertical-align:middle;
	color: #4c74bb; 
	border:0px;
	height:20px;
	width:140px;
}

#topPais select
{
	font-size: 11px;
	background-color:#f2f2f2;
	border-style: solid;
	border-color:#2f62a9;
	vertical-align:middle;
}

#topPais img
{
	vertical-align:middle;
}


#completeBottonContent { 
 width: 100%;
 color: #333;
 border: 0px solid #ccc;
 clear:both; 
}


#bottonContent { 
 width: 981px;
 padding: 0px;
 height: 190px;
 /*background: transparent url(/Resources/Images/Sprites/bottonBg.jpg) repeat-x top center; */
 background: #ffffff; 
 text-align:center;
}

#bottonContentBoxes
{
	background-image:url(/Resources/Images/Sprites/bottonBg.png);
	padding-top:0px;
	width:952px;
	text-align:center;
	margin-left: auto;
	margin-right: auto;
    border-style:solid;
	border-width:1px;
	border-color:#d6d6d6;
	height: 155px;
}

#divAbout
{
	margin-top:10px;
	margin-left:15px;
	font-size:9px;
	color:Gray;
}

#divAbout a
{
	color:Gray;
}

#divAbout a:hover
{
	color:#4c74bb;
	text-decoration: underline; 
}

#divProfMenu
{
	color:Black;
	background-color:#F2F2F2;
	width:250px;
	position:absolute; 
	z-index:1;
}

#divProfMenu table
{
	color:Black;
	background-color:#F2F2F2;
}

#divProfMenu ul
{
	list-style:none;
}

#divProfMenu li a
{
	display:block;
	width:100%;
	height:100%;
}

#divProfMenu ul li:hover
{
	background:#fdb834;
}




