/* reset */


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	color: #333;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
	font-size: 1em;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

a:focus, a:active{
    outline: none;
}

/*	html5 elements
    ................................... */

header, section, footer,
aside, nav, article, figure {
    display: block;
}
/*======================================
Author:		Wouter de Bres
Company:	Bread & Pepper
Email:		hello@breadandpepper.com
Date:		11/01/2011
========================================*/


/*	MAIN ELEMENTS
========================================*/

html, body {	
    font: 1.0em 'Droid Sans', arial, serif;	
    background: #222 no-repeat fixed center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    min-height: 100%;
    height: auto !important; 
    height: 100%;
    width: 100%;
    position: absolute;
    overflow: auto;
}

body#page-fondo4{background-image: url('../imagenes/fondo4.jpg');}
body#page-fondo5{background-image: url('../imagenes/fondo5.jpg');}
body#page-fondo1{background-image: url('../imagenes/fondocolor.jpg');}
body#page-fondo3{background-image: url('../imagenes/fondo3.jpg');}
body#page-fondo2{background-image: url('../imagenes/fondo2.jpg');}
body#page-fondo6{background-image: url('../imagenes/fondo6.jpg');}


#raster{
	background-image: url('../imagenes/otros/raster.html');
	min-height: 100%;
	height: auto !important;
	height: 100%;
	width: 100%;
	position: fixed;
	padding: 40px 0 60px;
	font-size: 1em;
}

#wrapper {	
    width: 600px;
    margin: 40px auto 60px;
    padding: 7px 7px 15px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-image: url('../imagenes/otros/trans-dark.png');
    position: relative;
}

#container {	
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: 0 0 3px #111;
    -webkit-box-shadow: 0 0 3px #111;
    box-shadow: 0 0 3px #111;
    position: relative;
}

nav {	
    height: 61px;
    background-color: #343434;
    background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.0, #111),
    color-stop(0.6, #303030));
    background: -moz-linear-gradient(
    center bottom,
    #111 0%,
    #333 70%);
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-top: 1px solid #515151;
    position: relative;
    z-index: 1000;
}

header {	
    border-top: 1px solid #e4e4e4;
    background-color: #eee;
    background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.0, #d9dddd),
    color-stop(0.6, #f6f7f7));
    background: -moz-linear-gradient(
    center bottom,
    #d9dddd 0%,
    #f6f7f7 60%);
    border-bottom: 1px solid #bdc0c0;
    padding: 0px 0 10px;
    -moz-box-shadow: inset 0 4px 4px #ccc;
    -webkit-box-shadow: inset 0 4px 4px #ccc;
    box-shadow: inset 0 4px 4px #ccc;
    position: relative;
}

.sub {	
    height: 200px;
    background: #202122 url('../imagenes/banner3.jpg') repeat;
    -moz-box-shadow: inset 0 -2px 3px #111;
    -webkit-box-shadow: inset 0 -2px 3px #111;
    box-shadow: inset 0 3px -2px #111;
    text-align: center;
    position: relative;
}

#content {	
    min-height: 110px;
    padding: 25px;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    background-color: #fefefe;
    background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.0, #e0e4e4),
    color-stop(0.7, #fefefe));
    background: -moz-linear-gradient(
    center bottom,
    #e0e4e4 0%,
    #fefefe 70%);
    position: relative;
    z-index: 100;
    -moz-box-shadow: inset 0 -2px 5px #aaa;
    -webkit-box-shadow: inset 0 -2px 5px #aaa;
    box-shadow: inset 0 -2px 5px #aaa;
    overflow: hidden;
}

footer {	
    background-color: #222;
    background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.0, #121212),
    color-stop(0.8, #212121));
    background: -moz-linear-gradient(
    center bottom,
    #121212 0%,
    #212121 70%);
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-tbottomright: 4px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-top: 1px solid #3a3a3a;
    border-bottom: 1px solid #000;
    position: relative;
    z-index: 999;
    text-shadow: #fffeff 0 1px 0;
}

/*	TYPE
========================================*/

h1, h2, h3, h4, h5, h6 {	
    font-weight: bold;
    margin-bottom: 0.2em;
    color: #333;
    text-shadow: #ffffff 0 1px 0;
    letter-spacing: -1px;
}

h1 {font-size: 1.8em}
h2 {font-size: 1.1em}
h3 {font-size: 1.0em}
h4 {font-size: 1.0em}
h5 {font-size: 0.8em}
h6 {font-size: 0.6em}

p {	
    font-size: 0.84em;
    color: #606060;
    text-shadow: #ffffff 0 1px 0;
    line-height: 1.6em;
    margin: 0 0 0.9em;
}

blockquote {	
    color: #333;
    text-shadow: #fff 0 1px 2px;
    font: italic 1.5em 'Droid Serif', georgia, serif;
    text-align: center;
    padding: 10px 20px 30px;
    border-bottom: 1px solid #ddd;
    margin: 0 0 5px;
    overflow: auto;
}

blockquote span {	
    float: right;
    font: bold 0.6em 'Droid Sans', arial, sans-serif;
    margin: 20px 0 0;
    color: #b2b2b2;
    clear: both;
    display: block;
}

a {	text-decoration: none;color: #4093a4;}
a:hover {	border-bottom-style: solid;color: #378392;}
p a, address a {border-bottom: 1px dotted;}

a.button {	
    padding: 3px;
    display: block;
    background-color: #b6e7ff;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    max-width: 130px;
    text-align: center;
    -webkit-transition-property: background;
    -webkit-transition-duration: 0.3s, 0.3s;
    -webkit-transition-timing-function: linear, ease-in;
}

a.button span {	
    display: block;
    background-color: #ccc;
    background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.0, #ccc),
    color-stop(0.6, #eee));
    background: -moz-linear-gradient(
    center bottom,
    #ccc 0%,
    #eee 70%);
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    font-size: 0.7em;
    padding: 7px 0;
    -moz-box-shadow: 0 0 3px #888;
    -webkit-box-shadow: 0 0 3px #888;
    box-shadow: 0 0 3px #888;
    color: #6a6a6a;
    font-weight: bold;
    text-shadow: #ddd 0 1px 0;
    border-top: 1px solid #fff;
    -webkit-transition-property: color;
    -webkit-transition-duration: 0.3s, 0.3s;
    -webkit-transition-timing-function: linear, ease-in;
}

a.button:hover{background-color: #a5d3e7;}
a.button:hover span{color: #000;}

a.button span:active {	
    background: none;
    background-color: #dadada;
    padding: 8px 0 6px;
}

a.loadmore {max-width: 100%;margin: 20px 0;}
a.loadmore span {padding: 12px 0;font-size: .9em;}
a.loadmore span:active {padding: 13px 0 11px;}

address {	
    font: italic 0.9em/1.7em 'Droid Serif', georgia, serif;
    color: #666;
    padding: 0 0 0px 0;
    width: 170px;
    float: right;
}

address a{letter-spacing: -1px;}


/*	NAV
========================================*/

nav ul li {	
    float: right;
    text-align: center;
    margin: 13px 21px 10px 0;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    border-radius: 24px;
    padding: 2px;
    background-color: #262626;
}

nav ul li#logo {	
    margin: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    border-top-left-radius: 4px;
    height: 61px;
    border: none;
    border-right: 1px solid #393939;
    border-bottom: 1px solid #5a0503;
    position: absolute;
    top: -1px;
    left: 0;
    padding: 0;
}

nav ul li#logo:active {border-bottom: 1px solid #450302;}

nav ul li#logo a {	
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    border-top-left-radius: 4px;
    padding: 0;
    height: 60px;
    width: 70px;
    border: none;
    text-indent: -9999px;
    background: #210100 url('../imagenes/icon1.png') no-repeat 0 -4px;
    border-right: 1px solid #5a0600;
    border-top: 1px solid #d81d15;
    border-bottom: none;
}

nav ul li#logo a:active {	
    border-top: 1px solid #7a0b07;
    background-position: 0 -3px;
}

nav ul li a {	
    text-align: center;
    display: block;
    color: #8b8b8b;
    padding: 9px 27px 8px;
    border: 1px solid #111;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    border-radius: 24px;
    font-size: 0.75em;
    text-shadow: #000 0 -1px 0;
    font-weight: bold;
    background-color: #343434;
    background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.0, #222),
    color-stop(0.7, #444));
    background: -moz-linear-gradient(
    center bottom,
    #222 0%,
    #444 70%);
    -webkit-transition-property: color, background;
    -webkit-transition-duration: 0.4s, 0.4s;
    -webkit-transition-timing-function: linear, ease-in;
}

nav ul li a:hover {color: #e0e0e0;}

nav ul li a:active {	
    color: #fffeff;
    background-color: #343434;
    background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.0, #333),
    color-stop(0.5, #222));
    background: -moz-linear-gradient(
    center bottom,
    #333 0%,
    #222 50%);
    text-shadow: #000000 0 -1px 1px;
    padding: 10px 27px 7px;
}

#page-home nav ul li#nav-home a,
#page-products nav ul li#nav-pila a,
#page-notebook nav ul li#nav-notebook a,
#page-company nav ul li#nav-company a {	
    color: #fffeff; 
    background-color: #343434;
    background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.0, #333),
    color-stop(0.5, #222));
    background: -moz-linear-gradient(
    center bottom,
    #333 0%,
    #222 50%);
    text-shadow: #000000 0 1px 1px;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    border-radius: 24px;
}

/*	HOME
========================================*/

#team-mascottes{
	overflow: auto;
	position: absolute;
	bottom: -18px;
	left: 2px;
	height: 215px;
	width: 597px;
}	

#team-mascottes li{
    display: block;
    float: left;
    width: 608px;
    height: 194px;
    margin: 0 26px;
}	

#team-mascottes .team-wdeb{background: url('/style.css') no-repeat 0 1px;}
#team-mascottes .team-wdeb:hover, #team-mascottes.up .team-wdeb{background: url('/style.css') 0 81px;}
#team-mascottes .team-diosas{background: url('/style.css') no-repeat center -10px;}
#team-mascottes .team-diosas:hover, #team-mascottes.up .diosas{background: url('../imagenes/diosas2.png') center 10px;}
#team-mascottes .team-joeri{background: url('/style.css') no-repeat right 1px;}
#team-mascottes .team-joeri:hover, #team-mascottes.up .team-joeri{background: url('/style.css') right  81px;}

header h1 {	
    margin: 0;
    text-align: center;
    letter-spacing: 2px;
    color: #404043;
    font-weight: normal;
    font-style: normal;
}

header blockquote {	
    border: none;
    margin: 0;
    padding: 10px 30px 10px;
}

.sub img {	
    position: absolute;
    bottom: 0;
    left: 50%;
    margin: 0 0 0 -238px;
    z-index: 10;
}

ul#stream.home-stream {	
    border-top: 1px solid #e5e5e5;
    margin: 0 0;
}

h2.home {	
    font-weight: normal;
    font-style: normal;
    text-transform: uppercase;
    font-size: 0.7em;
    letter-spacing: 0;
    color: #b3b3b3;
}

/*	PRODUCTS
========================================*/

ul#apps {	
    overflow: auto;
    margin: 0 20px 0 30px;
}

ul#apps li {	
    min-height: 80px;
    float: left;
    width: ;
    margin: 13px 10px 10px 0;
    text-align: center;
    padding: 0 0 11px 0;
}

ul#apps li a {	
    padding: 7px 9px 3px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    display: block;
    margin: 0 1px;
    -webkit-transition-property: box-shadow;
    -webkit-transition-duration: 0.3s, 0.3s;
    -webkit-transition-timing-function: linear, ease-in;
}

ul#apps li a:hover {	
    
}

ul#apps li a:active {	
    padding: 8px 9px 2px;
}

ul#apps li.selected a {	

    display: block;
   
}

ul#apps li.selected {	
    background: url('../imagenes/otros/arrow.png') no-repeat center bottom;
}

ul#apps li.last {margin-right: 0;}

ul#apps li img {	
    width: 80px;
    position: relative;
    margin: 0;
    left: inherit;
    bottom: inherit;
}

ul#apps li h2 {	
    font-size: 1.0em;
    letter-spacing: 0;
    font-weight: bold;
    margin: 0 0 10px;
    text-shadow: #fffeff 0 1px 0;
    display: none;
}

.phone-right {	
    float: right;
    margin: 0 10px 10px 20px;
}

.screen-right {	
    float: right;
    margin: 0 -110px 0 20px;
}

.mascotte-right {	
    float: right;
    margin: 0 -70px 0 20px;
}

.text {	
    width: 260px;
    margin: 0 0 30px 0;
}

ul.screenshots {	
    overflow: auto;
    margin: 0 -25px -15px;
    clear: both;
    padding: 5px 0 0 ;
    border-top: 1px solid #ccc;
}

ul.screenshots li {	
    min-height: 80px;
    float: left;
    margin: 16px 0 10px 29px;
    text-align: center;
    padding: 0 0 12px 0;
    position: relative;
}

ul.screenshots li a {	
    padding: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    display: block;
    background-color: #fffeff;
    overflow: auto;
    -moz-box-shadow: 0 0 2px #444;
    -webkit-box-shadow: 0 0 2px #444;
    box-shadow: 0 0 2px #444;
    -webkit-transition-property: background-color;
    -webkit-transition-duration: 0.3s, 0.3s;
    -webkit-transition-timing-function: linear, ease-in;
}

ul.screenshots li a:hover {background-color: #bbb;}

ul.screenshots li:active {margin: 17px 0 9px 29px;}

ul.screenshots li a img {	
    width: 107px;
    height: 80px;
    padding: 0;
    position: relative;
    margin: 0;
    left: inherit;
    bottom: inherit;
}

ul.screenshots li a img.zoom{
	position: absolute;
	right: 5px;
	bottom: 22px;
	width: 16px;
	height: 16px;
	border: none;
	padding: 0;
	margin: 0;
}

/*	COMPANY
========================================*/

.right {	
    margin: 0;
    width: 258px;
    float: right;
}

#team-photos{
    margin: 35px -25px 45px -25px;
    overflow: auto;
    border-bottom: 1px solid #ddd;
}

#team-photos li {	
    width: 165px;
    margin: 0 0 0 25px;
    float: left;
    padding: 5px 0 40px;
    position: relative;
}

#team-photos li h2 {	
    margin: 0 0 8px 0;
    padding: 0 0 0 60px;
    font: italic 1.0em 'Droid Serif', georgia, serif;
    letter-spacing: 0;
    color: #333;
    clear: both;
    border-bottom: 1px solid #ddd;
}

#team-photos li p {clear: both;}

#team-photos li a.button{
    float: left;
    margin: 4px 5px 0 0;
    padding: 1px;
    background-color: inherit;
}

#team-photos li a.button span{
    padding: 3px 7px 2px;
    font-weight: normal;
    font-size: 9px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-style: normal;
    background-image: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    background-color: #dde1e1;
    text-shadow: none;
}

#team-photos li img {
    width: 48px;
    height: 48px;	
    border: 2px solid #fff;
    -moz-box-shadow: 0 0 2px #666;
    -webkit-box-shadow: 0 0 2px #666;
    box-shadow: 0 1px 2px #666;
    margin: -46px 8px 8px 0;
    float: left;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;

}

.map {	
    float: left;
    width: 350px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    overflow: hidden;
    padding: 3px;
    margin: 0 0 30px;
    background-color: #fff;
    -moz-box-shadow: 0 0 4px #444;
    -webkit-box-shadow: 0 0 3px #444;
    box-shadow: 0 0 3px #444;
}



/*	NOTEBOOK
========================================*/

#stream {	
    border-bottom: 1px solid #fff;
    margin: -30px 0 0;
    padding: 5px 0 0;
}

#stream li {	
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #fff;
    padding: 50px 5px 30px;
}

#stream li.talk {background: url('../imagenes/otros/icon-talk-small.png') no-repeat 516px 8px;}
#stream li.quote {background: url('../imagenes/otros/icon-quote-small.png') no-repeat 516px 8px;}
#stream li.link {background: url('../imagenes/otros/icon-link-small.png') no-repeat 516px 8px;}
#stream li.photo {background: url('../imagenes/otros/icon-contacto.png') no-repeat 516px 8px;}
#stream li.video {background: url('../imagenes/otros/icon-video-small.png') no-repeat 516px 8px;}
#stream li.Cash {background: url('../imagenes/otros/icon-cash.png') no-repeat 516px 8px;}
#stream li.Reglas {background: url('../imagenes/otros/icon-reglas.png') no-repeat 516px 8px;}
#stream li.Registro {background: url('../imagenes/otros/icon-registro.png') no-repeat 516px 8px;}
#stream li.foto {background: url('../imagenes/otros/photo.png') no-repeat 516px 8px;}

#stream li blockquote {	
    border: none;
    margin: 0;
    font-size: 1.3em;
    text-align: left;
}

#stream li blockquote span{font-size: 0.8em;}
#stream li a {font-weight: bold;}
#stream li a img:hover{background-color: #ddd;}
#stream li a.link-image{position: relative;display: block;}
#stream li a.link-image img{width: 532px;}


a.link-image span{
    position: absolute;
    bottom: 9px;
    left: 0;
    right: 0;
    margin: 4px;
    display: none;
    padding: 10px;
    text-align: center;
    background-image: url('../imagenes/otros/trans-dark.png');
    color: #fffeff;
}

a.link-image:hover span{display: block;}

#stream li a.button {	
    text-decoration: none;
    margin: 0 0 20px;
    border-bottom: none;
}

#stream li img, .video-box {	
    max-width: 340px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    padding: 4px;
    background-color: #fff;
    -moz-box-shadow: 0 0 50px #444;
    -webkit-box-shadow: 0 0 3px #444;
    box-shadow: 0 0 3px #444;
    margin: 0 0 5px;
    -webkit-transition-property: background-color;
    -webkit-transition-duration: 0.3s, 0.3s;
    -webkit-transition-timing-function: linear, ease-in;
}

p.timestamp {	
    font-size: .6em;
    margin: 0;
    font-variant: normal;
    text-transform: uppercase;
    color: #a2a2a2;
    font-style: italic;
    letter-spacing: 1px;
    text-align: right;
}


/*	404 ERROR
========================================*/

blockquote.error {	
    padding: 10px 0px 20px;
    text-align: center;
    text-transform: uppercase;
    font-size: 5em;
}

blockquote.error span{
    float: none;
    margin: 0;
    padding: 0;
    line-height: inherit;
    clear: both;
    font-size: 40%;
}

#content img.crown{
    margin: 10px 184px 0;
}


/*	FOOTER
========================================*/

#social {	
    margin: 6px auto;
    width: 192px;
    height: 40px;
	overflow: hidden;
}	

#social li {	
    float: left;
    margin: 0 5px;
    -webkit-border-radius: 32px;
    -moz-border-radius: 32px;
    border-radius: 32px;
    padding: 2px;
    background-color: #222;
     -webkit-transition-property: background-color;
    -webkit-transition-duration: 0.3s, 0.3s;
    -webkit-transition-timing-function: linear, ease-in;
}



#social li a {	
    display: block;
    text-indent: -9999px;
    width: 32px;
    height: 32px;
    display: block;
    color: #8b8b8b;
    border: 1px solid #111;
    -webkit-border-radius: 32px;
    -moz-border-radius: 32px;
    border-radius: 32px;
    font-size: 0.75em;
    text-shadow: #000 0 -1px 0;
    font-weight: bold;
    background-color: #343434;
    background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.0, #111),
    color-stop(0.7, #222));
    background: -moz-linear-gradient(
    center bottom,
    #111 0%,
    #222 70%);
    -webkit-transition-property: color, background;
    -webkit-transition-duration: 0.4s, 0.4s;
    -webkit-transition-timing-function: linear, ease-in;
}

#social li a span{
	width: 32px;
    height: 32px;
    display: block;
}

#social li:hover{
    background-color: #333;
}

#social li:active a{	
    color: #fffeff;
    background-color: #343434;
    background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.0, #222),
    color-stop(0.5, #111));
    background: -moz-linear-gradient(
    center bottom,
    #222 0%,
    #111 50%);
    text-shadow: #000000 0 -1px 1px;
}

#social li.casa a span{	
    background: url('../imagenes/home.png') no-repeat center center;
}

#social li.hoome a span{	
    background: url('../imagenes/home.png') no-repeat center center;
}

#social li.reglas a span{	
    background: url('../imagenes/reglasaaa.png') no-repeat center center;
}

#social li.foro a span{	
    background: url('../imagenes/foro.png') no-repeat center center;
}

#social li.usa a span{	
    background: url('../imagenes/usa.png') no-repeat center center;
}


/*	TIPSY TOOLTIP
................................... */

.tipsy { 
    padding: 5px;
    font-size: 10px; 
    opacity: 0.8; 
    filter: alpha(opacity=80); 
    background-repeat: no-repeat;  
    background-image: url('../imagenes/otros/tipsy.gif'); 
}

.tipsy-inner { 
    padding: 5px 8px 4px 8px; 
    background-color: black; 
    color: white; 
    max-width: 200px; 
    text-align: center;
}

.tipsy-inner {	
    -moz-border-radius:3px; 
    -webkit-border-radius:3px; 
}

.tipsy-north { background-position: top center; }
.tipsy-south { background-position: bottom center; }
.tipsy-east { background-position: right center; }
.tipsy-west { background-position: left center; }


/*	FACEBOX
========================================*/

#facebox .b {
    background:url('../imagenes/otros/trans-dark.png');
}

#facebox .tl {
    background:url('../imagenes/otros/fbx-border-sprite.png') 0 0;
    width: 10px; 
    height: 10px;
 }

 #facebox .tr {
     background:url('../imagenes/otros/fbx-border-sprite.png') -10px 0;
     width: 10px; 
     height: 10px;
 }

 #facebox .bl {
     background:url('../imagenes/otros/fbx-border-sprite.png') -20px 0;
     width: 10px; 
     height: 10px;
}

#facebox .br {
    background:url('../imagenes/otros/fbx-border-sprite.png') -30px 0;
    width: 10px; 
    height: 10px;
}


#facebox {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    text-align: left;
}

#facebox .popup {
    position: relative;
}

#facebox table {
    border-collapse: collapse;
    border: 0px;
    padding: 0px;
    margin: 0px;
}

#facebox td {
    border-bottom: 0;
    padding: 0;
}

#facebox .body {
    padding: 10px;
    background: #fff;
    width: 370px;
}

#facebox .loading {
    text-align: center;
}

#facebox .image {
    text-align: center;
}

#facebox img {
    border: 0;
    margin: 0;
}

#facebox .footer {
    border-top: 1px solid #ddd;
    padding-top: 5px;
    margin-top: 10px;
    text-align: right;
}

#facebox .footer img {
    vertical-align: middle;
}

#facebox .footer table {
    width: 100%;
}

#facebox .footer table .tableLeft {
    text-align: left;
}

#facebox .footer table .tableRight {
    text-align: right;
}

#facebox .footer table .tableCenter {
    text-align: center;
}

#facebox .navigation img {
    padding-right: 10px; 
}

#facebox .info {
    color: #595959;
    font-size: 13px;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
    height: 10px;
    width: 10px;
    overflow: hidden;
    padding: 0;
}

#facebox_overlay {
    position: fixed;
    top: 0px;
    left: 0px;
    height:100%;
    width:100%;
}

.facebox_hide {
    z-index:-100;
}

.facebox_overlayBG {
    background-color: #000;
    z-index: 99;
}

.facebox_iframe {
    border: 0;
}


/*===================================
IPADS
===================================*/

@media only screen and (max-width: 1024px) {
    body#page-home, 
    body#page-products,
    body#page-notebook,
    body#page-company,
    body#page-error{background-image: none;}

    #raster{
        padding: 10px 0;
}

#wrapper {	
    border: 1px solid #222;
}
}

/*========================================
MOBILE DEVICES
========================================*/

@media only screen and (max-width: 767px) {
    #raster{
        padding: 0;
}

#wrapper {	
    width: 314px;
    margin: 0 auto;
    padding: 2px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    background-image: none;
    border: none;
}

#container {	
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: 0 0 3px #111;
    -webkit-box-shadow: 0 0 3px #111;
    box-shadow: 0 0 3px #111;
    position: relative;
}

address{
    float: none;
    margin: 0 0 10px;
}

.map{
    width: 250px;
}

.sub{
    display: none;
}


nav ul li {	
    margin: 9px 4px 10px 0;
}

nav ul li#nav-home {	
    display: none;
}

nav ul li a{
    padding: 12px 8px 11px ;
}

nav ul li a:active{
    padding: 12px 8px 11px ;
}


header blockquote {	
    padding: 0 36px;
    font-size: 1.3em;
}

#team-photos {	
    margin: 0 0 30px;
}

#team-photos li{
    margin: 0 0 0;
    width: 255px;
}

#team-photos li img{
    -webkit-transform: none;
    -moz-transform: none;
    width: 70px;
    height: 70px;
    margin-top: -55px;
}

#team-photos li h2{
    font-size: 1.2em;
    padding: 0 40px 0 85px;
}

#team-photos li p{
    min-height: inherit;
}

#stream li {	
    padding: 20px 0 25px;
}

#stream li .video-box{
    width: 260px;
    height: 200px;
    overflow: hidden;
    padding: 0;
}

a.link-image:hover span{
    display: none;
}

#stream li img {	
    max-width: 252px;
}

footer p{
    display: none;
}

/*============================================
THE END OF THIS STYLESHEET, NOT OF THE WORLD.
============================================*/

#facebox .b {
  background:url('../imagenes/otros/b.png');
}
 
#facebox .tl {
  background:url('../imagenes/otros/fbx-border-sprite.png') 0 0;
  width: 10px; 
  height: 10px;
 }
 
#facebox .tr {
  background:url('../imagenes/otros/fbx-border-sprite.png') -10px 0;
  width: 10px; 
  height: 10px;
 }
 
#facebox .bl {
  background:url('../imagenes/otros/fbx-border-sprite.png') -20px 0;
  width: 10px; 
  height: 10px;
}
 
#facebox .br {
  background:url('../imagenes/otros/fbx-border-sprite.png') -30px 0;
  width: 10px; 
  height: 10px;
}


#facebox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1000;
  text-align: left;
}

#facebox .popup {
  position: relative;
}

#facebox table {
  border-collapse: collapse;
  border: 0px;
  padding: 0px;
  margin: 0px;
}

#facebox td {
  border-bottom: 0;
  padding: 0;
}

#facebox .body {
  padding: 10px;
  background: #fff;
  width: 370px;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
  margin: 0;
}

#facebox .footer {
  border-top: 1px solid #DDDDDD;
  padding-top: 5px;
  margin-top: 10px;
  text-align: right;
}

#facebox .footer img {
  vertical-align: middle;
}

#facebox .footer table {
  width: 100%;
}

#facebox .footer table .tableLeft {
  text-align: left;
}

#facebox .footer table .tableRight {
  text-align: right;
}

#facebox .footer table .tableCenter {
  text-align: center;
}

#facebox .navigation img {
  padding-right: 10px; 
}

#facebox .info {
  color: #595959;
  font-size: 13px;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}

#facebox_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}

.facebox_hide {
  z-index:-100;
}

.facebox_overlayBG {
  background-color: #000;
  z-index: 99;
}

.facebox_iframe {
  border: 0;
}

/* ie6 hacks */

* html #facebox_overlay { 
  position: absolute;
  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#copyright {
	color: #333;
}

#Drops {
	color: #333;

}#
.image-group{padding:0;margin:0;display:block;_zoom:1;}
.slide-panel.image-group img,
.slide-panel.image-group .image,
.slide-panel.image-group a{display:block;position:relative;_zoom:1;}
.slide-panel.image-group .image{padding:0;margin:5px 1%;display:inline;float:left;}
.slide-panel.image-group img,
.slide-panel.image-group .image{width:152px;}
.slide-panel.rows-of-3 img,
.slide-panel.rows-of-3 .image{width:97px;}
.slide-panel.rows-of-4 img,
.slide-panel.rows-of-4 .image{width:69px;}
.slide-panel.rows-of-5 img,
.slide-panel.rows-of-5 .image{width:53px;}
.slide-panel.rows-of-6 img,
.slide-panel.rows-of-6 .image{width:42px;}
.image.highlight{border-color:red;}

.box-tag{color:white;text-transform:capitalize;font:bold 10px/18px Verdana, Geneva, sans-serif;float:left;display:inline;padding:0 7px;margin:0 5px 5px 0;}
.box-tag strong{color:#919191;}
.box-tag del{color:#919191;font-weight:normal;}
.box-tag.item-featured{font-weight:bold;color:white;}
.box-tag a{font-weight:bold;}
.box-tag.item-bogo{font-style:italic;}

.item-container{display:inline;float:left;}
.item{position:relative;margin:5px;border-top:solid 3px #2e2e2e;padding:10px 0;}
#itemmall-inside .item-title, .item-title{border:solid 0;padding:0;margin:0 0 5px;font-weight:bold;font-style:normal;text-transform:none;word-wrap:break-word;}
.item-image{margin:0 5px 5px 0;border:solid 2px #666;}
.item-image,
.item-image-link,
.item-icon{display:inline;float:left;}
.item-wrap{padding:10px;
  background-color: rgba(0,0,0,0.5);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#88000000,endColorstr=#88000000);
}
.item-details{position:relative;z-index:0;}
.item-purchase{padding-right:0;}
.item-control-group,
.item-control,
.item-purchase .form-item,
.item-control-label{display:inline;float:left;}
.item-control-group{background:#555;}
.item-control{width:16px;text-align:center;font:bold 14px/18px Arial, Helvetica, sans-serif;}
.item-purchase .form-item{padding:0;margin:0;}
.item-purchase .form-text{font-size:11px;width:16px;text-align:center;padding:0;margin:2px 0 0;border:solid 0;}

.box-tag.item-featured-hot, .box-tag.tag-hot{background:#c30000;}
.item-image.item-featured-hot, .item-image.tag-hot{border-color:#c30000;}
.box-tag.item-featured-sale, .box-tag.tag-sale{background:#bb5d01;}
.item-image.item-featured-sale, .item-image.tag-sale{border-color:#bb5d01;}
.box-tag.item-featured-new, .box-tag.tag-new{background:#308a15;}
.item-image.item-featured-new, .item-image.tag-new{border-color:#308a15;}
.box-tag.item-featured-promo, .box-tag.tag-promo{background:#74004a;}
.item-image.item-featured-promo, .item-image.tag-promo{border-color:#74004a;}

#itemmall-inside{margin:15px 0;}
#itemmall-inside .item{display:inline;float:left;padding:5px 10px 0;margin:5px 5px 5px 0;width:29%;border:none;
  background-color: rgba(0,0,0,0.5);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#88000000,endColorstr=#88000000);
}
#itemmall-inside .item-wrap{padding:7px 0 0 0;background-color:transparent;}
#itemmall-inside .item-image,
#itemmall-inside .item-image-window,
#itemmall-inside .item-image-window img{display:inline;float:left;position:relative;z-index:0;}
#itemmall-inside .item-image a{position:absolute;display:block;top:0;left:0;width:100%;height:100%;right:0;bottom:0;_background:transparent;}
#itemmall-inside .item-image a:hover{background:none!important;}
#itemmall-inside .item-select .form-item{margin:5px 0;}
.item-bogo{clear:both;*clear:none;*width:100%;color:#919191;font:italic bold 10px/18px Verdana, Geneva, sans-serif;float:left;display:inline;padding:0 7px;margin:0 5px 5px 0;}
.item-price, .item-price del{font-size:10px;}
.item-price{line-height:18px;float:left;display:inline;margin:0 5px 5px 0;}
#pager { clear:both; text-align:center; }
#pager a, #pager strong.pager-current {padding:0.5em;}
#orderTable {margin:15px auto;}
#orderTable .tbltext {text-align:left;}
#orderTable .tblnumber {text-align:right;}

#block-items-front .block-content{padding:5px 1px 0;}
#block-items-front .item{border:solid 0;padding:0;margin:0 0 10px;background:none;}
#block-items-front .item-list{display:block;width:235px;margin:0 auto;}
#block-items-front .conversion{margin:5px 15px 0;padding:10px 0;border-top:solid 1px #333;}

.slide-panels{position:relative;}
.slide-pager,
.slide-page{display:inline;float:left;-moz-user-select:none;-webkit-user-select:none;font-size:1px;line-height:1px;}
.slide-page{width:8px;height:8px;margin:0 6px 0 0;background:#484848;cursor:pointer;
	-moz-box-shadow:inset 0 1px 3px #333;
	-webkit-box-shadow:inset 0 1px 3px #333;
	box-shadow:inset 0 1px 3px #333;
	
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}
.slide-page.current{background:#fff;
	-moz-box-shadow:0 1px 5px #000;
	-webkit-box-shadow:0 1px 5px #000;
	box-shadow:0 1px 5px #000;
}
.slide-pager{height:8px;visibility:hidden;}
.slide-page.last{margin:0;}
.slide-window{position:relative;z-index:100;overflow:hidden;clear:both;width:100%;_zoom:1;}
.slide-panels-container{display:block;width:2000%;position:relative;_zoom:1;}
.slide-panel{width:5%;display:inline;float:left;position:relative;_zoom:1;}
.slide-arrows,
.slide-arrow{-moz-user-select:none;-webkit-user-select:none;}
.slide-arrow{position:absolute;z-index:200;top:50%;left:0;width:40px;height:40px;margin:-20px 0 0 -10px;cursor:pointer;
	background:url(../images/interface-elements.html) no-repeat 0 bottom;
	_background:url(../images/interface-eSlements.ie6.html) no-repeat 0 bottom;
}
.slide-arrow-next{left:auto;right:0;margin:-20px -10px 0 0;background-position:-40px bottom;}

.block-intro .slide-panel{height:61px;overflow:hidden;}
.block-intro .slide-pager{padding:2px 0 0 0!important;}
.block-intro .slide-arrow{width:45px;margin:0;height:80px;top:1px;left:-45px;background:url(../images/intro-block.html) no-repeat 0 bottom;_background-image:url(../images/intro-block.ie6.png);}
.block-intro .slide-arrow-next{background-position:-50px bottom;left:auto;right:-45px;}

#front-col-right .slide-pager{padding:9px 0!important;}

#spanish{
	background-image: url('../imagenes/spanish.html');
	min-height: 100%;
	height: auto !important;
	height: 100%;
	width: 100%;
	position: fixed;
	padding: 40px 0 60px;
	font-size: 1em;
}


/*
     FILE ARCHIVED ON 16:25:48 Sep 30, 2017 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 15:25:55 Nov 11, 2025.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.5
  exclusion.robots: 0.017
  exclusion.robots.policy: 0.008
  esindex: 0.009
  cdx.remote: 63.682
  LoadShardBlock: 262.948 (3)
  PetaboxLoader3.datanode: 118.646 (4)
  PetaboxLoader3.resolve: 3276.593 (2)
  load_resource: 3189.964
*/