/* -------------------- Elementos HTML ----------------------- */

a:link, a:visited {
color: #fff;
}

.container-exterior a:link, .container-exterior a:visited {
color: #507514;
}

a:hover {
text-decoration: none;
}

a.botoia:link, a.botoia:visited {color: #000; margin: 0; background:#EAED84; border:1px solid; border-color:#414D59; padding: 0 .5em 0 .5em; text-decoration: none; margin-top: 1em; width: auto; line-height: 3em; padding: .2em .4em; font-size: .8em;}

img {
	border: 0;
}

body { 
	color: #333;
	/*margin: 27px 27px 27px 0;*/
	margin: 0 27px 27px 27px;
	padding: 0;
	background: #1A1A1A url(/img/gradiente_v.jpg) no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75.1%;
	line-height: 1.4em;
}

h1 {
	margin: 0;
}

h2 {
	color: #507514;
	font-size: 1.6em;
	border-top: 1px solid #507514;
	border-bottom: 1px solid #507514;
	margin-bottom: 0;
	padding:3px 0 3px 0;
	font-weight:lighter;
}

h2.portada {
	color: #E1F0B9;
	margin: 0; padding: 0;
	font-weight: normal;
	font-size: 2.6em;
	/*padding-top: 1em;
	line-height: 1em;
	padding-left: 2%;*/
	border: 0;
	text-align: center;
}




h3, h3.verde {
	font-size: 1.4em;
	line-height: 1.2em;
	color: #000;
	font-weight: bold;
	font-style: italic;
}

h3.verde, h3.alianzas {
	color: #507514;
}

h3.alianzas {
clear: both;
}

h3.portada {
	background-color: #000;
	margin: 0;
	padding: .3em;
	color: #fff;
	font-weight: bold;
	font-size: 1.2em;
	line-height: 1.2em;
}

h4 {
	border-bottom: 1px solid #ADAEB1;
	margin: .5em 2% .5em 2%;
	padding: 0;
	font-size: 1.1em;
}

table.tabla {
	width: 100%;
	margin: 1em auto 1em auto;
	border: 1px solid #507514;
}

td, th {
	vertical-align: middle;

	padding: .2em;
	margin: 0;
}

th.columnaModificar {
	width: 105px;
}

caption {
	margin-top: 2em;
}

th {
background: #507514;
color: #fff;
}


dt { width: 10em; float: left; text-align: right; line-height: 1.7em; color: #507514; font-weight: bold; }
dd { margin-left: 10.5em;  line-height: 1.7em;}


/* ----------------------- Capas ----------------------------- */

#video_xupera {
position:absolute;
/*Cambiar aquí la colocación del vídeo respecto al lado izquierdo de la página*/
left:2%;
z-index:20;
}

#header {
	margin: 0;
	padding: 0;
	background: #1B1A1B url(/img/gradiente.jpg) repeat-y -31px 0;
	/*height: 14em;*/

}

#logo {
	padding: 15px 15px 0 0;
	margin-bottom: 12px;
	border-bottom: 1px solid #fff;
	height: 75px;
	background: #ECECEC url(/img/gradiente-inverso.jpg) repeat-y;
}

#capabuscador {
	float: right;
	width: 15em;
	text-align: right;
	color: #fff;
}

#menu-comunicacion ul {
	list-style-type: none;
	margin: 0; padding: 0;
	/*padding-top: 60px;*/
	padding-bottom: 10px;
	border-bottom: 1px solid #fff;
	margin-bottom: 1.2em;
}

#menu-comunicacion ul li { display: inline; }

#menu-comunicacion ul li a {
	margin: 0;
	text-decoration: none;
	padding: 0 1em;
	color: #fff;
	border-right: 1px solid #fff;
	font-size: .95em;
}

#menu-comunicacion ul li a.primero {
	padding: 0 1em 0 0;
	border-left: 0;
}

#menu-comunicacion ul li a.actual {
color: #D1D628;
}

#menu-buscador {
	margin: 0;
	padding: 0;
	clear: both;
	border-bottom: 1px solid #fff;
	padding-bottom: 15px;
	height: 20px;

}

#navcontainer {
	margin: 0; padding: 0;
	float: left;
	background: #507514 url(/img/fondo-menu.gif) repeat-x 0 50%;
	vertical-align: middle;
	width: 100%;
}

#navcontainer ul{
	list-style-type: none;
	margin: 0;
	padding: .2em 0 .2em 0;
	float: left;
	width: 75%;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a {
	margin: 0;
	text-decoration: none;
	padding: 0 .8em;
	color: #fff;
	border-right: 1px solid #BBBD9B;
	border-left: 1px solid #888982;
	font-weight: bold;
}

#navcontainer ul li a.sinbordeIzda {
	border-left: 0;
}

#navcontainer ul li a.sinbordeDcha {
	border-right: 0;
}

#navcontainer ul li a:hover {
	/*background: #DDDA3E url(/img/fondo-menu.gif) repeat-x 0 50% ;*/
}

#exterior {
	/*border-top: 2px solid #fff;
	border-left: 31px solid #fff;*/
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	border-left: 2px solid #fff;
}

#presentacion {
	/*width: 46%;*/
	width: 30%;
	margin: 0;
	padding: 0;
	float: left;

}





#testimonios {
width: 185px;
background: #828385 url(/img/gradiente-testimonios.jpg) repeat-y;
float: right;
display: block;
color: #fff;
font-size: 1.1em;
}

#testimonios p {
	margin: 0;
}

.testimonios, .testimonios2 {
	display: block;
	padding: 2px;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	border-bottom: 1px solid #ADAEB1;
	border-left: 1px solid #ADAEB1;
}

.testimonios2 {
background: url(/img/escuchar.jpg) no-repeat 100% 0;
padding-right: 75px;
line-height: 1em;
}

#columnaDcha #testimonios {
	margin-bottom: 2em;
}








#alianzas, #alianzas1, #prensa, #empleo, #contacta {
	background: url(/img/alianzas.jpg) no-repeat 100% 0;
	height: 39px;
	margin: 0; padding: 0;
}

#alianzas1 {
	background: url(/img/alianzas1.jpg) no-repeat 100% 0;
}

#prensa {
	background: url(/img/prensa.jpg) no-repeat 100% 0;
}

#empleo {
	background: url(/img/twitter.jpg) no-repeat 100% 0;
}

#contacta {
	background: url(/img/contacta.jpg) no-repeat 100% 0;
}
  
#col1o, #col2o {
	float: left;
	position: relative;
} 

#col1o {
	width: 33%;
	overflow:hidden;
	right: 33%;


} 

#col2o {
	left: 33%;	 
	width: 33% ;
	overflow: hidden;


}
 
#col3o {
	float: right;
	width: 33.93%;
	overflow: hidden;

}

body>#col3o {
	width: 33.93%;
}

#col1, #col3{
	padding: 0;

}


#col3 {
	border-width: 0 0 1px 1px;
}


#footer {
	clear: both;
	position: relative;
	text-align: center;
	font-size: .9em;
	padding:1px 0px; 
	line-height:1.1;
	color: #fff;
}

#footer a:link, #footer a:visited {
	color: #fff;
}

#footer p {
	margin: 1em;
}


#skip {
	text-indent: -20em;
	position:absolute;
}


/*---------------- Formulario de contacto -------------------------*/

form#contacto br, form.portada br, form#buscador br {
	clear: both;
}

form#contacto {width:80%; padding:0; margin: .7em auto .5em auto; font-size:.9em;  border-top: 1px solid #507514; border-bottom: 1px solid #507514; padding-bottom: .5em;}
form#contacto p {text-align:left; padding:15px 5px 5px 0; margin:0;}

form#buscador p {margin: 0; padding: 0;}

form#contacto fieldset {width: 100%; border: 0; padding: 0 5px 5px 10px; line-height:1.2em; margin-top: 0; margin-bottom: 1em;}


form#contacto legend {font-weight:bold; font-size: 1.1em; padding-top: .5em; margin: 0; line-height: 2em; color: #333; }


form#contacto label {clear:left; display:block; float:left; width:35%; text-align:right; padding-right:1%; margin-bottom:0.5em; }

form#contacto input {border:1px solid #507514; padding:0; margin-bottom:0.5em; width:60%; background:#fff; color: #507514;}

form#contacto select {margin:0 0 1em 0; border:1px solid #507514; color: #507514;}
form#contacto textarea { width:60%; height:8em; border:1px solid #fff; padding:0.2em; overflow:auto; background:#fff; border:1px solid #507514; color: #507514;}


form#contacto input.radio, form#contacto input.checkbox {width: 30px; float:left; margin: 0; padding: 0; text-align: left;  border: 0 solid; background-color: #fff; margin-bottom:0.5em;}


form#contacto label.radio, form#contacto label.checkbox, form#contacto label.select {
	clear: none; width: auto; float: left; text-align: right; font-weight: normal;
}

form#contacto p.checkbox, form#contacto p.radio, form#contacto p.select {padding: 0; margin: 0; display:block; float:left; width: 35%; text-align:right; padding-right:5px; margin-bottom:0.5em;}

form#contacto input.botoia {color:#414D59; cursor:pointer; width:auto; background:#ECE9D8; border:1px solid; border-color: #414D59; font-size: .8em;}

/* --------------------Formulario de búsqueda -------------------*/

form#buscador {padding:0; font-size: 1em; margin: 0; padding: .25em 0 .2em 0;}

form#buscador label, form#newsletter label {padding-right:5px; color:#fff; clear:both; display:block; float:left;}

form#buscador input {border:1px solid #414d59; float:left; display:block; width: 6em; font-size: .8em; margin-right: .5em;}

form#buscador input.botoia {color:#414D59; cursor:pointer; width:auto; background:#ECE9D8; border:1px solid; border-color: #414D59; font-size: .8em;}



/* ----------------------- Clases ----------------------------- */

.hide {
	display: none !important;
}

#xupera {
	margin-top: 30px;
}

.container_50 {
	margin: 0; padding: 0;
	clear: both;
	margin-left: 6%;
	height: 50px;
}
/*
.container_20 {
	height: 20px;
}*/

.contenido {
	clear: both;
	margin: 0;
	margin-top: 1em;
}

.contenido ul {
	margin: 0;
	padding: .4em 0 .4em 15px;
}

.contenido ul li, .contenido ul li.conLogo {
	list-style: none;
	background: url(/img/flecha.gif) no-repeat 0 .4em;
	padding-bottom: 1em;
	padding-left: 12px;
	line-height: 1.5em;
	height: 0.01%;
}

.contenido ul li.conLogo {
	padding-left: 0;
	background: none;
}

.contenido ul.equis li {
	background: url(/img/equis.gif) no-repeat 0 0;
	padding-left: 25px;
	padding-top: 5px;
}


.contenido ul li.conLogo {
	padding-left: 0;
	padding-bottom: 2em;
}

.contenido-conmarco {
	margin: 1em 0;
	width: 96%;
	border: 1px solid #9EBC66;
	clear: both;
	height: 100%;
	padding-bottom: 1em;
	background: #507514;
}

.container-exterior {
	/*height: 100%;*/
}

.container {
	height: 100%;
	margin: 0; padding: 0;
	margin-left: 6%;
	
  }
  

  
.container p {
	margin: 0;
	padding: .2em 0 .2em 2%;
}

.container-exterior:after, .container:after, #col1o:after, #col2o:after, #col3o:after, #logo:after, #menu:after, #menu-buscador:after, #buscador:after, #navcontainer:after, .contenido-conmarco:after, .pasos:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
}

.pasos {
	margin: 0 0 2em 0;
	display: block;
	float: right;
	clear: both;
	height: 100%;

}

.pasos ul {
	clear: both;
	display: block;
	margin: 0;
	padding: 0;
}

.pasos ul li {
	display: block;
	padding: 1em;
	margin: 0;
	padding-left: 3em;
	margin-left: 2px;
	float: left;
	height: 33px;
	width: 5.5em;
}

.pasos ul li.bat {
	background: #F9FAB9 url(/img/bat.gif) no-repeat 0 100%;
	
	
}

.pasos ul li.bat_actual {
	background: #D1D628 url(/img/bat2.gif) no-repeat 0 100%;

}


.pasos ul li.bi {
	background: #F9FAB9 url(/img/bi.gif) no-repeat 0 100%;

}

.pasos ul li.bi_actual {
	background: #D1D628 url(/img/bi2.gif) no-repeat 0 100%;

}

.pasos ul li.hiru {
	background: #F9FAB9 url(/img/hiru.gif) no-repeat 0 100%;

}

.pasos ul li.hiru_actual {
	background: #D1D628 url(/img/hiru2.gif) no-repeat 0 100%;
}

.fondo-blanco {
	background: url(/img/gradiente.jpg) repeat-y -31px 0;
	padding-top: 30px;
	
}

.fondo-blanco .container, .fondo-blanco .container-interior {

	background: #fff;
	margin-left: 0;
	padding-left: 6%;
}

.fondo-blanco .container-interior {
	/*background: #fff url(/img/ventas.gif) no-repeat 100% 0;*/
}

.container-interior {
	/*padding: 1.5em 0 3em 0;*/
	padding: 0 0 3em 0;
	
}

.fondo-verde {
	background: #B0CD68 url(/img/gradiente-verde.jpg) repeat-y;
	color: #fff;
}

.fondo-verde .destacado, .fondo-verde .destacado_dcha, .fondo-verde .destacado_largo, .fondo-verde .destacado_largo_dcha {
	color: #fff;
	border: none;
	font-weight: normal;
}


.fondo-verde h3, .fondo-verde h4, .fondo-verde h3 a:link, .fondo-verde h3 a:visited, .fondo-verde h4 a:link, .fondo-verde h4 a:visited  {
	color: #fff;
	text-decoration: none;
}

.fondo-verde h4 {
	border-bottom: 1px solid #fff;
}

.fondo-verde a:link, .fondo-verde a:visited {
	color: #fff;
}

.fondo-verde ul li {
	background: url(/img/flecha2.gif) no-repeat 0 .4em;
}

.fondo-gris {
	background: url(/img/gradiente.jpg) repeat-y -31px 0;
	
}

.fondo-negro {
	background: #323232;
}

.fdcha { float:right; }

.fizda { float: left;}

.dcha {text-align: right;}

.centro {text-align: center;}

.conmargen {margin: 6px; border: 1px solid #fff}

.gris {color: #ccc; font-weight: normal;}

.blanco {color: #fff;}

.error {
	color: #f00;
}

.sinespacios {
	margin: 0;
	padding: 0;
}

.medio {
	font-size: 1.3em;
	line-height: 1.4em;
}


.externalizar1 { background: url(/img/externalizar1.jpg) no-repeat; height: 49px;}
.externalizar2 { background: url(/img/externalizar2.jpg) no-repeat;}
.externalizar3 { background: url(/img/externalizar3.jpg) no-repeat; height: 49px;}


.cursiva {
	font-style: italic;
}

.firma {
	font-size: .8em;
	color: #E1F0B9;
	line-height: 1em;
}



.negrita {
	font-weight: bold;
}

.pequeno {
	font-size: .8em;
	line-height: 2em;
}

.marco-verde {
	border: 1px solid #507514;
}

.sombreado {
	background-color: #FCFCDC;
}

a.boton:link, a.boton:visited {margin: 0; font-weight: bold; color:#414D59; background:#ECE9D8; border:1px solid #414D59; padding: 0 .5em 0 .5em; text-decoration: none; margin-top: 1em; width: auto; line-height: 3em;}

.paginacion {
	margin-top: 2em;
	margin-bottom: 0;
	padding-top: .3em;
	border-top: 1px solid #E0E0E0;
}



#anteriores, #listaPaginas, #siguientes {
	width: 30%;
	float: left;
	height: 100%;

	
}

#listaPaginas {
	text-align: center;
}

#anteriores {
	width: 35%;
}

#siguientes {
	width: 35%;
	text-align: right;
}

#idiomas {
	padding: 15px 0 0 6%;
	background: #575757 url(/img/gradiente-inverso.jpg) repeat-y;
	color: #fff;
}

#idiomas a, .skiptranslate {
	color: #fff !important;
}


/*
#idiomas ul{
	list-style-type: none;
	margin: 0; padding: 0;
}

#idiomas ul li { display: inline; }


#idiomas ul li a {
	margin: 0;
	text-decoration: none;
	padding: 0 1em;
	color: #fff;
	border-right: 1px solid #fff;
	font-size: .95em;
}
*/


.destacado, .destacado_dcha, .destacado_largo, .destacado_largo_dcha {
	width:12em;
	padding:6px;
	font-family:Georgia, "Times New Roman", Times, serif;
	text-align:left;
	/*font-size:1.2em;
	line-height:1.3em;*/
	font-weight:bold;
	
	border-top:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	float:left;
	margin:8px 15px 8px 0;
	color:#414D59;
}



.destacado_dcha, .destacado_largo_dcha {
	float:right;
}

.destacado_largo_dcha {
	text-align: right;
}

.destacado_largo, .destacado_largo_dcha {
	width: 98%;
}


.destacado_largo, .destacado_largo_dcha {
	float: none;
}

.frase {
	 line-height: 1.2em;
	 font-size: 1.4em;
	 font-weight: bold;
	 display: block;
	 padding-top: .8em;
}

.verde {
color: #507514;
}

.trazado {
	font-size: 2.5em;

}



.top-left, .top-right, .bottom-left, .bottom-right { 
	background: url(http://www.xupera.com/img/esquinas.gif); 
	height: 28px;      
	font-size: 2px;
	line-height: 0;
	margin: 0; padding: 0;
}


.top-right {
	background-position: 100% 0;  
	}
	
.bottom-left  { 
	background-position: 0 -28px; 
}
	
.top-left, .bottom-left { 
	margin-right: 28px;
}
	
.top-right, .bottom-right { 
	margin-left: 28px;  
	margin-top: -28px;  
	}	

.bottom-right{ 
	background-position: 100% -28px; 
	}
.bottom-right {
	margin-bottom: 5em;
}
.inside {
	margin: 0;
     /*background: #093; 
	 color: #fff;  */
	padding: 0 20px;   
	line-height: 1.7em; 
	     
}

.clear {
clear:both;
display:block;}

#youtube {
	padding: 0 0 1em 0;
}

/* ----------- HASIERA bielementobultzatzen  ----------- */

.elementoak1_izda {
float:left;
width:45px;}

.elementoak2_izda {
width:100%;
margin:0 0 0 -45px;
float:left;}

.elementoak2_izda div.elementoak2 {
padding:0 0 0 50px;
display:block;}


.elementoak1_dcha {
float: right;
width:45px;}

.elementoak2_dcha {
width:100%;
margin:0 -45px 0 0;
float:left;}

.elementoak2_dcha div.elementoak2 {
padding:0 50px 0 0;
display:block;}


/* ----------- BUKAERA bielementobultzatzen  ----------- */


ul.twitter li {background: none; padding-left: 0; clear: both;} 


.presentacion {
float:left;
width:460px;
}


.destacados2_izda {
float: left;
width: 620px;
margin: 0; padding: 0;

}

#externalizacion {
	margin:0; padding: 1em 0;
}

#externalizacion ul {
	margin: 0; padding:
}

#externalizacion ul li {
	list-style: none;
	margin: .4em 0; padding: 0;
	
	
}

#externalizacion ul li a {
	color: #fff;
	line-height: normal;
	background: url(/img/flecha3.gif) 0 .4em no-repeat;
	padding-left: 12px;
	font-size: 1.2em;
	
}
#externalizar {
	float: right;
	width: 180px;
	margin: 0;
	padding: 0;
	margin-right: 10px;
	text-align: center;
	color: #fff;
	height: 350px;
}