/*=================================================================================*\
 *  gensty01.css - Hoja de estilos principal
 *
 *  (c) 2012 Innovatrium, S.L. <innovatrium@innovatrium.es>
 *  Este archivo NO puede ser libremente distribuido. Reservados todos los derechos.
 *  Para más información visite el sitio: http://www.innovatrium.es/ 
 *
\*=================================================================================*/

@charset "utf-8";

/*---------------------------------------------------------------------------------*\
 *  Zona de pruebas
\*---------------------------------------------------------------------------------*/

*
{
}

/*=================================================================================*\
 *  Cargar fuentes externas
\*=================================================================================*/


@font-face 
{
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: local('Oswald Regular'), local('Oswald-Regular'), url(http://themes.googleusercontent.com/static/fonts/oswald/v7/-g5pDUSRgvxvOl5u-a_WHw.woff) format('woff');
}

/*=================================================================================*\
 *  Estilos para objetos HTML en general
\*=================================================================================*/

* 
{
    margin: 0;
    padding: 0;
}

/* Reseteo inicial de parámetros para todos los objetos */
a, abbr, acronym, address, applet, article, aside, audio, b, blockquote, big, body, center, canvas, caption, cite, code, command, datalist, dd, del, details, dfn, dl, div, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, keygen, label, legend, li, meter, nav, object, ol, output, p, pre, progress, q, s, samp, section, small, span, source, strike, strong, sub, sup, table, tbody, tfoot, thead, th, tr, tdvideo, tt, u, ul, var {

  background: none repeat scroll 0 0 transparent;
  border: 0 none;
  font-size: 100%;
  margin: 0;
  outline: 0 none;
  padding: 0;
  vertical-align: top;

}

html, body 
{
    height: 100%;

	min-width: 320px;

}

body 
{
	
	background: url("bckbod01.jpg") no-repeat scroll 50% 0 #0C1116;
    color: #727171;
    font: 100%/1.1875em Arial,Helvetica,sans-serif;
    position: relative;	
	
    
}

a 
{
    color: #767676;
    text-decoration: none;
   	cursor: pointer;
}

a:hover 
{
    color: #FFBE00;
}


img 
{
    border: medium none;
}

table
{
	border-spacing: 0px;
	border: none;
}

td
{
	vertical-align: top;
}

checkbox
{
	border: none;
}


input[type=checkbox] 
{
	border: none;
	vertical-align: baseline;
	margin: 5px;
}

input[type=radio] 
{
	border: none;
	vertical-align: baseline;
	margin: 5px;
}

input[type=button] 
{
	cursor: pointer;
}

ul, ol, li {
    list-style: none outside none;
}


h1, h2, h3, h4, h5, h6 
{
    font-family: 'Oswald',sans-serif;
    font-weight: normal;
}

h1 
{
    line-height: 1.2em;
    
    color: #070707;
    font-size: 18px;
    margin-bottom: 12px;
    text-transform: none;    
    
}

h1 span 
{
    color: #070707;
}

h2 
{
    color: #0C0D0F;
    font-size: 19px;
    line-height: 1.2em;
    margin: 0 0 27px;
   
}

h3 
{
    color: #0C0D0F;
    font-size: 18px;
    line-height: 1.2em;
    margin: 0 0 12px;
}

h4 
{
    font-size: 14px;
    line-height: 1.2em;
    text-transform: uppercase;
}

h5 
{
    color: #0C0D0F;
    font-size: 15px;
    line-height: 1.2em;
    margin: 0 0 12px;
}

/*---------------------------------------------------------------------------------*\
 *  Estilos para el cuadro de ayuda - tooltip
\*---------------------------------------------------------------------------------*/

.auxtip
{
	padding: 5px;
	position: absolute;
	background-color:#FFFFCC;
	font-weight:normal;
	width:300px;
	visibility:hidden;
	line-height:12px;
	font-size:11px;
	z-index: 999999;
	color:#000000;
	border: #000000 1px solid;
}

/*---------------------------------------------------------------------------------*\
 *  Estilos para los iconos de carga
\*---------------------------------------------------------------------------------*/

.auxloa
{
	position: absolute;
	display: none;
	
	top: 6px;
	right: 6px;
	
	z-index:99999999999;
}	


/*---------------------------------------------------------------------------------*\
 *  Estilos para la Estructura principal
\*---------------------------------------------------------------------------------*/

#secest01 
{
    height: auto !important;
    min-height: 100%;
    position: relative;
    width: 100%;
}

/*---------------------------------------------------------------------------------*\
 *  Estilos para la Cabecera
\*---------------------------------------------------------------------------------*/

#sechea01 
{
    margin: 0 auto;
    width: 1000px;

    position: relative;
    z-index: 99;    
    
    padding: 90px 0px 0px 0px;
	
}

/*---------------------------------------------------------------------------------*\
 *  Estilos para el menú
\*---------------------------------------------------------------------------------*/

#sechea01 .elemns01
{
    background: url("bckhea01.gif") repeat-x scroll 0 0 #2B2C2E;
    border-radius: 20px 20px 0 0;
    min-height: 78px;	
}

#sechea01 .elemns01 ul
{

    float: right;
    max-width: 760px;
    position: relative;
    z-index: 2;
    display: block;
    
    line-height: 1;
    list-style: none outside none;
    margin: 0;
    padding: 0;
     

}

#sechea01 .elemns01 li
{
	border-left: 1px solid #000000;
	
	background: none repeat scroll 0 0 transparent;
	
    float: left;
    position: relative;
    
    list-style: none outside none;
    margin: 0;
    padding: 0;	
	
}

#sechea01 .elemns01 li:last-child a {
    border-radius: 0 20px 0 0;
}

#sechea01 .elemns01 li a
{
	
	outline: 0 none;
	
    font-size: 19px;
    line-height: 78px;
    padding: 0 20px;
    text-transform: uppercase;
    
  	color: #676767;
    font-family: 'Oswald',sans-serif;
    text-decoration: none !important; 
    
    display: block;
    position: relative;    


    	
}

#sechea01 .elemns01 li a:hover
{
	
    background: url("bckact01.gif") repeat-x scroll 0 0 #1E1F20;
    color: #FFFFFF;
    	
}

/*---------------------------------------------------------------------------------*\
 *  Estilos para el logotipo
\*---------------------------------------------------------------------------------*/

#sechea01 .elelog01 
{
  	float: left;
    margin: -55px 0 0 10px;
    position: relative;
	
	
}

/*---------------------------------------------------------------------------------*\
 *  Estilos para el expositor
\*---------------------------------------------------------------------------------*/


#secexp01
{
    margin: 0 auto;
    width: 1000px;	

    position: relative;
    
    
   	background: none repeat scroll 0 0 #FFFFFF;
    
    
	
}


/*---------------------------------------------------------------------------------*\
 *  Estilos para el cuerpo principal
\*---------------------------------------------------------------------------------*/

#secmai01
{
    background: url("bckcon01.png") no-repeat scroll 50% 0 padding-box #030303;
    
	margin: 0 auto;
    width: 1000px;
    
    border-radius: 0 0 15px 15px;
    /*padding: 26px 20px;*/
    
    /*height: 472px;*/ 
    
    
    
    display: block;
    position: relative;
    
    
    clear: both;
    
}

/* Listas en la sección principal */ 
#secmai01 .consub01 li
{
    background: url("lstmrk01.gif") no-repeat scroll 0 6px transparent;
    list-style-type: none;
    margin: 0;
    padding: 0 0 11px 15px;
	
}

#secmai01 .contxt01 li
{
    background: url("lstmrk01.gif") no-repeat scroll 0 6px transparent;
    list-style-type: none;
    margin: 0;
    padding: 0 0 11px 15px;
	
}


/*---------------------------------------------------------------------------------*\
 *  Estilos para el pie de página
\*---------------------------------------------------------------------------------*/

#secfoo01
{
    color: #414549;
    padding: 22px 0 47px;  
    
	margin: 0 auto;
    width: 1000px;
    
    font-size: 0.75em;
    
    clear: both;
}




/*---------------------------------------------------------------------------------*\
 *  Estilos para el panel 2
\*---------------------------------------------------------------------------------*/

#secpan02
{
	position: absolute;
	
	top: 0px;
	right: 0px;
	
	width: 210px;
	
	margin: 26px 30px 26px 20px;
	
}

/* Indice de contenido */ 
#secpan02 .eleidx01
{
	margin: 0px 0px 34px 0px;
	
}

/* Título del Indice de contenido */ 
#secpan02 .eleidx01 .contit01
{
	color: #FFFFFF;
	margin-bottom: 23px;
	font-family: 'Oswald',sans-serif;
    text-transform: uppercase;
 	font-size: 18px;
    line-height: 1.2em;    
}

/* Elementos del Indice de contenido */ 
#secpan02 .eleidx01 li
{
    background: url("lstmrk01.gif") no-repeat scroll 0 6px transparent;
    list-style-type: none;
    margin: 0;
    padding: 0 0 11px 15px;
	
}

/* Elementos del Indice de contenido */ 
#secpan02 .eleidx01 a
{
	color: #FFFFFF;
	text-decoration: none;
	outline: medium none;
	font-size: 0.75em;
}

#secpan02 .eleidx01 a:hover
{
	text-decoration: underline;
}

/*---------------------------------------------------------------------------------*\
 *  Estilos para el contenido
\*---------------------------------------------------------------------------------*/

#seccon01
{
	width: 660px;
	float: none;
	
	padding: 26px 60px 26px 20px;
	
	background: none repeat scroll 0 0 rgba(255, 255, 255, 0.9);
	border-radius: 0 0 0px 15px
}

/* Contenido para Inicio */

.estcon01-1 #seccon01
{
	width: 720px;
	float: none;
	
	padding: 26px 0px 26px 20px;
	
	background: none;
	
}


/*---------------------------------------------------------------------------------*\
 *  Estilos para minicontenidos página inicio
\*---------------------------------------------------------------------------------*/


/* Para el grupo de los mini contenidos */
.lstcon01
{
	
  	
    
    line-height: 20px;
    
    position: relative;	
	
    margin: 0;
    /*width: 960px;*/	
    
    width: 720px;

	clear: both;
	
	height: 420px;



}

/* Cada uno de los elementos de los mini contenidos */
.lstcon01 .elecon01
{
	width: 220px;
	display: inline;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    
	position: relative;
}

/* Título del mini contenido*/
.lstcon01 .contit01
{
	border-bottom: 1px solid #303030;
    color: #FFFFFF;
    padding: 0 40px 16px 0;
  	font-size: 14px;
    line-height: 1.2em;
    text-transform: uppercase;
	
	margin: 0px 0px 21px 0px;
}

.lstcon01 .contit01 a
{

    color: #FFFFFF;

  	font-size: 14px;
    line-height: 1.2em;
    text-transform: uppercase;
	
}

/* Asunto del mini contenido */
.lstcon01 .consub01
{
	line-height: 20px;
	font-size: 0.75em;
	margin-bottom: 10px;	
}

/* Imagen del mini contenido */
.lstcon01 .conima01
{
	margin: 0px 0px 15px 0px;	
}

/* Botón leer más del mini contenido */
.lstcon01 .banbtn03
{
	color: #FFFFFF !important;	
 	font-size: 11px;
    text-transform: uppercase;	
    content: "Read more";
    display: block;
}

/*---------------------------------------------------------------------------------*\
 *  Estilos para los contenidos en general
\*---------------------------------------------------------------------------------*/

/* Asunto */
.consub01
{
	font-size: 0.75em;
	color: #727171;
	
	margin: 10px 0px 10px 0px;
	
	font-weight: bold;
}

/* Texto */
.contxt01
{
	font-size: 0.75em;
	color: #727171;
	
	margin: 10px 0px 10px 0px;
}

/* Parrafos en el Texto */
.contxt01 p
{
    margin: 0 0 1.5em;
    padding: 0;
	
}

/* Galería de imágenes */
.congal01
{
	margin: 0;
    overflow: hidden;
    	
}

.congal01 .eletit01
{
	margin: 0;
    padding: 20px 0px 0px 0px;	
}

.congal01 .eletit01 h2
{
}


/* Cada imagen independiente (contenedor principal) */
.elegal01
{
   	background: none repeat scroll 0 0 transparent;
    float: left;
    margin: 0px 10px 10px 10px;
    padding: 0;
    width: 140px;
}

/* Contenedor del img para overflow */
.elegov01
{
	overflow: hidden;
	
}

.elegov01 img
{
	cursor: pointer;    
}

/*---------------------------------------------------------------------------------*\
 *  Estilos para formularios
\*---------------------------------------------------------------------------------*/

/* Cuerpo general del formulario */
.secprg01 #seccon01
{
	margin: 0px;
	width: 920px;
	
 	background: none repeat scroll 0 0 rgba(255, 255, 255, 0.9);
    padding-bottom: 27px !important;
    position: relative;
    z-index: 1;	

	float: none;

}

/* Formulario */
.secprg01 #seccon01 .eleprg01
{
 	margin: 0 auto;
    padding: 27px 0 0;
    position: relative;
    width: 960px;
    
	color: #727171;
	font-size: 0.75em;
}

/* Título */
.secprg01 #seccon01 .eletit01
{
 	color: #0C0D0F;
    font-size: 19px;
    line-height: 1.2em;
    margin: 0 0 27px;
    text-transform: uppercase;
}

/* Título Elemento */
.secprg01 #seccon01 .frmeti02
{
	color: #0C0D0F;
    font-size: 15px;
    line-height: 1.2em;
    padding: 10px 0 5px 0px;
   	font-family: 'Oswald',sans-serif;
    font-weight: normal;    
}

/* Descripción Elemento */
.secprg01 #seccon01 .frmeti03
{
  	margin: 0;
    padding: 0;  
}

/* Cuerpo del campo */
.secprg01 #seccon01 .frmcam01
{
  	margin-top: 9px;
  	margin-left: 20px;
    overflow: hidden;
    position: relative;
    vertical-align: top;
}

/* Celda donde está el input y hay descripción */
.secprg01 #seccon01 .frminp01				
{
	display: inline-block;	
	position: relative;
	
	overflow: hidden;

	width: 320px;
	
	vertical-align: top;
	
}

/* Celda de la descripción */
.secprg01 #seccon01 .frmdes01  				
{
	display: inline-block;	
	position: relative;	

	width: auto;
	
}

/* Descripción del campo (span de solo salida) */
.secprg01 #seccon01 .inpdes01  				
{
	display: inline-block;
	
    padding: 6px 10px;
    
    line-height: normal;
    vertical-align: baseline;	
	
}

/* Campo texto */
.secprg01 #seccon01 .inptxt01, .inptxa01, .inpcmb01
{
    background: none repeat scroll 0 0 padding-box #FFFFFF;
    border: 1px solid #DBDBDB;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0 3px 2px rgba(0, 0, 0, 0.05) inset;
    padding: 6px 10px;
    
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1em;
    font-weight: normal;
    outline: medium none;
    vertical-align: middle;	
	
	line-height: normal;
	
	margin: 0;
	
	width: 275px;
}

/* Campo textarea */
.secprg01 #seccon01 .inptxa01
{

  	height: 255px;
    margin-bottom: 17px;
    max-width: 275px;
    min-height: 255px;
    min-width: 275px;
    overflow: auto;
    width: 275px;	
	
	
}

/* Campo combobox */
.secprg01 #seccon01 .inpcmb01
{
     width: 297px;
}

/* Campo texto checkbox */
.secprg01 #seccon01 .inpopl01		
{

	display: inline-block;

	margin: 4px 7px 6px 30px;
    
    line-height: normal;
    vertical-align: top;	
	
}


/* Elemento Botonera formularios */
.secprg01 #seccon01 .elebtr01
{
	position: absolute;

	top: 80px;
	right: 20px;
	
	width: 100px;

	padding: 0px 0px 0px 0px;
	
}

/*- Elemento Botonera formularios FIJA al hacer scroll --------------------------*/
.secprg01 #seccon01 .elebtr01b
{
	position: fixed;
	top: 40px;
	/*right: 15%;*/
	
}

/*- Boton de la botonera */
.secprg01 #seccon01 .inpbtn01
{
	background: url("bckbut01.gif") repeat-x scroll 0 0 padding-box #404143;
    border: medium none;
    border-radius: 3px 3px 3px 3px;
    color: #767676;
    cursor: pointer;
    display: inline-block;
    font-family: 'Oswald',sans-serif;
    font-size: 11px;
    height: 30px;
    line-height: 30px;
    margin-right: 14px;
    padding: 0 19px;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 0.2s ease-out 0s;
	
	font-weight: normal;
    outline: medium none;
    vertical-align: middle;
}

.secprg01 #seccon01 .inpbtn01:hover 
{
    background: none repeat scroll 0 0 #767676;
    color: #FFFFFF;
    text-decoration: none;
}