/* CONTENT */
/*superior*/
#middle .content{
overflow: hidden;
width:769px;
color:#000;
font-size:1.1em;
}
#middle .content .superior .tituloSeccion{
width:769px;
height:36px;
background:url(/img/decoracion/degradado-naranja-oscuro-horizontal.jpg) right top repeat-y;
color: #000;
}
#middle .content .superior em{
background:url(/img/decoracion/3bullets-blancos-naranja.gif) right 16px no-repeat;
padding-right:43px;
padding-left:45px;
padding-top:9px;    
padding-bottom:3px;
line-height:.8em;
display:block;    
text-align: right;
float: left;
font-size:1.8em;
font-weight: bold;
}
#middle .content .superior .submenu{
width:769px;
height:36px;
background:url(/img/decoracion/degradado-blanco-rosa-vertical.jpg) right top repeat-x;
color: #000;
margin-top:10px;
font-size:1.1em;
}
#middle .content .superior .submenu a{
color:#333333;
}
#middle .content .superior .submenu li{
float: right;
padding:10px 30px 0 5px;
border-left:1px solid #000;
}
#middle .content .superior .submenu li.selected a{
color:#BA7001;
}
#middle .content .superior .breadcrumb{
width:702px;
background-color:#fff;
float:right;
color:#333;
padding:10px 0 45px 20px;
}
#middle .content .superior .breadcrumb a{
color:#000;
text-decoration:none;
}
#middle .content .superior .breadcrumb a:hover{
text-decoration:underline;    
}
#middle .content .contenido{
width:672px;   
padding-left:50px;
padding-bottom:60px;
background:url(/img/decoracion/1px-gris.gif) 50px 0 repeat-y #fff;
float:right;
}                 
#middle .content .contenido h2{
border-bottom:1px solid #B7B7B7;
background-color:#fff;
padding-left:32px;
margin-bottom:30px;
width:550px;
height:20px;
overflow: hidden;
}
#middle .content .contenido h2 em{
padding-left:7px;
padding-top:5px;
width:550px;
position: absolute;
color:#333;
font-size:1.5em;
font-weight: bold;
background-color:#fff;
}
#middle .content .contenido .btnBloque{
background-color:#E6DBCC;
border:1px solid #DAC8B6;
padding:3px;
color:#000;
font-weight:bold;
text-align:center;
text-decoration:none;
}
#middle .content .contenido .bottom{
text-align: center;
padding:25px 15px 0;
clear: both;
}
/*referencias*/
#middle .content .contenido .referencias{
margin-left:42px;
width:592px;
clear: both;
padding:15px 0;
}
#middle .content .contenido .referencias a{
color:#000;
}
#middle .content .contenido .referencias li{
overflow: hidden;
margin-bottom:20px;
}
#middle .content .contenido .referencias .tituloRef{
font-weight:bold;
font-size:1.1em;
padding-bottom:5px;
}
#middle .content .contenido .referencias p{
text-align: justify;
padding-bottom:25px;
}
#middle .content .contenido .referencias img{
border:1px solid #999999;
}
/*referencia tipo 1*/
#middle .content .contenido .referenciaTipo1 li{
width:592px;
}
#middle .content .contenido .referenciaTipo1 img{
float: left;
}
#middle .content .contenido .referenciaTipo1 .tituloRef,
#middle .content .contenido .referenciaTipo1 p{
float: right;
width:380px;
}
#middle .content .contenido .referenciaTipo1 .btnBloque{
float: right;
}
/*referencia tipo 2*/
#middle .content .contenido .referenciaTipo2 li{
width:270px;
height:175px;
padding-right:25px;
float: left;
}
#middle .content .contenido .referenciaTipo2 li .left{
float: left;
width:92px;
}
#middle .content .contenido .referenciaTipo2 .left img{
margin-bottom:15px;
border:1px solid #999;
}
#middle .content .contenido .referenciaTipo2 .left .btnBloque{
width:84px;
display: block;
}
#middle .content .contenido .referenciaTipo2 .tituloRef,
#middle .content .contenido .referenciaTipo2 p{
float: right;
width:164px;
}
/*referencia tipo 3*/
#middle .content .contenido .referenciaTipo3 li{
width:250px;
padding-left:20px;
padding-right:25px;
margin-bottom:35px;
float: left;
background:url(/img/decoracion/bullet-li.gif) 0 3px no-repeat;
}
#middle .content .contenido .referenciaTipo3 .tituloRef{
float: left;
padding-bottom:10px;
width:245px;
}
#middle .content .contenido .referenciaTipo3 p{
padding-bottom:10px;
float: left;
width:245px;
}
#middle .content .contenido .referenciaTipo3 .btnBloque{
float: left;
}

/*referencia tipo 4*/
#middle .content .contenido .referenciaTipo4 li{
width:592px;
padding-right:25px;
padding-bottom: 10px;
float: left;
}
#middle .content .contenido .referenciaTipo4 li .left{
float: left;
width:92px;
}
#middle .content .contenido .referenciaTipo4 .left img{
margin-bottom:15px;
border:1px solid #999;
}
#middle .content .contenido .referenciaTipo4 .left .btnBloque{
width:84px;
display: block;
}
#middle .content .contenido .referenciaTipo4 .tituloRef,
#middle .content .contenido .referenciaTipo4 p{
float: right;
width:480px;
}
/* ficha */
#middle .content .contenido .ficha{
overflow: hidden;
width:612px;
padding-left:15px;
padding-bottom:50px;
}
#middle .content .contenido .ficha .left{
float: left;
overflow: hidden;
width:280px;
}
.pulse{
font-weight:bold;
display: block;
padding:5px 0;
text-align: center;
}
#middle .content .contenido .ficha .left .divGaleria{
width:280px;
height:98px;
background-color: #F2ECE5;
margin-top:15px;
}
#middle .content .contenido .ficha .left .divGaleria ul{
width:206px;
height:62px;
padding:20px 5px 0;
margin:0 auto;
text-align: center;
}
#middle .content .contenido .ficha .left .divGaleria .btn{
display: block;
width:0;
height:0;
padding:28px 0 0 14px;
overflow: hidden;
margin-top:35px;
}
#middle .content .contenido .ficha .left .divGaleria .anterior{
float: left;
margin-left:7px;
background:url(/img/decoracion/flecha-izq.gif) left top no-repeat;
}
#middle .content .contenido .ficha .left .divGaleria .anteriorActivo{
float: left;
margin-left:7px;
background:url(/img/decoracion/flecha-izq-activa.gif) left top no-repeat;
}
#middle .content .contenido .ficha .left .divGaleria .siguiente{
float: right;
margin-right:7px;
background:url(/img/decoracion/flecha-der.gif) left top no-repeat;
}
#middle .content .contenido .ficha .left .divGaleria .siguienteActiva{
float: right;
margin-right:7px;
background:url(/img/decoracion/flecha-der-activa.gif) left top no-repeat;
}
#middle .content .contenido .ficha .left .divGaleria #galeriaRecurso{
width:205px;
margin-left:35px;
overflow:hidden;
}
#middle .content .contenido .ficha .left .divGaleria #galeriaRecurso ul{
width:4000px;
}
#middle .content .contenido .ficha .left .divGaleria li{
width:60px;
height:60px;
margin-right:5px;
float: left;
border:1px solid #999;
}
#middle .content .contenido .ficha .left .divGaleria li a{
width:0px;
height:0px;
padding:60px 0 0 60px;
display: block;
overflow: hidden;
}
#middle .content .contenido .ficha .right{
float: right;
overflow: hidden;
width:315px;
}
#middle .content .contenido .ficha .right p,
#middle .content .contenido .ficha .right span{
padding-bottom:8px;
display: block;
}
#middle .content .contenido .ficha .right .url a{
color:#000066;
}
#middle .content .contenido .ficha .right h4{
color:#e58900;
font-weight:bold;
}          
#middle .content .ficha p a{
text-decoration:underline;
color:#E58900;
}
#middle .content .contenido .ficha .editor{
margin-left:0;
width:auto;
padding-bottom:15px;
}
/* listado */
#middle .content .contenido .listado {
padding-left:25px;
clear: both;
}
#middle .content .contenido .listado li{
width:592px;
padding-right:25px;
padding-bottom: 15px;
overflow: hidden;
clear: both;
}      
#middle .content .contenido .listado6 li{
padding-bottom:25px;
margin-bottom:10px;
}
#middle .content .contenido .listado img{
margin-bottom:15px;
border:1px solid #999;
float: left;
}    
#middle .content .contenido .listado6 img{
border:none;   
}
#middle .content .contenido .listado h4 a{
float: right;
width:470px;
color:#333;
font-weight:bold;
font-size:1.1em;
margin-bottom:5px; 
}
#middle .content .contenido .listado p{
color:#333;                   
float: right;
width:470px;
}
#middle .content .contenido .listado p a{
color:#333;
text-decoration: underline;   
}
/* interesante */
#middle .content .contenido .interesante{
padding-top:15px;
padding-left:30px;
}
#middle .content .contenido .interesante h3{
font-size:1.2em;
font-weight:bold;
color:#333;
padding-bottom: 15px;
}
#middle .content .contenido .interesante ul li{
width:300px;
height:220px;
margin-bottom:10px;
padding-right:20px;
float: left;
}
#middle .content .contenido .interesante ul li .left{
float: left;
width:92px;
}
#middle .content .contenido .interesante ul img{
margin-bottom:15px;
border:1px solid #999;
}
#middle .content .contenido .interesante .left .btnBloque{
width:84px;
display: block;
}
#middle .content .contenido .interesante ul p,
#middle .content .contenido .interesante ul span{
float: right;
width:184px;
padding-bottom:8px;
display: block;
overflow: hidden;
}
#middle .content .contenido .interesante ul .urlWeb a{
font-size:.9em;   
color:#000066;
}
#middle .content .contenido .interesante ul .tituloRef{
float: right;
width:184px;
color:#e58900;
font-weight:bold;
}
#middle .content .contenido .interesante ul .tituloRef a{
color:#e58900;
}

#middle .content .contenido .equipoHumano{
padding-left:40px;
}
#middle .content .contenido .equipoHumano li{
float: left;
width:275px;
height:161px;
padding-right:25px;
}      
#middle .content .contenido .equipoHumano li img{
float: left;   
}
#middle .content .contenido .equipoHumano li strong,
#middle .content .contenido .equipoHumano li span{
float: right;
width:165px;
}     
#middle .content .contenido .equipoHumano .cargo{
padding-bottom:10px;
color:#FF9900;
}
#middle .content .contenido .equipoHumano .director{
height:185px;
width:600px;
}
#middle .content .contenido .equipoHumano .director strong,
#middle .content .contenido .equipoHumano .director span{
float: right;
width:365px;
padding-right:75px;
}    
/*Paginacion*/
.listado .paginacion{
height:20px;    
padding-right:15px;
padding-bottom:15px;
/*margin-top:-22px;*/
float:right;
}
.listado .paginacion a,
.listado .paginacion span{
margin:0;
margin-left:4px;
display:block;
float:left;
width:15px;
text-align:center;
color:#333;
}    
.listado .paginacion span{
font-weight:bold;
text-decoration:underline;
}
.listado .paginacion .primera{
border:none;
background:url(/img/decoracion/p-primero-off.gif) no-repeat;
height:10px;
width:18px;
overflow:hidden;
text-indent:100px;
margin:0;
margin-top:3px; 
}
.listado .paginacion .primera.primeraOff{background:url(/img/decoracion/p-primero-off.gif) no-repeat;}
.listado .paginacion .anterior{
border:none;
background:url(/img/decoracion/p-izq.gif) no-repeat;
height:10px;
width:18px;
overflow:hidden;
text-indent:100px;
margin:0;
margin-top:3px;
}
.listado .paginacion .anterior.anteriorOff{background:url(/img/decoracion/p-izq-off.gif) no-repeat;}

.listado .paginacion .siguiente{
background:url(/img/decoracion/p-der.gif) no-repeat;
height:10px;
width:18px;
overflow:hidden;
text-indent:100px;
margin-top:3px;
}
.listado .paginacion .siguiente.siguienteOff{background:url(/img/decoracion/p-der-off.gif) no-repeat;}

.listado .paginacion .ultima{
border:none;
background:url(/img/decoracion/p-ultimo.gif) no-repeat;
height:10px;
width:18px;
overflow:hidden;
text-indent:100px;
margin:0;
margin-top:3px;
}
.listado .paginacion .ultima.ultimaOff{background:url(/img/decoracion/p-ultimo-off.gif) no-repeat;}
/*Fin paginacion*/

/* MAPA */
#middle .content .contenido #mapaGM{
margin:0 auto;
}
.infoMapa{
height:150px;
width:230px;
background-color:#2D2D2D;
}
.infoMapa img{
display:block;
margin:0 auto;
}
.infoMapa span{
display:block;
background-repeat:no-repeat;
background-position:20px 0px;
font-size:13px;
color:#fff;
padding:0 0 0 20px;
}
.infoMapa span.loc{
font-weight:bold;
}
.infoMapa span.tel{
background-image:url(/img/iconos/p/telephone.gif);
padding-left:38px;
}
.infoMapa span.email{
background-image:url(/img/iconos/p/at.gif);
padding-left:38px;
}     
/*FIN MAPA*/
/* editor */
#middle .content .contenido .editor{
margin-left:42px;
width:574px;
padding-bottom:15px;
}     
#middle .content .editor p{
line-height:1.4em;
padding-bottom:15px;
text-align: justify;
}    /*
#middle .content .editor img{
border:1px solid #999999;
}     */
#middle .content .editor a{
text-decoration:underline;
color:#E58900;
}
#middle .content .editor a:hover{
text-decoration:none;
}
#middle .content .editor h4{
font-size:1.1em;
font-weight:bold;
color:#E58900;
padding:10px 0 10px;
}
#middle .content .editor ul{
padding:5px 0 5px 10px;
}
#middle .content .editor ul li{
background:url(/img/decoracion/bullet-li.gif) 0 3px no-repeat;
padding-left:15px;
padding-bottom:13px;
}
#middle .content .editor .izq{
float: left;
margin: 5px 10px 5px 0;
}
#middle .content .editor .der{
float: right;
margin: 5px 0 5px 10px;
}
#middle .content .editor .com{
display: block;
float: none;
margin: 10px auto;
}
.divFondoVentana .popupPolitica h1{
color:#000;
font-weight:bold;
padding:10px 0;
}
.divFondoVentana .popupPolitica p{
color:#333;
padding:10px 20px;
text-align: justify;
}
/* fin editor */
/* formularios */
form.formulario{
border:1px solid #FFF;

width:545px;
padding:10px;
margin:15px auto 15px auto;
padding-bottom:20px;
text-align:center;
}
form.formulario legend{
padding:25px 0;
font-weight:bold;
color:#000;
}
form.formulario .campo{
text-align:left;
height:40px;
float:left;
width:auto;
}
form.formulario .campoCheck,
form.formulario .campoFecha,
form.formulario .campoSelect,
form.formulario .campoTextoCorto{
width:136px;
height:40px;
float:left;
margin-bottom:10px;
}
form.formulario .campoTextoLargo{
width:547px;
height:80px;
clear:both;
float:left;
margin-bottom:10px;
}
form.formulario .campoTextoLargo textarea{
width:535px;
height:55px;
}
form.formulario input,
form.formulario select{
border:1px solid #999;
height:1.6em;
width:125px;
}
form input.btnSubmit{
color:#fff;
width:126px;
display:block;
height:30px;
padding:0 30px 0 0;
border:none;
font-size:1.2em;
font-weight:bold;
cursor:pointer;
clear:both;
margin:15px auto 0;
background:url(/img/decoracion/popup-btn-porcaja.jpg) top left no-repeat;
}
form.formulario .campoCheck label{
text-align:left;
float:left;
width:auto;
padding-right:15px;
}
form.formulario label{
text-align:left;
display:block;
color:#333;
font-weight:bold;
}
form.formulario .campo.requerido label{
padding-left:10px;
background:url(/img/iconos/requerido.gif) left 3px no-repeat;
}
form.formulario .check{
width:auto;
float:left;
border:none;
}
form.formulario .campoDireccion,
form.formulario .campoEmail,
form.formulario .campoFecha{
width:273px;
}
form.formulario .campoDireccion input,
form.formulario .campoEmail input{
width:260px;
}
form.formulario .campoFecha select{
width:55px;
margin-right:10px;
}
form .campo.campoCaptcha{
width:400px;
float:left;
clear:both;
height:40px;
padding-top:15px;
padding-bottom:20px;
overflow: hidden;
height: auto;
}
form.formulario .campo.campoCaptcha label{
clear:both;
display:block;
margin-bottom:10px;
margin-left:0;
width:auto;
}
form.formulario .campo.campoCaptcha img{
float:left;
clear:left;
margin-right:5px;
}
form.formulario .campoCaptcha .ayuda{
padding-top:5px;
width:350px;
}
form.formulario .campoAceptoPolitica{
width:255px;
overflow: hidden;
}
form.formulario .campoAceptoPolitica label{
float: right;  
width:215px; 
padding-top:2px;
}
form.formulario .campoAceptoPolitica .check{
float: left;   
}
form.formulario .campoAceptoPolitica a{
color:#000;
text-decoration: underline;
}
form .mensajesError{
width:400px;
margin:0 auto;
padding:10px;
padding-bottom:20px;
color:#990000;
}
form .mensajesError li{
padding-left:6px;
margin:1px 0;
}
.content .recuadro .aviso{
  border:1px solid #666;
}
.content .aviso{
width:500px;
margin:50px auto;
font-size:1.2em;
text-align:center;
}
.content .mensaje{
width:400px;
margin:50px auto 100px;
font-size:1.2em;
font-style: italic;
text-align:center;
}
.content .mensaje p{
margin:20px auto 20px;    
}
.content .mensaje .enlace{
font-style: normal;
text-decoration: underline;
color: #e58900;    
}








