/* Elementos comunes */
body {
	background-image: url(img/background.gif);
	background-repeat: repeat;
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color: white;
	font-size: 62.5%;
	color: black;    
}


table
{
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    margin : 0px;
    padding-top: 0px;
    border-collapse: collapse;
}

h1, h2, h3
{
	color: #006633;
}
h1
{
	font-size: 1.8em;
} 

h2
{
	font-size: 1.6em;
} 
h3
{
	font-size: 1.4em;
} 
h4, h5
{
	font-weight: bold; color: white; height: 20px; 
	background-color: #336666; text-align: center;
	font-size: 1.1em; 
}
h5
{
	background-color: PaleGoldenrod;
	color: DarkSlateBlue;
}

/* color del texto del menu #C0C000 - a:#DBB94F -a:active #C19B28 
a:hover #E6CD84 */
/* Antes diseño flash 
a {
	text-decoration: none;
	color: #C19B28;
}
a:hover {
	text-decoration: underline blink;
	color: #C0C000;
}
*/

a {
	color: #336600;
	font-weight: bold;
	text-decoration: none;
}

a:visited
{
	color: #336600;
}

a:active
{
	color: #a68e5c;
	font-weight: bold;
}

a:hover {
	font-weight: bold;
	color: #333300;
}


/* LIST */

ul
{
	list-style-image: url(img/bullet-3.gif);
	list-style-position: inside;
	line-height: 2.1em;
	vertical-align: middle;
	margin-left: 1.25em;
}


#header a, #header a:visited, #subMenu a, #subMenu a:visited  {
	text-decoration: none;
	color: #C19B28;
}
#header a:hover, #subMenu a:hover {
	text-decoration: none;
	color: #C0C000;
}


p {
	font-size: 1em;
	padding-left: 15px;
	
	vertical-align: bottom;
	color: #423917;
}




/* Grupos de elementos */
/*
	.page - Afecta a toda la página
	master - es el div qe ontiene la página completa

	La idea es que el contenido de la ´pagina se ajuste al ancho 
	del explorador, pero hasta un máximo de 1024 px. A partir de 
	ese ancho, lo ideal es que se centrara en la ventana.

	El detalle debería estar centrado respecto a la cabecera.

*/

/* Tipo de página */
#master
{
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	width: 900px;
	padding-top: 1px; /* Weird Mozilla Bug */
	padding-bottom: 40px; /* Weird Mozilla Bug */
	padding: 0px 0px;
	top: 10px;
	height: 100%;
}

.page
{
	background-repeat: repeat-y;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	max-width: 1024px;
	position: relative;
}

#inicio, #contacto, #pedido, #orden, #albaran , #foto, #mail {
	position: relative;
	width: 890;
	padding: 0px 0px;
	padding-top: 1px; /* Weird Mozilla Bug */
	/* padding-bottom: 40px;  Weird Mozilla Bug */
	margin-left: auto;
	margin-right: auto;	
	text-align: left;
}
#contacto
{
	width: 500px; 
}


/* Ventana de Login */
#fondoClientes {
	background-attachment: fixed;
	background-image: url(fondoClientes.jpg);
	background-repeat: no-repeat;
	width: 950px;
	text-align: center; 
}
#explicacion {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: right;
	width: 227px;
	height: 20px;
	z-index:3;
	position: relative;
	visibility: inherit;
	margin: 0px;
	float: right;
	padding-right: 20px;
	padding-top: 10px;
}
.zcindex {
	width: 900px;
	height: 99px;
	background-image: url(img/zclientes.jpg);
	border: 3px solid #436D38;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: left top;
	left: 60px;
	vertical-align: bottom;
	clear: none;
	float: none;
	padding-top: 300px;
}
.zcindex #frmLogin {
	padding-left: 40px;
	font-size: 10px;
	text-align: left;
	vertical-align: bottom;
	position: static;
}
/* Campos del formulario de login */
.zcform1 {
	font-size: 1em;
	border: 1px solid #4F492B;
	left: 20px;
	height: 17px;
	text-align: left;
	vertical-align: bottom;
	background-color: #FBF4E1;
	background-position: left bottom;
}

/* Mail aunqe aun no está hecha */
#mailFormulario
{
	width: 574px;
	text-align: left; 
}
#mail
{
	background-image:url(img/mailfondo.jpg);
	width:800px;
	height:462;
	background-repeat: no-repeat;
	border: medium dashed #CCCC33;
	background-color: #ede3b4;
	padding-top: 80px;
	text-align: center; 
}
.FormEmail{
	background-color: #F3EDCF;
	border: thin solid #ede3b4;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
}

/* Se usa para colocar el flash inicial */
#presentacion
{
	text-align: center;
}

#gridMain
{
	position: relative;
	margin-left: auto;
	margin-right: auto;
	left: 0px;
	width: 99%;
	top: 0px;
	max-width: 1024px;
	font-size: 0.9em;
	text-align: center; 
}
#grid
{
	text-align: left;
	width: auto;
	display: block; 
}
 
#gridFooter
{
	background-color:  Tan;
	color:#333333;
	font-size: 1em  ;
	font-weight: bold ; 
	padding: 5px 0 5px 0;
	margin-left: auto;
	margin-right: auto;	
	left: 0px;
	width: 99%;
	top: 0px;
	max-width: 1024px;

}


/* Contenido de la Cabecera */
.menua {
	text-transform: uppercase;
	font-size: 1.1em;
}

/* Estilos de tablas  */
/* Fila de título de las tablas*/
.TablaObservaciones
{
	background-color: #ffffcc;
	width: 100%;
	border-right: forestgreen thin solid;
	border-top: forestgreen thin solid;
	border-left: forestgreen thin solid;
	border-bottom: forestgreen thin solid;
}

.Observaciones
{
	background-color: #ffffcc;
}


/*Formularios*/
.csForm, .csFormTextBox, .csFormTextBoxValorDefecto, .csFormSelectValorDefecto, .csFormSelect, .csFormEtiqueta
{
	/* font-size: 12px; */
	text-align: left
}

.csFormTextBox, .csFormSelect
{
    background-color: #ffffc0
}
.csFormTextBoxValorDefecto, .csFormSelectValorDefecto
{
    background-color: #ffffff
}

.boton{
	background:#3d5e25;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #CCCC00;
	border: 1px solid #CCCC00;
}

/* Fotos y álbumes sacado del starter kit */
.buttonbar, .buttonbar-top {
	width: 686px;
	height: 36px;
	background-image: url(img/photonav.gif);
	background-repeat: no-repeat;
	margin-bottom: 5px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.view {
	margin-left: auto;
	margin-right: auto;
	width: 686px;
	text-align: center;
}

.view .photo-frame {
	margin-left: auto;
	margin-right: auto;
}

.item {
	padding: 20px 50px;
	color: #B2B2B2;
}

.item h4 {
	margin-bottom: 0.4em;
}

.nullpanel {
	padding: 150px;
	width: auto;
	text-align: center;
}

.emptydata td {
	padding: 50px;
	color: #aeaeae;
}

.photo_198 {
	border: 4px solid #FFFFFF;
}

.photo_print {
	border: 4px solid #FFFFFF;
	width : 750px;
	height :auto;
	
}

/* Encabezado y pie */
#header
{
	width: 100%; 
	position: relative;
	z-index: 1;
	border: 3px solid #436D38;
	background-color: #436D38; /* verde claro #CCCC00 */ /* verde oscuro #436D38; */
}

#headerDerecha
{
    border-top : white 1px solid;
    font-weight: bold;
    font-size: 1em;
    color: white;
    text-align: right;
	font-family: Arial;
}

div#nav
{
	margin-left: 32px;
	margin-top: 5px;
	margin-bottom: 15px; 
	font-size: 1em;
}

#footer
{
	margin: auto;
	width: 790px;
	text-align: center;
	clear: both; 
}  

#footer span
{
	font-weight: bold;
} 

div#menuInf
{
	width: 100%;
	text-align: center;
	background-color: #CCCC00;
	margin-top: 20px;
	vertical-align: middle;
	height: 30px; 
}   

/* Menu Principal */
div#menuPral
{
	margin: auto;
	text-align: left; 
	padding-left: 5px;
	margin-top: -20px; 
}

/* Estilo de caja pequeña */
.box
{
	background-color: #f3edbc; /*#f6f6f6;*/
	position: relative;
	padding: 10px;
	text-align: justify;
}

.box h2
{
	margin-top: 0px;
	text-align: left;
}

.box h3
{
	margin-top: 0px;
	color: #339966;
}

	
/*AutoComplete flyout */

.autocomplete_completionListElement
{
	visibility: hidden;
	margin: 0px !important;
	background-color: inherit;
	color: windowtext;
	border: buttonshadow;
	border-width: 1px;
	border-style: solid;
	border-color: #339966; 
	cursor: 'default';
	overflow: auto;
	height: 200px;
	text-align: left;
	list-style-type: none;
	list-style-image: none;
}

/* AutoComplete highlighted item */

.autocomplete_highlightedListItem
{
	background-color: #ffff99;
	color: black;
	padding: 1px;
}

/* AutoComplete item */

.autocomplete_listItem 
{
	background-color : window;
	color : windowtext;
	padding : 1px;
}

/* Logo Aenor Iqnet */
.logoAenor
{
	height: 90;
	position: absolute;
	top: 10px;
	right: 20px; 
	/*border: solid 1px red;*/
	padding: 0 0 0 0;
	text-align: right;
}

.logoAenorPral
{
	height: 90;
	/*position: absolute;*/
	top: 10px;
	left: 0px; 
	/*border: solid 1px red;*/
	padding: 0 0 0 0;
	text-align: left;
}

.logoAenorPralAnexo
{
	left: 130px;
	margin-left: 130px; 
}

.extension
{
	display: block;  
	margin-top: -40px;
	border: none; 
}