/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Stylesheet/Hoja de Estilos: layout
 * Project/Projecto: Palmolive Optims
 * Author: ignaciog@bestialmotions.com
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* POR DEFECTO
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
h1, h2, h3, h4, h5, h6, pre, code, table, td, th, dd, dt, dl, li, input, button, select, textarea {
    font-size: 1.1em;
}
ul, ol, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, fieldset, input, td {
    margin: 0;padding: 0;
}
a img, :link img, :visited img {
    border: none
}
table {
    border-collapse: collapse;
}
input, button, select, textarea {
    font-family: inherit;
}
input, select {
    vertical-align: middle;
}
ul {
    list-style: none;
}
hr {
    display: none;
}
/* Clearing without markup http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
.clearfix {
    display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
    height: 1%;
}
.clearfix {
    display: block;
}
/* End hide from IE-mac */
/* For alternate content for screen readers */
.hidden {
    position: absolute;
    left: 0px;
    top: -2000px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}
/* For accesible image replacing */
.replaced {
    display: block;
    width: auto;
    height: auto;
    /* hide from IE Mac \*/
    text-indent: -999em;
    overflow: hidden;
    /* end hide */
}
* html>body .replaced {
    letter-spacing: -999em;
}
/* Wrappers */
.wrapper {
    margin: 0 !important;
    padding: 0 !important;
    width: 1%;
    height: auto !important;
}
/* G E N E R A L
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
body {
    font: 62.5%/1.16em "Arial", Verdana, sans-serif;
    background: #000000;
    color: #ffffff;
    overflow-x: hidden;
    cursor:url(../images/avion.cur);
    cursor : url("../images/avion.cur"),default;
    /*overflow-y: hidden;*/
}
a, a:link {
    color: #ffffff;
}
a:visited {
    color: #ffffff;
}
a:hover, a:focus {
    color: #ffffff;
}
a:active {
    color: #ffffff;
}
/* L A Y O U T
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
#palmoliveflash {
    position: absolute;
    top: 118px;
    left: -66px;
    z-index: 1002;
}
#backindex {
    background: #000000 url(../images/layout-bg-index.jpg) 50% -65px no-repeat;
}
#backpages {
    background: #000000 url(../images/layout-bg-pages.jpg) 50% -67px no-repeat;
}
#contenedor {
    width: 990px;
    height: 662px;
    margin: 30px auto;
    position: relative;
}
/* Cabecera */
#cabecera {
	font-size: 1em;
	line-height: 1.16em;
    width: 250px;
    float:left;
}
#cabecera h1 {
    margin: 26px 0 0 71px;
    float:left;
}
#cabecera h1 a {
    background: url(../images/layout-cabecera-h1-a.jpg) top left no-repeat;
    width: 145px;
    height: 90px;
}
#cabecera #hairhunters {
    background: url(../images/!layout-cabecera-p-hairhunters.jpg) top left no-repeat;
    width: 114px;
    height: 24px;
    margin: 17px 0 0 87px;
    float:left;
}
#cabecera p #despegar {
    background: url(../images/!layout-cabecera-p-despegar.jpg) top left no-repeat;
    width: 109px;
    height: 33px;
    margin: 6px 0 0 89px;
    float:left;
}
#cabecera #shampoo {
    background: url(../images/!layout-cabecera-p-shampoo.jpg) top left no-repeat;
    width: 186px;
    height: 285px;
    margin: 7px 0 0 54px;
    float:left;
}
#backpages #cabecera h1 {
    margin: 26px 0 0 71px;
    float:left;
}
#backpages #cabecera #hairhunters {
    background: url(../images/layout-cabecera-p-hairhunters.jpg) top left no-repeat;
    width: 114px;
    height: 24px;
    margin: 17px 0 0 87px;
    float:left;
}
#backpages #cabecera p #despegar {
    background: url(../images/layout-cabecera-p-despegar.jpg) top left no-repeat;
    width: 109px;
    height: 33px;
    margin: 6px 0 0 89px;
    float:left;
}
#backpages #cabecera #shampoo {
    background: url(../images/layout-cabecera-p-shampoo-backpages.jpg) top left no-repeat;
    width: 168px;
    height: 267px;
    margin: 17px 0 0 61px;
    float:left;
}
#backpages #cabecera #palmoliveflash-interna {
    margin: 17px 0 0 61px;
    float: left;
}
/* Navegacion */
#navegacion {
	font-size: 1em;
	line-height: 1.16em;
    position: absolute;
    top: 26px;
    right: 21px;
}
#navegacion #hairhuntersnav {
    background: url(../images/layout-navegacion-p-hairhunters.jpg) top left no-repeat;
    width: 256px;
    height: 33px;
    margin: 0 0 0 208px;
}
#navegacion #keratina {
    background: url(../images/layout-navegacion-p-vitalkeratina.jpg) top left no-repeat;
    width: 60px;
    height: 64px;
    float: left;
    margin: -37px 0 0 -101px;
}

#navegacion ul {
    width: 719px;
    height: 27px;
    background: url(../images/layou-navegacion.jpg) 0px 0px no-repeat;
    float:left;
}
#navegacion li {
    display: inline;
}
#navegacion a {
    background: url(../images/layou-navegacion.jpg) 0px 0px no-repeat;
    height: 27px;
    float:left;
}
#navegacion #nav01 {
    background-position: 0px 0px;
    width: 126px;
}
#navegacion a:hover#nav01 {
    background-position: 0px -27px;
}
#navegacion #nav02 {
    background-position: -126px 0px;
    width: 107px;
}
#navegacion a:hover#nav02 {
    background-position: -126px -27px;
}
#navegacion #nav03 {
    background-position: -450px 0px;
    width: 63px;
    margin: 0 0 0 217px;
}
#navegacion a:hover#nav03 {
    background-position: -450px -27px;
}
#navegacion #nav04 {
    background-position: -513px 0px;
    width: 84px;
}
#navegacion a:hover#nav04 {
    background-position: -513px -27px;
}
/* Contenido en pages.css */
/* Pie */
#pie {
	font-size: 1em;
	line-height: 1.16em;
    clear: both;
    margin: 50px 0 0 0;
    float:left;
    position: relative;
    height: 180px;
}
#pie p {
    text-align: center;
    color: #035151;
    line-height: 1.26em;
    width: 210px;
    position: absolute;
    top: -45px;
    left: 31px;
}
#pie li {
    display: inline;
}
#pie ul#navpie {
    width: 386px;
    height: 12px;
    margin: 8px 0 0 542px;
    overflow:hidden;
}
#pie ul#navpie a {
    background: url(../images/layout-pie-navpie.jpg) 0px 0px no-repeat;
    float:left;
    height: 12px;
    overflow:hidden;
    margin: 0 0 0 0;
}
#pie ul#navpie a#navpie01 {
    background-position: 0px 0px;
    width: 84px;
}
#pie ul#navpie a:hover#navpie01 {
    background-position: 0px -12px;
}
#pie ul#navpie a#navpie02 {
    background-position: -84px 0px;
    width: 103px;
}
#pie ul#navpie a:hover#navpie02 {
    background-position: -84px -12px;
}
#pie ul#navpie a#navpie03 {
    background-position: -187px 0px;
    width: 52px;
}
#pie ul#navpie a:hover#navpie03 {
    background-position: -187px -12px;
}
#pie ul#navpie a#navpie04 {
    background-position: -240px 0px;
    width: 146px;
}
#pie ul#navpie a:hover#navpie04 {
    background-position: -240px -12px;
}
#pie ul {
    font-family: Arial;
    color: #69706f;
    font-size: 0.9em;
    margin: 9px 0 0 541px;
    width: 420px;
}
#pie ul li a {
    margin: 2px 12px 0 0;
    color: #69706f;
    text-decoration: none;
    float:left;
}
#pie ul li a:hover {
    color: #cccccc;
}
#despegarpie {
    background: url(../images/layout-pie-p-despegar.jpg) top left no-repeat;
    width: 107px;
    height: 39px;
    position: absolute;
    top: 142px;
    left: 338px;
}
#infashionpie {
    background: url(../images/layout-pie-p-fashion.jpg) top left no-repeat;
    width: 157px;
    height: 45px;
    position: absolute;
    top: 142px;
    left: 474px;
}
#facebook {
    background: url(../images/layout-pie-facebook.jpg) 0px 0px no-repeat;
    width: 135px;
    height: 20px;
    padding: 5px 0 0 18px;
    text-decoration: none;
    color: #666666;
    position: absolute;
    top: 110px;
    left: 0px;
}
#backpages #pie {
	font-size: 1em;
	line-height: 1.16em;
    clear: both;
    margin: 0px 0 0 0;
    float:left;
    position: relative;
    height: 180px;
}
#backpages #pie p {
    text-align: center;
    color: #666666;
    line-height: 1.26em;
    width: 210px;
    position: absolute;
    top: 23px;
    left: 31px;
}
#backpages #pie ul#navpie {
    width: 386px;
    height: 12px;
    margin: 8px 0 0 542px;
    overflow:hidden;
}
#backpages #pie ul#navpie a {
    background: url(../images/layout-pie-navpie-pages.jpg) 0px 0px no-repeat;
    float:left;
    height: 10px;
    overflow:hidden;
    margin: 0 0 0 0;
}
#backpages #pie ul#navpie a#navpie01 {
    background-position: 0px 0px;
    width: 84px;
}
#backpages #pie ul#navpie a:hover#navpie01 {
    background-position: 0px -10px;
}
#backpages #pie ul#navpie a#navpie02 {
    background-position: -84px 0px;
    width: 103px;
}
#backpages #pie ul#navpie a:hover#navpie02 {
    background-position: -84px -10px;
}
#backpages #pie ul#navpie a#navpie03 {
    background-position: -187px 0px;
    width: 52px;
}
#backpages #pie ul#navpie a:hover#navpie03 {
    background-position: -187px -10px;
}
#backpages #pie ul#navpie a#navpie04 {
    background-position: -240px 0px;
    width: 146px;
}
#backpages #pie ul#navpie a:hover#navpie04 {
    background-position: -240px -10px;
}
#backpages #pie ul {
    font-family: Arial;
    color: #69706f;
    font-size: 0.9em;
    margin: 5px 0 0 542px;
    width: 420px;
}
#backpages #despegarpie {
    background: url(../images/layout-pie-p-despegar-pages.jpg) top left no-repeat;
    width: 109px;
    height: 44px;
    position: absolute;
    top: 75px;
    left: 349px;
}
#backpages #infashionpie {
    background: url(../images/layout-pie-p-fashion-pages.jpg) top left no-repeat;
    width: 158px;
    height: 44px;
    position: absolute;
    top: 75px;
    left: 505px;
}
#backpages #facebook {
    background: url(../images/layout-pie-facebook.jpg) 0px 0px no-repeat;
    width: 135px;
    height: 20px;
    padding: 5px 0 0 18px;
    text-decoration: none;
    color: #666666;
    position: absolute;
    top: 53px;
    left: 0px;
}
#div_votar { 
	position:absolute;
	width:375px;
	height:545px;
	top:65px;
	left:35%;
	border:12px solid rgb(11,50,49);
	background-color: rgb(11,50,49);
	z-index:99;
	font-size: 1.2em;	
}
#div_votar a { 
	text-decoration: none;
	margin: 6px 15px 0 0;
	float:left;
}
#div_votar a:hover { 
	text-decoration: underline;
}
#div_votar #no_olvides { 
	color: #FFFFFF;
	height: 35px;
	width:355px;
	padding: 10px 10px 3px 10px;
	text-align: justify;
	background-color: rgb(31,103,100);
	margin-top:10px;
}
#div_votar #cerrarpopup {
    width: 23px;
    height: 23px;
    background: url(../images/cerrar.jpg) 0px 0px no-repeat;
    float:right;
	margin: 0px 0 0 0;
}
#div_votar_gracias { 
	position:absolute;
	width:375px;
	height:200px;
	top:65px;
	left:35%;
	border:12px solid #1f6764;
	background-color: rgb(11,50,49);
	z-index:99;	
}
#div_votar_gracias .voto-registrado {
    text-align: center;
    font-size: 1.8em;
    line-height: 1.30em;
	margin: 60px 0 0 0;
}
#div_votar_gracias  #cerrarpopup {
    width: 23px;
    height: 23px;
    background: url(../images/cerrar.jpg) 0px 0px no-repeat;
    float:right;
	margin: 70px 0 0 0;
}