/*  
CSS Version: INTEGRA
CSS URI: /css/integra.css
Descripcion: Restyling global
Author: Ancora Dual
Author URI: http://www.ancoradual.com/
*/


/* =Reset tags
-----------------------------------------------------------------------*/

body {
color: #525252;
font: 62.5% Helvetica, Arial, sans-serif;
background:#182335 url(../img/bg_bottom.gif) repeat-x bottom;
}

.ocultar {
text-indent:-9999px;
position:absolute;
left:-9999px;
}

strong {
font-weight:bold;
}

em {
font-style:italic;
}

blockquote {
	font-size:1.9em;
	color: #9D9D9D;
	letter-spacing: -0.04em;
	font-style: italic;
	font-weight: normal;
	padding:0.7em 0em 1.2em 2em;
	width:49%;
	border-top:1px solid #f1f1f1;
	border-bottom:1px solid #f1f1f1;
	background:#fff url(../img/blockquote.gif) 0 0 no-repeat;
	margin: 0.5em 0;
}

a{color:#0064b4;cursor:pointer;text-decoration :none;}
a:hover, a.current{color:#0064b4;text-decoration :underline;}

a.blanco{color:#fff;cursor:pointer;text-decoration :underline;}

table td{height:28px;font-size:1.2em;min-width:80px;overflow:hidden}

.subrallar {text-decoration:underline;}

input, textarea, select{
border:1px #d1d1d1 solid;
background:white url('../images/fondo_cajatexto.png') repeat-x top;
margin-right:5px;
}

input:focus, textarea:focus, select:focus{
border:1px #dfb227 solid;
background:white url('../images/fondo_cajatexto.png') repeat-x top;
margin-right:5px;
}

input[type=text], input[type=password]{height:22px;}
input[type=button]{cursor:pointer}

.left{float:left}
.right{float:right}
.link{color:#0064b4;cursor:pointer}
.hand{cursor:pointer}


/* = Máscara + Popup
-----------------------------------------------------------------------*/
#mask {  position:absolute;  left:0;  top:0;  z-index:9998;  background-color:#373737;  display:none;}
.window {  position:fixed;  left:0;  top:0;  min-width:100px;  max-width:600px;  min-height:100px;  overflow:hidden;  display:none;  z-index:9999;}

/* =Comun
-----------------------------------------------------------------------*/


.ocultar {
text-indent: -9999px;
position: absolute;
top: -9999px;
}

.destacado {
text-decoration:none;
}

.hidden {
visibility: hidden;
}

.none {
display:none;
}

.align-center {
text-align: center;
}

.align-right {
text-align: right;
}

.float-left {
float: left;
margin: 0 10px 10px 0;
}

.float-right {
float: right;
}

.margin-left {
margin-left: 20px;
}

.margin-right {
margin-right: 20px;
}

.marginless-right {
margin-right:0!important;
}

.borderless-right {
border-right:0!important;
}

.clear {
clear: both;
}

.error {
padding: 10px 15px;
font-weight: bold;
color: #FFFFFF;
background-color: #FF0000;
}

.formError {
display: block;
margin-left: 140px;
color: #FF0000;
font-size: 0.85em;
}

/* =Titulares
-----------------------------------------------------------------------*/

h1 {font-size: 2em;letter-spacing: -0.04em;color: #FFF;float:right;}
h2 {color: #294666;font-size: 2.2em;letter-spacing: -1px;word-spacing:-2px;font-weight:bold;}
h2.home {border:none;}
H3 {color: #294666;font-size: 1.8em;letter-spacing: -1px;word-spacing:0px;font-weight:bold;}

/* =Estructura
-----------------------------------------------------------------------*/

#contenedor{width:100%;height:100%;overflow:hidden;margin:0 0 0 0;background: url('../img/bg_top.gif') repeat-x;}
#Cabecera, #menu{width: 970px;  margin-right: auto; margin-left: auto;  } 
#contenidos{width: 970px;  margin-right: auto; margin-left: auto;padding-top:10px;} 

#Cabecera{height:83px;background-image: url('../images/cabecera.jpg');background-repeat:no-repeat;     } 
#Logo{width: 300px; height:83px;float:left;}
#slogan{float:right;width:600px;height:50px;margin-top:10px;}
#slogan h1 a{color:White;float:right;clear:both;width:500px;text-align:right;}
#slogan span a{font-size:1.2em;color:White;float:right;clear:both;width:500px;text-align:right;}

.ContenidoInterno{margin-top:10px;width:680px;margin-bottom:20px;padding-right:10px;}
.ContenidoInterno p{font-size:1.3em;text-align:justify;}

/* = Menu
-----------------------------------------------------------------------*/
#BloqueMenu{width: 970px;  margin-right: auto; margin-left: auto;  min-height:28px; background:url('../images/fondo_menu.gif');} 
ul.topnav {	list-style: none;	font-size: 1.2em;	margin-left:5px;	}
ul.topnav li {float: left;	height:20px;margin-right:20px;padding-left:15px;padding-top:8px;background: url('../images/IcoIntegra_Center.png') no-repeat left center;	
	color:#2c3f5d;font-weight:bold;cursor:pointer;}
ul.topnav li a{	color:#2c3f5d;}
ul.topnav li a:hover{text-decoration:underline;}

ul.topnav li.curr {background: White url('../images/IcoInteg3ra_Center.png') no-repeat left center;padding-left:10px;padding-right:10px;border-left:1px solid #c4cbdb;border-right:1px solid #c4cbdb}
ul.topnav li.curr a{text-decoration:none;color:#525252}
ul.topnav li.final {float: right;width:150px;margin-right:0;background: url('../img/icon_lismi.png') no-repeat left;text-align:right;}

/* = Contenidos
-----------------------------------------------------------------------*/

#BloqueContenidos{width: 100%; height:100%;overflow:hidden;float:left;background:White url(../img/bg_bottombody.gif) repeat-x bottom;} 
#BloqueContenidos.concurso{background:#efefef url(../img/bg-concursos.png) repeat-x left top;padding-top:50px} 
#contenidos{min-height:600px;overflow:hidden;}

/* = Slide
-----------------------------------------------------------------------*/
#slide{width: 100%; height:218px;background: url('../img/slide_bg.gif') no-repeat left;margin-bottom:20px}
#slide_content{width: 666px; height:172px;margin-left:6px;margin-top:25px;float:left;}
#mySlides{width: 666px; height:172px;position:absolute;z-index:999;}
#myController{	margin-top:13px;margin-left: 300px; }
#myController SPAN {CURSOR: pointer; width:10px;height:10px;COLOR: #351210; float:left;	margin:1px;}
#myController SPAN {background-image: url('../img/nav_slider_off.gif');background-repeat:  no-repeat;}
#myController SPAN.jFlowSelected {background-image: url('../img/nav_slider_on.gif');background-repeat:  no-repeat;}

.jFlowPrev {CURSOR: pointer}
.jFlowNext {CURSOR: pointer}

.contenedorslide{width: 666px; height:172px;position:relative;float:left;}
.contenedorslide h3{color: #2c3f5d;font-size: 2.9em;letter-spacing: -1px;word-spacing:0px;font-weight:bold;margin-top:10px;margin-bottom:5px;clear:left;width:314px;margin-left:352px;}
.contenedorslide .slogan{color: White;font-size: 1.3em;margin-top:5px;margin-bottom:5px;clear:left;width:310px;margin-left:348px;background-color:#2c3f5d;min-height:50px;padding:5px; font-weight:bold;overflow:hidden;}
.contenedorslide .slogan{color: White;font-size: 1.3em;margin-top:5px;margin-bottom:5px;clear:left;width:310px;margin-left:348px;background-color:#2c3f5d;min-height:50px;padding:5px; font-weight:bold;overflow:hidden;}
.contenedorslide .slogan.navidad{background-color:#639134}

#mySlides #Empleo{background: url('../img/IntegraEmpleo.jpg') no-repeat;}
#mySlides #Gestionpersonas{background: url('../img/IntegraGestionPersonas.jpg') no-repeat;}
#mySlides #Suministros{background: url('../img/IntegraSuministros.jpg') no-repeat;}
#mySlides #Integracion{background: url('../img/IntegraIntegracionLaboral.jpg') no-repeat;}
#mySlides #MedidasAlternativas{background: url('../img/IntegraMedidas.jpg') no-repeat;}
#mySlides #Memoria{background: url('../img/IntegraMemoria.jpg') no-repeat;}
#mySlides #CestasNavidad{background: url('../img/IntegraCestasNavidad.jpg') no-repeat;}



#video
{
    width: 276px; 
	height:180px;
	overflow:hidden;
	float:right;
	background-image: url('../img/video.jpg');
	background-repeat:  no-repeat;
	background-position:top center;
	margin-top:21px;
	border:1px #d6d7db solid;
}
#video .play
{
    width: 272px; 
    height:142px;
	margin-left:2px;
	cursor:pointer;
}

#video .play a
{
    display:block;width:276px;height:180px;
}

#video .play img
{
    width: 272px; 
    height:142px;
}

#video .caption
{
    width: 272px; 
    height:37px;
	background-color:#2b3e5e;
	color:White;
	margin-left:2px;
}

#video .caption div
{
    margin:3px;
    font-size:1.1em;
}

/* = News + Bolsa empleo + banners derecha
-----------------------------------------------------------------------*/

#info{width: 100%; height:100%;overflow:hidden;  margin-top:15px; margin-bottom:50px;}

#noticias{width: 680px; height:100%;overflow:hidden;float:left;}
#prensa{width: 325px; height:100%;overflow:hidden;float:left;}
#empleo{width: 325px; height:100%; overflow:hidden;	float:right;}
#info .titular{width: 325px; height:57px;margin-bottom:16px;}
#info .titular h2{padding-top:23px;padding-left:60px;}
#prensa .titular{background-image: url('../img/titularprensa_bg.gif');background-position:top center;background-repeat:no-repeat;}
#empleo .titular{background-image: url('../img/titularempleo_bg.gif');background-position:top center;background-repeat:no-repeat;}
#noticias .elementos{ width: 325px; height:100%; overflow:hidden;}
#noticias .elementos .item{ width: 325px; height:100%; overflow:hidden;margin-bottom:10px;border-bottom:1px #b6b6b6 dashed;}
#noticias .elementos .item h3{color: #294666;font-size: 1.5em;letter-spacing: 0px;word-spacing:-1px;font-weight:bold;}
#noticias .elementos .item .detalle{text-align:justify;font-size:1.2em;}
#noticias .elementos .item .pie{ width: 325px;  float:right; height:20px; margin-top:10px;}
#noticias .elementos .item .pie span{float:left;color: #313131;font-size: 1.1em;letter-spacing: 0px;word-spacing:-1px; margin-bottom:5px; font-style:italic;}
#noticias .elementos .item .pie a{float:right;background-image: url('../img/leermas.gif');background-position:right;background-repeat:no-repeat; padding-right:25px;font-size: 1.2em; color:#2c3f5d}

/* = Items home */

.items{width: 100%; min-height:100px;overflow:hidden; float:left}
.items .bloque{width:970px;float:left;min-height:200px;overflow:hidden;margin-bottom:20px}
.items .bloque .elemento{width:470px;height:100%;overflow:hidden;float:left;margin-top:10px;padding-bottom:10px;background:white url('../img/bg-h2.gif') repeat-x bottom}
.items .bloque .elemento.right{float:right}
.items .bloque .elemento.fondo{background-color:#e9f1f3}
.items .bloque .elemento h2{float:left;font-weight:bold;width:100%;margin-bottom:10px;height:30px;border-bottom:1px solid #ccc;}
.items .bloque .elemento h2 a{color:#294666}
.items .bloque .elemento .img{float:left;width:225px;height:150px;margin-left:10px}
.items .bloque .elemento .info{float:left;font-size:1.2em;width:210px;margin-left:15px;height:130px}
.items .bloque .elemento .info a{color:#525252}

.items .bloque .elemento .info b{display:block;width:100%;float:left;margin-top:7px;margin-bottom:7px}
.items .bloque .elemento .mas{float:right;font-size:1.2em;text-align:right;margin-right:15px}

.sinfoto{background:#ededed url('../img/sinfoto.png') no-repeat center center;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;border:1px dashed #bfbfbf}
.logo-christams2011{background:url('../img/logo-christams2011.png') no-repeat left top;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
.ericsoonIntegra{background:url('../img/logo-ericsoonIntegra.jpg') no-repeat center top;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}

/* =Contacto
-----------------------------------------------------------------------*/

.contacto{float:left;width:700px;height:100%;overflow:hidden;}
.contacto-2{float:right;width:250px;height:100%;overflow:hidden;}
.contacto-3{float:left;width:100%;height:100%;overflow:hidden;}

/* =Delegaciones
-----------------------------------------------------------------------*/

.Delegacion{width: 300px;min-height:250px;overflow:hidden;float:left;margin-top:10px;margin-bottom:10px;background-color:#e7ecf3;margin-right:3px;}
.Delegacion_Comunidad{width: 300px;height:170px;float:left;border-bottom: 1px #cccccc dashed;padding-top:8px;margin:4px;padding:5px;}
.Delegacion H3{color:#294666;font-size:1.7em;margin-left:10px}
.Delegacion .direccion{font-size:1.2em;float:left;width:100%;margin-left:10px}
.Delegacion .responsable{font-size:1.2em;float:left;margin-top:5px;width:100%;margin-left:10px}
.Delegacion .responsable b{color: #294666}
.Delegacion .maps{background: url('../img/mapa.gif') no-repeat;width: 266px;height:146px;float:left;margin-left:10px;margin-top:3px}
.Delegacion .maps a {border-color:transparent;}
.Delegacion .maps a img{width: 266px;height:146px;}

/* =Contenido interior
-----------------------------------------------------------------------*/

.interior-content{float:left;width:700px;height:100%;overflow:hidden;}
.interior-content h2 {background:url('../img/bg_titulares.gif') repeat-x bottom;}

.intro{font-size:1.3em;margin-bottom:15px;margin-top:15px;float:left;width:100%}
.intro h3{font-size:1.5em;margin-bottom:10px;margin-top:10px}

.interior-content .intro img{float:left;margin-right:5px}
.interior-content .intro .columna0{float:left;width:100%;}
.interior-content .intro .columna1{float:left;width:48%;text-align:justify}
.interior-content .intro .columna2{float:right;width:48%;text-align:justify}

.interior-content .intro ol {width:100%;height: 100%;overflow:hidden; list-style-type: disc;float:left;padding-top:10px}
.interior-content .intro ol li {float:left;width:90%;margin-left:15px;margin-bottom:10px}

/* = delegaciones */
.interior-content .intro .Delegacion{width: 230px;min-height:190px;}
.interior-content .intro .Delegacion h3{float:left;font-size:1.4em;margin-left:10px}
.interior-content .intro .Delegacion div{float:left;font-size:1.0em;margin-left:10px}

/* = compras*/
.interior-content .intro  ul.Compras{	color:#234264;border:1px #bfc3cc solid;width:208px;height:90px;float:left;	margin-top:5px;	padding-left:90px;padding-top:15px;margin-left:10px;}
.interior-content .intro  ul.Producto1 {background:#f9fbfe url('../images/Prod1_CentralCompras.gif') no-repeat left;}
.interior-content .intro  ul.Producto2 {background:#f9fbfe url('../images/Prod2_CentralCompras.gif') no-repeat left;}
.interior-content .intro  ul.Producto3 {background:#f9fbfe url('../images/Prod3_CentralCompras.gif') no-repeat left;}
.interior-content .intro  ul.Producto4 {background:#f9fbfe url('../images/Prod4_CentralCompras.gif') no-repeat left;}

/* = medidasalternativas */
.MedidasLey{color:#234264;	border:1px #bfc3cc solid;background:#f9fbfe url('../images/MedidasLey.gif') no-repeat left;
	width:250px;height:71px;float:left;	margin:5px;	padding-left:70px;padding-top:15px;padding-right:10px;margin-bottom:10PX;}
.MedidasPrestaciones{background: url('../images/MedidasPrestaciones.gif') no-repeat;width:606px;height:756px;margin-top:10px}
.MedidasOk{	color:#234264;border:1px #bfc3cc solid;	background:#f9fbfe url('../images/MedidasOk.gif') no-repeat left;
	width:600px;height:71px;float:left;	margin-top:5px;	padding-left:70px;padding-top:25px;padding-right:10px;}
.MedidasPrestaciones{background: url('../images/MedidasPrestaciones.gif') no-repeat;width:606px;height:756px;margin-top:10px}

/* noticias*/
.noticia{margin-bottom:15px;width:100%;height:100%;overflow:hidden;border-bottom:1px #bfbfbf dashed;}
.noticia h3{margin-top:10px;margin-bottom:10px;}
.noticia .subtitulo{	color:#525252;font-size: 1.0em;font-style:italic;margin-top:-10px;}
.noticia .detalle{color:#525252;padding-top:10px;text-align:justify;}
.noticia .detalle .foto{float:left;margin-right:5px}
.noticia .detalle .foto img{width:200px;margin:10px;float:left}
.noticia .detalle .masinfo{width:100%;overflow:hidden;float:left;text-align:right}

 /* = concursos*/
.fotoconcurso{float:left;width:120px;border:1px dashed #ccc;cursor:hand;margin:3px}
.fotoconcurso img{width:100px;text-align:center}

/*=servicios*/
.interior-content .intro  ul.servicios{	color:#234264;border:1px #bfc3cc solid;background-color:#f9fbfe;width:638px;float:left;	padding:20px;margin-bottom:10px;list-style:square inside;}

.interior-content .intro .bloqueservicios{border:1px #bfc3cc solid;background-color:#f9fbfe;width:90%;height:100%;overflow:hidden;float:left;margin-top:10px;margin-bottom:10px;padding-top:2px;padding-left:50px;}
.interior-content .intro ul.bloqueservicios{float:left;list-style:square inside;}
.interior-content .intro .bloqueservicios .Titulo{color:#657a92;border-left:1px #a8b7ca solid;padding-left:5px;}
.interior-content .intro .bloqueservicios .Contenido{border-left:1px #a8b7ca solid;padding-left:10px;padding-right:5px;margin-top:5px;padding-bottom:10px}

.interior-content .intro #ServicioLimpieza{background:#f9fbfe url('../images/ServiciosLimpieza.gif') no-repeat top left;}
.interior-content .intro #ServicioMantenimiento{background:#f9fbfe url('../images/ServiciosMantenimiento.gif') no-repeat top left;}
.interior-content .intro #ServicioMedioAmbiente{background:#f9fbfe url('../images/ServiciosMedioAmbiente.gif') no-repeat top left;}
.interior-content .intro #OtrosServicios{background:#f9fbfe url('../images/ServiciosInfo.gif') no-repeat top left;}



/* = menu interior */
.interior-menu{float:right;width:250px;min-height:550px;overflow:hidden;}
.interior-menu h2 {background:url('../img/bg_titulares.gif') repeat-x bottom;}
.interior-menu ul {list-style: none;font-size: 1.2em;margin-bottom:15px;float:left;width:100%;overflow:hidden;}
.interior-menu ul li {float: left;width:100%;overflow:hidden;cursor:pointer;color:#525252;border-bottom:1px #c8c8c8 solid;background-color:#e7ecf3}

.interior-menu ul li.curr , .interior-menu ul li:hover {background:#fff url('../img/flecha_left.gif') no-repeat left center;}
.interior-menu ul li a{display:block;margin-left:20px;margin:7px 0 7px 15px;text-decoration:none;color:#525252;font-weight:normal;}
.interior-menu ul li:hover a{text-decoration:underline}

.interior-menu .publi{float:left;width:250px;min-height:100px;overflow:hidden;background-color:#e7ecf3;}
.interior-menu .publi div{font-size:1.2em;color:#233853;margin:15px;}


/* = empleo */
.ventajas{width:100px;height:90px;color:#1f354c;padding-left:50px;float:left;font-size:1.2em}
.v1{background: url('../images/Ventajas1.gif') no-repeat;}
.v2{background: url('../images/Ventajas2.gif') no-repeat;}
.v3{background: url('../images/Ventajas3.gif') no-repeat;}
.v4{background: url('../images/Ventajas4.gif') no-repeat;}

.ofertas .h3{}
.ofertas .oferta{float:left;width:100%;margin-bottom:15px}
.ofertas .inscripcion{float:left;width:100%;margin-bottom:15px}

/* = cestas navidad */

.interior-content.cestas{background-color:#e8f1d5}
.catalogo{float:left;width:160px;min-height:200px;overflow:hidden;}
.catalogo .portada{width:150px;height:150px;float:left;border:1px solid #4b711b;}
.catalogo .portada.inicio{background: url('../img/catalogo_cestas_completo.jpg') no-repeat;}
.catalogo .portada.lotes{background: url('../img/catalogo_cestas_lotes.jpg') no-repeat;}
.catalogo .portada.jamones{background: url('../img/catalogo_cestas_jamones.jpg') no-repeat;}
.catalogo .portada.bandejas{background: url('../img/catalogo_cestas_bandejas.jpg') no-repeat;}
.catalogo .portada.vino{background: url('../img/catalogo_cestas_vino.jpg') no-repeat;}
.catalogo .desc{width:100%;float:left;font-size:1.3em;margin-top:5px}

/* = concursos */
.concurso {width:730px;overflow: hidden;}
.concurso h3{color:#cc101e}

ul#candidatos-lista {width:730px;overflow: hidden;margin-bottom:20px}
ul#candidatos-lista li {height: 159px;color: #294666!important;margin: 5px 5px 0px 0px;width: 230px!important;position:relative;display:block;padding:0 0 51px 0;background-color:White;}
ul#candidatos-lista li:hover,
ul#candidatos-lista li:focus{background-color:#294666;color: #fff!important;}
ul#candidatos-lista li p.dibujo-nombre {padding: 0;position: absolute;top:167px;width:210px;text-align:left;left:10px;line-height:1.3em;}
ul#candidatos-lista li a img {position:absolute;top:0;left:0;width:230px;height:159px;display:block;opacity: .5;}
ul#candidatos-lista li a:hover img {opacity: 1;}

ul#candidatos-lista li p.dibujo-nombre span {display:block;text-transform: uppercase;font-weight: normal;}
ul#candidatos-lista li a {}
.boxgrid {/*width: 230px;height: 159px;*/float:left;overflow: hidden;position: relative;border:1px dashed #ccc;}
.boxgrid .boxcaption a {display:block;background:transparent url(img/parcial/icon-votar.png) 0 0 no-repeat;width: 173px;height: 20px;/*float: left;margin: 0 0 0 5px;*/
position:absolute;left:6px;top:3px;cursor:pointer;}
.boxgrid a:hover {background-position:0 -20px;}
.boxgrid img {position: absolute;top: 0;left: 0;border: 0;cursor: pointer;}
.boxgrid p {font-weight:bold;display: block;text-align: right;}
.boxcaption {
	background:#294666 url(img/parcial/votar-txt.gif) left bottom no-repeat;
	float: left;	position: absolute;height: 23px;width: 220px;padding: 4px 12px 0 0;color: #fff;top: 0px;}
.captionfull .boxcaption {top: -29px;left: 0;}


/* = Banners derecha
-----------------------------------------------------------------------*/

#banners
{
    width: 280px; 
	height:100%;
	overflow:hidden;
	float:right;
}

#banner-mapa,#banner-corporativa,#banner-empleo
{
    width: 274px; 
	height:146px;
	overflow:hidden;
	float:right;
	border:1px #d6d7db solid;
	margin-bottom:22px;
}


#banners .top
{
    width: 273px; 
    height:107px;
    margin-top:2px;
}

#banner-mapa .top
{
	background-image: url('../img/mapa_bg.gif');
	background-repeat:no-repeat;
	background-position:center;	
}

#banner-mapa .top div
{
    width:140px;
    margin:5px;
    font-size:1.1em;
}

#banner-corporativa .top
{
	background-image: url('../img/corporativa.jpg');
	background-repeat:no-repeat;
	background-position:center;	
}

#banner-empleo .top
{
	background-image: url('../img/empleo.jpg');
	background-repeat:no-repeat;
	background-position:top center;	
}


#banners .caption
{
    width: 270px; 
    height:35px;
	background-color:#2b3e5e;
	color:White;
	margin-left:2px;

}


#banners .caption div
{
    margin:3px;
    font-size:1.1em;
}

/* = Paneles
-----------------------------------------------------------------------*/

.panel
{
    width:500px;
    height:100%;
    overflow:hidden;
	
     margin:10px;
    background-color:White;
}

.panel .bt
{
	min-width:70px;
	float:left;
	background-color:#77aadd;
    cursor:pointer;
    text-align:center;
    padding:4px;
    color:White;
	
}

.panel .bt:hover
{
	background-color:White;
	color:#77aadd;
	border:1px solid #77aadd;
}

.panel_drag
{
    width:100%;
    overflow:hidden;
    height:30px; 
	background: url(../img/topfix.gif);		    
	border-bottom: 1px solid #CDCDCD;	
	cursor:move;
	color:White;
	font-size:1.1em;	    
}

.panel_drag .titulo
{
    float:left;
    width:50%;
    height:30px; 
    margin-top:5px;
    margin-left:5px;
    font-size:1.1em;
}

.panel_drag .configure
{
    float:right;
    height:30px; 
    margin-top:5px;
    margin-right:5px;
}

.panel_drag .configure .action
{
    float:left;
    margin-left:3px;
    cursor:pointer;
}

.panel_drag .collapse{
	background-color:#f0f0f0;
}

.panel_content
{
    width:100%;
    height:100%;
    overflow:hidden;
    font-size:1.2em;
    padding:10px;
    background-color:#efefef;
}

.panel_top
{
    width:100%;
    background-color:#e3e3e3;
    float:left;
    height:46px; 
	background: url(../img/fondo_panel_top.gif);		    
	border-bottom: 1px solid #CDCDCD;
	font-size:1.2em;
	padding-top:5px;
	padding-left:5px;	
    
}

.panel_top_left
{
    min-width:30%;
    color:#343434;
    float:left;
    margin-top:12px;
    margin-left:12px;
}

.panel_top_right
{
    min-width:30%;
    float:right;
    margin-top:12px;
    margin-right:12px; 
    text-align:right;
       
}

.panel_pager
{
    width:100%;
    min-height:30px; 
    margin-top:8px;
    margin-left:8px;
    margin-right:8px;
    overflow:hidden;    
}

.panel_pager_left
{
    width:50%;
    color:#343434;
    font-size:1.2em;
    float:left;

}

.panel_pager_right
{
    width:50%;
    float:right; 
}

.panel_data
{
    min-width:300px;
    overflow:hidden;
    border:1px solid #e3e3e3;
	font-size:1.1em;	    
    
}

.panel_data h2
{
    width:100%;
	font-size:1.5em;  
	margin-left:10px;   
	margin-top:10px;  
}


.panel_footer
{

    width:100%;
    overflow:hidden;
    background-color:#e3e3e3;
    min-height:30px; 
    padding-bottom:5px;
    padding-right:20px;
    font-size:1.2em;
    
}

.panel_footer .data
{
    margin-top:5px;
    margin-left:15px;
    overflow:hidden;  
    float:left;  
	height:25px;
	padding-top:3px;
	padding-left:6px;		        
}

.panel_footer .action
{
    margin-top:5px;
    margin-right:5px;
    background: url(../img/fondo_button.gif);
    background-repeat:repeat-x;
    height:21px;
    cursor:pointer;
    border-left:1px #cdcdcd solid;
    border-top:1px #cdcdcd solid;
    border-right:1px #808885 solid;
    border-bottom:1px #808885 solid;
    margin-left:2px;
    margin-right:10px;
    float:right;
    padding-left:5px;
    padding-right:5px;    			        
}

.panel_footer .action:hover
{
 border:1px #808885 solid; 	        
}

/* = Footer
-----------------------------------------------------------------------*/

#Colaboradores{width: 100%; height:100px;overflow:hidden;float:left; background:#efefef;margin-bottom:10px}
#Colaboradores .bloc{width: 970px;height:100%;overflow:hidden; margin-right: auto;margin-left: auto; font-size:1.2em;color:White;} 
#Colaboradores .bloc h1{float:left;width:100%;color:#818181;font-size:1.5em;margin-top:5px} 
#Colaboradores .bloc .logos{float:left;width:100%;margin-top:5px;margin-left:120px} 
#Colaboradores .bloc .logos a{float:left;margin-right:15px;display:block} 

#Footer{width: 100%; height:100%;overflow:hidden;float:left; background:url(../img/bg_bottom.gif) repeat-x bottom;margin-top:10px}
#Footer .bloc{width: 970px;height:100%;overflow:hidden; margin-right: auto;margin-left: auto; font-size:1.2em;color:White;} 
#Footer .bloc.top{margin-top:15px;} 
#Footer .bloc.bottom{margin-bottom:15px;} 
#Footer .bloc .izquierda{float:left;margin-left:6px;width:550px;}
#Footer .bloc .derecha{float:right;margin-right:6px;width:400px;text-align:right;}
#Footer .bloc a{color:White;}