/*----------------------------------------------------------------------
	general
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

html, body { 
	height: 100%; 
}

body {
	font-size: 62.5%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: #F7DDEA;
	color: #919191;
}

p, 
ul.listado li,
ul.menu li,
ul.menu.vertical li,
label {
	font-size: 1.2em;
}

p,
h2,
h3,
h4 {
	line-height: 140%;
	padding-bottom: .5em;
}

h2 {
	font-size: 3em;
}

h3 {
	font-size: 2em;
}

h4 {
	font-size: 1.5em;
}

a {
	color: #6E6E6E;
	text-decoration:none;
}

p{
	padding-bottom: 1em;
}

/*----------------------------------------------------------------------
	variedades
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.izq {
	float: left;
}
.izq_top {
	top: 82px;
}

.der {
	float: right;
}

.centro{
	text-align:center;
}

.hidden {
	display: none;
}

.imagen.izq, 
.imagen.der {
	margin-top: 0 !important;
}

hr,
.clear {
	display: block;
	height: 1px;
	border: 0;
	margin: 10px 0;
	clear: both;
}

.clear {
	clear: left;
	margin: 0;
	visibility: hidden;
}

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

hr.separador {
	height: 1px;
	visibility: visible !important;
	border-top: 1px dashed #BBB;
}

hr.space {
	height: 10px;
	border-top: 10px dashed #FFF;
}

/*----------------------------------------------------------------------
	layout
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.contenedor {
	min-height: 100%;
	height: 100%;
	height: auto !important; 
	width: 990px;
	margin: 30px auto;
	position: relative;
	background: url(../images/bkg/page.png) repeat-y;
}

/*----------------------------------------------------------------------
	cabecera
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.cabecera .logo h1{
	background: url(../images/logo.png) no-repeat;
	width: 318px;
	height: 114px;
}

.cabecera .logo h1 span{
	display: none;
}

.cabecera .menu{
	padding-top:85px;
}

.cabecera .menu ul li{
	display: inline;
	font-family: "Century Gothic";
	font-size: 1.4em;
	font-weight: bold;
	padding:0 15px 0 20px;
	background: url(../images/bullet-menu.png) no-repeat 0 5px;
	letter-spacing:.15em;
}

.cabecera .menu ul li.first{
	background:none;
}

.cabecera .menu ul li a{
	color: #919191;
	text-decoration: none;
}

.cabecera .menu ul li a:hover{
	color:#9F9F9F;
	text-decoration:underline;
}

/*----------------------------------------------------------------------*/

.cabecera .menu ul li a{
	color: #919191;
	text-decoration: none;
}

.cabecera .menu ul li a:hover{
	color:#9F9F9F;
	text-decoration:underline;
}

/*********************************************************************/
/*********************************************************************/
a.btns:link {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	letter-spacing:1px;	
	text-decoration:none;
	color:#919191;
	font-weight:bold;
}
a.btns:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	letter-spacing:1px;	
	text-decoration:none;
	color:#919191;
	font-weight:bold;
}
a.btns:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	letter-spacing:1px;
	text-decoration:underline;
	color:#ADADAD;
	font-weight:bold;
}
a.btns:active {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	letter-spacing:1px;	
	text-decoration:none;
	color:#919191;
	font-weight:bold;
}
/*********************************************************************/

/*----------------------------------------------------------------------
	contenido
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.contenido .home{
	background:url(../images/home.png) no-repeat;
	width:990px;
	height:600px;
}

.contenido .home h2{
	display:none;
}

.contenido{
	/*height:800px;*/
	margin-bottom:80px;
}

/*.contenido h2{
	font-family:"Century Gothic";
	font-size:3.2em;
	font-weight:normal;
	color:#231F20;
	text-align:center;
	padding:165px 0 150px 0;
}*/

.contenido h2{
	background:url(../images/text.png) no-repeat;
	text-align:center;
	margin:130px 40%;
	width:256px;
	height:42px;
}

.contenido h2 span{
	display:none;
}

.contenido .box{
	margin:20px 200px;
	padding:20px;
	background-color:#FFFFFF;
}

.contenido .box.product{
	margin:20px 100px;
	padding:20px;
	background-color:#FFFFFF;
}

.contenido .box .izq, .contenido .box .der{
	width:49%;
}

.contenido.retailers .box .izq{
	width:32%;
	margin-right:5px;
}
.contenido.retailers .box .izq.cnt{
	padding-top:25px;
}

.contenido .box .center{
	text-align:center;
}

.contenido .box .justufy{
	text-align:justify;
}

.contenido .box img.space{
	margin-right:20px;
	float:left;
}

.contenido h3{
	font-family: "Century Gothic";
	font-size: 3em;
	font-weight:normal;
}

.contenido h4{
	color:#000000;
	margin-bottom:0;
	line-height:100%;
}

.contenido .box .izq ul li{
	font-size:1.1em;
	padding-bottom:15px;
	font-family:Georgia, "Times New Roman", Times, serif;
}

.contenido .box .frame{
	background-color:#B7B7B7;
	width:160px;
	padding:10px;
	text-align:center;
}

.contenido .box .frame a{
	color:#231F20;
	text-decoration:underline;
	font-size:12px;
}

.on{
	background:url(../images/show_box.gif) no-repeat 0 6px;
	padding-left:15px;
}

.off{
	background:url(../images/hidden_box.gif) no-repeat 0 6px;
	padding-left:15px;
}

.see_box{
	margin-top:-10px;
}

/*----------------------------------------------------------------------
	pie
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.pie{
	text-align:center;
}
/*****************************************************************/

.texts{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:1.385em;
	color:#000000;
	}
	/******************************************************************************************* ocualtar */
DIV.cita  { 
		width : 150px; 
		height: 205px;
		padding:0px;
		margin:0px;
    	border: 0px; 
	 	overflow:hidden;
      }

BLOCKQUOTE{ 
	width :150px; 
	height : 205px;     
    border: 0px;

      }