/* =General
-----------------------------------------------------------------------------*/
/* Remove padding and margin */
* {margin: 0;
padding: 0;}
/* Put it back on certain elements */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, fieldset, table, ul {margin: 1em 0;}
/* Class for clearing floats */

/* Remove border around linked images */
img {border: 0;}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none;}
a:active {text-decoration: none;}
/* =Typography
-----------------------------------------------------------------------------*/
.clear {clear:both; height:1px;}

body {
background:#231f20;
}
#wrapper{
width:980px;
margin:0 auto;
}


/* Menú home
--------------------------------------------------------------------------*/
#phone {
width:272px;
height:111px; float:right; margin:0 20px 0 0; cursor:default;}


#phone a:hover{
background-position:0 111px; cursor:defaultr;
}

#phone a{
width:272px;
height:111px;
background:url(img/phone.jpg); cursor: default;
display:block;
float:right;
}




#menupp{
width:800px;
height:38px;
float:left;}

#botservicesp a{
width:82px;
height:38px;
background:url(img/botservicesp.gif);
display:block;
float:left;
}
#botservicesp a:hover{
background-position:0 38px;
}

#botbmw a{
width:82px;
height:38px;
background:url(img/botbmw.gif);
display:block;
float:left;
}
#botbmw a:hover{
background-position:0 38px;
}

#botaudi a{
width:82px;
height:38px;
background:url(img/botaudi.gif);
display:block;
float:left;
}
#botaudi a:hover{
background-position:0 38px;
}

#botmercedes a{
width:82px;
height:38px;
background:url(img/botmercedes.gif);
display:block;
float:left;
}
#botmercedes a:hover{
background-position:0 38px;
}

#botvw a{
width:82px;
height:38px;
background:url(img/botvw.gif);
display:block;
float:left;
}
#botvw a:hover{
background-position:0 38px;
}

#botmini a{
width:101px;
height:38px;
background:url(img/botmini.gif);
display:block;
float:left;
}
#botmini a:hover{
background-position:0 38px;
}



/* Menú Inrterna
--------------------------------------------------------------------------*/
#modulotit{
width:241px;
height:84px;
float:right;}

#bothome a{
width:35px;
height:84px;
background:url(img/bothome.gif);
display:block;
float:right;
}

#bothome a:hover{
background-position:0 84px;
}

#botwarranty a{
width:35px;
height:84px;
background:url(img/botourwarranty.gif);
display:block;
float:right;
}

#botwarranty a:hover{
background-position:0 84px;
}

#botservices a{
width:35px;
height:84px;
background:url(img/botservices.gif);
display:block;
float:right;
}

#botservices a:hover{
background-position:0 84px;
}

#botlocation a{
width:35px;
height:83px;
background:url(img/botlocation.gif);
display:block;
float:right;
}

#botlocation a:hover{
background-position:0 83px;
}

#botbmwservice a{
width:35px;
height:84px;
background:url(img/botbmwservice.gif);
display:block;
float:right;
}

#botbmwservice a:hover{
background-position:0 84px;
}

#botmercedesservice a{
width:35px;
height:84px;
background:url(img/botmercedesservice.gif);
display:block;
float:right;
}

#botmercedesservice a:hover{
background-position:0 84px;
}

/* Menúlateral bmw
--------------------------------------------------------------------------*/

.listado {
width:174px;
float:left;
margin:0 0 0 18px;}

.listado ul {
padding:0;
list-style-type:none;
width:174px}
.listado ul li {
padding:2px 0 2px 0;
/*border:#44474e 1px solid;*/}
.listado a {
color:#ffffff;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
display:block;
background: url(img/llave.gif) no-repeat left top #24526f;
padding:2px 0 2px 30px;}
.listado a:hover {
color:#20658e;
background: url(img/llave2.gif) no-repeat left top #f2f2f2;
padding:2px 0 2px 30px;}

/* Menúlateral mercedes
--------------------------------------------------------------------------*/

.listadom {
width:174px;
float:left;
margin:0 0 0 18px;}

.listadom ul {
padding:0;
list-style-type:none;
width:174px}
.listadom ul li {
padding:2px 0 2px 0;
/*border:#44474e 1px solid;*/}
.listadom a {
color:#ffffff;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
display:block;
background: url(img/llave.gif) no-repeat left top #9a0017;
padding:2px 0 2px 30px;}
.listadom a:hover {
color:#9a0017;
background: url(img/llave2.gif) no-repeat left top #f2f2f2;
padding:2px 0 2px 30px;}



/* Home
--------------------------------------------------------------------------*/

.home{
background:url(img/backg.gif) repeat-x #FFFFFF;}
#topbar{
width:980px;
height:77px;
margin:45px 0 40px 0;
}

#navpp{
width:980px;
height:111px;
margin:0 0 10px 0;
}
#textohome{
width:275px;
height:490px;
float:left;
margin:15px 0 0 20px;
padding:0 65px 0 0;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#231f20;
background:url(img/texto2home.jpg) no-repeat bottom;
}

#textohome h3{
font-family:Arial, Helvetica, sans-serif;
font-size:19px;
color:#231f20;
margin:0 0 5px 0;
}

#fotohome{
width:579px;
height:344px;
float:right;
margin:60px 0 0 0;
}

#conteizq{
width:241px;
height:420px;
float:left;
}
#conteder{
width:720px;
height:420px;
float:left;
}

/*footer
--------------------------------------------------------------------------*/

#footer1{
width:950px;
height:34px;
margin:0 20px 5px 0;
float:right;}
#footer{
width:950px;
height:30px;
margin:0 20px 5px 0;
padding:5px 0 0 0;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#FFFFFF;
text-align:right;
float:right;}

/* Interrnas
--------------------------------------------------------------------------*/

.textoint{
width:330px;
height:300px;
margin:10px 0 0 0;
padding:5px 12px 5px 13px;
font-family:Arial, Helvetica, sans-serif; font-size:11px;
color:#FFFFFF;
background:#323233;
}
.textoloc{
width:330px;
height:220px;
margin:10px 0 0 0;
padding:80px 12px 5px 13px;
font-family:Arial, Helvetica, sans-serif; font-size:11px;
color:#FFFFFF;
background: url(img/logop.gif) no-repeat top;
}

#contemapa{
width:325px;
height:250px;
margin:20px 0 0 0;
float:left;
}
