@charset "utf-8";

body {

	background-color: #535353;

	background-image: url(../images/bg.gif);

}

.both {

	clear: both;

	margin: 0px;

	padding: 0px;

}



div {

	font-size: 12px;

	font-family: Arial, Helvetica, sans-serif;

}

.paginar {

	clear: both;

	text-align: right;

	padding-right: 16px;

	padding-top: 8px;

	padding-bottom: 8px;

}

.paginar a {

	text-decoration: none;

	color: #666;

	font-size: 14px;

	font-weight: bold;

	border: 1px solid #666;

	padding-top: 1px;

	padding-right: 4px;

	padding-bottom: 1px;

	padding-left: 4px;

}

.paginar a:hover {

	color: #FFF;

	background-color: #F60;

}

.paginar a.active {

	background-color: #F60;

	color: #FFF;

	border: 1px solid #F60;

}

.paginar a.disamble {

	color: #999;

	padding-top: 1px;

	padding-right: 4px;

	padding-bottom: 1px;

	padding-left: 4px;

	border: 1px solid #CCC;

}



#header {

	width: 908px;

	background-image: url(../images/header-bg.jpg);

	background-repeat: repeat-x;

	height: 105px;

	margin-top: auto;

	margin-right: auto;

	margin-bottom: 4px;

	margin-left: auto;

}

#header .logo {

	width: 112px;

	float: left;

	text-align: right;

}

#header .top-menu {

	float: left;

	width: 780px;

	padding-top: 15px;

	padding-left: 10px;

}

#header .top-menu ul {

	margin: 0px;

	padding: 0px;

}

#header .top-menu ul li {

	margin: 0px;

	list-style-type: none;

	float: left;

	padding-top: 20px;

	padding-right: 12px;

	padding-bottom: 4px;

	padding-left: 12px;

	background-image: url(../images/line-v.gif);

	background-repeat: no-repeat;

	background-position: right top;

	height: 60px;

}



#header .top-menu ul li a {

	font-size: 17px;

	font-weight: bold;

	text-decoration: none;

	color: #000;

}

#header .top-menu ul li a:hover {

	color: #F30;

}



#header .top-menu ul li .descrip {

	font-size: 11px;

	margin-bottom: 4px;

}

#header .top-menu ul li .descrip .link-orange {

	font-size: 11px;

	color: #F60;

	font-weight: normal;

}

#intro-content {

	width: 896px;

	padding: 7px;

	background-color: #666;

	height: 100%;

	overflow: hidden;

	margin-top: auto;

	margin-right: auto;

	margin-bottom: 4px;

	margin-left: auto;

}

#intro-content .flash {

	width: 520px;

	float: left;

	padding-right: 7px;

	margin-bottom: 7px;

}

#intro-content .content-inf {

	float: left;

	width: 368px;

	background-image: url(../images/content-bg.png);

	height: 360px;

	background-repeat: repeat-x;

}

#intro-content .content-inf .contt {

	height: 148px;

	padding-top: 10px;

	padding-right: 8px;

	padding-bottom: 8px;

	padding-left: 12px;

}

#intro-content .content-inf .contt .tt {

	font-size: 15px;

	font-weight: bold;

	margin-bottom: 8px;

}

#intro-content .content-inf .contt .tt a{

	font-size: 15px;

	font-weight: bold;

	margin-bottom: 8px;

}

#intro-content .content-inf .contt .image {

	width: 110px;

	float: left;

}

#intro-content .content-inf .contt .info {

	float: left;

	margin-left: 8px;

	width: 230px;

}



#intro-content .content-inf .novedades {

	height: 166px;

	padding-top: 10px;

	padding-right: 8px;

	padding-bottom: 8px;

	padding-left: 12px;

}

#intro-content .content-inf .novedades .tt {

	font-size: 15px;

	font-weight: bold;

	margin-bottom: 12px;

}

#intro-content .content-inf .novedades .image {

	width: 110px;

	float: left;

}

#intro-content .content-inf .novedades .info {

	float: left;

	margin-left: 8px;

	width: 230px;

}

#intro-content .content-inf .novedades .info .tt-2 {

	font-size: 14px;

	font-weight: bold;

	margin-bottom: 4px;

}

#intro-content .content-inf .novedades .info .ser {

	margin-bottom: 4px;

	font-size: 11px;

}







.more {

	padding-top: 4px;

	padding-bottom: 4px;

}



.moreinf {

	text-align:center;

	padding-top: 10px;

	padding-bottom: 6px;

}



.more a {

	color: #F60;

	text-decoration: none;

	background-image: url(../images/more-bb.gif);

	background-repeat: no-repeat;

	background-position: 2px center;

	padding-left: 20px;

}



.moreinf a {

	text-align:center;

	color: #F60;

	text-decoration: none;

	background-image: url(../images/more-bb.gif);

	background-repeat: no-repeat;

	background-position: 2px center;

	padding-left: 20px;

	

}



#intro-content .nav-menu {

	background-image: url(../images/nav-bg.gif);

	background-repeat: no-repeat;

	clear: both;



}

#intro-content .nav-menu .links {

	margin-left: 180px;

	height: 100%;

	overflow: hidden;

}

#intro-content .nav-menu .links ul {

	margin: 0px;

	padding: 0px;

}

#intro-content .nav-menu .links ul li {

	margin: 0px;

	float: left;

	list-style-type: none;

	padding-right: 30px;

	padding-left: 30px;

	background-image: url(../images/line-v-2.gif);

	background-repeat: repeat-y;

	background-position: right top;

	padding-top: 8px;

	padding-bottom: 8px;

}

#intro-content .nav-menu .links ul li a {

	font-size: 16px;

	font-weight: bold;

	color: #FFF;

	text-decoration: none;

}

#intro-content .nav-menu .links ul li a:hover {

	color: #000;

}

#intro-content .m-content {

	background-color: #FFF;

	padding-top: 8px;

	padding-right: 12px;

	padding-bottom: 8px;

	padding-left: 12px;

	height: 100%;

	overflow: hidden;

	margin-bottom: 7px;

}



#intro-content .m-content .categorias{

	font-size: 14px;

	font-weight: bold;

	color: #FF3F00;

	text-decoration:none;

	

}



#intro-content .m-content .subcategorias a{

	color: #000000;

	text-decoration:none;

	font-size:14px;

	

}



#intro-content .m-content h2 {

	font-size: 22px;

	border-bottom-width: 1px;

	border-bottom-style: dotted;

	border-bottom-color: #CCC;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 3px;

	padding-left: 0px;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 14px;

	margin-left: 0px;

}

#intro-content .m-content .img-left {

	width: 300px;

	float: left;

	margin-right: 12px;

}



#intro-content .m-content .img-note {

	width: 430px;

	height:250px;

	margin-bottom: 6px;

	float: left;

	margin-right: 12px;

}



#intro-content .m-content .product {

	width: 278px;

	margin: 5px;

	float: left;

	height: 100%;

	overflow: hidden;

	border: 1px dotted #CCC;

	padding-top: 6px;

	padding-bottom: 6px;

}



#intro-content .m-content .product .cc-tt {

	font-size: 14px;

	font-weight: bold;

	margin-bottom: 6px;

	color: #FF3F00;

	padding-right: 2px;

	padding-left: 2px;

	margin-right: 6px;

	margin-left: 6px;

}



#intro-content .m-content .product .cc-image {

	width: 90px;

	margin-right: 10px;

	float: left;

	margin-left: 6px;

	border: 1px solid #CCC;

	padding: 2px;

}



#intro-content .m-content .product .descrp {

	float: left;

	width: 160px;

	margin-right: 6px;

}



#intro-content .m-content .info-cont {

	width: 50%;

	float: left;

	margin-right: 10px;

}

#intro-content .m-content .cont-form {

	float: left;

	width: 48%;

}





/*articulso*/

#intro-content .m-content .articulos {

	width: 420px;

	margin: 7px;

	float: left;

	height: 100%;

	overflow: hidden;

	padding-top: 6px;

	padding-bottom: 6px;

	border: 1px solid #DADADA;

}

#intro-content .m-content .articulos .cc-tt {

	font-size: 14px;

	font-weight: bold;

	color: #000;

	padding-right: 2px;

	padding-left: 2px;

	margin-right: 6px;

	margin-left: 6px;

}

#intro-content .m-content .articulos .date {

	font-size: 11px;

	color: #999;

	margin-bottom: 6px;

	padding-left: 10px;

}





#intro-content .m-content .articulos .cc-image {

	width: 90px;

	margin-right: 10px;

	float: left;

	margin-left: 8px;

	border: 1px solid #CCC;

	padding: 2px;

}

#intro-content .m-content .articulos .descrp {

	float: left;

	width: 300px;

	margin-right: 6px;

}



#intro-content .list-product {

	width: 220px;

	background-color: #F8F8F8;

	margin-bottom: 4px;

	float: left;

	margin-right: 8px;
	height: 420px;
	overflow:auto;

}

#intro-content .list-product .links {

	padding-right: 8px;

	padding-left: 6px;
	

}



#intro-content .list-product .tt-2 {

	background-image: url(../images/tt-2.jpg);

	background-repeat: no-repeat;

	color: #F60;

	font-size: 16px;

	font-weight: bold;

	padding-top: 6px;

	padding-bottom: 10px;

	margin-bottom: 8px;

	padding-left: 10px;

}

#intro-content .list-product .links ul {

	margin: 0px;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 8px;

	padding-left: 0px;

}

#intro-content .list-product .links ul li {

	margin: 0px;

	list-style-type: none;

	padding-top: 4px;

	padding-right: 4px;

	padding-bottom: 4px;

	padding-left: 16px;

	background-image: url(../images/bullet.gif);

	background-repeat: no-repeat;

	background-position: 6px center;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #EAEAEA;

}

#intro-content .list-product .links ul li a {

	color: #333;

	text-decoration: none;

	font-size: 10px;

	display: block;

	padding-bottom: 2px;

	font-weight: bold;

	text-transform: uppercase;

}

#intro-content .list-product .links ul li a:hover {

	color: #F90;

}



#intro-content .flash-3 {

	float: left;

	width: 664px;

	margin-bottom: 8px;

}



#intro-content .flash-2 {

	float: right;

	width: 650px;

	margin-bottom: 8px;

	background-color: #FFF;

	padding-top: 8px;

	padding-right: 2px;

	padding-bottom: 0px;

	padding-left: 12px;

	height: 100%;

	overflow: hidden;

}



#intro-content .flash-2 .categorias{

	font-size: 14px;

	font-weight: bold;

	color: #FF3F00;

	text-decoration:none;

	

}



#intro-content .flash-2 .subcategorias a{

	color: #000000;

	text-decoration:none;

	font-size:14px;

	

}



#intro-content .flash-2 h2 {

	font-size: 22px;

	border-bottom-width: 1px;

	border-bottom-style: dotted;

	border-bottom-color: #CCC;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 3px;

	padding-left: 0px;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 14px;

	margin-left: 0px;

}



#intro-content .flash-2 .img-left {

	width: 300px;

	float: left;

	margin-right: 12px;

}





#intro-content .flash-2 .catalog {

	width: 140px;

	margin: 8px;

	float: left;

	height: 100%;

	overflow: hidden;

	border: 1px dotted #CCC;

	padding-top: 6px;

	padding-bottom: 4px;

	padding-left: 2px;

	padding-right: 2px;

}



#intro-content .flash-2  .catalog .cc-tt2 {

	width:130px;

	height:70px;

	font-size: 14px;

	font-weight: bold;

	margin-bottom: 6px;

	color: #FF3F00;

	padding-right: 2px;

	padding-left: 2px;

	margin-right: 6px;

	margin-left: 6px;

	text-align:center;

}



#intro-content .flash-2 .catalog .cc-imag {

	width: 90px;

	margin-right: 10px;

	float: left;

	margin-left: 20px;

	border: 1px solid #CCC;

	padding: 2px;

	text-align:center;

}

/*fin articulos*/



#footer {

	width: 908px;

	margin: auto;

	background-image: url(../images/footer-bg.jpg);

	background-repeat: no-repeat;

	height: 80px;

}

#footer .links {

	padding-top: 18px;

	padding-right: 20px;

	padding-bottom: 20px;

	padding-left: 20px;

}