/* CSS Document

CSS Inicial de Eric Meyer*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* Comienzo de la Hoja de Estilo */

strong {
	font-weight:bold;
}


body {
	font-family: Verdana, Arial, sans-serif;
	font-size: small;
	color: #666;
	background: #ffffff;
	line-height: 1.3em;
}

*html body {
	font-size: x-small; /*for IE5/Win */
	f\ont-size: small;  /*for other IE versions */
}

a:link {
	color: #e20a16;
	text-decoration:none;
}
a:visited {
	color: #ED4B56;
	text-decoration: none;
}
a:hover {
	color: #ED4B56;
	text-decoration: underline;
	border-bottom:none;
}
a:active {
	color: #A81230;
	text-decoration: none;
	border-bottom:none;
}

.grey-glow {
	background:url(../img/bordes-grises.jpg) center repeat-y;
	overflow:visible;
}

#header {
	padding:0;
	width:750px;
	margin:auto;
	margin-top:10px;
	text-align:left;
	height:200px;
	background: url(../img/cabecera.jpg) top left no-repeat;
}

#header h1, #header h2 {
	display:none;
}

#wrap {
	clear:both;
	width:750px;
	margin:auto;
	margin-top:20px;
	text-align:justify;
	background-color:#FFFFFF;
}

#rightcol {
	width:360px;
	float:right;
}

#leftcol {
	width:360px;
	float:left;
}

#footer {
	clear:both;
	width:750px;
	margin:auto;
	margin-top:20px;
	margin-bottom: 10px;
	height:100px;
	text-align:center;
	background:#002c72 url(../img/footer-degradado.jpg) no-repeat bottom center;
	
}

#footer table {
	height:97%;
	width:100%;
	color: #FFFFFF;
	margin-top:20px;
}

#footer table tr td a {
	color: #FFFFFF;
	text-decoration:underline;
}
#footer table tr td a:active {
	text-decoration:none;
}

#footer table tr td{
	text-align:center;
	vertical-align:bottom;
}

#footer div {
	display:block;
	width:100%;
	color: #FFFFFF;
	padding-top:60px;
}
#footer div a {
	color: #FFFFFF;
	text-decoration:underline;
}
#footer div a:active {
	text-decoration:none;
}


#nav {
	width:750px;
	margin: 0.5em auto;
	text-align:left;
	background: #e20a16;
}

#nav-prin {
	display:table;
	margin: 0 auto;
	white-space:nowrap;
	list-style-type:none;
	background: #e20a16;
	font-family: Trebuchet MS, Arial, sans-serif;
	font-size: 120%;
	font-weight:bold; 
}

#nav-prin li {
	display:table-cell;
	padding: 2px;
}

*:first-child+html #nav-prin {
	display:inline-block;
	padding: 0 2px;
}

*html #nav-prin {
	display:inline-block;
	width: 1px;
	padding: 0 2px;
}

*:first-child+html #nav-prin li {
	display:inline;
}

*html #nav-prin li {
	display:inline;
}

#nav-prin a {
	display:block;
	padding: 0.2em 1em;
	color: #FFFFFF;
	text-decoration:none;
}

*:first-child+html #nav-prin a {
	display:inline-block;
	margin: 0 -2px;
}

*html #nav-prin a {
	display:inline-block;
	margin: 0 -2px;
}

#nav-prin a:hover, body#empresa #l-empresa a, body#piezas #l-piezas a, body#siniestro #l-siniestro a, body#servicios #l-servicios a {
	background: url(../img/fondo-menu.jpg) top left repeat-x;
}

#submenu {
	display:block;
	background: #DDDDDD;
}

#nav-sec {
	display:table;
	margin: 0 auto;
	white-space:nowrap;
	list-style-type:none;
	font-family: Trebuchet MS, Arial, sans-serif;
	font-size: 90%;
	font-weight:bold; 
}

#nav-sec li {
	display:table-cell;
	padding: 2px;
}


*:first-child+html #nav-sec {
	display:inline-block;
	padding: 0 2px;
}

*html #nav-sec {
	display:inline-block;
	width: 1px;
	padding: 0 2px;
}

*:first-child+html #nav-sec li {
	display:inline;
}

*html #nav-sec li {
	display:inline;
}

#nav-sec a {
	display:block;
	padding: 0.2em 1em;
	background:#DDDDDD;
	color: #111111;
	text-decoration: none;
}

*:first-child+html #nav-sec a {
	display:inline-block;
	margin: 0 -2px;
}

*html #nav-sec a {
	display:inline-block;
	margin: 0 -2px;
}

#nav-sec a:hover, body.otros #l-otros a, body.destruc #l-destruc a, body.grua #l-grua a, body.faq #l-faq a, body.desguace #l-desguace a,body.cat #l-cat a, body.descontaminacion #l-descontaminacion a, body.llegar #l-llegar a, body.contacto #l-contacto a, body.asociaciones #l-asociaciones a, body.piezascoche #l-piezascoche a, body.solicitud #l-solicitud a, body.consulta #l-consulta a, body.que #l-que a, body.baja #l-baja a {
	text-decoration:underline;
}


ul {
	margin:0 15px 1em 2.5em;
	}

ul li{
	list-style: square outside;
	}
	
p {
	margin: 0 15px 1em 15px;	
}


h2 {
	margin: 1em 15px 1em 15px;
	text-align:right;
	display: block;
	font-style: bold;
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;
	font-size:140%;
	color: #002c72;
	background:url('../img/rayas-rojas-lorenzo.gif') repeat-x left;   
}

h2 strong {
	background: #FFFFFF;
	padding: 2px 0 0 3px;

}

h3 {
	margin: 1em 15px 0.2em 15px;
	text-align:left;
	display:block;
	font-weight:bold;
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;
	font-size:120%;
	color: #002c72;
}

h4 {
	margin: 0.5em 0px 0.1em 5px;
	text-align:left;
	display:block;
	font-weight:bold;
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	color: #002c72;
}

#accesorap {
	width:345px;
	border:0;
	padding:0;
	margin:0;	
}

#accesorap td {
	vertical-align:top;
}


#accesorap p {
	margin-left:5px;
	margin-right:0;
}


iframe {
	margin: 0 15px 0 15px;	
}

small {
	margin: 0 15px 0 15px;	
}

.big-red {
	font-size:300%;
	font-weight:bold;
	text-shadow:2px 2px 3px #000000;
	color:#e20a16;
	text-align:right;
	margin-top:1em;	
}

.imgright {
	float:right;
	margin: 0 0 0 10px;
}

.imgleft {
	float:left;
	margin: 0 10px 0 0;
}


#mapa-web {
    margin:0 15px 1em 15px;
}

#mapa-web li{
	font-weight:bold;
	font-style:italic;
	list-style:none;
}


#mapa-web ul {
    margin:0 0 0 1.2em;
}

#mapa-web ul ul{
    margin:0 0 1em 1.6em;
}

#mapa-web ul ul ul{
    margin:0 0 0 2em;
}

#mapa-web ul li{
	text-transform:none;
	font-weight:bold;
	font-style:normal;
}

#mapa-web ul ul li{
	text-transform:none;
	font-weight: normal;
	font-style:normal;
}

#IFrameAuthenticationUser{
	clear:both;
}

#formulario {
	margin: 0 auto;
}

.avisoRojo {
		 color       : white;
         font-size   : 14px;
         font-family : arial,verdana; 
         font-weight : bold;
		 background:  #FF6600;
		 border: 2px solid #FF0000;
		 padding: 5px;
		 display:block;
		 text-align:center;
}