/* © 2007 - Digisoft Systems, S.L. - todos los derechos reservados */
/* ESTRUCTURA GENERAL */

body
{
	margin:0px;
	background-repeat: repeat-x; /* repetición del fondo a lo largo del eje de abcisas*/
    background-color: #DDDDDD;
	text-align:center;
	background-image: url(../img/common/estructura_fondo.jpg);
}
form{
	margin: 0px;
	padding:0px;
}
input{
	height:18px;
}
#accesoclientes{
	margin:0 3 0 3px;
	height:14px;	
}
textarea{
	width:100%;
	height:200px;
}
select{
	height:18px;
}
img{
	vertical-align:middle;
	border:0;
}
.core /* contenedor general*/
{
	text-align: center; /* declaración de centrado de la estructura*/
	width: 750px; /* ancho de la estructura*/
	margin-left:auto; /* necesario para el correcto centrado de la estructura en FireFox*/
	margin-right:auto; /* necesario para el correcto centrado de la estructura en FireFox*/
}

/* ESTRUCTURA DE LA CABECERA

Está compuesta por un contenedor (cabecera) y cuatro divisiones:

	- Cabecerasub1: donde se coloca el formulario del select de acceso de directo.
	- Cabecerasub2: primera de las 3 divisiones que forman la cabecera de la página. Logotipo.
	- Cabecerasub3: segunda de las 3 divisiones que forman la cabecera de la página. Sector.
	- Cabecerasub4: tercera de las 3 divisiones que forman la cabecera de la página. Acceso Clientes.

 */


.cabecera /* contenedor de la cabecera*/
{
	height: 96px;
	width: 750px;
	border-bottom: 1px solid #cccccc;
}	
.cabecerasub1
{
	padding-top:2px;
	padding-bottom:2px;
	float:left;
	height:20px;
	width: 750px;
	text-align:right;
	color:white;
	background-color:none;
	font-size:10px
}
.cabecerasub2
{
	height: 75px;
	width: 284px;
	float:left;
	background-image: url(../img/common/logo-abantis-superior.jpg);
}
.cabecerasub3
{
	height: 75px;
	width: 209px;
	background-image: url(../img/common/fondo-cabecera-centro.jpg);
	float:left;	
	text-align:left;
	vertical-align:middle;
	line-height: 18px;
	color: #6D92C6;
}
.cabecerasub4
{
	height: 75px;
	width: 257px;
	background-image: url(../img/common/fondo-cabecera-derecha_2.jpg);
	float:left;
}

/* ESTRUCTURA GENERAL DEL CUERPO */

.cuerpo /* contenedor principal*/
{
	float:left;
	width:750px;
/*	height:620; *//* OJO CON ESTO - NECESARIA PARA QUE SE VEA EL FONDO EN BLANCO EN EL FIREFOX - Sino se corta después de la foto/flash superior*/ 
	text-align: center;
	background-color: #ffffff;
	padding-bottom:15px;
}

/* ESTRUCTURA DEL CUERPO DE INDEX.PHP

Está compuesta por un contenedor (cuerpo) y 6 subdivisiones:

	- .productoscontainer : contenedor de los productos mostrados que incorpora el fondo y el borde inferior
	- .producto1: plantilla para la inclusión de hasta 4 productos en la pagina principal.
	
	*/

.productoscontainer
{
	background-image: url(../img/common/fondo_cuerposub.gif);
	border-bottom: 1px solid #cccccc;
	height:220;

}
.producto
{
	float:left;
	width:186px;	
}
.base
{
	background-image: url(../img/common/fondo_bola_productos.gif)
}
.base2
{
	text-align:center;		
}
.base3
{
	float:left;
	width:249px;
	text-align:left;
	border-right: 1px dotted #cccccc
}
.base4
{
	margin: 15px;
	
}
.titulobase{
	margin: 0 0 20 0px;
}
/*.sample
{
	width: 40%;
	text-align:right;	
}*/
.errorcontainer{
	width:750px;
	horizontal-align:center;
	text-align:center;
	height:300px;
	margin-left:0; /* necesario para el correcto centrado de la estructura en FireFox*/
	margin-right:0; /* necesario para el correcto centrado de la estructura en FireFox*/
}
.error{
	margin-top:40px;
	width:324px;
	height:150px;
	background-image: url(../img/common/fondo_error.jpg);
}
.ok{
	margin-top:40px;
	width:324px;
	height:150px;
	background-image: url(../img/common/fondo_ok.jpg);
}
.errordiv{
	color:white;
	padding-top:20px;
	margin:0 10 10 95px;
	text-align:left;
}
/* ESTRUCTURA DEL CUERPO DE PRODUCTOS.PHP

	- .prcuerposub1 : contiene la barra superior de dirección : inicio > software ... y la imagen/flash del producto correspondiente
	- .prcuerposub2 : contenedor izquierdo
    - .prcuerposub3 : contenedor central
    - .prcuerposub4 : contenedor derecho
	
	- .prbase : subdivisión con márgenes
	- .prbase2 : subdivisión sin márgenes
	- .prbase3 : subdivisión con márgenes izquierdo y derecho (especial para tablas)
	
	- .superior : clase que se aplica a la celdas izquierdas del listado de características del contenedor central.
	- .inferior : ídem para las celdas derechas.	

*/

.prcuerposub1{
	float:left;
	width:750px;
	text-align:left;
	background-color:#c8c8c8;
	border-bottom:1px solid #cccccc;
}
.prcuerposub2{
	float:left;
	width:160px;
/*	background-color:#eeeeee;*/
/*	height:500;	*/
}
.prcuerposub3{
	float:left;
	width:400px;
/*	background-color:#dddddd;*/
/*	height:500;			*/
}
.prcuerposub4{
	float:left;
	width:185px;
/*	background-color:#eeeeee;*/
/*	height:500;			*/
}
.prbase{ /*subdivision con márgenes superior, derecho, inferior e izquierdo*/
	text-align:left;
	margin: 10 15 6 15px;
}
.prbase2{
	border:1px solid #b7b7b7;
	text-align:left;
/*	margin: 10 15 6 15px;*/
}
.prbase3{ /*subdivision con margen derecho e izquierdo*/
	text-align:left;
	margin: 0 10 0 10px;
}
.prbase4{ /*subdivisión para el formulario de acceso a cliente*/
	vertical-align:middle;
	text-align:left;
	margin: 20 0 0 10px;
}
.prbase5{ /*subdivisión para el formulario de acceso a cliente*/
	vertical-align:middle;
	text-align:middle;
	margin: 27 0 0 20px;
	color:#aaaaaa;
}
.prbase6{ /*subdivision con márgenes superior, derecho, inferior e izquierdo*/
	text-align:left;
	margin: 20 15 6 15px;
}
.prbase7{ /*subdivision con márgenes superior, derecho, inferior e izquierdo*/
	text-align:left;
	margin: 5 5 5 13px;
}
.prbase8{
	text-align:left;
	margin: 10 15 6 10px;
}
.superior{
	background: url(../img/common/flecha.gif) no-repeat top left;
	width:20px;
}
.inferior{
	padding-bottom:10px;
}
.inferior3{
	margin:0 0 0 15px;
}
.superior2{
	width:90px;
	vertical-align:top;
}
.inferior2{
	padding-bottom:20px;
	vertical-align:top;	
}
prpvp{
	text-align:right;
	width:100%;
}

/* ESTRUCTURA DE LOS MENUS LATERALES DE LA PÁGINA PRODUCTOS.PHP

Existen tres menus : gris, azul y naranja. Sus características son idénticas salvo por el color de cada uno de ellos.

Constan de:

	- .rbroundbox : contenedor del menu
	- .rbtop / div: para definir el encabezado
	- .rbcontent: para definir el contenido
	- .rbbot / div : para definir el pie

Incluyen las correspondientes imágenes para definir los bordes redondeados, distribuidas estratégicamente entre todos los contenedores.

*/



/* estructura del menú derecho de la página de productos  - MENÚ GRIS */

.rbtop{
	background: url(../img/common/border_ad_gris.gif) no-repeat top right;
	background-color:#969696;
}
.rbtop div{
	background: url(../img/common/border_ai_gris.gif) no-repeat top left;
	height:20px;
	padding: 4 0 0 0px;
}
.rbbot{
	background: url(../img/common/border_bd_gris.gif) no-repeat bottom right;
}
.rbbot div{
	background: url(../img/common/border_bi_gris.gif) no-repeat bottom left;
	height:7px;
}
.rbcontent{
	margin: 0 7px;
}
.rbroundbox{
	width: 160; margin: 20 20 20 5px;
	background-color:#e1e1e1;	
}
/* estructura del menú derecho de la página de productos  - MENÚ AZUL */

.rbtop1{
	background: url(../img/common/border_ad_azul.gif) no-repeat top right;
	background-color:#8397AA;
}
.rbtop1 div{
	background: url(../img/common/border_ai_azul.gif) no-repeat top left;
	height:20px;
	padding: 4 0 0 0px;
}
.rbbot1{
	background: url(../img/common/border_bd_azul.gif) no-repeat bottom right;
}
.rbbot1 div{
	background: url(../img/common/border_bi_azul.gif) no-repeat bottom left;
	height:7px;
}
.rbcontent1{
	margin: 0 7px;
}
.rbroundbox1{
	width: 160; margin: 20 20 20 5px;
	background-color:#D4DBDF;	
}
/* estructura del menú derecho de la página de productos  - MENÚ NARANJA*/

.rbtop2{
	background: url(../img/common/border_ad_naranja.gif) no-repeat top right;
	background-color:#FD7E00;
}
.rbtop2 div{
	background: url(../img/common/border_ai_naranja.gif) no-repeat top left;
	height:20px;
	padding: 4 0 0 0px;
}
.rbbot2{
	background: url(../img/common/border_bd_naranja.gif) no-repeat bottom right;
}
.rbbot2 div{
	background: url(../img/common/border_bi_naranja.gif) no-repeat bottom left;
	height:7px;
}
.rbcontent2{
	margin: 0 7px;
	text-align:left;
}
.rbroundbox2{
	width: 160; margin: 20 20 20 5px;
	background-color:#FFEACA;	
}
.rbroundbox9{
	width: 160; margin: 20 20 20 5px;
	background-color:#FFFFFF;	
}
/* ESTRUCTURA DEL CUERPO DE DEMOS.PHP

	- .dmcuerposub1: contenedor principal
	- menú derecho : utiliza el de productos.php : .prcuerposub4

	- subdivisión con márgenes : .prbase (de productos.php)
	
	- .dmtabla: ancho de la tabla
*/

.dmcuerposub1{
	float:left;
	width:563px;
	text-align:left;
}
.dmcuerposub2{
	float:left;
	width:750px;
	text-align:left;
}
.dmbase{
	border:1px solid #b7b7b7;
	text-align:left;
	width:210px;
/*	margin: 10 15 6 15px;*/
}
.dmbase2{
	border:1px solid #b7b7b7;
	text-align:left;
	width:100%;
/*	margin: 10 15 6 15px;*/
}
.uppercase{
	text-transform:uppercase;
}	
/* ESTRUCTURA DEL PIE

Está compuesta por un contenedor (pie) y 2 subdivisiones:

	- .piesub1: plantilla para la inclusión de hasta 4 productos en la pagina principal.
	- .piesub2: plantilla para la última división de esos 4 productos (idéntica estrucura que cuerposub1 excepto margen punteado derecho)

	- .basepie es un bloque destinados a ir dentro de las subdivision piesub1 para evitar así el diferente formato de Explorer y Firefox en cuanto al tratamiento del padding.

	*/
.pie{
	float:left;
	width:750px;
	height: 44px;
	background-image: url(../img/common/fondo-pie.jpg);
	border-top: 1px solid #cccccc;
}
.piesub1
{
	width:675px;
	height: 44px;
	float:left;
    text-align: left;	
}
.piesub2
{
	width:70px;
	height: 44px;
	float:right;
	text-align:center;
	color:gray;
}
.basepie
{
	margin: 15 0 0 15px;
}