body{
	background-image:  url('../images/fondo.jpg');
	scrollbar-arrow-color: #ff9900; /*Flechitas*/
	scrollbar-base-color: #a8a7a5;  /*Borde*/
	scrollbar-dark-shadow-color: #a8a7a5; 
	scrollbar-track-color: #7a7a7a; /*Interior*/
	scrollbar-face-color: #a8a7a5;
	scrollbar-shadow-color: #DDDDDD; /*Bordes internos*/
	scrollbar-highlight-color: #CCCCCC;
	/*background: #303030;     MODIFICADDO 9/11 */ 
	font-family:Interstate-Regular;
	font:bold;
	
}

.pagina #cuadro
{
	margin: 0 auto; /* los márgenes automáticos (conjuntamente con un ancho) centran la página */
	width: 780px;  /* el uso de 20px menos que un ancho completo de 800px da cabida a los bordes del navegador y evita la aparición de una barra de desplazamiento horizontal */
	margin: 0 auto; /* los márgenes automáticos (conjuntamente con un ancho) centran la página */
	text-align: left; /* esto anula text-align: center en el elemento body. */

}
.pagina #header
{	
	background-repeat: repeat-x;
	background-position:center;
	width: 100%;
	height: 150px;	
}
.pagina #pie
{
	font-family:Interstate-Regular;
	font-size:100%;
	width: 100%;
	float:right;
}
.pagina #container
{
		margin: 0 0 0 200px; /* el margen izquierdo de este elemento div crea la columna situada a lo largo del lado izquierdo de la página (con independencia 		de la cantidad de contenido que tenga el div sidebar1, se mantendrá el espacio de la columna). Puede quitar este margen si desea que el texto del div #mainContent llene el espacio de #sidebar1 cuando termine el contenido de #sidebar1. */
		height:400;

}

.pagina #menu
{
	float: left; /* dado que este elemento es flotante, debe asignarse un ancho */
	width: 180px; /* el ancho real de este div, en navegadores que cumplen los estándares, o el modo de estándares de Internet Explorer, incluirá el relleno y el borde además del ancho */
	height:400;

}

.pagina #submenu
{
	float: left; /* dado que este elemento es flotante, debe asignarse un ancho */
	width: 180px; /* el ancho real de este div, en navegadores que cumplen los estándares, o el modo de estándares de Internet Explorer, incluirá el relleno y el borde además del ancho */
	height:200;

}


/*ESTILO PARA EL MENU */
/*enlaces*/
a:link { 
	text-decoration: none;
	color: #a8a7a5; 
} /* un enlace no visitado*/ 
a:visited {
	text-decoration: none;
	color: #a8a7a5; 
} /* enlace visitado */ 
a:hover { 
	text-decoration: none;
	color: white;
} /* raton encima */ 
a:active { 
	text-decoration: none;
	color: #a8a7a5;
} /* enlace activo */

/*Menu Color Classes*/
.naranja{background:#FF9900;}
.naranja #menus {font-size:100%;}
.naranja #submenus { font-size:80%; text-align:right; margin-top:10px; font-style:oblique;}
.azul{background:#003366;}
.azul #menus {font-size:100%;}
.azul #submenus { font-size:80%; text-align:right; margin-top:10px; font-style:oblique;}
.rojo{background:#990000;}
.rojo #menus {font-size:100%;}
.rojo #submenus { font-size:80%; text-align:right; margin-top:10px; font-style:oblique;}
.verde{background:#418103;}
.verde #menus {font-size:100%;}
.verde #submenus { font-size:80%; text-align:right; margin-top:10px; font-style:oblique;}
.claro{background:#006699;}
.claro #menus {font-size:100%;}
.claro #submenus { font-size:80%; text-align:right; margin-top:10px; font-style:oblique;}
.negro{background:#000000;}
.negro #menus {font-size:100%;}
.negro #submenus { font-size:80%; text-align:right; margin-top:10px; font-style:oblique;}



/*Formularios*/
SELECT{ font-family: verdana; font-size: 100%; color: white; background-color:#a8a7a5;z-index:5;}

/*enlaces*/
a:link { 
	color: #FFF; 
} /* un enlace no visitado*/ 
a:visited {
	color: #FFF; 
} /* enlace visitado */ 
a:hover { 
	color: black;
} /* raton encima */ 
a:active {
	color: #FFF;
} /* enlace activo */
.presentacionh1{ 
	color:#990000;
	margin:0pt 10px 0px 0px; 
	border-bottom:1px dashed #7c7c7c;
	z-index:5;
	font-size:105%;
	}
.tarjetash1{ 
	color:#003366; 
	margin:0pt 10px 0px 0px; 
	border-bottom:1px dashed #b53a43;
	z-index:5;
	font-size:105%;
}
.homologacionh1{ 
	color:#990000; 
	margin:0pt 10px 0px 0px; 
	border-bottom:1px dashed #daa31b;
	z-index:5;
	font-size:105%;
}
.sociedadesh1{ 
	color:#418101; 
	margin:0pt 10px 0px 0px; 
	border-bottom:1px dashed #b62985;
	z-index:5;
	font-size:105%;
}
.sociedadesporh1{ 
	color:#418103; 
	margin:0pt 10px 0px 0px; 
	border-bottom:1px dashed #a75863;
	z-index:5;
	font-size:105%;
}
.accidentesh1{ 
	color:#006699; 
	margin:0pt 10px 0px 0px; 
	border-bottom:1px dashed #459089;
	z-index:5;
	font-size:105%;
}
.gestionesh1{ 
	color:#000000; 
	margin:0pt 10px 0px 0px; 
	border-bottom:1px dashed #60ae5a;
	z-index:5;
	font-size:105%;
}
.generalh1{ 
	color:#ff9900; 
	margin:0pt 10px 0px 0px; 
	border-bottom:1px dashed #3446c7;
	z-index:5;
	font-size:105%;
}
.contactarhomologacion{ 
	color:#990000;
	font-size:15px;
}
.contactartarjetas{
	color:#023467; 
	font-size:15px;
}
.contactarsociedades{
	color:#418305; 
	font-size:15px;
}
.contactarSociedadesPortugal{
	color:#a75863; 
	font-size:15px;
}
.contactaraccidentes{
	color:#006697; 
	font-size:15px;
}
.contactargestiones{
	color:#000000; 
	font-size:15px;
}
.esta
{
	color:#CCCCCC;
	font-size:75%;
	font-family:Interstate-Regular;
}
.estadiv
{
	text-align: right;
	margin-right: 5px;
	background:#282828;
}
.cajaM1
{
	background-color: #98c8fa;
	border: 1px solid #023467;
	
}
.cajaM2
{
	background-color: #ffdef3;
	border: 1px solid #990000;
	
}
.cajaM3
{
	background-color: #e1ffdf;
	border: 1px solid #418305;
}

.cajaM4
{
	background-color: #eedee0;
	border: 1px solid #a75863;
	
}
.cajaM5
{
	background-color: #dbecfd;
	border: 1px solid #006697;
	
}
.cajaM6
{
	background-color: #e8e9e9;
	border: 1px solid #000000;
	
}
textarea
{
	overflow: auto;
}
.textForm
{
	font-family:Interstate-Regular;
	font-size: 13px;
	font-weight: bold;
	color: #000000; 
	z-index:5;
}

p{
	font-family:Interstate-Regular;
	font-size: 100%;
	color: #FFFFFF; 
	text-align: justify;
	margin-right: 10px;
	z-index:5;
}

p.autor {
	font-weight:bold;
	padding-right:8px; 
	border-right:1px dashed #a8a7a5;
	text-align:right;
	margin:5px 0px 0px 0px;
	z-index:5; 
	}
	
/* IE 5.5 box model hack para posicionar correctamente las imagenes de esquina */
* html img.esquina_sup_izq, * html img.esquina_inf_izq  { \margin-left:-.2em;  ma\rgin-left:0; }
* html img.esquina_inf_der, * html img.esquina_sup_der { \margin-left:.2em; } 


/*Mis estilos tt*/
@charset "utf-8";
/* CSS Document */


img {border: 0px}


.cierraContainer { /* esta clase debe colocarse en un elemento div o break y debe ser el último elemento antes del cierre de un contenedor que incluya completamente a un elemento flotante */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}