/* ----------------------------------------------------------------------------------------
- Sitio Web:			http://www.misitio.com
- Versión:				1.0
- Fecha:				00 / 00/ 2008
- Gramática CSS:		2.1
- Gramática (X)HTML:	1.0 Transitional
- Accesibilidad:		Nivel AA	
------------------------------------------------------------------------------------------- */





/* Formateo de los estilos
------------------------------------------------------------------------------------------- */

html, body, div, a, span, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, abbr, acronym, address, code, object, label, legend, input, textarea, p, blockquote, th, td, del, dfn, q, table, caption, tbody, tfoot, thead, tr, th, td { 
	vertical-align: baseline;
	padding: 0em 0em 0em 0em;
	margin: 0em 0em 0em 0em;
	border: 0em;
	font-weight: inherit;
	font-family: inherit;
	font-style: inherit;
	font-size: 100%;
}


/* Tablas
-------------------------------------------- */

	table {
		border-collapse:collapse;
		border-spacing:0;
		width:100%;
	}


/* Objects
-------------------------------------------- */

	object {
		margin: 0em 0em 0em 0em;
		padding: 0em 0em 0em 0em;
		border: 0em;
	}


/* Abreviaturas, acronimos y definiciones
-------------------------------------------- */

	abbr, acronym, dfn {
		border: none;
		cursor: help;
	}
	

/* Imágenes
-------------------------------------------- */

	img, a img, :link img, :visited img, :hover img {
		border: 0em;
	}
	
	
/* Teclado Kbd
-------------------------------------------- */
	
	kbd {
		border-bottom: .1em solid #cccccc;
		border-right: .1em solid #cccccc;
		padding-bottom: 0.1em; 
		padding-right: 0.4em; 
		padding-left: 0.4em; 
		background: #EFECEC;
		padding-top: 0.1em;
		font-size: 115%; 
	}
	
	
/* Listas
-------------------------------------------- */
	
	ul, ol, dl, li {
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		position: relative;
	}	
	

/* FIN / Formateo de los estilos
------------------------------------------------------------------------------------------- */



/* Estilos comunes
------------------------------------------------------------------------------------------- */

.clearfix:after {
	height: 0;
	clear: both;
	content: ".";
	display: block;
	visibility: hidden;
}

.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }

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

/* Iconos
----------------------------------*/

.correo { 
	background: url(../public_images/ico/ico_correo.gif) no-repeat right center;
	padding: 0em 1em 0em 0em;
}

.goBack { 
	background: url(../public_images/ico/goBack.gif) no-repeat right center;
	padding: 0em 1em 0em 0em;
}

.externalLink { 
	background: url(../public_images/ico/externalLink.gif) no-repeat right center;
	padding: 0em 1em 0em 0em;
}

.webMap { 
	background: url(../public_images/ico/webMap.gif) no-repeat right center;
	padding: 0em 1.3em 0em 0em;
}

.download { 
	background: url(../public_images/ico/download.gif) no-repeat right center;
	padding: 0em 1em 0em 0em;
}

.continue { 
	background: url(../public_images/ico/continue.gif) no-repeat right center;
	padding: 0em 1.2em 0em 0em;
}

.display { 
	background: url(../public_images/ico/display.gif) no-repeat right center;
	padding: 0em 1em 0em 0em;
}

.mailGray { 
	background: url(../public_images/ico/mailGray.gif) no-repeat right center;
	padding: 0em 1em 0em 0em;
}

.help { 
	cursor: help;
}

/* Fin / Iconos
----------------------------------*/


.nota, .salto { position: absolute; top: -5000px; left: -5000px; }

.invisible { display: none; visibility: hidden; }
.negrita { font-weight: bold; }

.float_left { float: left; }	
.float_right { float: right; }

.background_none { background: none !important; }

.align_center { text-align: center; }	
.align_left { text-align: left; }
.align_right { text-align: right; }	

.flota_izquierda{ float:left; clear:left;}


/* FIN / Estilos comunes
------------------------------------------------------------------------------------------- */















/* Cuerpo de página
------------------------------------------------------------------------------------------- */

body {
	font-family: Arial, Helvetica, sans-serif;
	background: url(../public_images/fondo-web.jpg) repeat-x 0 0 #869195;
	line-height: 1.7em;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	font-size: 75%;
	color: #000000;
}

h1,h2,h3,h4,h5,h6 {
	font-weight: bold; 
	clear:both;
}

h1 { color:#000000;}

a{ color:#7a7a7a; text-decoration:none;}
a:hover{ color:#d82737;}


/* Contenedora de la página
------------------------------------------------------------------------------------------- */

#contenedor {
	background: #ffffff;
	margin: 0 auto;
	width: 64.1em;
}

#contenedor p{ margin:0 0 1em 0; text-align:justify;}


/* Idiomas de la página
------------------------------------------------------------------------------------------- */

#idiomas { 
	text-align: right;
	margin: 0 .3em .3em .3em;
	text-transform:uppercase;
	font-size:.8em;
}

#idiomas p {
	display: inline;
	float: none;
	font-weight: bold;
	padding: 0em;
}

#idiomas ul,
#idiomas li {
	display: inline;
}

#idiomas li {
	padding-right: .5em;
	padding-left: .5em;
	overflow: hidden;
	color: #d82737;
	background: url(../public_images/idiomas/cuadro.jpg) no-repeat right 0.6em;
}

#idiomas li strong{ font-weight:normal;}

#idiomas li.fin {
	background:none;
}



/* Cabecera de la página
------------------------------------------------------------------------------------------- */

#cabecera {
	margin: .1em 0 .5em 0;
	padding:1em 0 1.2em 3em;
}

#cabecera h1 {	font-size: 150%; }


/* Contenido
------------------------------------------------------------------------------------------- */

#contenido {
	margin: 0em 0em 0em 0em;
}

.contenido_superior {
	float:left; width:100%;
}

.contenido_inferior {
	float:left; width:100%; margin:1em 0 0 0;
}

.contenido_inferior_todo {
	float:left; width:62.1em; margin:0 2em 0 0;
}

.contenido_inferior_todo .borde_abajo{border-bottom:2px dotted #000000; margin-bottom:1em;
}

/* Navegación
------------------------------------------------------------------------------------------- */

.cont-top {
	border-bottom: 4px solid #ffffff;
	padding: 0 0 0 0;
	height: 12.7em;
}
.ie7 .cont-top { height: 12.5em; border-bottom: 3px solid #ffffff; }
.ie6 .cont-top { height: 12.5em; border-bottom: 3px solid #ffffff; }

#navegacion {
	float:left;
	width:14em;
	font-size:.9em;
	margin-right: .1em;
	background: #46595d;
}

.safari #navegacion {
	width: 16em;
	font-size:.8em;
}

.safari #navegacion{ height:16em;}

ul#menu {
	clear: both;
	list-style: none;
	margin: 0em .7em 0em .7em;
	padding: .5em 0em .5em 0em;
}

ul#menu:after{
	clear: both;
	height: 0em;
	content: ".";
	display: block;
	visibility: hidden;
}

ul#menu li {
	color:#9ba3a5;
	text-transform:uppercase;
	font-weight:bold;
}

ul#menu li a {
	color:#9ba3a5;
	padding-left:12px;
}

ul#menu li a:hover, ul#menu li a:active {
	color:#FFFFFF;
	background:url(../public_images/menu/flecha-blanca.jpg) no-repeat 0 .3em;

}

.mac ul#menu li a:hover, .mac ul#menu li a:active {
	background:url(../public_images/menu/flecha-blanca.jpg) no-repeat 0 .15em;

}

ul#menu li.seleccionado1 {
	color:#FFFFFF;
	padding-left:12px;
	background:url(../public_images/menu/flecha-blanca.jpg) no-repeat 0 .6em;
}

.mac ul#menu li.seleccionado1 {
	color:#FFFFFF;
	padding-left:12px;
	background:url(../public_images/menu/flecha-blanca.jpg) no-repeat 0 .55em;
}

#navegacion-imagen {
	float:left;
	width:51.4em;
	height:12.8em;
}

.ie7 #navegacion-imagen { height:12.5em;}
.ie6 #navegacion-imagen { height:12.5em;}
.mac #navegacion-imagen { height:12.7em;}

.banner-home{ background: url(../public_images/home/banner.jpg) no-repeat left top;}

.banner-aspectos{ background: url(../public_images/aspectos-tecnicos/banner.jpg) no-repeat left top;}

.banner-husillos{ background: url(../public_images/productos/husillos/banner_husillos.jpg) no-repeat left top;}
.banner-tuercas{ background: url(../public_images/productos/tuercas/banner_tuercas.jpg) no-repeat left top;}
.banner-roscado-normal{ background: url(../public_images/productos/roscado-normal/banner_roscado_normal.jpg) no-repeat left top;}
.banner-aeronautica{ background: url(../public_images/productos/aeronautica/banner_aeronautica.jpg) no-repeat left top;}
.banner-estriado-acanalado{ background: url(../public_images/productos/estriado-acanalado/banner_estriado_acanalado.jpg) no-repeat left top;}
.banner-rosca-tubo{ background: url(../public_images/productos/rosca-tubo/banner_rosca_tubo.jpg) no-repeat left top;}
.banner-moleteado-superacabado{ background: url(../public_images/productos/moleteado-superacabado/banner_moleteado_superacabado.jpg) no-repeat left top;}

.banner-medios-productivos{ background:url(../public_images/medios_productivos/banner.jpg) no-repeat left top; }

.banner-calidad{ background: url(../public_images/calidad/banner.jpg) no-repeat left top; }

.banner-contacto{ background: url(../public_images/productos/estriado-acanalado/banner_estriado_acanalado.jpg) no-repeat left top;}

.banner-noticias{ background: url(../public_images/noticias/banner.jpg) no-repeat left top; }

/* SubMenu
------------------------------------------------------------------------------------------- */

ul#subMenu{ list-style-type:none; margin:0 1.5em 0 1.5em; padding: 1em 0em 1em 0em; line-height:1.3em;}

ul#subMenu li {
	color:#36474a;
	font-weight:bold;
	font-size:.9em;
	margin-bottom:.3em;
}

.mac ul#subMenu li, .safari ul#subMenu li {
	font-size:.8em;
}

.ie6 ul#subMenu li{border: 1px solid #AAB2B4;}

ul#subMenu li a {
	color:#36474a;
	padding-left:12px;
	display:block;
}

ul#subMenu a:hover, ul#subMenuli a:active {
	color:#FFFFFF;
	background:url(../public_images/menu/flecha-clara.jpg) no-repeat 0 .35em;

}

ul#subMenu li.seleccionado2 {
	color:#FFFFFF;
	padding-left:12px;
	background:url(../public_images/menu/flecha-clara.jpg) no-repeat 0 .35em;
}

ul#subMenu ul{ list-style-type:none; margin:0.3em 0 0 0; padding:0;}
ul#subMenu ul li{ font-size:1em;  font-weight:normal;}
.mac ul#subMenu ul li, .safari ul#subMenu ul li{ font-size:1em;}
ul#subMenu ul li.seleccionado3 {color:#FFFFFF; padding-left:12px;background:url(../public_images/menu/flecha-clara.jpg) no-repeat 0 .35em;
}

/* Izquierda
------------------------------------------------------------------------------------------- */

.home_izq{ float:left; width:26em; height:39.25em; background: url(../public_images/home/img-izquierda.jpg) no-repeat left top;}

.menu_izq_largo{ float: left; width: 25.3em; background: #aab2b4; margin: 0 0 0 0;}

.contenido_inferior .menu_izq_largo{ background:none; width:23.3em; padding:0 0 0 2em;}

/* Derecha
------------------------------------------------------------------------------------------- */

.home_dra{ float:left; width:33.8em; padding:1.5em 2em 0 2.2em;}

.home_dra ul{ margin:0 0 1em 0; list-style-type:none;}
.home_dra ul li{ padding:0 0 0 2em; background:url(../public_images/home/circulo-lista.jpg) no-repeat 0 .7em; text-align:justify;}

.derecha_largo{ float:left; width:34.5em; padding:1.5em 2em 0 2.2em;}

.derecha_largo ul{ margin:0 0 1em 0; list-style-type:none;}
.derecha_largo ul li{ padding:0 4em 0 2em; background:url(../public_images/home/circulo-lista.jpg) no-repeat 0 .7em; text-align:justify;}

.derecha_largo ul li.a{ padding:0 4em 0 2em; background: url(../public_images/aspectos-tecnicos/letra-a.jpg) no-repeat 0 0.1em; text-align:justify;}

.derecha_largo ul li.b{ padding:0 4em 0 2em; background: url(../public_images/aspectos-tecnicos/letra-b.jpg) no-repeat 0 0.1em; text-align:justify;}

.contenido_inferior .derecha_largo{ padding:0 2em 0 2.2em;}



/* Sendero de migas
------------------------------------------------------------------------------------------- */

#rutaPagina {
	color: #000000;
	text-transform:lowercase;
	border-bottom:2px dotted #000000;
	margin:0 0 1em 0;
}

#rutaPagina p {
	display: inline;
	float: none;
	font-weight: bold;
	padding: 0em;
}

#rutaPagina ol, #rutaPagina ol li {
	display:inline;
}
#rutaPagina ol li span{ margin-right:.4em;}


/* pie de página
------------------------------------------------------------------------------------------- */

#pie_pagina {
	background: #9da6af;
	text-align: center;
	padding: 0.1em 0 0.1em 0;
	margin: 2em 0 0 0;
	clear: both;
	font-size:.9em;
}

#pie_pagina ul,
#pie_pagina li {
	display: inline;
}

#contacto_pie li {
	background:url(../public_images/pie/circulo.jpg) no-repeat right .5em;
	color:#FFFFFF;
	padding-right: .8em;
	padding-left: .5em;
	overflow: hidden;
}

#contacto_pie li a{ color:#FFFFFF;}
#contacto_pie li a:hover{ color:#d82737;}

#contacto_pie li.fin {
	background:none;
}


#direccion_pie {
	border: 1px solid #d7dce4;
	text-align: center;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	clear: both;
	}





/* Productos 
------------------------------------------------------------------------------------*/

/*Izquierda */
.izq-productos{ float:left; background:#aab2b4; margin:0 0 0 0; width:151px; word-wrap: break-word; }

/*centro */
.centro-productos{ float:left;  width:33.8em; padding:1.5em 2em 0 2.2em;}

.centro-productos h2{ color:#d10d33; text-transform:uppercase; margin:0 0 1em 0;}
.centro-productos ul{ list-style-type:none; margin:0 0 1em 0;}
.centro-productos h4{color:#d10d33; font-weight:normal; background: url(../public_images/productos/flecha-roja.jpg) no-repeat left center; padding-left:10px;}

.centro-productos .plano-tecnico { float:left; width:100%; margin-bottom:1em;}

.centro-productos .plano-tecnico .tabla-datos { float:left; width:35%;}
.centro-productos .plano-tecnico .tabla-datos table { width:100%; border:1px solid #e4748a; border-top:0;}
.centro-productos .plano-tecnico .tabla-datos table caption {border:1px solid #e4748a; border-bottom:0; margin-left:-1px; background:#c6c8c2; padding:4px; font-weight:bold; }
.centro-productos .plano-tecnico .tabla-datos table td { padding:3px; text-align:center; background:url(../public_images/productos/borde-tabla.jpg) no-repeat center bottom;}

.centro-productos .plano-tecnico .tabla-datos table td.no-borde { background:none;}

/*
.centro-productos .plano-tecnico .resto-datos { float:left; width:60%; padding:0 0 0 3em;}
.centro-productos .plano-tecnico .resto-datos ul li, .centro-productos .plano-tecnico .resto-datos img{ margin-bottom:1em;}
*/
.centro-productos .plano-tecnico .resto-datos { float:left; width:55%; padding:0 0 0 3em; padding-top:8em; }
.centro-productos .plano-tecnico .resto-datos ul li, .centro-productos .plano-tecnico .resto-datos img{ margin-bottom:1em;}
.centro-productos .plano-tecnico .resto-datos-2 { float:left; width:55%; padding:0 0 0 3em; padding-top:1.5em; }
.centro-productos .plano-tecnico .resto-datos-2 ul li, .centro-productos .plano-tecnico .resto-datos-2 img{ margin-bottom:1em;}

/*
.centro-productos .plano-tecnico .datos1 { padding-top:12em;}
.centro-productos .plano-tecnico .datos2 { padding-top:4em;}
*/


/*derecha */
.dra-productos{ float:right; text-align:left; width:auto; margin:3px 0 0 0;}

.dra-productos .img-producto img{ margin-bottom:.1em;}
span.texto a{background: url(../public_images/productos/flecha-roja.jpg) no-repeat left center; padding-left:10px;}

.dra-productos .img-producto{ margin-bottom:14em;}


/* Productos Tuercas
------------------------------------------------------------------------------------*/
/*
.centro-producto-tuercas{ float:left;  width:35.8em; padding:1.5em 0em 0 2.2em; border:1px solid red;}
*/
.centro-producto-tuercas{ float:left;  width:34.5em; padding:1.5em 2em 0 2.2em;  }
/*.centro-producto-tuercas{ float:left;  width:38.2em; padding:1.5em 0em 0 0.3em; }*/
.ie6 .centro-producto-tuercas{ float:left; width:33.0em; padding:1.5em 2em 0 2.2em;}

.centro-producto-tuercas img{ margin-bottom:1em;}

.centro-producto-tuercas ul{ list-style-type:none; margin-bottom:1em;}

.centro-producto-tuercas h2{ color:#d10d33; text-transform:uppercase; margin:1em 0 1em 0;}

.centro-producto-tuercas h3{color:#d10d33; font-weight:normal; background: url(../public_images/productos/flecha-roja.jpg) no-repeat left center; padding-left:10px;}

.centro-producto-tuercas table{ float:left; width:auto; border:1px solid #e4748a; margin:0 2em .3em 0;}
.ie6 .centro-producto-tuercas table{margin:0 .1em .3em 0;}

.centro-producto-tuercas table th{ padding:5px 10px; text-align:center;  background:#c6c8c2; font-weight:bold;}
.centro-producto-tuercas table td{ padding:5px 10px; text-align:center; }

.centro-producto-tuercas table.table1 tr{ background:url(../public_images/productos/tuercas/borde-inferior1.jpg) no-repeat center bottom;}
.centro-producto-tuercas table.table2 tr{ background:url(../public_images/productos/tuercas/borde-inferior2.jpg) no-repeat center bottom;}
.centro-producto-tuercas table.table3 tr{ background:url(../public_images/productos/tuercas/borde-inferior3.jpg) no-repeat center bottom;}

.centro-producto-tuercas .image1{ margin-top:12em;}
.centro-producto-tuercas .image2{ margin-top:11em;}
.centro-producto-tuercas .image4, .centro-producto-tuercas .image3{ margin-top:.5em;}

/*.ie6 .centro-producto-tuercas .image1{ margin-top:.5em;}
.ie6 .centro-producto-tuercas .image2{ margin-top:.5em;} */


ul.listado-gris{ margin-left:2em;}
ul.listado-gris li{ background:url(../public_images/home/circulo-lista.jpg) no-repeat 0 .6em; padding-left:10px;}

#mediosProductivosImages {
	text-align: center;
}
#mediosProductivosImages img {
	margin-right: 1.2em;
	}

/*
ul.listado-maquinas{ float:left; width:100%;}
ul.listado-maquinas li{ float:left; width:auto; margin:0 11px 5px 0; padding:0;}
ul.listado-maquinas li img{margin:0; padding:0;}
*/
/*
.rodillos{text-align:center; }
.rodillos img{margin:0.5em;}
*/
/*------------------------------------------------------------------------------------*/
.dra-producto-tuercas{ float:left;  width:43.8em; padding:1.5em 2em 0 2.2em;}

.dra-producto-tuercas img{ margin-bottom:1em;}

.dra-producto-tuercas ul{ list-style-type:none; margin-bottom:1em;}

.dra-producto-tuercas h2{ color:#d10d33; text-transform:uppercase; margin:1em 0 1em 0;}

.dra-producto-tuercas h3{color:#d10d33; font-weight:normal; background: url(../public_images/productos/flecha-roja.jpg) no-repeat left center; padding-left:10px;}

.dra-producto-tuercas table{ float:left; width:auto; border:1px solid #e4748a; margin:0 2em .3em 0;}
.dra-producto-tuercas table th{ padding:5px 10px; text-align:center;  background:#c6c8c2; font-weight:bold;}
.dra-producto-tuercas table td{ padding:5px 10px; text-align:center; }

.dra-producto-tuercas table.table1 tr{ background:url(../public_images/productos/tuercas/borde-inferior1.jpg) no-repeat center bottom;}
.dra-producto-tuercas table.table2 tr{ background:url(../public_images/productos/tuercas/borde-inferior2.jpg) no-repeat center bottom;}
.dra-producto-tuercas table.table3 tr{ background:url(../public_images/productos/tuercas/borde-inferior3.jpg) no-repeat center bottom;}

.dra-producto-tuercas .image1{ margin-top:12em;}
.dra-producto-tuercas .image2{ margin-top:11em;}
.dra-producto-tuercas .image4, .dra-producto-tuercas .image3{ margin-top:.5em;}

/* Calidad
------------------------------------------------------------------------------------*/

.calidad-vertical{ margin-top:0; background:url(../public_images/calidad/banner_vert_calidad.jpg) no-repeat left top #FFFFFF; height:26.6em;}

.imagen_calidad{ width:249px; margin:0 auto;}
.imagen_calidad img{ margin:0; padding:0;}
.imagen_calidad span.texto{ text-align:left; float:left; font-size:.9em; font-weight:bold;}

/* Noticias
------------------------------------------------------------------------------------*/

.noticias-vertical{ margin-top:0; background: url(../public_images/noticias/banner_vertical.jpg) no-repeat left top #FFFFFF; height:26.6em;}

.caja_noticia{background: url(../public_images/productos/flecha-roja.jpg) no-repeat 0 .4em; padding-left:10px; margin-bottom:1.5em; line-height:1.4em;}
.caja_noticia h3{ background:none; padding-left:0; font-weight:bold; margin:0 0 0 0;}
#contenedor .caja_noticia p{ margin:0 0 0.5em 0;}
#contenedor .caja_noticia span.fecha_noticia{ color:#8b959e; font-style:italic;}

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

.contacto-vertical{ margin-top:0; background: url(../public_images/contacto/banner_vertical.jpg) no-repeat left top #FFFFFF; height:26.6em;}

.contacto-mapa{ float:left; width:100%; margin-bottom:2em;}

.contacto-inferior{ float:left; width:100%;}

.contacto-inferior .contacto-datos{ float:left; width:35%; margin-right:2em;}

.ie6 .contacto-inferior .contacto-datos{ width:30%;}

.contacto-inferior .contacto-formulario{ float:left; width:60%;}
.contacto-inferior .contacto-formulario .inputText, .contacto-inferior .contacto-formulario textarea{ width:15em;}
.dra-producto-tuercas .contacto-inferior .contacto-formulario img{ margin:0;}



/* ----------------------------------------------------------------------------------------
- Sitio Web:			http://www.misitio.com
- Versión:				1.0
- Fecha:				00 / 00/ 2008
- Gramática CSS:		2.1
- Gramática (X)HTML:	1.0 Transitional
- Accesibilidad:		Nivel AA	
------------------------------------------------------------------------------------------- */





/* Formateo de los estilos
------------------------------------------------------------------------------------------- */

.tabbForm {
	margin: 0 0 0 4em;
	border: 1px solid red;
}

.contBotonesForm {
	text-align: right;
	margin-top: 20px;
	}

ul.horizontalRadios, ul.verticalRadios {
	display: block;
	line-height: 100%;
	margin: 0em;
	padding: 0em;
	}
	
ul.verticalRadios li{
	list-style-type: none;
	clear: left;
	}
	
ul.horizontalRadios li{
	display: inline;
	}

.checkRadioInput {
	border: 0em;
	margin-top:.5em;
	}

.labelRadiosChecks {
	padding: 0em 1em 0em .1em;
	margin: 0em;
	margin-top: 0.6em;
	width: auto !important;
	}
	
.ie6 .labelRadiosChecks, .ie7 .labelRadiosChecks {
	margin-top: 0.9em;
	}

/*
------------------------------------------------------------------------------------------- */

.accesibleValFocus {
	color: #747373;
	}

.inputText, textarea {
	background: #f8f8f8;
	border: 1px solid #cccccc;
	margin-bottom: 3px;
	padding-left:4px;
	color: #7a7a7a;
	width: 20em;
	height: 16px;
	float: left;
	}

input:focus {
	border: 1px solid #3388ba;
	}

textarea:focus {
	border: 1px solid #3388ba;
	}

.inputTextError {
	margin-bottom: 3px;
	float: left;
	padding-left:4px;
	border: 1px solid #000;
	width: 20em;
	height: 16px;
	float: left;
	color: #ffffff;
	background-color: #be0f1f;
	}
	
.inputTextArea {
	width: 20em;
	height: 10em;
	}

.botonEnviar {
	border: 1px solid #cccccc;
	background: #f8f8f8;
	color: #7a7a7a;
	padding: .2em .4em .2em .4em;
	}

.fieldSetContacto {
	margin: 1em 2em 1em 0em;
	padding:0px;
	border: none;
	width: 100%;
	}
	
.fieldSetContacto legend { 
	padding-left: 0;
	font-weight: bold;
	display: none; 
	}
		
.fieldSetContacto .cajaField {
	padding: 5px 0px 7px 0px;
	clear: left;
	}
	
.fieldSetContacto .cajaBoton {
	padding: 5px 0px 7px 0px;
	text-align: center;
	width: 28em;
	clear: left;
	}	

/*
------------------------------------------------------------------------------------------- */

.fieldSetContacto label, .fieldSetInscripcion span.spanLabel{
	margin-top: 4px;
	margin-bottom: 4px;
	float:left;
	width: 90px;
	text-align: left;
	border: 0px solid red;
	}

form label.required, form span.required {
	
	}

form label.problem, form span.problem {
	
	}
	
form label.completed, form span.completed {
	
	}

.errorField {
	font-size:10px;
	padding-left:10px;
	color: red;
	}

.ancho100 {
	width: 90% !important;
	float: none !important;
	margin-left: 0px;
	}
	
.ulCamposError {
	margin: 10px 0px 10px 50px;
	}

.msg {
	border-top: 1px solid #ff7349;
	border-bottom: 1px solid #ff7349;
	background: #ffdaca url(../images_public/notice.gif) no-repeat 10px 10px;
	padding: 10px;
	margin-top: 10px;
	text-align: center;
	}
	
.msg strong {
	font-weight: bold;
	}

form span.required {
	padding: 0px 0px 0px 1em;
	width: 15px;
}

em.required{
	display:none;
}
/* Los avisos
------------------------------------------------------------------------------------------- */

.msgKO {
	width: 177px;
	color: #000000;
	text-align: left;
	padding: 10px 10px 10px 67px;
	border-top: 2px solid #ff1000;
	border-bottom: 2px solid #ff1000;
	background: url(../public_images/noticeKO.gif) 7px 8px no-repeat #ffc368;
	margin-top: 10px;
	}
	
.msgKO strong {
	color: #000000;
	font-weight: bold;
	background: #ffc368;
	}
	
.msgKO li {
	color: #000000;
	background: #ffc368;
	}
	
.ulCamposError {
	margin: 10px 0px 10px 50px;
	}
	
.msgKO a, .msgKO a:link, .msgKO a:visited {
	color: #635307;
	} 	

.msgOK {
	width: 179px;
	color: #ffffff;
	text-align: left;
	padding: 10px 10px 10px 67px;
	border-top: 1px solid #24a050;
	border-bottom: 1px solid #24a050;
	background: url(../public_images/noticeOK.gif) 7px 8px no-repeat #8cc63f;
	margin-top: 10px;
	}
	
.msgOK strong {
	font-weight: bold;
	}


#test {
  width:100px;
  height:100px;
float:left;
  background:#123;
}
.overlay_dialog img { border: none; }

.overlay_dialog {
	background-color: #666666;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}

.dialog_nw {
	width: 9px;
	height: 23px;
	background: transparent url(../images/window/top_left.gif) no-repeat 0 0;		
}

.dialog_n {
	background: transparent url(../images/window/top_mid.gif) repeat-x 0 0;	
	height: 23px;
	width: 100%;
}

.dialog_ne {
	width: 9px;
	height: 23px;
	background: transparent url(../images/window/top_right.gif) no-repeat 0 0;		
}

.dialog_e {
	width: 2px;
	height: 100%;
	background: transparent url(../images/window/center_right.gif) repeat-y 0 0;	
}

.dialog_w {
	width: 2px;
	height: 100%;
	background: transparent url(../images/window/center_left.gif) repeat-y 0 0;		
}

.dialog_sw {
	width: 9px;
	height: 19px;
	background: transparent url(../images/window/bottom_left.gif) no-repeat 0 0;			
}

.dialog_s {
	background: transparent url(../images/window/bottom_mid.gif) repeat-x 0 0;		
	height: 19px;
	width: 100%;
}

.dialog_se {
	width: 9px;
	height: 19px;
	background: transparent url(../images/window/bottom_right.gif) no-repeat 0 0;			
}

.dialog_sizer {
	width: 9px;
	height: 19px;
	background: transparent url(../images/window/sizer.gif) no-repeat 0 0;	
	cursor:se-resize;	
}

.dialog_close {
	width: 14px;
	height: 14px;
	background: transparent url(../images/window/close.gif) no-repeat 0 0;			
	position:absolute;
	top:5px;
	left:8px;
	cursor:pointer;
	z-index:2000;
}

.dialog_minimize {
	width: 14px;
	height: 15px;
	background: transparent url(../images/window/minimize.gif) no-repeat 0 0;			
	position:absolute;
	top:5px;
	left:28px;
	cursor:pointer;
	z-index:2000;
}

.dialog_maximize {
	width: 14px;
	height: 15px;
	background: transparent url(../images/window/maximize.gif) no-repeat 0 0;			
	position:absolute;
	top:5px;
	left:49px;
	cursor:pointer;
	z-index:2000;
}

.dialog_title {
	float:left;
	height:14px;
	font-size:12px;
	text-align:center;
	width:100%;
}

.dialog_content {
	overflow:auto;
	color: #DDD;
	font-family: Tahoma, Arial, Sans Serif;
	font-size: 10px;
	background-color:#EEE;
}

.top_draggable, .bottom_draggable {
  cursor:move;
}

/* DO NOT CHANGE THESE VALUES*/
.dialog {
	display: block;
 	font-family: Tahoma, Arial, Sans Serif;
	position: absolute;
}

.dialog * {
	margin: 0px;
	padding:0px;
}

.dialog table  { border-collapse: collapse; border-spacing: 0; width: 100% }
.dialog td, th { padding: 0; }




.overlay_alert_lite {
	background-color: #888888;
	
}

.alert_lite_sizer {
	width:0px;
	height:0px;
	display:none;
}

.alert_lite_close {
	width:0px;
	height:0px;
	display:none;
}

.alert_lite_minimize {
	width:0px;
	height:0px;
	display:none;
}

.alert_lite_maximize {
	width:0px;
	height:0px;
	display:none;
}

.alert_lite_title {
	width:0px;
	height:0px;
	display:none;
}

.alert_lite_content {
	overflow:auto;
	color: #000;
	font-family: Tahoma, Arial, Sans Serif;
	font-size: 10px;
	background: #FFF;
	padding:10px;
	border:1px outset #009;
}


/* For alert/confirm dialog */
.alert_lite_window {
	border:1px solid #F00;	
	background: #FFF;
	padding:20px;
	margin-left:auto;
	margin-right:auto;
	width:400px;
	
}

.alert_lite_message {
	font-size:12px;
	text-align:center;
	width:100%;
	color:#000;
	padding-bottom:10px;
}

.alert_lite_buttons {
	text-align:center;
	width:100%;
}

.alert_lite_buttons input {
	width:20%;
	margin:10px;
}

.alert_lite_progress {
	float:left;
	margin:auto;
	text-align:center;
	width:100%;
	height:16px;
	background: #FFF url('../images/ajax_loading.gif') no-repeat center center
}

table.alert_lite_header  {
  border:0px outset #009;
  background:#FFF;
}


.overlay_alphacube {
	background-color: #85BBEF;
}

.alphacube_nw {
	background: transparent url(../css/alphacube/left-top.gif) no-repeat 0 0;			
  width:10px;
  height:25px;
}

.alphacube_n {
  background: transparent url(../css/alphacube/top-middle.gif) repeat-x 0 0;			
  height:25px;
}

.alphacube_ne {
  background: transparent url(../css/alphacube/right-top.gif) no-repeat 0 0;			
  width:10px;	  
  height:25px;
}

.alphacube_w {
  background: transparent url(../css/alphacube/frame-left.gif) repeat-y top left;			
  width:7px;
}

.alphacube_e {
  background: transparent url(../css/alphacube/frame-right.gif) repeat-y top right;			
  width:7px;	  
}

.alphacube_sw {
  background: transparent url(../css/alphacube/bottom-left-c.gif) no-repeat 0 0;			
  width:7px;
  height:7px;
}

.alphacube_s {
  background: transparent url(../css/alphacube/bottom-middle.gif) repeat-x 0 0;			
  height:7px;
}

.alphacube_se, .alphacube_sizer  {
  background: transparent url(../css/alphacube/bottom-right-c.gif) no-repeat 0 0;			
  width:7px;
  height:7px;
}

.alphacube_sizer {
	cursor:se-resize;	
}

.alphacube_butts_container {
	width: 69px;
	position:absolute;
	top:0px;
	right:11px;
	z-index:1000;
}

.alphacube_close {
	width: 23px;
	height: 23px;
	background: transparent url(../css/alphacube/button-close-focus.gif) no-repeat 0 0;			
	float:right;
	cursor:pointer;
	z-index:1000;
}

.alphacube_minimize {
	width: 23px;
	height: 23px;
	background: transparent url(../css/alphacube/button-min-focus.gif) no-repeat 0 0;			
	float:right;
	cursor:pointer;
	z-index:1000;
}

.alphacube_maximize {
	width: 23px;
	height: 23px;
	background: transparent url(../css/alphacube/button-max-focus.gif) no-repeat 0 0;			
	float:right;
	cursor:pointer;
	z-index:1000;
}

.alphacube_title {
	float:left;
	height:14px;
	font-size:14px;
	text-align:center;
	margin-top:2px;
	width:100%;
	color:#123456;
}

.alphacube_content {
	overflow:auto;
	color: #000;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 10px;
	background:#FDFDFD;
}

/* For alert/confirm dialog */
.alphacube_window {
	border:1px solid #F00;	
	background: #FFF;
	padding:20px;
	margin-left:auto;
	margin-right:auto;
	width:400px;
}

.alphacube_message {
	font-size:12px;
	text-align:center;
	width:100%;
	padding-bottom:10px;
}

.alphacube_buttons {
	text-align:center;
	width:100%;
}

.alphacube_buttons input {
	width:20%;
	margin:10px;
}

.alphacube_progress {
	float:left;
	margin:auto;
	text-align:center;
	width:100%;
	height:16px;
	background: #FFF url('alert/progress.gif') no-repeat center center
}




#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }