@charset "iso-8859-1";
/* CSS Document */
body {
	background: #7E2F94 url(../img/bg_body.gif) repeat-x;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.85em;
}

a {
	font-weight:bold;
	color: #7E2F94;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

form {
	margin:0;
	padding:0;
}
#wrap {
	width: 960px;
	margin: 0 auto;
}

#header {
	height: 136px;
	background: url(../img/bg_headinterior.jpg) no-repeat;
	margin: 0 0 100px 0;
}

#header h1 {
	margin: 0;
	padding: 0;
}
#header h1 a {
	display: block;
	height: 100px;
	width: 580px;
	overflow: hidden;
	text-indent: -4000px;
}
#header p {
	overflow: hidden;
	text-indent: -4000px;
}
#sitetools {
	clear: both;
	position: absolute;
	top: 0;
	margin-left: 665px;
}
#sitetools ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#sitetools ul li {
	float: left;
}
#sitetools ul li a {
	display: block;
	width: 130px;
	height: 40px;
	overflow: hidden;
	text-indent: -4000px;
}
#sitetools ul li a {
	background: url(../img/btn_sitetools.png) 0 0;
}
#sitetools ul li a#inicio {
	background-position: 0 0;
}
#sitetools ul li a#inicio:hover {
	background-position: 0 45px;
}
#sitetools ul li a#contacto {
	background-position: 130px 0;
}
#sitetools ul li a#contacto:hover {
	background-position: -130px 45px;
}
#menu {
	height: 130px;
	width: 835px;
	clear: both;
	position: absolute;
	top: 470px;
	margin: -30px 0 0 40px;
}
#interior #menu {
	top: 136px;
}
#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#menu ul li {
	float: left;
}
#menu ul li a {
	background: url(../img/bg_menu.png) 0 0;
	display: block;
	width: 175px;
	height: 130px;
	overflow: hidden;
	text-indent: -4000px;
}
#menu ul li a#que_es {
	background-position: 0 0;
	width: 145px;
}
#menu ul li a#que_es:hover {
	background-position: 0 130px;
}
#menu ul li a#como_se_usa {
	background-position: -145px 0;
	width: 165px;
}
#menu ul li a#como_se_usa:hover {
	background-position: -145px 130px;
}
#menu ul li a#portablister {
	background-position: -305px 0;
}
#menu ul li a#portablister:hover {
	background-position: -305px 130px;
}
#menu ul li a#tips_piel {
	background-position: -480px 0;
}
#menu ul li a#tips_piel:hover {
	background-position: -480px 130px;
}
#menu ul li a#promociones {
	background-position: -655px 0;
}
#menu ul li a#promociones:hover {
	background-position: -655px 130px;
}
#consejos {
	position: absolute;
	top: 220px;
	margin-left: 680px;
	display: block;
	width: 250px;
	height: 210px;
	overflow: hidden;
}
#contentstop {
	background: url(../img/bg_contents_top.png) no-repeat;
	height: 86px;
	width: 840px;
	margin-left: 45px;
}
#footer {
	background: url(../img/bg_contents_bottom.png) no-repeat;
	height: 102px;
	width: 840px;
	margin-left: 45px;
	padding: 1em 0 0 30px;
	text-align:center;
	font-size: 0.8em;
	color:#969;
}
#footer a {
	color:#969;
}
#footer p {
	padding:2px;
	margin:2px;
}
#contents {
	background: url(../img/bg_contents.png) repeat-y;
	width: 690px;
	margin: 0 0 0 45px;
	padding: 1em 20px 1em 130px;
}

/* Home */
#home #header {
	height: 470px;
	background: url(../img/bg_headhome.jpg);
	margin: 0 0 100px 0;
}
#home #contentstop,
#home #contents {
	display: none;
}
#home #footer {
	background: none;
	text-align: center;
	margin: 0;
	padding: 0;
	height: auto;
}

/* Estilos para el contenido */

#contents h1 {
	display:block;
	background:url(../img/fondotitulo_02.png) no-repeat;
	height:60px;
	font-size: 1.5em;
	color: #fff;
	margin: 0 0 0.5em 0;
	padding-top: 15px;
	padding-left: 15px;
}
#contents h2 {
	font-size: 1.5em;
	color: #e76127;
	margin: 0 0 0.5em;
	padding-left: 25px;
}
#contents h3 {
	font-size: 1.25em;
	color: #C09;
	margin: 0 0 0.5em;
	padding-left: 25px;
}

#contents p {
	padding-left: 25px;
}

#contents ul {
	list-style-type: disc;
	font-size: 12px;
	font-weight: bold;
	line-height: 130%;
	color: #CC0099;
}
#contents ul li {
}

.outleft {
	float: left;
	margin-left: -220px;
}
.outright {
	float: right;
	margin-right: -100px;
}
.formulario {
	background-color: #a656c5;
	width: 60%;
	border: 1px solid #E76127;
	font-size: 0.9em;
	color: #FFFFFF;
	margin: 0 auto 0 auto;
	padding: 10px 0;
}
.formulario p {
	padding: 0px;
}

.cine {
	width: 90%;
}

.cols{} /* main column container class */
		.col{
			float:left;
			display:inline;
			width:40%;margin-left:2%;
			border-left:dotted 1px #C0F;/* 2 equal width columns layout - default */
			}	
		.first {margin-left:0;}
		.cols3 .col{width:27%;margin-left:5%; border-left:dotted 1px #C0F;} /* 3 equal width columns layout */
		.cols4 .col{width:22%;margin-left:4%;} /* 4 equal width columns layout */
		.cols3 .first {border-left:none; margin-left:0;}
		
		
		
		/* use following classes to build custom grid (add as many as you want) */
		
		.col1, .col2, .col3{float:left;display:inline;}
		.col1{}
		.col2{}
		.col3{}
		
		.indent1{}
		.indent2{}
		.indent3{}

#fotoright {
	float: right;
	width: 300px;
	padding: 0 110px 0 0;
}

#fotoright p {
	display:block;
	color:#fff;
	background-color: #a656c5;
	font-size: 12px;
	font-weight: bold;
	padding: 15px;

}
.entrevista {
	font-weight:bold;
	color: #C09;
	margin-bottom:2px;
	padding-bottom:2px;
	}
	
.galeria div {
	float:left;
	border:1px solid #eee;
	padding:3px;
	margin:0 2px;
}
.galeria a {
	display:table-cell;
	text-align:center;
	vertical-align:middle;
	height:185px;
}

ul.gallery {
padding:0;
}
ul.gallery li {
float:left;
list-style:none outside none;
margin:0 10px 0 0;
}
ul.gallery li img {
background:none repeat scroll 0 0 #FFFFFF;
border:1px solid #EEEEEE;
padding:4px;
}