@import url(http://fonts.googleapis.com/css?family=Ubuntu+Condensed);

	/* CUERPO TOTAL------------------------------ */
	body{
	  width: 100%;
	  height: 100%;
		font: normal 13px Verdana, Arial, Trebuchet MS, Helvetica, sans-serif;
		color: #676767;
    text-align: center;
		background: #cccccc;
		color: #000000;
 		padding: 0;
		margin:0 auto;
   	}
     
     
#centrovideosbajo {
background: #efefef;
border: 1px solid #ffa275;
padding: 5px 5px 5px 5px;
font: normal 11px Verdana, Arial, Trebuchet MS, Helvetica, sans-serif; text-align:justify; color: #2c2c2c;
}
	<!--

	/*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: 575px;
		background: #ff3300;
		height:100%;
	}
	

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

	#basevideosb
	{ 
	  float: right;
      width: 150px;
	}
	
	#videos ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	#videos li {
		padding: 0;
		display: inline;
		background: none;
	}
	#videos a {
		font: normal 12px Verdana, Arial, Trebuchet MS, Helvetica, sans-serif;
		color: #676767;
	    border: 2px solid #ffcc33;
	    background: #ffffff;
		display: block;
		float: left;
		width: 140px;
		height: 30px;
		padding-top: 4px;
		margin: 1px 1px 1px 1px;
		font-weight: bold;
		text-decoration: none;
	}
	#videos a:hover {
		background: #ffcc66;
		text-decoration: none;
		color: #FFFFFF;
		width: 140px;
		height: 30px;
	}
	

	
    #basefotosa
	{ 
	  float: left;	 
      width: 140px;
	}

	#basefotosb
	{ 
	  float: right;
      width: 140px;
	}
	
	
	
	 #basefotosnew
	{ 
	  float: left;	 
      width: 300px;
      margin-left: 10px;
	}

	#basefotosnew2
	{ 
	  float: right;
      width: 420px;
	}
	
	
	
	#fotos ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	#fotos li {
		padding: 0;
		display: inline;
		background: none;
	}
	#fotos a {
		font: normal 10px Verdana, Arial, Trebuchet MS, Helvetica, sans-serif;
		color: #676767;
	    border: 2px solid #ffcc00;
	    background: #ffffff;
		display: block;
		float: left;
		width: 110px;
		height: 150px;
		padding-top: 4px;
		margin: 1px 1px 1px 1px;
		font-weight: bold;
		text-decoration: none;
	}
	#fotos a:hover {
		background: #b30000;
		text-decoration: none;
		color: #FFFFFF;
		width: 110px;
		height: 150px;
	}
	
	
	
#basefotostxt
{ 
float: left;	 
width: 180px;

}

#fotostxt ul {
margin: 0;
padding: 0;
list-style: none; 
margin-left: 5px;
}

#fotostxt li {
padding: 0;
display: inline;
background: none;
}

#fotostxt a {
font: normal 11px Verdana, Arial, Trebuchet MS, Helvetica, sans-serif;
color: #ff0000;
background: #ffffff;
display: block;
float: left;
width: 170px;
height: auto;
padding: 4px;
margin: 5px 3px 0px 3px;
text-decoration: none;
}

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

	
	#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 12px "Verdana", Arial, Trebuchet MS, Helvetica, sans-serif;
		color: #ffcc66;
		display: block;
		float: left;
		width: 176px;
		height: 34px;
		padding: 1px 1px 1px 12px;
		margin: 1px 1px 1px 1px;
		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: #ff3300;
		font-size: 100%;
		font-weight: bold;
		padding-top: 5px;
	}


.letranew {
font-family: 'Ubuntu Condensed', sans-serif;               
color: #fff;
font-size: 1.9em;
}	
	
	h2 {
	    color: #ff9900;
		font-size: 110%;
		font-weight: bold;
		padding-top: 12px;
		margin: 0px;
		padding: 0px;
	}
	
	h3 {
	    color: #cc0033;
		font-size: 100%;
		font-weight: bold;
		padding-top: 0px;
	}
	
	a {
		font: normal 12px Verdana, Arial, Trebuchet MS, Helvetica, sans-serif;
		color: #cc0000;
		text-decoration: none;
		font-weight: bold;
	}
	a:hover {
		font: normal 12px Verdana, Arial, Trebuchet MS, Helvetica, sans-serif;
		color: #ff6600;
		text-decoration: underline;
		font-weight: bold;
	}


	
 p{
 text-align: justify;
font: normal 11px Verdana, Arial;
padding: 0px 10px 0px 10px;
 }
 
 .txtcizq {
  width: 170px;
 padding: 5px 15px 5px 15px;
 }

.marcotxt {
border: 1px solid #cc0000;
padding: 5px;
}



.marginleft {
margin-left: 20px;
}



	/* CONTENEDOR EXTERNO------------------------------ */
	#contenedor
	{
		margin: 0px auto 0px auto;
		background: #990000;
		width: 960px;
		padding: 0;
		
	}
	
	#introtxt, #introtxtpie
	{
		margin: 0px auto 0px auto;
		width: 960px;
		height: 120px;
		background: #840000;
		font-size: 11px;
		color: #ffffff;
}

#introtxtpie {
height: 50px;
}
	
	#logo
	{
		margin: 0px auto 0px auto;
		width: 800px;
		height: 31px;
		background: url(fotos/1001mamadas.gif) no-repeat;
		font-size: 10px;
		color: #003333;
		padding: 0px 0px 0px 0px;

	}
	
	.logotxt
	{
		margin: 0px auto 0px auto;
		font-size: 10px;
		color: #003333;
		padding: 0px 0px 0px 0px;
    }




	#introtxt ul, #introtxtpie ul {
		margin: 0px 0px 0px 5px;
		padding: 0;
		list-style: none;
	}
	
	#introtxt li, #introtxtpie li {
		padding: 0;
		display: inline;
		background: none;
	}
	#introtxt a, #introtxtpie a {
		font: bold 13px Verdana, Arial, Trebuchet MS, Helvetica, sans-serif;
		color: #ffffff;
	    border: 2px solid #ffffff;
		background: #ff3300;
		display: block;
		float: left;
		width: 174px;
		height: 20px;
		padding: 2px 2px 2px 2px;
		margin: 10px 4px 1px 4px;
		text-decoration: none;
	}
	#introtxt a:hover, #introtxtpie a:hover  {	
	    border: 2px solid #ffffff;
	    background: #ff0000;

		text-decoration: none;
		color: #FFFFFF;
		width: 174px;
	}

	
	
	/* CONTENEDOR PAGINA------------------------------ */	
	#cuerpopagina
	{
		margin: 0px auto 0px auto;
		width: 960px;
		background: #c10000;
		height:100%;
	}
	

    #izq
	{ 
	 
	  margin: 0px 0px 0px 0px;
	    float: left;
		width: 200px;
		background: #cd2218;
		display: inline;
		height:100%;
		color: #ffffff;
		padding-top: 0px;
		padding-left:0px;
	}
	
	#izq ul {
		margin: 0px 0px 0px 5px;
		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: #ffffff;

		background: #ff3300;
		display: block;
		float: left;
		width: 174px;
		height: 20px;
		padding: 2px 2px 2px 2px;
		margin: 1px 4px 1px 4px;
		text-decoration: none;
	}
	#izq a:hover {	

	    background: #ff0000;

		text-decoration: none;
		color: #FFFFFF;
		width: 174px;
	}
	
  #izqarchivo
	{ 
	 
	  margin: 0px 0px 0px 0px;
	    float: left;
		width: 200px;
		background: #cd2218;
		display: inline;
		height:1900px;
		font-size: 11px;
		color: #ffffff;
		padding-top: 10px;
		padding-left:0px;
	}
	
	#izqarchivo ul {
		margin: 5px 0px 0px 0px;
		padding: 0;
		list-style: none;
	}
	#izqarchivo li {
		padding: 0;
		display: inline;
		background: none;
	}
	#izqarchivo a {
		font: normal 13px "Verdana", Arial, Trebuchet MS, Helvetica, sans-serif;
		color: #ffffff;
	    border: 2px solid #ffffff;
		background: #ff3300;
		display: block;
		float: left;
		width: 176px;
		height: 34px;
		padding: 2px 2px 2px 2px;
		margin: 1px 4px 1px 4px;
		font-weight: bold;
		text-decoration: none;
	}
	#izqarchivo a:hover {	
	    border: 2px solid #ffcc00;
	    background: #ff6600;

		text-decoration: none;
		color: #FFFFFF;
		width: 176px;
	}

	#centro
	{ 
	  float: left;
		margin: 0px 0px 0px 0px;
		width: 750px;
		background: #ffffff;
		display: inline;
		height:100%;
	}
	
	#centro p
	{	
text-align: justify;
	}
	
.blqcentroizq, .blqcentrodrcha {
		margin: 6px;
 
		background: #fff;    
		display: inline;    
		width: 340px;    
		padding: 6px 10px 6px 10px; 
 		height:100%;      
}
	
.blqcentroizq { 
float: left;
}
	
.blqcentrodrcha { 
float: right; 
border: 1px solid #d1d1d1;
}	

.blqcentrodrcha img{ 
padding: 5px;
}	



.blqcentrodrcha img, .imgleft{ 
padding: 3px 9px 0px 3px;
}



.basetgp  {
float: left;
width: 340px;
height: auto;
border: 1px solid #cccccc;
margin: 0px 20px 10px 0px;
padding: 5px;
}

.mtop {
margin-top: 20px;
}

/* BASE FOTOS PROPIAS = CAJA Y FLOAT A IMG INTERNA */
.basefoto {
width: 340px;
height: 130px;
border: 1px solid #cccccc;
margin-bottom: 10px;
padding: 5px;
}

.basefoto img {
float: left;
padding: 5px;
}

.basefoto a {
text-decoration: none;
color: #990000; 
}


.enlmasfotos {
width: 100%;
height: auto;
border: 1px solid #cc0000;
padding: 5px;
}

.enlmasfotos a {
text-decoration: none;
color: #990000; 
}


/* ICONOS CATEGORIAS */
.imgleft {
float: left;
padding: 3px 9px 0px 3px;
}



/* BASE FOTOS PROPIAS = CAJA Y FLOAT A IMG INTERNA */
.basevideogr {
width: 340px;
height: auto;
border: 1px solid #cccccc;
margin-bottom: 10px;
padding: 5px;
text-align: justify;
}

.basevideogr img  {
float: left;
padding: 2px;
margin: 5px;
}

.basevideo {
width: 340px;
height: 65px;
border: 1px solid #cccccc;
margin-bottom: 10px;
padding: 5px;
}

.basevideo img {
float: left;
padding: 5px;
}

.basevideo a {
text-decoration: none;
color: #990000; 
}


#contefotos {
width: 340px;
width: auto;

}


	
	
	    .videosdia
	{ 
	  float: left;
		margin: 0px 0px 0px 10px;
		width: 570px;
		border: 1px solid #d1d1d1;
		background: #f8452c;
		display: inline;
		height:230px;
		padding: 5px 5px 5px 5px;
	}

	
#verchicaschat ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	#verchicaschat li {
		padding: 0;
		display: inline;
		background: none;
	}
	#verchicaschat a {
		font: normal 13px Verdana, Arial, Trebuchet MS, Helvetica, sans-serif;
		color: #000000;
	    border: 2px solid #333333;
	    background: #ffffff;
		display: block;
		float: left;
		width: 520px;
		height: 24px;
		padding: 0px auto;
		margin: 5px 0px 0px 20px;
		font-weight: bold;
		text-decoration: none;
	}
	#verchicaschat a:hover {
		background: #ff9900;
		text-decoration: none;
		color: #FFFFFF;
		width: 520px;
	}	
	
	
	#vervideosdia ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	#vervideosdia li {
		padding: 0;
		display: inline;
		background: none;
	}
	#vervideosdia a {
		font: normal 13px "Verdana", Arial, Trebuchet MS, Helvetica, sans-serif;
		color: #000000;
	    border: 2px solid #333333;
	    background: #ffffff;
		display: block;
		float: left;
		width: 520px;
		height: 24px;
		padding: 0px auto;
		margin: 15px 0px 0px 20px;
		font-weight: bold;
		text-decoration: none;
	}
	#vervideosdia a:hover {
		background: #ff9900;
		text-decoration: none;
		color: #FFFFFF;
		width: 520px;
	}	
	
	
	
	
    .blqcentrochat
	{ 
	  float: left;
		margin: 0px 0px 0px 10px;
		width: 570px;
		border: 1px solid #d1d1d1;
		background: #f8452c;
		display: inline;
		height:100%;
		padding: 5px 5px 5px 5px;
	}

	
	.videochat
	{
		width: 570px;
		height:160px;		
		background: url(videochat.gif) no-repeat;
	}
	
	#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;
	}	
	
	
	#centrobajo
	{ 
	  float: right;
		margin: 2px 2px 4px 2px;
		padding: 0px 2px 5px 2px;
		width: 590px;
		background: #f8452c;
		height:990px;
		border: 1px solid #999999;
	}
	
	#centrobajovideos
	{ 
	  float: right;
		margin: 0px 2px 4px 2px;
		padding: 0px 2px 5px 2px;
		width: 590px;
		background: #ffffff;
		height:290px;
		border: 1px solid #999999;
	}

	.avancerelato
	{ 
	float: right;
	 	padding: 5px 2px 5px 2px;
		font: normal 11px "Verdana", Arial, Trebuchet MS, Helvetica, sans-serif;
		color: #000000;
		width: 580px;
		background: #c3c3c3;
		height:150px;
		border: 1px solid #999999;
	}
	

	
	#bajo
	{ 
	  float: left;
		margin: 10px 0px 0px 0px;
		width: 960px;
		height:auto;
		background: #990000;
		display: inline;
		font-size: 9px;
		color: #ffffff;

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


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

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

	
	
	#bajoenlaces
	{ 
	  float: left;
		margin: 10px 0px 0px 0px;
		width: 840px;
		height:340px;
		background: #990000;
		display: inline;
		font-size: 9px;
		color: #ffffff;

	}	
	
	
#bajoenlacestxt
	{ 
	  float: left;	 
      width: 200px;
	}

#enlacestxt ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
#enlacestxt li {
		padding: 0;
		display: inline;
		background: none;
	}
#enlacestxt a {
		font: normal 11px "Verdana", Arial, Trebuchet MS, Helvetica, sans-serif;
		color: #ffffff;
	    border: 2px solid #660000;
	    background: #ff3300;
		display: block;
		float: left;
		width: 190px;
		height: 20px;
		padding: 4px 4px 4px 4px;
		margin: 1px 1px 1px 1px;
		text-decoration: none;
	}
#enlacestxt a:hover {
		background: #ff6633;
		text-decoration: none;
		color: #ffffff;
		width: 190px;
		height: 20px;
	}