/* CSS Document */

/* INICIO DEL DOCUMENTO CSS DE LA PAGINA INDEX.HTML DEL PROYECTO WEB DE ARTAL AUTOMOCION */

/*ETIQUETAS GENERALES*/

body{
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
	color: #666666;
	font: 100% Arial, Helvetica, sans-serif;
}
img{
	border: 0;
}
h2{
    font:Verdana, Arial, Helvetica, sans-serif;
    font-size:18px;
    color:#626262;
    font-weight:normal;
    letter-spacing:-1px;
	}
h3{
    font:Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
    color:#a5001c;
}
p{
    font:Arial, Helvetica, sans-serif;
    font-size:11px;
    color:#131115;
    text-align:justify;
}
a{
	text-decoration: underline;
	color: #606060;
}
a:hover{
	text-decoration: none;
	color: #CC0000;
}
ul li{

	list-style:none;
	margin: 0;
	padding: 0;
}

/*CAPA GENERAL PARA CENTRAR EL DISEÑO*/

#wrap {
	background:url(../images/bodybg.jpg) no-repeat right top;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width:992px;
	height:560px;
	text-align:left;
}

/*  1-ESTILOS DE LA CABECERA  */

#cabecera{
	height:110px;
}

             #cabecera h1{
	         float:left;
	         margin-left:50px;
			 margin-bottom:05px;
             }

/*ESTILOS DEL PEQUEÑO MENÚ DE LA CABECERA*/

#submenu {
	width: 90px;
	color: #666666;
	font-size: 0.7em;
	margin-top:00px;
	margin-left:40px;
}
             #submenu a{
			 text-decoration:none;
			 }

/*ESTILOS DEL MENU PRINCIPAL DE LA CABECERA*/

#bar-menu {
	float:right;
	width:500;
	text-align:right;
	margin-top:12px;
}
              #bar-menu ul li {
	          list-style:none;
	          margin: 0;
	          padding: 0;
	          display:inline;
			  margin-left:24px;
			  }

              #bar-menu a{
	          text-decoration:none;
	          color: #404040;
	          font-family:Verdana, Arial, Helvetica, sans-serif;
	          font-size:10px;
			  font-weight:bolder;
			  letter-spacing:-01px;
			  }

              #bar-menu a:hover{
              text-decoration: none;
	          color: #CC0000;
              }

/*  2-ESTILOS DE LA CAPA DEL CONTENEDOR QUE CONTIENE EL CUERPO DE LA PÁGINA  */

#contenedor{
height:375px;
width:992px;
clear:both;
margin-top:-10px;
}

/*ESTILOS DE LA CAPA DE LOS LOGOTIPOS*/

        #logos{
        height:375px;
        padding:5px 5px 5px 15px;
	  margin-left:30px;
        width:68px;
        float:left;
	  background:url(../images/bg-logos-concesiones.gif) no-repeat left top;
		}
 #logos ul{
	list-style:none;
	margin: 0;
	padding: 0;
}
		
		#logos ul li{
		margin-top:-04px;
		}

/*ESTILOS DE LA CAPA DE PROMOCIÓN*/

#promocion{
height:112px;
width:374px;
margin-left:25px;
margin-top:30px;
margin-bottom:20px;
float:left;
background:url(../images/bg-promocion.png) no-repeat left top;
}

#promocion a{
text-decoration:none;
color:#a5001c;
}

            #promocion h2{
            margin-top:08px;
            margin-left:10px;
            margin-bottom:-02px;
			}

            #promocion h3{
            margin-left:10px;
            margin-bottom:05px;
			}

            #promocion p{
            margin-top:03px;
            margin-left:10px;
            width:250px;
			}

            #promocion img.imagenpromocion{
            border:1px solid #000000;
			margin-left:280px;
			margin-top:-90px;
			float:left;
		    }
			
/*ESTILOS DE LA CAPA DE NOTICIAS*/

#noticias{
height:212px;
width:384px;
margin-left:-378px;
margin-top:160px;
float:left;
background:url(../images/bg-noticias.png) no-repeat left top;
}

          #noticias h2{
          margin-top:13px;
		  margin-left:15px;
          margin-bottom:03px;
		  }
		  
		  #noticias a{
		  text-decoration:none;
		  color: #a5001c;
		  }
		  
		            /*ESTILOS DE LA CAPA NOTICIA 1 DENTRO DE LA CAPA DE LAS NOTICIAS*/
					
					#noticia1 img{
		  			margin-left:13px;
		            margin-top:05px;
					float:left;
		  			}
					
					#noticia1 h3{
					margin-left:10px;
					margin-top:15px;
					font-size:12px;
					color:#626262;
					float:left;
					}
					
					#noticia1 p{
					margin-left:93px;
					margin-top:-43px;
					width:275px;
					float:left;
					}
					
					

                    /*ESTILOS DE LA CAPA DE LA NOTICIA 2 DENTRO DE LA CAPA DE NOTICIAS*/

                    #noticia2 img{
		  			margin-left:13px;
		            margin-top:-00px;
					float:left;
		  			}
					
					#noticia2 h3{
					margin-left:10px;
					margin-top:12px;
					font-size:12px;
					float:left;
					}
					
					#noticia2 p{
					margin-left:93px;
					margin-top:-40px;
					width:275px;
					float:left;
					}

/*ESTILOS DE LA CAPA DE CONCESIONES*/

#concesiones{
width:212px;
height:212px;
float:left;
margin-top:-211px;
margin-left:407px;
background:url(../images/bg-concesiones.png) no-repeat left top;
}
             #concesiones h2{
			 margin-left:15px;
			 margin-top:15px;
			 width:170px;
			 }
			 
			 #concesiones img.imagenconcesiones{
			 margin-left:06px;
			 margin-top:14px;
			 }

/*ESTILOS DE LA CAPA VEHICULOS*/

#vehiculos{
width:212px;
height:212px;
float:left;
margin-top:-224px;
margin-left:745px;
background:url(../images/bg-vehiculos.png) no-repeat left top;
}
             #vehiculos h2{
			 margin-left:15px;
			 margin-top:15px;
			 margin-bottom:08px;
			 width:170px;
			 }
			 
			 #vehiculos p{
			 margin-left:30px;
			 width:160px;
			 }
			 
			 #vehiculos img.imagenvehiculos{
			 margin-left:06px;
			 margin-top:-08px;
			 }

/*  3-ESTILOS DE LA CAPA DEL PIE DE LA PAGINA  */

#footer {
position: relative;
height:75px;
font-size:0.7em;
margin-top:10px;
}

              /* ESTILOS DE LA CAPA DE COPYRIGHT */

              #copyright{
              border-top:1px solid #000000;
              border-bottom:1px solid #000000;
              height:30px;
              }
			  
			  #copyright a{
			  text-decoration:none;
			  }

                        #span1{
                        float:left;
	                    margin-left:40px;
		                margin-top:08px;
	                    }

                        #span2{
                        float:right;
		                margin-top:08px;
	                    }

              /*ESTILOS DE LA CAPA DE LINKS*/

              #links{
              font-size:0.7em;
			  text-align:center;
	          }

                    #links a{
                    text-decoration: none;
	                color: #404040;
	                font-family:Verdana, Arial, Helvetica, sans-serif;
	                font-size:9px
	                }

                    #links a:hover{
					text-decoration: none;
	                color: #CC0000;
					}

/* FIN DEL DOCUMENTO CSS DE LA PAGINA INDEX.HTML DEL PROYECTO WEB DE ARTAL AUTOMOCION */