/*   
Sticky Footer Solution
by Steve Hatcher  
http://stever.ca
http://www.cssstickyfooter.com
*/

* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #container {
height: 100%;
width:770px;
margin:0 auto 0 auto;
}

html {
	margin: 0;
	padding: 0;
}

body{
background: #ffffff url(/wtweb/banners/cssimages/wpsb2.jpg) top repeat-x;
	}

body > #container {
	height: auto;
 min-height: 100%;
 }
 


#main {
width:770px;
clear:both;
height:100%;
padding-bottom: 26px;}  /* must be same height as the footer */

#footer {
	position: static;
	margin-top: -26px; /* negative value of footer height */
	height: 26px;
	padding-top:15px;
	text-align:right;
	height:26px;
	clear:both;
	} 
	
	#menufoot{
	position:static;
	margin-top: 7px;
	}
	


/**   contenidos   **/

#pageHeader{
	background: transparent url(/wtweb/banners/cssimages/header.png) left top no-repeat;
	width: 770px;
	height: 150px;
	top:0px;
	padding-bottom:20px;
	position:static;
	float:left;
	}
	

#contenido{
	width:550px;
	float:right;
	z-index:20;
	}
	
	#cGrafo{
	width:770px;
	padding-top: 20px;
	padding-bottom: 26px;
	}
	
	#cSeccion{
	width:650px;
	text-align:center;
	padding-left:60px;
	z-index:5;
	}
	
	
	#carrousel{
	padding-bottom:20px;
	}
	
	#eventosScroll{
	position:absolute;
	height:auto;
	padding-top: 20px;
	padding-bottom: 20px;
	background:url(/wtweb/banners/cssimages/scrollTitles.png)  no-repeat top;
			}


	
	/** contenido lateral **/
	
	#lateral1{
	top: 0px;
	width: 200px;
	height:100%;
	float:left;
	background:url(/wtweb/banners/cssimages/tels.jpg) no-repeat top ;
	padding-top: 75px;
	padding:75px 0px 0px 0px;
	margin: 0 auto 0 auto;
	z-index:-1;
	text-align:center;
	position:static;
	}
	
	#tels{
	width: 200px;
	height:auto ;
	position:absolute;
	float:left;
	top: 160px;
	}
	
	#topLateral{
	width: 200px;
	height: 30px;
	background: url(/wtweb/banners/cssimages/latTop.png) no-repeat top;
	top: 0px;
	position:static;
	clear:both;
	}	
	
		
	#publicidadderecha {
	position:static;
	text-align:center;
	text-align: -moz-center;
	width:200px;
	height:100%;
	background: url(/wtweb/banners/cssimages/bglateral.png) repeat-y top;
	}
	
	#registro {
	width:170px;
	position:static;
	margin:auto;
	z-index:5;
	}
	
	#adsLateral{
	width: 200px;
	height:100%;
	text-align:center;
	text-align:-moz-center;
	background: url(/wtweb/banners/cssimages/bglateral.png) repeat-y top;
	position:static;
	padding-top:10px;
	padding-bottom: 20px;
	clear:both;
	}

	#adVertical{
	padding-right: 52px;
	width:60px;
	position:static;	
	margin:auto;
	}

	#footLateral{
	width: 200px;
	height:30px;
	background: url(/wtweb/banners/cssimages/footLat.png) no-repeat top;
	position:static;
	float:left;
	padding-top: 20px;
	padding-bottom: 50px;
	}
	
	#tels{
	width: 200px;
	height:60px;
	background:url(/wtweb/banners/cssimages/tels.png) no-repeat top;
	position:absolute;
	float:left;
	top: 160px;
	}
	
	/** conteiner p.principal**/
#containerPrincipal{
height: 100%;
width:770px;
margin:0 auto 0 auto;

	}
	
	body > #containerPrincipal {
	height: auto;
 min-height: 100%;
 }



.linkblanco {
	font-family: Arial;
	font-size: 8pt;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: normal;
	border: none;
}
.link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #333333;
	text-decoration: none;
	font-weight: normal;
	border: none;
}



/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */



/*mainmenu*/
#mainmenu  {
	margin:0;
	padding:0;}	

#mainmenu li {
	color:#FFF;
	font:arial;	font-size:12px;
	display:block;
	height:25px;
	margin: 3px 0.6em 0 0;
	padding:5px 0.6em 0px 0.6em;
	text-align:center;
	text-decoration:none;
	float:left;
	  }

#mainmenu li a.inicial{
	color:#005191; background:url(/wtweb/banners/cssimages/menu/bgMenuSeleccion.jpg) center top;
	font:arial;	font-size:12px;
	display:block;
	height:28px;
	margin-top:-10px;
	padding:10px 0.6em 0px 0.6em;
	text-align:center;
	text-decoration:none;
	float:left;

	  }
	 
#mainmenu li a{
	color:#FFF;
	font:arial;	font-size:12px;
	display:block;
	height:29px;
	text-align:center; text-decoration:none;
	float:left;
	  }

#mainmenu li a:hover{
	color:#FC0;
	background:url(/wtweb/banners/cssimages/menu/bgMenuOver.png) center top;
	font:arial;	font-size:12px;
	display:block;
	height:29px;
	text-align:center; 
	text-decoration:none;
	float:left;
	  }




a img{ border:none;}