/* CSS Document */

html, body{ font-family:Calibri;
font-size:12px; 
 margin:0; 
 padding:0; 
 text-align:center; 
}

h3 {font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
color:#0099CC;
} 

h2 {font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#003366;
} 
 
#contenedor{ 
 width:900px; 
 text-align:left;  
margin-left:auto; 
 margin-right:auto;  
} 
 
#header{
 height:150px;  
 width:905px;
 background-image:url(../img/banner.jpg);
 background-repeat:no-repeat;
}

#botonera {
width:300px;
height:40px;
margin:auto;
margin-top:10px;
}

.botmuni {
width:100px;
height:35px;
float:left;
}

.botrans {
width:100px;
height:35px;
float:right;
} 
 
#contenido{background-color: #FFFFFF;  
 width:100%;
 padding:2px;
 text-align:justify;
 border:solid 1px #F2F2F2;
 }
 
 #enlaces {
 width:100%;
 height:260px;
 margin:1px;
 border-bottom:dotted 1px #99CCFF;
 background-image:url(../img/bgenlaces.jpg);
 background-repeat:no-repeat;
 }
 
 .enla1 {
 width:210px;
 height:218px;
 margin:1px;
 float:left;
 text-align:justify;
 margin-left:50px;
 border-right:dotted 1px #99CCFF;
 padding:6px;
 }
 
 
  .enla2 {
 width:210px;
 height:218px;
 margin:1px;
 float:left;
 text-align:justify;
 margin-left:50px;
 padding:6px;
 }
 
  .enla3 {
 width:210px;
 height:218px;
 margin:1px;
 float:left;
 text-align:justify;
 margin-left:80px;
 padding:6px;
 border-left:dotted 1px #99CCFF;
 }
 
#footer{
width:905px;
 height:60px; 
 clear:both;
 text-align:center;
 padding-top:8px;
 background-color:#003366;
 color:#FFFFFF;
 } 
 

 
 /* *** hack css *** */ 
.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 */