@charset "utf-8";
/* CSS Document */

body{
background:url(../images/body/fondo.jpg) top center no-repeat #9d9d9d;
margin:0;
padding:0;
text-align:center;
font-family:Geneva, Helvetica, Arial, sans-serif;
font-size:13px;
color:#434343;
}

a:link, a:visited{
color:#0066FF;
text-decoration:underline;
}
a:hover{
color:#0099FF;
}

h2{
font-size:18px;
width:100%;
border-bottom:dotted 1px #ababab;
margin-top:0;
}

#wrapper{
width:900px;
margin:0 auto;
}

#main{
width:714px;
min-height:700px;
height:auto !important;
height:700px;
background:url(../images/body/main_bg.jpg) repeat-y right;
}

#carro{
width:336px;
}

#head{
float:right;
width:378px;
}

#menu{
background:url(../images/body/menu.jpg) repeat-x top;
height:64px;
}

#menu ul, #menu ul li{
list-style:none;
margin:0;
padding:0;
}

#menu ul li{
float:left;
}

#menu ul li .opcion{
	display:block;
	height:64px;
	padding:12px;
	font-family:Geneva, Helvetica, Arial, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#9f9f9f;
	cursor:pointer;
}
#menu ul li .opcion:hover{
background:url(../images/body/menu_over.jpg) no-repeat top center;
color:#FFFFFF;
}

#menu ul li .active{
	display:block;
	height:64px;
	padding:12px;
	font-size:14px;
	font-weight:bold;
	color:#9f9f9f;
	background:url(../images/body/menu_over.jpg) no-repeat top center;
	color:#FFFFFF;
}

#banners{
width:186px;
float:right;
text-align:center;
}

h1{
background:url(../images/body/detente_y_acelera_logo.png);
text-indent:-2000em;
width:186px;
height:183px;
}

#banners img{
border:none;
padding:4px 8px;
}

#contenido{
width:676px;
padding:20px;
}

.contenido{
clear:left;
text-align:left;
margin-left:64px;
min-height:600px;
height:auto !important;
height:600px ;
}

#foot{
width:auto;
height:70px;
padding:10px;
background:url(../images/body/foot.jpg) repeat-x bottom;
font-size:10px;
text-align:center;
}
#foot p{
margin-left:25%;
text-align:left;
color:#666666;
}