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

* {
	margin:0;
	padding:0;
}

body{
	padding:0;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
}

#principal{
	margin:auto;
	width:903px;
	clear:both;
}

#header{
	width:903px;
	padding-top:20px;
	margin:auto;
}

#banner{
	background-image:url(../img/new/banner.jpg);
	width:903px;
	height:87px;
	margin-top:35px;
}

#buscar{
	display:block;
	width:110px;
	height:17px;
	background-image:url(../img/new/fondo-buscar.jpg);
	float:right;
}

#buscar img{
	float:right;
	padding-top:0px;
	padding-right:6px;
	padding-top:3px;
}

#buscar p{
	float:left;
	padding-left:6px;
	padding-top:2px;
}

#navegación{
	display:block;
	padding:0;
	background-color:#ffc602;
	background-position:center;
	background-repeat:repeat-y;
	height:48px;
	background-image:url(../img/new/degradado.jpg);
	margin-top:20px;
	text-align:left;
}

#navegación ul{
	list-style-type:none;
	padding:0;
	margin:auto;
	width:903px;
}

#navegación li{
	float:left;
	display:inline;
	padding:6px 33px 0 0;
}

#navegación h3{
	font-size:1.5em;
	float:right;
	padding-left:15px;
	padding-top:10px;
}

#navegación img{
	border:0;
	float:left;
}

#navegación a{
	text-decoration:none;
	color:#24608f;
}

#slide{
	width:902px;
	height:309px;
	background-image:url(../img/new/slide-fondo.png);
	margin-top:20px;
}


.botones{
	width:193px;
	height:49px;
	padding:5px 0 5px 0;
}

.botones img{
	border:0;
}

#columna{
	display:block;
	float:left;
	padding:10px;
}

#titulo{
	display:block;
	background-image:url(../img/new/destacados.png);
	float:left;
	margin-top:5px;
	width:673px;
	height:29px;
}

#titulo h2{
	color:#FFF;
	padding-top:4px;
	padding-left:10px;
}

#productos{
	width:673px;
	display:block;
	float:left;
	margin-left:34px;
}

.productos{
	background-image:url(../img/new/fondo-productos.jpg);
	width:183px;
	height:239px;
	float:left;
	margin:15px 40px 25px 0;
	background-repeat:no-repeat;
}

.productos2{
	background-image:url(../img/new/fondo-productos.jpg);
	width:183px;
	height:239px;
	float:left;
	margin:15px 0px 25px 0;
	background-repeat:no-repeat;
}

.nombre{
	color:#FFF;
	font-size:0.9em;
	padding:7px 0 0 15px;
}

.foto{
	padding-top:27px;
	padding-left:10px;
}

.foto img{
	border:0;
}

.precio{
	text-align:center;
	color:#7ea40c;
	padding-top:30px;
}

#footer{
	background-color:#ffc602;
	background-position:center;
	background-image:url(../img/new/degradado.jpg);
	background-repeat:repeat-y;
	width:100%;
	height:90px;
	float:left;
}

#info{
	background-image:url(../img/new/globo.png);
	width:497px;
	height:80px;
	margin:auto;
	text-align:left;
}

#info p{
	padding:27px 7px 0 0px;
	font-size:1.2em;
	text-align:left;
}

#info strong{
	padding:20px 7px 0 0px;
	font-size:1.3em;
}

#info br{
	line-height:3px;
}

#info img{
	padding:20px 13px 0 30px;
	float:left;
}

#losproductos {
    display:block;
    float:left;
    width:673px;
    padding:10px 0 0 20px;
}
#content-inside{
    display:block;
    float:left;
    width:600px;
    padding:15px;
}
#content-inside table td {
    border:0;
    margin:15px;
}

#content-inside tr {
    border:0;
}

.buttonclass {
    background:#5f5f5f;
    color:#FFFFFF;
    border:1px solid #505050;
    cursor:pointer;
}

#twitter {
	display:block;
	clear:both;
	background: url(../img/new/twit.jpg) no-repeat;
	width:650px;
	float:right;
	height:50px;
	color:#FFFFFF;
	font-size:1.3em;
	text-align:left;
	padding:15px 0 0 60px;
	cursor:pointer;
}
#twitter strong {
	font-style: italic;
}
#twitter a {
	color: #dffbff;
}