*{
margin: 0;
padding: 0;
}


<!--

	/*Para que se expanda una caja con sus flotantes en Firefox*/
	.clearfix:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;

	}
	/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;}
	/* End hide from IE-mac */

	
	/* h1 h2 botonera------------------------------ */
	
		#basevideos
	{
		margin: 0px auto 0px auto;
		width: 550px;
		background: #ffffff;
		height:100%;
	}
	

    #basevideosa
	{ 
	  float: left;	 
      width: 270px;
	}

	#basevideosb
	{ 
	  float: right;
      width: 270px;
	}
	
	#videos ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	#videos li {
		padding: 0;
		display: inline;
		background: none;
	}
	#videos a {
		font: normal 13px Verdana, Arial, Trebuchet MS, Helvetica, sans-serif;
		color: #676767;
	    border: 2px solid #333333;
	    background: #cfcfcf;
		display: block;
		float: left;
		width: 250px;
		height: 12px;
		padding-top: 9px;
		margin: 1px 1px 1px 1px;
		font-weight: bold;
		text-decoration: none;
	}
	#videos a:hover {
		background: #cc0000;
		text-decoration: none;
		color: #FFFFFF;
		width: 250px;
	}
	
	
	#chat ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	#chat li {
		padding: 0;
		display: inline;
		background: none;
	}
	#chat a {
		font: normal 13px Verdana, Arial, Trebuchet MS, Helvetica, sans-serif;
		color: #000000;
	    border: 2px solid #333333;
	    background: #ffffff;
		display: block;
		float: left;
		width: 140px;
		height: 32px;
		padding: 0px auto;
		margin: 116px 0px 0px 20px;
		font-weight: bold;
		text-decoration: none;
	}
	#chat a:hover {
		background: #cc0000;
		text-decoration: none;
		color: #FFFFFF;
		width: 140px;
	}
	
	

	
	#izq ul {
		margin: 5px 0px 0px 0px;
		padding: 0;
		list-style: none;
	}
	#izq li {
		padding: 0;
		display: inline;
		background: none;
	}
	#izq a {
		font: normal 13px Verdana, Arial, Trebuchet MS, Helvetica, sans-serif;
		color: #000000;
	    border: 2px solid #333333;
	    background: #f2f2f2;
		display: block;
		float: left;
		width: 176px;
		height: 34px;
		padding: 2px 2px 2px 2px;
		margin: 1px 4px 1px 4px;
		font-weight: bold;
		text-decoration: none;
	}
	#izq a:hover {
	    border: 2px solid #ffffff;
		background: #363636;
		text-decoration: none;
		color: #FFFFFF;
		width: 176px;
	}
	
	#enlaces ul {
		margin: 0px 10px 10px 10px;
		padding: 0;
		list-style: none;
	}
	#enlaces li {
		padding: 0;
		display: inline;
		background: none;
	}
	#enlaces a {
		font: normal 12px Verdana, Arial, Trebuchet MS, Helvetica, sans-serif;
		color: #000000;
	    border: 1px solid #808080;
	    background: #ffffff;
		display: block;
		float: left;
		width: 140px;
		height: 17px;
		padding: 0px auto;
		margin: 0px 0px 2px 10px;
		font-weight: bold;
		text-decoration: none;
	}
	#enlaces a:hover {
		background: #c0c0c0;
		border: 1px solid #808080;
		text-decoration: none;
		color: #313131;
		width: 140px;
		height: 17px;
		padding: 0px auto;
		margin: 0px 0px 2px 10px;
		font-weight: bold;
		text-decoration: none;

	}
	
	
	.izqtitulo {
		font: normal 13px Verdana, Arial, Trebuchet MS, Helvetica, sans-serif;
		color: #ffffff;
	    border: 2px solid #ffffff;
	    background: #000000;
		display: block;
		float: left;
		width: 176px;
		height: 24px;
		padding: 7px 2px 2px 2px;
		margin: 1px 4px 1px 4px;
		font-weight: bold;
		text-decoration: none;
	}
	
	.txtder {
		font: normal 13px Verdana, Arial, Trebuchet MS, Helvetica, sans-serif;
		color: #ffffff;
	    border: 1px solid #e8e8e8;
	    background: #494949;
		display: block;
		float: left;
		width: 230px;
		height: 200px;
		padding: 4px 4px 4px 4px;
		margin: 1px 2px 1px 2px;
		font-weight: bold;
		text-decoration: none;
	}

	h1 {
	    color: #660000;
		font-size: 100%;
		font-weight: bold;
		padding-top: 5px;
	}
	
	
	h2 {
	    color: #cc0000;
		font-size: 110%;
		font-weight: bold;
		padding-top: 12px;
	}
	
	h3 {
	    color: #ffffff;
		font-size: 100%;
		font-weight: bold;
		padding-top: 0px;
	}
	
	a {
		font: normal 12px Verdana, Arial, Trebuchet MS, Helvetica, sans-serif;
		color: #000000;
		text-decoration: none;
		font-weight: bold;
	}
	a:hover {
		font: normal 12px Verdana, Arial, Trebuchet MS, Helvetica, sans-serif;
		color: #ff6600;
		text-decoration: none;
		font-weight: bold;
	}
	


	
	/* CUERPO TOTAL------------------------------ */
	body{
		font: normal 13px Verdana, Arial, Trebuchet MS, Helvetica, sans-serif;
		color: #676767;
        text-align: center;
		background: url(../fondo-1.gif) repeat;
		color: #4E4E4E;
		width: 950px;
		padding: 0;
		margin: 0px auto 0px auto;
    
	}
	/* CONTENEDOR EXTERNO------------------------------ */
	#contenedor
	{
		margin: 0px auto 0px auto;
		background: url(../fondoctotal.gif) repeat-y;
		width: 826px;
		padding: 0;
		}
	
	#introtxt
	{
		margin: 0px auto 0px auto;
		width: 800px;
		height: 40px;
		background: #ffffff;
		font-size: 10px;
		color: #990000;

	}
	
	/* LOGO ------------------------------ */	
		#logo
	{
		margin: 0px auto 0px auto;
		width: 800px;
		height: 68px;
		background: url(../logotipo2.jpg) no-repeat;
		font-size: 10px;
		color: #003333;
		padding: 0px 0px 0px 0px;

	}
	
	.logotxt
	{
		margin: 0px auto 0px auto;
		font-size: 11px;
		width: 240px;
		color: #ffffff;
		padding: 18px 5px 0px 310px;
    }
	
	
	/* CONTENEDOR PAGINA------------------------------ */	
	#cuerpopagina
	{
		margin: 0px auto 0px auto;
		padding: 0px 0px 0px 0px;
		width: 800px;
		background: #990000;
		height:1420px;
	}
	

    #izq
	{ 
	 float: right;
	    margin: 0px 0px 0px 0px;
		width: 200px;
		background: #510000;
		display: inline;
		height:1420px;
		font-size: 11px;
		color: #ffffff;
		padding-top: 10px;
		padding-left:0px;
	}

	#centro
	{ 
	  float: left;
		margin: 0px 0px 0px 0px;
		padding: 0px;
		width: 580px;
		background: #ffffff;
		display: inline;
		height:100%;
	}
	

	#bajo
	{ 
	border-top: 1px solid #000000;
		width: 826px;
		height:70px;
		background: #999999;
		font-size: 9px;
		color: #ffffff;
		padding-top: 10px;
        margin: 0px auto;
	}	

	-->
	
	
#foto1gr {position: absolute;
top: 200px;
left: 470px;
}

#foto2gr {position: absolute;
top: 700px;
left: 470px;
}

#foto3gr {position: absolute;
top: 700px;
left: 870px;
}




	
	.videochatgr
	{
		width: 320px;
		height:160px;		
		background: url(../videochat.gif) no-repeat;
	}
	
	

	.titulochat {
	float: left;
		font: normal 13px Verdana, Arial, Trebuchet MS, Helvetica, sans-serif;
		color: #ffffff;
	    background: #000000;
		width: 550px;
		height: 24px;
		padding: 5px 2px 2px 2px;
		margin: 15px 4px 1px 4px;
		display: block;
	}
	
	
	
    .blqcentrochat
	{ float: left;
		width: 550px;
		height:200px;
		border: 1px solid #d1d1d1;
		background: #cccccc;
		padding: 5px 5px 5px 5px;
	}	
	
	
    #blqpelis
	{   float: left;
		width: 550px;
		height:210px;
	}
	
.bordefotogr { border: 5px solid #990000;
}

	
	

    #texto-bajoeurocopa
	{ 
		border: 2px solid #cccccc;
	    background: #e8e8e8;
		position: absolute;
		top:1180px;
		left: 470px;
		width: 720px;
		height:100px;
		padding: 5px 5px 5px 5px;
	}

	
#titulocentro
	{ 
padding-bottom: 10px;
font: normal 15px Verdana, Arial, Trebuchet MS, Helvetica, sans-serif;
	}

/* POSICION THUMBNAILS -------------------- */	

.foto1 {float: left; background: #cccccc;width: 245px;height: 300px; border: 1px solid #999999; margin: 10px 0px 0px 15px; padding: 5px 5px 5px 5px;}