html, body{ 
 margin:0; 
 padding:0; 
 font: 0.8em Verdana, Arial, Helvetica, sans-serif;
 text-align:center;
 background-color:#DCE6E8;
} 

#principal{
	width:975px;
	margin:auto;
	background-color:#FFFFFF;
}

#superior{
	margin:0;
	padding:1em 1em 0 0;
	text-align:right;
}
#superior a {
	color:#000000;
	text-decoration:none;
}
#superior a:hover {
	color:#000000;
	text-decoration:underline;
}

#cabecera{
	margin:0;
	padding:0;
	height:100px;
	text-align:left;
}
#cabeceraizq{
	float:left;
	width:250px;
	height:100px;
	margin:0 0 0 2em;
	/*background-image: url('images/fondo_cabecera.gif');
	background-repeat: no-repeat;
	background-position: left;*/
}
#cabecerader{
	float:right;
	width:675px;
	/*height:100px;*/
	margin:0;
	padding:1em 1em 0 0;
	text-align:right;
}

#cabeceramenu{
	margin:0;
	padding:0;
	height:165px;
	text-align:left;
}
#cabeceramenuizq{
	float:left;
	margin:0 0 0 0.7em;
	padding:0;
	width:200px;
	height:165px;
	background-image: url('images/fondo_menu.gif');
	background-repeat: no-repeat;
	background-position: left;
}
#cabeceramenuder{
	float:right;
	width:750px;
	height:165px;
	margin:0 1em 0 0;
	padding:0;
	text-align:right;
}

#cabeceramenu ul {
	list-style-type:none;
	margin: 1.5em 0 0 0;
	padding:0;
}
#cabeceramenu li {
	list-style-type:none;
	margin:0 0 0 0;
	padding:0.5em 0 0.5em 1em;
	color: #FFFFFF;
	font: 1.2em Verdana, Arial, Helvetica, sans-serif;
}
#cabeceramenu a {
	color:#FFFFFF;
	text-decoration:none;
}
#cabeceramenu a:hover {
	color:#FFFFFF;
	text-decoration:underline;
}

#cabecerafoto{
	margin:0;
	padding:0;
	height:200px;
}

#contenedor{
	width:975px;
	margin:0;
}

#izquierda{
	width:195px;
	float:left;
	background-color:#FFFFFF;
	margin:0 0 0 1em;
	padding:0;
	text-align:left;
}
#izquierda ul {
	list-style-type:none;
	margin: 0.5em 0 0 0;
	padding:0;
}
#izquierda li {
	list-style-type:none;
	border-bottom:1px #BEE7F4 solid;
	margin:0 0 0 0;
	padding:0.5em 0 0.5em 1em;
	color: #000000;
	font: 1.1em Verdana, Arial, Helvetica, sans-serif;
}
#izquierda a {
	color:#000000;
	text-decoration:none;
}
#izquierda a:hover {
	color:#0099CC;
	text-decoration:underline;
}
#izquierda a.enlaceseccion {
	color:#0099CC;
	text-decoration:none;
}
#izquierda a.enlaceseccion:hover {
	color:#0099CC;
	text-decoration:underline;
}

#doscolumnas{
	width:765px;
	float:right;
	margin:0;
	padding:0;
}

#contenido1{
	float:left;
	width:525px;
	text-align:justify;
	/*margin:1.5em 1em 0 1em;*/
	margin:1.5em 0 0 0.5em;
	padding:0;
	font: 1.1em Verdana, Arial, Helvetica, sans-serif;
	line-height:1.4em;
}
#contenido1[id]{
	margin:1.5em 0 0 1em;
}
#contenido1 a {
	color:#0099CC;
	text-decoration:underline;
}
#contenido1 a:hover {
	color:#0099CC;
	text-decoration:none;
}

#contenido2{
	float:left;
	width:525px;
	text-align:justify;
	/*margin:1.5em 1em 0 1em;*/
	margin:1.5em 0 0 0.5em;
	padding:0;
	font: 1.1em Verdana, Arial, Helvetica, sans-serif;
	line-height:1.4em;
}
#contenido2[id]{
	margin:1.5em 0 0 1em;
}
#contenido2 a {
	color:#0099CC;
	text-decoration:underline;
}
#contenido2 a:hover {
	color:#0099CC;
	text-decoration:none;
}

#contenido3{
	float:left;
	width:525px;
	text-align:justify;
	/*margin:1.5em 1em 0 1em;*/
	margin:1.5em 0 0 0.5em;
	padding:0;
	font: 1.1em Verdana, Arial, Helvetica, sans-serif;
	line-height:1.4em;
}
#contenido3[id]{
	margin:1.5em 0 0 1em;
}
#contenido3 a {
	color:#0099CC;
	text-decoration:underline;
}
#contenido3 a:hover {
	color:#0099CC;
	text-decoration:none;
}

#contenido4{
	float:left;
	width:525px;
	text-align:justify;
	/*margin:1.5em 1em 0 1em;*/
	margin:1.5em 0 0 0.5em;
	padding:0;
	font: 1.1em Verdana, Arial, Helvetica, sans-serif;
	line-height:1.4em;
}
#contenido4[id]{
	margin:1.5em 0 0 1em;
}
#contenido4 a {
	color:#0099CC;
	text-decoration:underline;
}
#contenido4 a:hover {
	color:#0099CC;
	text-decoration:none;
}

#contenidofijo{
	float:left;
	width:725px;
	text-align:justify;
	/*margin:1.5em 1em 0 1em;*/
	margin:1.5em 0 0 1.5em;
	padding:0 0 0 0.75em;
	font: 1.1em Verdana, Arial, Helvetica, sans-serif;
	line-height:1.4em;
}
#contenidofijo[id]{
	margin:1.5em 0 0 1em;
}
#contenidofijo a {
	color:#0099CC;
	text-decoration:underline;
}
#contenidofijo a:hover {
	color:#0099CC;
	text-decoration:none;
}

#botonesnavegacion{
	margin:2em 0 0 0;
	text-align:right;
	clear:both;
}

#derecha{
	width:200px;
	float:right;
	margin:0.85em 1em 0 0;
	padding:0;
	text-align:left;
}
#derechalateral{
	margin:0;
	padding:0;
}
#derechalateral ul {
	list-style-type:none;
	margin: 0;
	padding:0;
	border-top:1px #DCE6E8 solid;
	border-left:1px #DCE6E8 solid;
	border-right:1px #DCE6E8 solid;
}
#derechalateral li {
	list-style-type:none;
	border-bottom:1px #DCE6E8 solid;
	margin:0 0 0 0;
	padding:0.5em 0 0.5em 1em;
	color: #000000;
	font: 1.1em Verdana, Arial, Helvetica, sans-serif;
}
#derechalateral a {
	color:#000000;
	text-decoration:none;
}
#derechalateral a:hover {
	color:#0099CC;
	text-decoration:underline;
}

#lateral{
	margin:1em 0 4em 0;
	padding:0;
	text-align:center;
}

#navegacion{
	margin:0.5em 0 0.5em 0;
	padding:0;
	font: 0.9em Verdana, Arial, Helvetica, sans-serif;
	color:#B7B7B7;
}
#navegacion a {
	color:#B7B7B7;
	text-decoration:none;
}
#navegacion a:hover {
	color:#B7B7B7;
	text-decoration:underline;
}

#pielogo{
	margin:0;
	padding:0;
	height:90px;
	background-image: url('images/fondo_web.gif');
	background-repeat: no-repeat;
	background-position: bottom;
}

#pie{
  width: 975px;
  background-color:#0099CC;
  border-top:10px #C4DAE7 solid;
  color:#FFFFFF;
  font: 1.2em Verdana, Arial, Helvetica, sans-serif;
  /*border-top: 1px #EAEAEA dotted;
  border-bottom: 1px #EAEAEA dotted;*/
  overflow: hidden;
  margin: 1em 0 0 0;
}
#pie a {
	color:#FFFFFF;
	text-decoration:none;
}
#pie a:hover {
	color:#FFFFFF;
	text-decoration:underline;
}
.menupie {
	margin:0 9.1em 0 0;
	float:left;
}
.menupie2 {
	margin:0 1em 0 0;
	float:left;
}
#pie ul {
	list-style-type:none;
	margin: 0.5em 0 0.5em 0;
	padding:0;
}
#pie li {
	list-style-type:none;
	margin:0 0 0 0;
	padding:0 0 0.5em 0;
	font: 0.9em Verdana, Arial, Helvetica, sans-serif;
}

#pieizq{ 
    text-align:left; 
	float:left;
	/*margin:18em 0 1em 1em;*/
	margin:1em 0 1em 1em;
	padding:0 0 0 1em;
	border-right:1px #EAEAEA solid;
	line-height:1.5em;
} 

#pieder{ 
	text-align:left; 
	float:left;
	margin:1em 1em 1em 1.5em;
	color:#FFFFFF;
} 

.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 */

h1{
	display:none;
}
h2{
	font: 1.2em Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	margin:1em 0 0 0;
	padding:0.5em 0 0.5em 1em;
}
h3{
	font: 1.1em Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	margin:1em 0 0 0;
	padding:0.5em 0 0.5em 0;
}
.menu{
	display:none;
}
.menu1{
	color:#0099CC;
}
.menu2{
	color:#0099CC;
}
.menu3{
	color:#0099CC;
}
.menu4{
	color:#0099CC;
}
.submenu1{
	padding:0.5em 0 0.5em 1em;
	background-color:#0099CC;
}
.submenu2{
	padding:0.5em 0 0.5em 1em;
	background-color:#0099CC;
}
.submenu3{
	padding:0.5em 0 0.5em 1em;
	background-color:#0099CC;
}
.submenu4{
	padding:0.5em 0 0.5em 1em;
	background-color:#0099CC;
}

.texto1{
	color:#0099CC;
}
.texto2{
	color:#0099CC;
}
.texto3{
	color:#0099CC;
}
.texto4{
	color:#0099CC;
}

.titulo{
	margin:1em 0 0.5em 0;
	padding:0 0 0.25em 0;
	font-weight:bold;
}
.titulo1{
	margin:1em 0 0.5em 0;
	padding:0 0 0.25em 0;
	color:#0099CC;
	font-weight:bold;
	border-bottom:1px #0099CC dotted;
}
.titulo2{
	margin:1em 0 0.5em 0;
	padding:0 0 0.25em 0;
	color:#0099CC;
	font-weight:bold;
	border-bottom:1px #0099CC dotted;
}
.titulo3{
	margin:1em 0 0.5em 0;
	padding:0 0 0.25em 0;
	color:#0099CC;
	font-weight:bold;
	border-bottom:1px #0099CC dotted;
}
.titulo4{
	margin:1em 0 0.5em 0;
	padding:0 0 0.25em 0;
	color:#0099CC;
	font-weight:bold;
	border-bottom:1px #0099CC dotted;
}

/*** FOTOS SECCIÓN TEXTO ***/
#contenedorfotos {
	width:100%;
	overflow:hidden;
	margin-top:0;
	margin-right:auto;
	margin-bottom:0;
	margin-left:auto;
}

.contenedorfoto {
	width:31%;
	padding:2px;
	margin:2px 2px 10px 2px;
	float:left;
}

.foto {
	width:160px;
	height:120px;
	border:4px #EAEAEA solid;
	padding:1px;
}
/*** FIN FOTOS SECCIÓN TEXTO ***/

/*** FOTOS SECCIÓN TEXTO ***/
#contenedorfotos {
	width:100%;
	overflow:hidden;
	margin-top:0;
	margin-right:auto;
	margin-bottom:0;
	margin-left:auto;
}

.contenedorfoto {
	width:31%;
	padding:2px;
	margin:2px 2px 10px 2px;
	float:left;
}

.foto {
	width:160px;
	height:120px;
	border:4px #EAEAEA solid;
	padding:1px;
}
/*** FIN FOTOS SECCIÓN TEXTO ***/

/*** FOTOS SECCIÓN NOTICIAS ***/
.imagennoticia {
	border:4px #EAEAEA solid;
	padding:1px;
	float:left;
	margin:0 5px 5px 0;
	width:200px;
}
/*** FIN FOTOS SECCIÓN NOTICIAS ***/

/*** PRINCIPAL ***/
.secciones{
	margin:0.5em 0 0 0;
	padding:0 0 0.5em 0;
	border-bottom:1px #EAEAEA solid;
}
/*** FIN PRINCIPAL ***/

/*** BUSCADOR ***/
#buscador {
	font: 8.5pt Verdana, Arial, Helvetica, sans-serif;
	background-color:#F2F2EA;
	border:1px #E1E1D7 solid;
	padding:10px;
	height:70px;
	/*background-image: url('images/fondo_buscador.gif');
	background-repeat: no-repeat;
	background-position: top right;*/
}
/*** FIN BUSCADOR ***/

/*** BUSCADOR AGENDA ***/
#buscadoragenda {
	font: 8.5pt Verdana, Arial, Helvetica, sans-serif;
	background-color:#F2F2EA;
	border:1px #E1E1D7 solid;
	padding:10px;
	height:150px;
	/*background-image: url('images/fondo_buscador.gif');
	background-repeat: no-repeat;
	background-position: top right;*/
}
/*** FIN BUSCADOR AGENDA ***/

/*** FORMULARIO ***/
select {
	font: 8.5pt Verdana, Arial, Helvetica, sans-serif;
	display: block;
	width: 225px;
	margin-bottom: 10px;
	/*margin-left:140px;*/
}

.boton{
  font: 8.5pt Verdana, Arial, Helvetica, sans-serif;
  background-color:#E1E1D7;
  border:1px #C1C1B9 solid;
  width:60px;
  margin-left:200px;
}

.etiqueta {
	display: block;
	/*width: 500px;
	float: left;*/
	margin-top: 5px;
	margin-bottom: 5px;
}

textarea { 
 font: 8.5pt Verdana, Arial, Helvetica, sans-serif;
 border:1px #C1C1B9 solid;
 width:350px;
 /*margin-left:140px;*/
 display: block;
 margin-bottom: 10px;
}

.etiquetaopcion {
	width: 485px;
	float: left;
	margin-bottom: 10px;
}

.opcion {
	margin:0px;
}

.cuadrotextoformulario {
	/*display: block;*/
	/*width: 350px;*/
	margin-bottom: 10px;
	/*margin-left:140px;*/
	font: 8.5pt Verdana, Arial, Helvetica, sans-serif;
	border:1px #C1C1B9 solid;
}

fieldset {
	margin:0 0 1em 0;
}

.espacioform {
	margin-top:2px;
}

.etiquetafecha {
	display: block;
	width: 150px;
	float: left;
	margin-bottom: 10px;
}

.cuadrotextofecha {
	display: block;
	margin-bottom: 10px;
	margin-left:140px;
	font: 8.5pt Verdana, Arial, Helvetica, sans-serif;
	border:1px #C1C1B9 solid;
}

.imgcalendario {
	float:right;
}
/*** FIN FORMULARIO ***/

/*** INICIO MAPA WEB ***/
#mapaweb ul {
	list-style:none;
	margin:0;
	padding:0;
}
#mapaweb ul li {
	padding:0.5em 0 0.5em 0.5em;
}
#mapaweb ul ul li {
	padding:0.5em 0 0.5em 1.5em;
}
#mapaweb ul ul ul li {
	padding:0.5em 0 0.5em 2.5em;
}
#mapaweb ul ul ul ul li {
	padding:0.5em 0 0.5em 3.5em;
}
/*** FIN MAPA WEB ***/

/*** FOTOS SECCIÓN TRABAJOS ***/
#contenedortrabajos {
	width:100%;
	overflow:hidden;
	margin-top:0;
	margin-right:auto;
	margin-bottom:0;
	margin-left:auto;
}

.contenedortrabajo {
	width:32%;
	height:215px;
	padding:2px;
	margin:2px 2px 10px 2px;
	float:left;
	text-align:center;
}

.trabajo {
	width:225px;
	height:169px;
	border:1px #DCE6E8 solid;
	padding:4px;
}
/*** FIN FOTOS SECCIÓN TEXTO ***/

/*** SLIDE VIEWER ***/
/*preload classes*/
.svw {width: 50px; height: 20px; background: #fff;}
.svw ul {position: relative; left: -999em;}

/*core classes*/
.stripViewer { 
position: relative;
overflow: hidden; 
border: 2px solid #0099CC;  
margin: 10px 0 1px 0;
}
.stripViewer ul { /* this is your UL of images */
margin: 0;
padding: 0;
position: relative;
left: 0;
top: 0;
width: 1%;
list-style-type: none;
}
.stripViewer ul li { 
float:left;
}
.stripTransmitter {
overflow: auto;
width: 1%;
}
.stripTransmitter ul {
margin: 0;
padding: 0;
position: relative;
list-style-type: none;
}
.stripTransmitter ul li{
width: 18.5px;
float:left;
margin: 0 1px 1px 0;
}
.stripTransmitter a{
font: bold 9px Verdana, Arial;
text-align: center;
line-height: 22px;
background: #0099CC;
color: #fff;
text-decoration: none;
display: block;
}
.stripTransmitter a:hover, a.current{
background: #fff;
color: #0099CC;
}

/*tooltips formatting*/
.tooltip
{
padding: 0.5em;
background: #fff;
color: #000;
border: 5px solid #dedede;
}
/*** FIN SLIDE VIEWER **/

.textonegrita {
	font-weight:bold;
}

.textocursiva {
	font-style:italic;
}

.imagensinborde {
	border:0;
}

.imagenizq {
	border:4px #EAEAEA solid;
	padding:0.1em;
	float:left;
	margin:0 0.5em 0.5em 0;
	width:22.5em;
}

.imagender {
	border:4px #EAEAEA solid;
	padding:0.1em;
	float:right;
	margin:0 0 0.5em 0.5em;
	width:22.5em;
}