#conexioncasera
{
width: 361px;
height: 221px;
background-color: #FFFFFF;
padding: 0px;
margin: 0px;
text-align: center;
display: block;
}

<!--
/*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 H3 ENLACES */
h1 {
color: #000;
font-size: 100%;
font-weight: bold;
padding-top: 5px;
}

h2 {
color: #000000;
font-size: 110%;
font-weight: bold;
padding-top: 12px;
}

h3 {
color: #ff0000;
font-size: 100%;
font-weight: bold;
padding-top: 0px;
text-decoration: underline;
font-weight: bold;
}

.left{
float: left;}

.right{
float: right;}


.txtnegro {
color: #000000;
font-size: 100%;
font-weight: bold;
padding-top: 0px;
text-decoration: none;
font-weight: bold;
}

.txtresalte {
color: #232323;
font-size: 95%;
font-weight: bold;
padding-top: 0px;
text-decoration: none;
font-weight: bold;
}

.bordefoto{
border: 1px solid #ffffff;
}

a {
font: normal 12px Verdana, Arial, Trebuchet MS, Helvetica, sans-serif;
color: #ff0000;
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;
}

a.gal {
font: normal 12px Verdana, Arial, Trebuchet MS, Helvetica, sans-serif;
color: #000000;
text-decoration: none;
font-weight: bold;
}

a.gal:hover {
font: normal 12px Verdana, Arial, Trebuchet MS, Helvetica, sans-serif;
color: #cc0000;
text-decoration: none;
font-weight: bold;
}

a.relato {
font: normal 11px Verdana, Arial, Trebuchet MS, Helvetica, sans-serif;
color: #3333cc;
text-decoration: underline;
font-weight: bold;
}

a.relato:hover {
font: normal 11px Verdana, Arial, Trebuchet MS, Helvetica, sans-serif;
color: #330099;
font-weight: bold;
}

a.entrarrelato {
float: right;
font: normal 9px Verdana, Arial, Trebuchet MS, Helvetica, sans-serif;
color: #3333cc;
text-decoration: none;
font-weight: bold;
}

a.entrarrelato:hover {
float: right;
font: normal 9px Verdana, Arial, Trebuchet MS, Helvetica, sans-serif;
color: #330099;
text-decoration: none;
font-weight: bold;
}

a.inicio {
font: normal 11px Verdana, Arial, Trebuchet MS, Helvetica, sans-serif;
color: #ff3300;
text-decoration: none;
font-weight: bold;
}

a.inicio:hover {
font: normal 11px Verdana, Arial, Trebuchet MS, Helvetica, sans-serif;
color: #ffffff;
text-decoration: none;
font-weight: bold;
}


p{
text-align: justify;
color: #343434;
font: normal 12px arial;
padding: 2px 7px 7px 7px;
}

.bordetopgris  { 
border-bottom: 1px dotted #b5b5b5;
margin-bottom: 20px;
}


body {
background: url(fondo-1.gif) repeat;
padding: 0px;
margin: 0px;
}


/* LOGO ------------------------------ */	

#logo {
margin: 0px auto 0px auto;
width: 960px;
height: 68px;
background: #34070e 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: 220px;
color: #ffffff;
padding: 15px 5px 10px 200px;
}



.barravertical {
margin: 0px auto;
font-size: 12px;
background: url(fondobvert.gif) repeat-x;
width: 954px;
height: 20px;
color: #ffffff;
padding: 5px 3px 0px 3px;
}





/* CONTENEDOR PAGINA------------------------------ */	

#cuerpopagina {
margin: 0px auto 0px auto;
width: 986px;
background: #cccccc;
background: url(fondoctotal2.gif) repeat-y; 
height:100%;
font: normal 13px Verdana, Arial, Trebuchet MS, Helvetica, sans-serif;
color: #343434;
}





#izqindice { 
margin: 0px 0px 0px 13px;
float: left;
width: 200px;
background: #eaeaea;
height:100%;
font-size: 12px;
padding-top: 10px;
padding-left:4px;
}	





#izqindice2 { 
margin: 0px 0px 0px 15px;
float: left;
width: 200px;
background: #330000;
height:1820px;
font-size: 12px;
color: #ffffff;
padding-top: 10px;
padding-left:4px;
}	





#centroindice { 
float: left;
margin: 0px 0px 0px 0px;
padding-top: 0px;
padding-left:0px;
width: 756px;
background: #fff; 
display: inline;
height:auto;
font-size: 12px;
color: #cc0000;
}

.pbdestacado { 
float: left;
margin: 10px 10px 0px 10px;
padding: 0px 10px 10px 10px;
width: 715px;
background: #e2e2e2;
border: 1px solid #666666;
display: inline;
height:auto;
font-size: 12px;
color: #cc0000;
}



.contenidocentral { 
float: left;
margin: 5px 0px 20px 10px;
padding: 5px 5px 5px 5px;
width: 320px;
background: #fff;
display: inline;
height:auto;
font-size: 12px;
color: #333333;
}





.contenidocentralfotos { 
float: left;
margin: 5px 0px 20px 10px;
padding: 5px 5px 5px 5px;
width: 360px;
background: #fff;
display: inline;
height:auto;
font-size: 12px;
color: #333333;
}

.contenidocentralchat { 
float: left;
margin: 5px 0px 20px 40px;
padding: 5px 5px 5px 5px;
width: 640px;
background: #fff;
height:auto;
font-size: 12px;
color: #333333;
display: block;
}


b {
color: #cc0000;
}

.margendrcha{
display: block;
margin: 20px 20px 10px 20px;
}

.flotanteizq {
float: left;
padding: 5px;
}


.imagencamindice{
margin: 10px 0px 0px 5px;
}


.pblatdrcho1 { 
float: left;
margin: 5px 0px 0px 5px;
padding: 2px 5px 2px 5px;
width: 240px;
background: #999999;
border: 1px solid #666666;
display: inline;
height:auto;
font-size: 12px;
color: #cc0000;
text-align: center;
}



.pblatdrcho2{ 
float: left;
margin: 0px 0px 0px 5px;
padding: 0px 5px 5px 5px;
width: 390px;
background: #fff;
display: inline;
height:100%;
font-size: 12px;
color: #444444;
}


.pblatdrcho2fotos { 
float: left;
margin: 0px 0px 0px 5px;
padding: 0px 5px 5px 5px;
width: 350px;
background: #fff;
display: inline;
height:100%;
font-size: 12px;
color: #444444;
}



.pblatdrcho2 p{ 
width: 340px;
height: auto;

}

.pblatdrcho3{ 
float: left;
margin: 5px 0px 2px 35px;
padding: 2px 5px 2px 5px;
width: 308px;
background: #990000;
border: 1px solid #666666;
display: inline;
height:auto;
font-size: 12px;
color: #cc0000;
}




.cajavideo1 {
width: 630px;
height:270px;
background: #fff;
padding: 0px 5px 0px 0px;
margin: 0px 0px 0px 0px;
}


.videozona {
float: left;
width: 322px;
height:270px;
background: #fff;
margin: 1px 7px 1px 1px;
}


.txtvideozona {
float: right;
width: 240px;
text-align:justify;
color: #660000;
font: normal 13px Verdana, Arial, Trebuchet MS, Helvetica, sans-serif;
}




.cajavideo2{
width: 572px;
height:270px;
background: #fff;
border-top: 1px solid #666666;
padding: 0px 5px 0px 0px;
margin: 0px 0px 0px 0px;
}


.cajavideo1wc{
width: 310px;
height:auto;
background: #e7e7e7;
padding: 3px 3px 0px 3px;
margin: 2px 0px 2px 0px;
}

.videozonawc{
float: left;
width: 110px;
height:80px;
background: #fff;
margin: 5px 7px 2px 7px;
padding: 20px 0px 0px 20px;
}

.txtvideozonawc{
float: right;
width: 430px;
text-align:justify;
color: #666666;
font: normal 13px Verdana, Arial, Trebuchet MS, Helvetica, sans-serif;
}


.pubfondogris{
width: 572px;
height:190px;
background: #ccc;
text-align:center;
border-top: 1px solid #666666;
padding: 5px 0px 5px 0px;
margin: 0px 0px 0px 0px;
}

.cajavideohistorial{
width: 340px;
height:auto;
background: #fff;
border: 1px solid #000000;
margin: 5px 0px 0px 0px;
}


.cajavideosa{
float: left;
width: 320px;
height:790px;
background: #fff;
margin: 5px 0px 0px 0px;
}



.cajavideosb{
float: right;
width: 280px;
height:790px;
background: #ccc;
border: 1px solid #666666;
margin: 5px 6px 0px 3px;
padding-left: 4px;
}

/* Pub. central con descripcion ------------------------------ */	

.fotoizqcentro{
float: left;
border: 1px solid #000000;
width: 90px;
height: 88px;
background: #000000;
font-size: 11px;
color: #000000;
padding: 5px 1px 5px 1px;
margin: 5px 0px 0px 5px;
font-weight: bold;
}	


.txtnovedadcentroind{
float: right;
border: 1px solid #ff0000;
width: 200px;
height:88px;
background: #ffffff;
font-size: 11px;
color: #000000;
padding: 5px 5px 5px 5px;
margin: 5px 4px 0px 1px;
font-weight: bold;
}

.txtnovedadcentro{
float: right;
border: 1px solid #ff0000;
width: 230px;
height:88px;
background: #ffffff;
font-size: 11px;
color: #000000;
padding: 5px 5px 5px 5px;
margin: 5px 4px 0px 1px;
font-weight: bold;
}	



#centroindiceonline{ 
float: left;
margin: 0px 0px 0px 0px;
padding-top: 0px;
padding-left:10px;
width: 570px;
background: #efefef;
display: inline;
height:2900px;
font-size: 12px;
color: #cc0000;
}


#centrocapturasindice{ 
float: left;
margin: 0px 0px 0px 0px;
padding-top: 10px;
padding-left:10px;
width: 570px;
background: #efefef;
display: inline;
height:2860px;
font-size: 12px;
color: #cc0000;
}

#derindice{ 
float: right;
margin: 0px 0px 0px 0px;
padding-top: 10px;
width: 215px;
display: inline;
font-size: 12px;
background: #330000;
color: #ffffff;
height:2900px;
}


#centrocapturasindice{ 
float: left;
margin: 0px 0px 0px 0px;
padding-top: 10px;
padding-left:10px;
width: 570px;
background: #efefef;
display: inline;
height:1980px;
font-size: 12px;
color: #cc0000;
}



#izq{ 
margin: 0px 0px 0px 0px;
float: left;
width: 200px;
background: #330000;
height:2750px;
font-size: 12px;
color: #ffffff;
padding-top: 10px;
padding-left:4px;
}



#centro{ 
float: left;
margin: 0px 0px 0px 0px;
padding-top: 10px;
padding-left:10px;
width: 350px;
background: #efefef;
display: inline;
height:1800px;
font-size: 12px;
color: #cc0000;
}


#centroancho{ 
float: left;
margin: 0px 0px 0px 0px;
padding-top: 10px;
padding-left:10px;
width: 580px;
background: #efefef;
display: inline;
height:1800px;
font-size: 12px;
color: #cc0000;
}

#centrocapturas{ 
float: left;
margin: 0px 0px 0px 15px;
padding-top: 10px;
padding-left:10px;
width: 570px;
background: #efefef;
display: inline;
height:1980px;
font-size: 12px;
color: #cc0000;
}


#der{ 
float: left;
margin: 0px 0px 0px 0px;
padding-top: 10px;
width: 214px;
background: #666666;
display: inline;
font-size: 12px;
color: #ffffff;
height:1800px;
}



/*  relatos izq ------------------------------ */	

.relatosizq{ 
margin: 5px 0px 0px 3px;
float: left;
width: 172px;
background: #fff;
height:auto;
font-size: 11px;
text-align: justify;
color: #696969;
padding: 5px 10px 5px 10px;
}



/*  noticias der ------------------------------ */	



.noticiasder { 
margin: 5px 2px 0px 0px;
float: left;
width: 270px;
background: #e4e4e4;
height:auto;
font-size: 11px;
color: #696969;
padding: 3px 3px 3px 0px;
}

/*  enlaces der ------------------------------ */	
.enlacesder{ 
margin: 5px 2px 0px 0px;
float: left;
width: 270px;
background: #e4e4e4;
height:340px;
font-size: 11px;
color: #696969;
padding: 3px 3px 3px 0px;
}	



/*  GALERIAS CENTRALES ------------------------------ */	

.galfotoamateur{
float: left;
border: 1px solid #000000;
width: 90px;
height: 90px;
background: #990000;
font-size: 11px;
color: #ffffff;
padding: 10px 5px 5px 10px;
margin: 10px 0px 0px 10px;
font-weight: bold;
}



.galfotoamateurbig {
float: left;
border: 1px solid #000000;
width: 138px;
height: 139px;
background: #990000;
font-size: 11px;
color: #ffffff;
padding: 10px 0px 4px 15px;
margin: 5px 0px 0px 5px;
font-weight: bold;
}



.galfotoamateur2

{

float: left;

border: 1px solid #000000;

width: 515px;

height: 400px;

background: #990000;

font-size: 11px;

color: #ffffff;

padding: 15px 0px 0px 15px;

margin: 10px 0px 0px 10px;

font-weight: bold;

}



.galpubamateur

{

float: left;

border: 1px solid #000000;

width: 510px;

height: 310px;

background: #990000;

font-size: 11px;

color: #ffffff;

padding: 15px 5px 5px 15px;

margin: 10px 0px 0px 10px;

font-weight: bold;

}



.galpubamateur22

{

float: left;

border: 1px solid #000000;

width: 510px;

height: 260px;

background: #660000;

font-size: 11px;

color: #ffffff;

padding: 15px 5px 5px 15px;

margin: 10px 0px 0px 10px;

font-weight: bold;

}



.galpubamateur22 a {

font-family: verdana,sans-serif,Arial,Geneva, Helvetica;

color: #ff6600;

font-size: 16px;

text-align: center;

letter-spacing: -0.2pt;

display:block;

}



.galpubamateur22 a:hover {

font-family: verdana,sans-serif,Arial,Geneva, Helvetica;

color: #ffcc33;

font-size: 16px;

text-align: center;

letter-spacing: -0.2pt;

display:block;

}



.galpubamateur33

{

float: left;

border: 1px solid #000000;

width: 300px;

height: 260px;

background: #660000;

font-size: 11px;

color: #ffffff;

padding: 15px 20px 5px 20px;

margin: 10px 0px 0px 10px;

font-weight: bold;

}





.pbzonacasera

{

float: left;

border: 1px solid #000000;

width: 500px;

height: 75px;

background: #cc0000;

font-size: 12px;

color: #ffffff;

padding: 15px 5px 5px 15px;

margin: 15px 0px 0px 10px;

font-weight: bold;


}





.alindice

{

float: left;

border: 1px solid #000000;

width: 240px;

height: 30px;

background: #cc0000;

font-size: 12px;

color: #ffffff;

padding: 15px 5px 5px 15px;

margin: 15px 0px 0px 10px;

font-weight: bold;


}



.azonafotos

{

float: left;

border: 1px solid #000000;

width: 240px;

height: 30px;

background: #cc0000;

font-size: 12px;

color: #ffffff;

padding: 15px 5px 5px 15px;

margin: 15px 0px 0px 9px;

font-weight: bold;



}



.galeriasizq {
float: left;
border: 1px solid #000000;
width: 209px;
background: #f4f4f4;
font-size: 11px;
color: #000000;
padding: 5px 5px 5px 5px;
margin: 3px 5px 20px 15px;
font-weight: bold;
display: inline;
}

.alinearcentro {
text-align: center;
}


.galeriasizqenlaces {
float: left;
border: 1px solid #000000;
width: 209px;
background: #f4f4f4;
font-size: 11px;
color: #cc0000;
padding: 5px 5px 5px 5px;
margin: 3px 5px 20px 15px;
font-weight: bold;
display: inline;
}



.galeriasder {

float: left;

border: 1px solid #000000;

width: 165px;

background: #e6e6e6;

font-size: 11px;

color: #000000;

padding: 5px 5px 5px 10px;

margin: 3px 0px 0px 5px;

font-weight: bold;

display: inline;

}





.galeriasizq3 {

float: left;

border: 1px solid #000000;

width: 155px;

background: #f4f4f4;

font-size: 11px;

color: #000000;

padding: 5px 5px 5px 5px;

margin: 10px 0px 0px 0px;

font-weight: bold;

display: inline;

}



.galeriasder3 {

float: left;

border: 1px solid #000000;

width: 155px;

background: #e6e6e6;

font-size: 11px;

color: #000000;

padding: 5px 5px 5px 10px;

margin: 10px 0px 0px 5px;

font-weight: bold;

display: inline;

}



.galeriascentraltxt

{

float: left;

border: 1px solid #000000;

width: 350px;

height: 50px;

background: #990000;

font-size: 11px;

color: #ffffff;

padding: 5px 5px 5px 5px;

margin: 10px 0px 0px 5px;

font-weight: bold;

}







.camcasera

{

float: left;

width: 361px;

height: 221px;

background: #000000;

color: #000000;

margin-top: 10px;



}	











#fondobajo{
width:960px;
background-color:#000000;
clear:both;
margin: 0px auto 0px auto;
padding: 10px 0px 10px 0px;
text-align: center;
border-bottom: 2px solid #990000;
}


#fondobajo a{
color:#545454;
font: normal 12px Arial, Verdana, Trebuchet MS, Helvetica, sans-serif;
}

#fondobajo a:hover{
color:#373737;
}

/* COLUMNAS EN ARCHIVOS DE FOTOS ------------------------------ */	



#izqfotos

{ 



margin: 0px 0px 0px 0px;

float: left;

width: 200px;

background: #330000;

height:1800px;

font-size: 12px;

color: #ffffff;

padding-top: 10px;

padding-left:4px;

}







#centrofotos

{ 

float: left;

margin: 0px 0px 0px 0px;

padding-top: 10px;

padding-left:10px;

width: 370px;

background: #efefef;

display: inline;

height:1800px;

font-size: 12px;

color: #cc0000;

}









#derfotos

{ 

float: left;

margin: 0px 0px 0px 0px;

padding-top: 10px;

width: 214px;

background: #666666;

display: inline;

font-size: 12px;

color: #ffffff;

height:1800px;

border-left: 1px solid #333333;

} 





.galeriasizq2 {
float: left;
border: 1px solid #000000;
width: 170px;
background: #FF9933;
font-size: 11px;
color: #000000;
padding: 5px 5px 5px 5px;
margin: 10px 0px 0px 0px;
font-weight: bold;
}

.galeriasizq2fotos {
float: left;
text-align: center;
border: 1px solid #000000;
width: 150px;
background: #FF9933;
font-size: 11px;
color: #000000;
padding: 5px 5px 5px 5px;
margin: 10px 0px 0px 10px;
font-weight: bold;
}



.galeriasder2 {

float: right;

border: 1px solid #000000;

width: 170px;

background: #FF9933;

font-size: 11px;

color: #000000;

padding: 5px 5px 5px 10px;

margin: 10px 0px 0px 0px;

font-weight: bold;

}



.enlaceinterior1

{

float: right;

border: 1px solid #ff0000;

width: 350px;

height:28px;

background: #ffbfbf;

font-size: 11px;

color: #000000;

padding: 0px 5px 5px 5px;

margin: 5px 4px 10px 5px;

font-weight: bold;

}	



.enlaceinterior2 {
float: left;
border: 1px solid #000000;
width: 298px;
height: 20px;
background: #dddddd;
font-size: 11px;
color: #ffffff;
padding: 10px 0px 4px 15px;
margin: 5px 0px 0px 5px;
font-weight: bold;
}	



.enlaceinterior3 {
float: right;
border: 1px solid #000000;
width: 298px;
height: 20px;
background: #dddddd;
font-size: 11px;
color: #ffffff;
padding: 10px 0px 4px 15px;
margin: 5px 35px 20px 5px;
font-weight: bold;
}	

.enlaceinteriorcam {
float: right;
border: 1px solid #000000;
width: 298px;
height: 20px;
background: #dddddd;
font-size: 11px;
color: #ffffff;
padding: 10px 0px 4px 5px;
margin: 5px 0px 20px 40px;
font-weight: bold;
}	



.enlaceinterior4

{

float: left;

border: 2px solid #000;

width: 186px;

height:40px;

background: #cccccc;

font-size: 10px;

color: #000000;

padding: 0px 3px 3px 3px;

margin: 9px 4px 10px 0px;



}	



.tituvideos

{

float: left;

background: url(rodajes-x.gif) no-repeat;

width: 365px;

height: 59px;

font-size: 13px;

color: #99ccff;

padding: 20px 0px 0px 90px;

font-weight: bold;

}	



#izqindice ul {

margin: 0;

padding: 0;

list-style: none;

}

#izqindice li {

padding: 0;

display: inline;

background: none;

}

#izqindice li a {
font: bold 13px Arial, Verdana, Trebuchet MS, Helvetica, sans-serif;
color: #fff; 
text-decoration: none;
border-bottom: 1px solid #ff0000;
background: #660000;
display: block;
float: left;
width: 170px;
height: 22px;
padding: 10px 0px 5px 25px;
margin: 2px 1px 2px 1px;
}

#izqindice li a:hover {

color: #fff; 
text-decoration: underline;
border-bottom: 1px solid #ff0000;
background: #990000;
}



#izqindice2 ul {

margin: 0;

padding: 0;

list-style: none;

}

#izqindice2 li {

padding: 0;

display: inline;

background: none;

}

#izqindice2 li a {

font: normal 13px Verdana, Arial, Trebuchet MS, Helvetica, sans-serif;

color: #fff;

border-top: 2px solid #ffffff;

border-right: 2px solid #ffffff;

border-bottom: 1px solid #ff0000;

border-left: 1px solid #ff0000;

background: #ad0c0c;

display: block;

float: left;

width: 180px;

height: 36px;

padding: 5px 0px 0px 10px;

margin: 2px 1px 2px 1px;

font-weight: bold;

text-decoration: none;

}

#izqindice2 li a:hover {

background: #ffffff;

text-decoration: none;

color: #990000;

border-top: 2px solid #ff0000;

border-right: 2px solid #ff0000;

border-bottom: 1px solid #ffffff;

border-left: 1px solid #ffffff;

}