/******* CSS Base ********/
div#container{  width:716px;  margin:0 auto;}
div#header{ float:left; width:100%;  padding-top:10px; display:inline;}
/*div#header02{
	width:500px;
	height:48px;
	padding-top:10px;
	display: block;
	float: left;
}*/
div#body{ float:left; width:100%; padding-top:20px; display:left;}
div#footer{ float:left; width:100%;  height:50px; display:inline;}

ul.mn{ width:716px;}
ul.mn li{ float:left; display:inline;}
ul.mn li.op{ padding:35px 10px 2px;}
ul.mn li.op a{ font-size:10px; color:#555;}
ul.mn li.op a:hover, ul.mn li.op a.active{  font-weight:bold;  color:#000;}
ul.mn li.r{  float:right;  display:inline;}

div#body div.img{  text-align:center;  padding-top:5px; width:716px;  /*height:436px;  background-color:#009900;*/}
div#body div.img img.foto{  width:716px;  height:436px; display:block;}
div#body div.img ul.flecha{  position:absolute; margin:10px 10px 0px; width:696px; z-index:10;}
div#body div.img ul.flecha li.l{  float:left; text-align:left; display:block;}
div#body div.img ul.flecha li.r{  float:right; text-align:right; display:block;}
div#body div.img ul.flecha li a{  width:348px; padding-top:370px; opacity:0.4; filter:alpha(opacity=40); display:block;}
div#body div.img ul.flecha li a:hover{  opacity:100; filter:alpha(opacity=100);}

div#body div.img ul.ind{  position:absolute; margin:415px 10px 0px; width:696px; z-index:10;}
div#body div.img ul.ind li{  float:left; margin-right:4px; display:block;}
div#body div.img ul.ind li a{  width:13px; height:6px; border:2px solid #fff; background-color:#b5b5b5; display:block;}
div#body div.img ul.ind li a:hover, div#body div.img ul.ind li a.mark{  border:2px solid #9ff; background-color:#fff;}

div#body div.desc{  width:686px; height:50px; margin:5px 15px 0px; padding-bottom:3px;}
div#body div.desc p{  line-height:12px; text-align:justify; max-height:50px; overflow:auto;}

/**** INDICE ****/

ul.indice{  width:100%;  margin:0px 10px;  background-color:#0099FF;}

ul.ft{  width:100%;}
ul.ft li{  float:left;  display:inline;}
ul.ft li.op{  padding:15px 10px;}
ul.ft li.op a{  font-size:10px;  color:#555;}
ul.ft li.op a:hover{  font-weight:bold;  color:#000;}
ul.ft li.r{  float:right;  display:inline;}
ul.ft li.ll{  padding-left:0;}
ul.ft li.rr{  padding-right:0;}

/*
div.lista{ float:left; width:96%; padding:10px 2%; display:inline;}
div.odd{ background-color:#EEEEEE;}
div.lista h2{ font-size:14px; font-weight:bolder; padding-bottom:5px; color:#000;}
div.lista h3{ font-size:12px; font-weight:bolder; padding-bottom:5px;}
div.lista p{ text-align:justify;}
div.lista p img{ padding-right:10px; float:left; display:block;}
div.lista p.ver-mas{ text-align:right;}*/

div.noticia{display:inline; padding:10px 5px; width:227px;}
div.odd{ background-color:#EEEEEE;}
div.noticia h2{ font-size:10px; font-weight:bolder; padding-bottom:5px; color:#666;}
div.noticia h3{ font-size:8px; font-weight:bolder; padding-bottom:5px; color:;#999}
div.noticia small{ font-size:9px; font-weight:normal; padding-bottom:5px; color:;#999}
div.noticia p{ text-align:justify;}
div.noticia p img{ padding-right:10px; float:left; display:block;}
div.noticia p.ver-mas{ text-align:right;}

div.lista {
  height:110px;
  margin-bottom:20px;
  margin-left:8px;
  margin-top:10px;
  width:707px;
}
div.lista .imagen{
  float:left;
  width:180px;
  display:inline;
}
div.lista .texto{
  float:right;
  width:510px;
  margin-left:17px;
  display:inline;
}
div.lista .texto h3{ font-weight:bold;}
div.lista .texto .cont{ margin-top:5px;height:80px;overflow:auto;}
div.lista .texto p{ margin-top:3px;}
div.lista .texto .pdf{ font-weight:bold; text-decoration:underline; color:#868686;}

div.cont-oficina{  width:100%;}
div.cont-oficina h1{ font-size:24px;}
div.cont-oficina h2{ font-size:10px;}
div.cont-oficina h2.active{ font-weight:bold;}
div.cont-oficina p{ font-family:Verdana; font-size:10px; text-align:justify; word-spacing:1px; line-height:12px; }

h1.tit{ font-family:Eurostile;}

.p-l-14{padding-left:140px;}
h2 a{color:#333;}
h2 a:hover{color:#333;}