html {
	margin: 0;
	/* border: ie6 */
	padding: 0;
}

body {
	margin: 0; /**/
	/* border: ie5 */
	padding: 0;
	font-family: Arial, "Arial", sans-serif;
	font-size: .8em;
	line-height: 1.4em;
	font-weight: normal;
	letter-spacing: 0em;
	color: #444;
	background-color: #f4f4f2;
	text-align: center;
} /* centrar en ie */



a	{
	color: #222;
    text-decoration: none;
    }

a:hover {
	color: #888;
	text-decoration: underline;
    }

a img {
    border: 0;
    }

img {
	border: 0;
	margin: 0;
	padding: 0;
	}

p {
	margin: 0;
	padding: 0;
	}

h1, h2, h3, h4 {
	margin: 0;
	padding: 0;
	font-weight: normal;
	/* letter-spacing: -0.01em; */
	}
* html h1, * html h2, * html h3, * html h4 {
	/* letter-spacing: -1px; */
	}

input {
	margin-right: 1em;
	}

div {
	margin: 0;
	padding: 0;
	background-color: transparent;
	}

/* .PKG HACE UN CLEAR DESPUES DE LA CAJA */ /* OBSOLETO !!!!!????? */

.pkg:after {
    content: " ";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
    }

* html .pkg { display: inline-block; }
/* no ie mac \*/
* html .pkg { height: 1%; }
.pkg { display: block; }
/* */


/* CAJAS PRINCIPALES */


#page {
	position: relative;
	margin: 0 auto;
	padding:0;
	text-align: left;
	width: 75.2em;
	overflow: auto;
	border-width: 0 .1em;
	border-style: solid;
	border-color: #ddd;
	background-color: #fff;
	/* background: url('') repeat-y top left transparent; */

    }

.inbox {
	min-height: 1px;
	margin: 0 auto;
	}

#menubar {
	margin: 0 0 1em 0; /* alt side margin: 3.9em */
	padding: 0;
	width: 100%;
	height: 2.3em;
	border-width: .01em 0 0 0;
	border-style: solid;
	border-color: #ddd;
}


#menubar a:hover {
	color: #888;
}

#mainmenu1 {
	float: left;
	margin: 0;
	padding: .3em 0 0 2em;
	width: 54.65em;
	height: 1.7em;
	border-width: 0 .01em .01em 0;
	border-style: solid;
	border-color: #ccc;
	background: url('../img/bg_mainmenu1.png') repeat-x left bottom #444;
}

#mainmenu1 a {
	padding: 0 .5em;
	font-size: .95em;
	color: #ddd;
	background-color: #333;

	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	}

#mainmenu1 a:hover { /* HEMEN */
	color: #fff;
	text-decoration: none;
	background-color: #222;
	}

#mainmenu1 a.inicio {
	padding: 0;
	margin: 0;
	background: none;
}

#mainmenu1 a.inicio img {
	vertical-align: top;
	margin: 1px .2em 0 0;
}

#mainmenu2 { /* HEMEN */
	float: left;
	margin: 0 0 0 56.7em;
	padding: .3em 0 0 .1em;
	width: 18.4em;
	height: 1.8em;
	text-align: center;
	background: #ffc200;
	position:absolute;
	overflow:hidden;
}

#mainmenu2 a { /* HEMEN */
	padding: 0 .8em;
	margin: 0 .4em;
	font-size: .95em;
	color: #ddd;
	background-color: #222;

	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	}

#mainmenu2 img { /* HEMEN */
	vertical-align: top;
	padding-top: 1px;
	}

#mainmenu2 a:hover { /* HEMEN */
	color: #fff;
	text-decoration: none;
	background-color: #000;
	}

#mainmenu2 a.img { /* HEMEN */
	padding: 0;
	margin: 0 .5em;
	color: #444;
	background: none;
	}

#mainmenu2 a.img:hover { /* HEMEN */
	color: #fff;
	}

#mainmenu2 a.img img { /* HEMEN */
	vertical-align: top;
	margin: 0 .2em 0 0;
	}

#mainmenu2 a.username { /* HEMEN */
	padding: 0;
	margin: 0 .5em 0 0;
	font-weight: bold;
	color: #444;
	background: none;
	}

#mainmenu2 a.username img {
	margin-right:0.5em;
}

#mainmenu2 a.username:hover { /* HEMEN */
	color: #fff;
	}

#mainmenu2.open { /* HEMEN */
	background: url('../img/bg_login4.png') no-repeat 50% bottom transparent;
	z-index: 100;
}

#mainmenu2.open .password { /* HEMEN */
	padding: 0;
	margin: 0 0 .5em 0;
	font-size: .9em;
	color: #444;
	background: transparent;
	text-decoration: underline;
	}


#mainmenu2.open .passwrong {
	padding: 0 .5em;
	margin: 0 0 .5em 0;
	font-size: 1em;
	font-weight: normal;
	color: #fb0;
	background: #222;
	text-decoration: none;
}

#mainmenu2.open input.text { /* HEMEN */
	margin: 0 0 .3em 0;
	padding: .1em .5em;
	width: 149px; /*9.5em;*/
	height: 16px;
	border: 0;
	color: #444;
	background: url('../img/loginbox2.png') no-repeat left top transparent;
	}

#mainmenu2.open input.submit { /* HEMEN */
	margin: .4em 0 0 0;
	padding: .1em .5em;
	color: #ddd;
	border: 0;
	background-color: #222;
	cursor: pointer;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	}

#mainmenu2.open input[type=button]:hover { /* HEMEN */
	color: #fff;
	background-color: #000;
	}


#facebook {
	text-align: center;
}

#search {
	height: 1.7em;
	padding:  0 .2em;
	margin: 0 0 1em 0;
	}

#search input {
	margin: .2em 0 0 0;
	padding: .2em .5em;
	width: 100px; /*9.5em;*/
	border: 0;
	color: #888;
	background: url('../img/searchbox.png') no-repeat left top transparent;
	}

#search img {
	padding: 0 0 .2em 0;
	margin: 0 0 0 1em;
	vertical-align: middle;
	}

#topbar {
	margin: 0 auto .8em auto;
	padding: 0 0 0 0;
	width: 70.4em;
	height: 16.8em;
	overflow: hidden;
    }

#home #topbar {
	height: 16.8em;
	background: no-repeat left top transparent;
	}

#home #topbar #pages {
	position: relative;
	top: 9.7em;
	font-family: Arial, "Arial", sans-serif;
	font-size: .9em;
	text-align: right;
	overflow: hidden;
	}

#sectionbox #picbox #pages {
	position: relative;
	top: 23.2em;
	font-family: Arial, "Arial", sans-serif;
	font-size: .9em;
	text-align: right;
	overflow: hidden;
	}

/* DAVID */
.ofertas {
	font-family: Arial, "Arial", sans-serif;
	font-size: .9em;
	text-align: right;
	overflow: hidden;
	margin-bottom: .6em;
	}
.ofertas a {
	padding: .4em;
	color: #444;
	background-color: #fff;
	margin: 0 .5em 0 0;
	}
.ofertas a:hover {
	color: #fff;
	background-color: #444;
	text-decoration: none;
	}
/* DAVID */

#sectionbox #cellz #pages {
	margin: 0 .95em 0 0;
	font-family: Arial, "Arial", sans-serif;
	font-size: .9em;
	text-align: right;
	overflow: hidden;
	}

.number_select {
	/*border: 2px solid #00f;*/
	font-weight: bold;
}

#home #topbar #pages a, #sectionbox #picbox #pages a, #home #topbar #pages span, #sectionbox #picbox #pages span {
	padding: .4em;
	color: #444;
	background-color: #fff;
	margin: 0 .5em 0 0;
	}

#sectionbox #cellz #pages a {
	padding: .4em;
	color: #444;
	background-color: #e2e2e4;
	margin: 0 .5em 0 0;
	}

#home #topbar #pages a:hover, #sectionbox #picbox #pages a:hover, #sectionbox #cellz #pages a:hover {
	color: #fff;
	background-color: #444;
	text-decoration: none;
	}

#content #topbar {
	height: 12.5em;
	}

#infobar {
	margin: 0 0 .8em 0;
	padding: 0;
	overflow: hidden;
	}

#home #infobar {
	height: 12.5em;
	}

#content #infobar {
	height: 5.9em;
	}

#midbar {
	margin: 0;
	padding: 0;
	min-height: 12.5em;
	overflow: auto;
	}

#home #midbar {
	padding: .8em 0 1.6em 0;
	}

#metabar {
	margin: 0 auto .8em auto;
	padding: .8em 0;
	min-height: 16.8em;
	border-width: .1em 0;
	border-style: dotted;
	border-color: #888;
/*	background: url('../img/bg_metabar.png') repeat-x left bottom #e4e4e2; */
	background-color: #e4e4e2;
	overflow: auto;
	}

#bottombar {
	margin: 0 auto;
	padding: .8em 0 0 0;
	/*height: 6em;*/
	text-align: center;
	overflow: hidden;
	}

#bottombar a {
	/*font-style: italic;*/
	font-weight: bold;
	}

#bottombar .copy {
	font-family: Arial, "Arial", sans-serif;
	}

.sidenav {
	float: left;
	width: 2.4em;
	height: 100%;
	text-align: center;
	}

#home #infobar .sidenav img {
	margin: 6em 0 0 0;
	}

#content #infobar .sidenav img {
	margin: 2.4em 0 0 0;
	}

#midbar .sidenav img {
	margin: 6em 0 0 0;
	}

#midbar .selectornav img {
	margin: 3em 0 0 0;
	}

#metabar .sidenav img {
	margin: 8.5em 0 0 0;
	}

.infobox {
	float: left;
	margin: 0 .8em 0 0;
	width: 22.92em; /* 22.93em */
	}

#home .infobox {
	height: 12.5em;
	}

#content .infobox {
	height: 5.9em;
	}

.fuzzbox {
	float: left;
	margin: 0 .8em 0 0;
	width: 16.93em; /* 16.99em */
	font-family: Arial, "Arial", sans-serif;
	border-width: 0 .1em 0 0;
	border-style: dotted;
	border-color: #888;
	}

.fuzzbox h2 {
	margin: 0 .8em .4em .6em;
	font-size: 1.3em;
	}

.fuzzbox img {
	float: left;
	margin: 0 .8em 0 0;
	}

.fuzzbox p {
	float: left;
	width: 10em;
	}

.fuzzbox ul {
	margin: 0;
	padding: 0 0 0 1.2em;
	}

.fuzzbox li {
	margin: 0 0 .5em 0;
	padding: 0;
	line-height: 1em;
	}

.metabox {
	float: left;
	margin: 0 .8em 0 0;
	width: 13.36em;
	border-width: 0 .1em 0 0;
	border-style: dotted;
	border-color: #888;
	}

.metabox img {
	margin: .8em .8em .4em .8em;
	}

.metabox h2 {
	margin: .6em .8em .4em .6em;
	font-size: 1.3em;
	}

.metabox p {
	margin: .8em;
	font-family: Arial, "Arial", sans-serif;
	}

#sectionbar {
	margin: 0 auto;
	padding: .8em 0;
	width: 70.4em;
	border-width: .1em 0;
	border-style: dotted;
	border-color: #888;
	}

#sectionhead {
	float: left;
	width: 52.6em;
	margin: 0 .8em 0 0;
	}

#phone {
	float: left;
	width: 16.99em;
	}

#searchbox {

	}

#breadcrumbs {
	display: inline;
	border-width: 0 0 .1em 0;
	border-style: dotted;
	border-color: #888;
	}

#breadcrumbs a {
	/*font-style: italic;*/
	}

#breadcrumbs a:hover {
	text-decoration: none;
	}

#sectiontitle {
	margin: 1em 0 0 0;
	}

#sectiontitle h1 {
	font-size: 2.7em;
	}

#sectionmenu {
	margin: .3em auto 0 auto;
	padding: 0;
	width: 70.4em;
	}

#sectionmenu a {
	display: block;
	float: left;
	margin: 0 .8em 0 0;
	padding: 0 .4em;
	height: 2em;
	font-family: Arial, "Arial", sans-serif;
	font-weight: bold;
	color: #444;
	}

#sectionmenu a:hover {
	text-decoration: none;
	color: #fff;
	background: url('../img/arrowdown_neg.gif') center 0 #888;
}

#sectionmenu a.on {
	color: #fff;
	background: url('../img/arrowdown_neg.gif') center 0 #444;
	}


#sectionmenu a.userLinks {
	color: #000;
	background: url('../img/arrowdown_neg.gif') center 0 #ffb700;
	}


#sectionbox {
	margin: 0 auto;
	width: 70.4em;
	}

#actionside {
	float: left;
	width: 52.6em;
	margin-right: .8em;
	}

.producttext {
	width: 28em;
	margin: 0 0 0 23.6em;
	}

.offertext {
	width: 28em;
	margin: 0 0 0 23.6em;
	}

.offertext p {
	margin: 0 0 .8em 0;
	}

.textsideempleo {
	float: left;
	width: 51em;
	margin: .4em .8em 1em 0;
}

.textsidedivempleo {
	width: 33em;
	margin: 0 0 .8em 0;
	border-color: #888888;
	border-style: dotted;
	border-width: 0 0 0.1em 0;
}

.pinscribirse {
	text-align: right;
}

.inscribirse {
	font-style: italic;
}

#textside {
	float: left;
	width: 52.6em;
	margin: .4em .8em 0 0;
	}
/* DAVID */

.textsidediv {
	width: 33em;
	margin: 0 0 .8em 0;
	}

#textside h2 {
	margin: 0 0 .8em 0;
	}

.textpic {
	float: right;
	width: 17.05em;
	margin: 0 0 .8em 0;
	}

.picfoot {
	width: 11em;
	font-family: Arial, "Arial", sans-serif;
	font-size: .9em;
	line-height: .8em;
	}

#infoside {
	float: left;
	width: 16em;
	padding: 0 0 0 .8em;
	margin: 0 0 1.6em 0;
	border-width: 0 0 0 .1em;
	border-style: dotted;
	border-color: #888;
	}

#infoside p {
	margin: 0;
	padding: 0;
	}

#infoside a {
	text-decoration: underline;
	}

#infoside a.especial {
        text-decoration: none;
}

#infoside a.especial:hover {
	text-decoration: underline;
}


#colone {
	float: left;
	width: 25em;
	margin: 0 1.6em 0 0;
	}

#coltwo {
	float: left;
	width: 25em;
	margin: 0 1.6em 0 0;
	}

#colthree {
	float: left;
	width: 25em;
	margin: 0 1.6em 0 0;
	}

#colfour {
	float: left;
	width: 25em;
	margin: 0;
	}

.newzbit {
	margin: 0 0 .8em 0;
	padding: 0 0 .8em 0;
	border-width: 0 0 .1em 0;
	border-style: dotted;
	border-color: #888;
	}

.newzbit a {
	font-size: 1.2em;
	}

#selector, #selectlogo {
	margin: .4em 0 .8em 0;
	width: 51.9em;
	height: 7.05em;
	overflow: hidden;
	}

#selectlogo {
	border-width: .1em 0 .1em 0;
	border-style: solid;
	border-color: #888;
	overflow: hidden;
	}

.selectorlogo {
	float: left;
	margin: 0 0 .8em 0;
	width: 9.62em;
	height: 7.05em;
	border-width: 0 .1em 0 0;
	border-style: solid;
	border-color: #fff;
	overflow: hidden;
	}

.selectorbox {
	float: left;
	margin: 0 0 .8em 0;
	width: 9.62em;
	height: 7.05em;
	border-width: 0 .1em 0 0;
	border-style: solid;
	border-color: #fff;
	overflow: hidden;
}

.selectorboxtrans {
	opacity: .5;
	filter: alpha(opacity=40);
	-moz-opacity: .5;
	-khtml-opacity: .5;
}

.selectorbox a {
	display: block;
	position: relative;
	top: 5em;
	left: 0;
	padding: .3em 0 0 .3em;
	height: 1.75em;
	color: #fff;
	background-color: #888;
	/*font-style: italic;*/
}

.selectorbox a:hover {
	text-decoration: none;
	background-color: #444;
}

.selectorbox:hover {
	opacity: 1;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
}

.selectorlogo {

	}

.selectorbox1 a,
.selectorbox2 a,
.selectorbox3 a,
.selectorbox4 a,
.selectorbox5 a,
.selectorbox11 a,
.selectorbox12 a,
.selectorbox13 a {
	display: block;
	position: relative;
	top: 5em;
	left: 0;
	padding: .3em 0 0 .3em;
	height: 1.75em;
	color: #fff;
	background-color: #888;
	font-style: italic;
	}

.selectorbox1 a:hover,
.selectorbox2 a:hover,
.selectorbox3 a:hover,
.selectorbox4 a:hover,
.selectorbox5 a:hover,
.selectorbox11 a:hover,
.selectorbox12 a:hover,
.selectorbox13 a:hover {
	text-decoration: none;
	background-color: #444;
	}

.selectorbox1:hover,
.selectorbox2:hover,
.selectorbox3:hover,
.selectorbox4:hover,
.selectorbox5:hover,
.selectorbox11:hover,
.selectorbox12:hover,
.selectorbox13:hover {
	opacity: 1;
	filter: alpha(opacity=10);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	}

.selectornav {
	float: left;
	width: 1.74em;
	height: 100%;
	text-align: center;
	background-color: #e4e4e2;
	}

#picbox {
	width: 51.8em;
	height: 22.7em;
	margin: 0 0 .8em 0;
	border: 1px solid #888;
	background: url('') no-repeat center 0 transparent;
	}

#swfbox {
	width: 51.7em;
	margin: 0 0 .8em 0;
	border: 1px solid #ddd;
	}

#mapbox_localizador {
	width: 51.7em;
	height: 22.7em;
	margin: .4em 0 .8em 0;
	border: 1px solid #ddd;
	}

#facebox {
	float: left;
	width: 0px;
	height: 450px;
	margin: .4em .8em .6em 0;
	border: 1px solid #888;
	display:none;
	overflow:hidden;
	position:relative;

}
#facebox img {
	positon:absolute;

}

#controls {
	float: left;
	margin: .4em 0 0 0;
	width: 48em;
}

#controlsInicial {
	float: left;
    display: none;
	margin: 0.2em 0 0 0;
	width: 52em;
}

#controls h2 {
	font-size: 1.2em;
	margin-bottom: .5em;
}

#controls p {
	margin-bottom: 1em;
	}

#selectlens {
	margin: 0 0 .8em 0;
	width: 44.65em;
	height: 5.4em;
	overflow: hidden;

}
#cSelectlens, #faceactions {
	display:none;
}

#lenscontrols {
	margin: 0;
	width: 24.65em;
	display:none;

}
#picselbox {
	float: left;
	width: 2em;
	height: 5.5em;
	margin: 2em .5em 0 0;
	padding: .4em .4em .2em .3em;
	border: .1em solid #ddd;
	cursor:pointer;

}

#picselface {
	margin: 0 0 .9em 0;
	text-align: center;
}

#picselgafa {
	text-align: center;
}



.selectlensbox {
	float: left;
	margin: 0 0 .8em 0;
	width: 7em;
	height: 7.05em;
	border-width: 0 .1em 0 0;
	border-style: solid;
	border-color: #fff;
	overflow: hidden;
	}

.selectlensnav {
	float: left;
	width: 1.73em;
	height: 100%;
	text-align: center;
	background-color: #e4e4e2;
	}

#midbar .selectlensnav img {
	margin: 2em 0 0 0;
	}


.facesave, .facesend {
	display: block;
	padding: 0 0 0 2.5em;
	margin: 0 0 .5em 0;
	width: 10em;
	font-family: Arial, "Arial", sans-serif;
	text-decoration: underline;
	}

#sectionmenu a.facesave {
	background: url('../img/icon_save.png') no-repeat left top transparent;
	padding-left:24px;

}

#sectionmenu a.facesend {
	background: url('../img/icon_email.png') no-repeat left top transparent;
	padding-left:24px;
}

ul.shoplist {
	margin: 0;
	font-family: Arial, "Arial", sans-serif;
	}

#fromAddress {
	margin: .2em 0 0 0;
	padding: .2em .5em;
	width: 100px;
	border: 0;
	color: #888;
	background: url('../img/searchbox.png') no-repeat left top transparent;
	}

#route img {
	padding: 0 0 .2em 0;
	margin: 0 0 0 1em;
	vertical-align: middle;
	}

#routedetails {
	margin: 1em 0 0 0;
	padding: 0 0 0 2.5em;
	font-family: Arial, "Arial", sans-serif;
	}

#cellz {
	margin: .8em 0 0 0;
	}

.cellpic {
	width: 150px;
	height: 150px;
	float: left;
	line-height: 148px;
	margin: 0 1.2em .7em 0;
	text-align: center;
}

.cellpic img {    /*hidden from IE 5-6 */
	margin-top: 0; /* to clean up, just in case IE later supports valign! */
	vertical-align: middle;
}

.cellpic img {
	margin-top: expression(( 150 - this.height ) / 2);
}

/* FORMULARIO */
fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

.formulario {
	margin: 2em 0;
	padding: 2em 2em 2em 2em;
	width: 30em;
	border: .1em solid #e2e2e4;
	}

.encuestas {
	width: 40em;
}

.aceptocondiciones {
	margin: 2em 0;
	padding: .5em;
	width: 28em;
	border: .1em dotted #e2e2e4;
	font-style: italic;
	text-align:justify;
}

.formline {
	margin-bottom: .5em;
}

.formCuarto {
	float: left;
	text-align: center;
	width: 24%;
}

#actionside .formulario .send {
	margin: .5em 0 0 0;
	width: 29em;
	text-align: right;
	}

#actionside .formulario .labl {
	float: left;
	/*width: 12em;*/
	}

#actionside .formulario .lablred {
	color: #800;
	}

#actionside .formulario .field50 {
	float: left;
	#width: 15em;
	width: 50%;
	}

#actionside .formulario .field {
	float: left;
}

#actionside .formulario .field input[type=text],
#actionside .formulario .field select {
	width: 18em;
	}

#actionside .formulario textarea {
	margin-top: 1em;
	width: 28em;
	min-height: 6em;
	font-family: Arial, "Arial", sans-serif;
	font-size: 1em;
	color: #888;
	border: 1px solid #e2e2e4;
	}

#actionside .listaCitas {
	margin-bottom: 5px;
	clear: both;
	overflow: hidden;
}

#actionside .citaTitulo span {
	font-weight: bold;
}

#actionside .citaPasada span {
    color: #800;
}

#actionside .citaFutura span {
    color: #008;
}

#actionside .listaCitas div {
	float: left;
}

#actionside .listaCitas .citaFecha {
	width: 80px;
}

#actionside .listaCitas .citaHora {
    width: 50px;
}

#actionside .listaCitas .citaOptica {
    width: 125px;
}

#actionside .listaCitas .citaTipo {
    width: 125px;
}
/* FORMULARIO */


.hseparator {
	width: 96.5%;
	height: .1em;
	margin: .8em 0;
	border-width: .1em 0 0 0;
	border-style: dotted;
	border-color: #888;
	}

.clearboth {
	clear: both;
	height: 0;
	margin: 0;
	padding: 0;
	}

.zeromargin {
	margin: 0;
	}

.zeropadding {
	padding: 0;
	}

.zeroborder {
	border: 0;
	}

.oculto {
	display: none;
}

.align_center {
	text-align: center;
}

.align_right {
    text-align: right;
}

.pointer {
	cursor: pointer;
}

.ocultarflecha {
	height: 0px;
}

/* PARA LOS SCROLL CON FLECHAS */
div.scrollflecha {
	position: relative;
	overflow: hidden;
	float: left;
}

div.scrollflecha div.itemsscrollflecha {
	width: 20000em;
	position: absolute;
	clear: both;
}

div.scrollflecha div.itemsscrollflecha div {
    float:left;
}

/* PARA HACER EL SCROLL DEL METANAVEGADOR */
div.scrollmetabar {
    width:899px;
    height:18em;
}

/* PARA HACER EL SCROLL DEL MENU CENTRAL DE LA HOME */
div.scrollhomecen {
    width:900px;
    height:12.5em;
}

/* PARA HACER EL SCROLL DEL MENU INFERIOR DE LA HOME */
div.scrollhomeinf {
    width:900px;
    height:12.5em;
}

/* PARA HACER EL SCROLL DEL MENU DE OFERTAS */
div.scrollmenuofer {
    width:900px;
    height:7em;
}

/* PARA HACER EL SCROLL DEL MENU DE SUBCATEGORIAS DE PRODUCTOS */
div.scrollsubcat {
    width:48.1em;
    height:7.05em;
}

/* PARA HACER EL SCROLL DEL MENU DE SUBCATEGORIAS DE PRODUCTOS */
div.scrolljueinf {
    width:48.1em;
    height:7.05em;
}

#scrollLens {
	width:45.5em;
	overflow:hidden;
	height:5.5em;

}

#controlsFinal {
	width:45em;
	display:none;
}

#scrollLens .cItemsscrollLens {
	height:5.5em;
	width:41.3em;
	float:left;
	overflow:hidden;
	float:left;
	position:relative;
}
#scrollLens .itemsscrollLens {
	float:left;
	position:absolute;
	clear:both;
	width: 20000em;
}
#scrollLens .sidenav {
	height:100%;
	text-align:center;
	width:1.9em;
	float:left;
}
#scrollLens .sidenav img {
	margin: 2em 0.5em 1.5em 0.5em;
}

.gafamuestra {
	cursor:pointer;
}

#gafaPuesta {
	display:none;
	position:absolute;
	z-index:10000;
}

#dSubirFoto {
	width:20em;
	line-height:1.6em;
	padding:0.8em;
	border:1px dotted #ccc;
}

#dWebcam {
	width:22em;
	line-height:1.6em;
	display:none;
}

#iframe_upload_wc {
	display:none;
}

#sacarFoto {
	width:24.8em;
	float:right;
	line-height:1.6em;
	margin-right:1em;
	margin-bottom:1em;
	border:1px dotted #ccc;
	padding:0.8em;
}
.probador_center {
	text-align:center;
	margin-top:2em;
}

#idCam {
	cursor:pointer;
}

#fUploadProgress {
	display:none;

}

.loading {
	font-size:1.4em;
	padding:0.4em 0;
	background:#000;
	color:#fff;
	font-weight:bold;
}


#fSubida {
	position:absolute;
	top:0px;
	left:0px;
	z-index:500;
	cursor:move;
}

.fAccs {
	position:absolute;
	top:0px;
	left:0px;
	z-index:501;
	cursor:pointer;
}

#FaceZoomOut {
	top:30.5em;
	left:42em;
}

#FaceZoomIn {
	top:30.5em;
	left:38em;
}

#fMoveup {
	top:0.3em;
	left:22em;
}

#fMovedown {
	top:30.5em;
	left:22em;
}

#fMoveright {
	top:16em;
	left:42em;
}

#fMoveleft {
	top:16em;
	left:0.3em;
}

#ffaceSel {
	top:0.3em;
	left:0.3em;
}

#fgafaSel {
	top:.3em;
	left:4em;
}

#noGafa.fAccs {
	top:.3em;
	left:4em;
	z-index:505;
}

.rots {
	display:none;
}


#scrollLens img.selected {
	background:#ccc;
}


#controlsFinal,#opcionesFinal {
	width:600px;
	display:none;
	text-size:0.8em;
}

#opcionesFinal span {
	display:none;
}


#showControls {
	cursor:pointer;
	margin-right:2em;
}

#opcionesFinal img, #showControls img {
	margin-right:0.5em;
	margin-left:1.5em;
	margin-top:0.7em;
}

#opcionesFinal span, #showControls span {
	cursor:pointer;
}

#donePic {
	cursor:pointer;
}

#guardarImagen a,#guardarImagen a:hover, #linkImagen a,#linkImagen a:hover {
	outline:0;
	display: inline;
	color: black;
	margin: 0;
	padding: 0;
	background:none;
	text-decoration: none;
}

#valueFechaCitaFestivo {
	display:none;
	border:1px solid #eee;
	cursor:pointer;
	padding:3px;
}

#valueFechaCitaFestivo span {
	margin-right:4px;
}

#fCitaprevia select#opticasActivas {
	width:24em;
}

#fCitaprevia div.field p {
	margin:3px;
}
#fCitaprevia div.field p label.cp_fijo {
	display:block;
}

#cp_Confirmar {
	margin-top:10px;
}

div.ferror {
	font-size: 1.5em;
	line-height: 1.2;
	color: #fa0;
}

div.ferror label.lab {
	padding: .5em;
	width:100%;
	color:#fa0;
}

#cp_loading img {
	margin-right:3px;
}

#cp_pasofinal {
	font-size:1.2em;
}

#cp_listadoOpticasHoras p {
	display:none;

}

.extraheight {
	line-height: 2em;
}


#fLogin {
	display:none;
}

.iframe_encuesta {
	width:590px;
	border:0px;
	height:1670px;

}

#fDatosPersonales .field {
	width:100%;
}

.editFormLine {
	background:#eee url('../img/editform.png') no-repeat 98% center;
	cursor:pointer;
}
.userzone {
	text-align:center;
}
.userprem { /*!!!*/
	font-size: 2em;
	line-height: 1.2;
	}

.userprem strong { /*!!!*/
	color: #fa0;
	}


.xcheque { /*!!!*/
	margin: 1em auto;
	width: auto;
	padding: 0 .2em;
	height: 20px;
	color: #fff;
	text-align: center;
	background: url('../img/bg_shopbuy.png') repeat-x left top #222;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

.xcheque a { /*!!!*/
	color: #ddd;
	}

div#linkacita {
	text-align: center;
}

div.lostcard, #viewconditions, div#linkacita { /*!!!*/
	margin-top: 2em;
	font-size: 1.1em;
}

div.lostcard a, div#linkacita a, #viewconditions a, div.lostcard span.info { /*!!!*/
	color: #fa0;
	font-weight: bold;
}

#conditionsinfo {
    text-align: left;
}

/* POPUP */
#popupclub {
    display: none;
    position: fixed;
    left: 0%;
    top: 0%;
    width: 100%;
    height: 100%;
	background-color: transparent;
/*
	opacity: .5;
    filter: alpha(opacity=50);
    -moz-opacity: .5;
    -khtml-opacity: .5;
*/
    z-index:1000;
}

.userpopup { /*!!!*/
	border: .01em solid #e2e2e4;
    background-color: #eee;
}

.userpopup p { /*!!!*/
	margin: 1em;
	font-size: 1.1em;
}

.userpopup p.error {
	color: #a00;
	font-weight: bold;
}

.userpopup label {
	display: block;
}

.userpopup a,
.userpopup input.boton { /*!!!*/
	padding: .1em .8em;
	color: #fff;
	font-weight: bold;
	background-color: #222;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

.userpopup a:hover { /*!!!*/
	text-decoration: none;
	background-color: #fb0;
}
