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

	

	#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: bolder 1.4em "Trebuchet MS" Verdana Geneva Tahoma sans-serif;
		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{

		color: #676767;
        text-align: center;
		background: #3b3b3b;
		color: #4E4E4E;
		width: 950px;
		padding: 0;
		margin: 0px auto 0px auto;
    
	}
	/* CONTENEDOR EXTERNO------------------------------ */
	#contenedor
	{
		margin: 0px auto 0px auto;
		background: #e0e6eb;
		margin: 0px auto 0px auto;
		width: 840px;
		padding: 0;
		
	}
	
	.introtxt
	{
		margin: 0px auto 0px auto;
		width: 800px;
		height: 40px;
		background: #ffffff;
		font-size: 10px;
		color: #990000;

	}
	
	.logo
	{
	font: bolder 0.85em "Trebuchet MS" Verdana Geneva Tahoma sans-serif;
		margin: 0px 0px 0px 0px;
		width: 599px;
		height: 268px;
		color: #003333;
		padding: 0px 0px 0px 0px;

	}
	

	
	/* CONTENEDOR PAGINA------------------------------ */	
	#cuerpopagina
	{
		margin: 0px auto 0px auto;
		padding: 0px 0px 0px 0px;
		width: 800px;
		background: #ffffff;
		height:2080px;
	}
	

#galeria
{
margin: 0px 0px 0px 0px;
width: 800px;
background: #ffffff;
height:1960px;
font: bolder 0.8em "Trebuchet MS" Verdana Geneva Tahoma sans-serif;
border: 1px solid #ccccff;
text-align:center;
}
#galeria h1
{
margin: 5px auto;
clear: both;
color: #880000;
font-size: 1.1em;
text-align:center;
}
#galeria p
{
padding: 5px 5px 5px 5px;
margin: 5px auto 5px auto;
text-align: center;
clear: both;
border: 1px solid #d1d1d1;
background: #E8E8E8;
width: 700px;
}
#galeria strong{ color:#003399; }
#galeria p em{color: #00f;font: normal bold;}
#galeria p a{
text-decoration:none;
color: #000;
font: normal bold 1.3em;
}
#galeria p a:hover{
color: #f88;

}
#galeria h2
{
margin: 5px auto;
clear: both;
font-size: 1em;
color: #000000;
}
.fotogr
{
float:left;
width:125px;
border: 5px solid #0084c4;
display:block;
margin: 31px;/* modificar el margen de las fotos para centrar fotos*/
}
.fotogr:hover
{
border: 5px solid #3366ff;

}

div.fotogr
{
float:right;
width:320px;/*para ajustarlo al ancho del iframe*/
text-align:center;
border:2px dotted #3399cc;
background: #ccc;
}