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

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

body#premium {
	background-color: #060679;	
	}

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

a:hover {
	color: #88a;
	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: .8em 0 0 0;
	text-align: left;
	width: 75.2em;
	overflow: auto;
	border-width: 0 .01em .01em;
	border-style: solid;
	border-color: #aba;
	background-color: #fff;
	/* background: url('') repeat-y top left transparent; */

    }

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

#menubar {
	margin: 0 auto .6em auto; /* alt side margin: 3.9em */
	color: #bbc;
	padding: 0 0 0 0;
	width: 70.4em;
	height: 2em;
	}

#menubar a {
	color: #558;
	letter-spacing: .02em;
	padding: 0 .3em;
	}

#menubar a:hover {

	}

#mainmenu1 {
	float: left;
	margin: .2em 0 0 0;
	width: 55em;
	}

#mainmenu2 {
	float: left;
	margin: .2em 0 0 0;
	width: 15.4em;
	text-align: right;
	}

#mainmenu1 a:first-child {	
	padding: 0 .5em 0 0;
	}

#mainmenu2 a {
	/* /* font-family: Georgia, "Georgia", serif; */ */
	font-size: .95em;
	font-style: normal;
	color: #889;
	}

#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;
	}

#content #topbar {
	height: 12.5em;
	}

/* 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 */

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

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

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

#home #topbar #pages a, #sectionbox #picbox #pages a {
	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;
	}



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

#home #infobar {
	height: 12.5em;	
	}

#content #infobar {
	height: 5.9em;
	}

#premium #infobar {
	margin: 0 auto .8em auto;
	padding: 0;
	width: 70.4em;
	overflow: hidden;
	}

#premium #infobar {
	height: 12.5em;		
	}

.infobox { /* s—lo en #premium #infobar */
	float: left;
	margin: 0 .8em 0 0;
	width: 22.92em; /* 22.93em */
	background-color: #d00;
	}

#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: .01em 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 2em 0;
	height: 6em;
	text-align: center;
	border-width: .01em 0 0 0;
	border-style: dotted;
	border-color: #aba;
	background-color: #e2e4e2;
	overflow: hidden;
	}

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

#bottombar .copy {
	/* /* font-family: Georgia, "Georgia", serif; */ */
	}

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

#home #infobar .sidenav img, #premium #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: Georgia, "Georgia", serif; */
	border-width: 0 .01em 0 0;
	border-style: dotted;
	border-color: #aba;
	}

.fuzzbox h2 {
	margin: 0 .8em .4em .6em;
	font-family: Helvetica, "Helvetica", Arial, "Arial", sans-serif;
	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 .01em 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: Georgia, "Georgia", serif; */
	}

#sectionbar {
	margin: 0 auto;
	padding: .8em 0;
	width: 70.4em;
	border-width: .01em 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 .01em 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: Georgia, "Georgia", 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;	
	}
	
#sectionbox {
	margin: 0 auto;
	width: 70.4em;
	}

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

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

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

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

/*
#textside p {
	width: 33em;
	margin: 0 0 .8em 0;
	}
*/

.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: Georgia, "Georgia", 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 .01em;
	border-style: dotted;
	border-color: #888;
	}

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

#infoside a {
	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 .01em 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: .01em 0 .01em 0;
	border-style: solid;
	border-color: #888;	
	overflow: hidden;
	}

.selectorbox1,
.selectorbox2,
.selectorbox3,
.selectorbox4,
.selectorbox5,
.selectorbox6,
.selectorbox7,
.selectorbox8,
.selectorbox9,
.selectorbox10,
.selectorbox11,
.selectorbox12,
.selectorbox13,
.selectorlogo {
	float: left;
	margin: 0 0 .8em 0;
	width: 9.62em;
	height: 7.05em;
	border-width: 0 .01em 0 0;
	border-style: solid;
	border-color: #fff;
	overflow: hidden; 
	}

.selectorbox1 {
	background: url('../img/selector_box1.jpg') center 0 #444;
	}

.selectorbox2 {
	opacity: .5;
	filter: alpha(opacity=5);
	-moz-opacity: .5;
	-khtml-opacity: .5;
	background: url('../img/selector_box2.jpg') center 0 #444;
	}

.selectorbox3 {
	opacity: .5;
	filter: alpha(opacity=5);
	-moz-opacity: .5;
	-khtml-opacity: .5;
	background: url('../img/selector_box3.jpg') center 0 #444;
	}

.selectorbox4 {
	opacity: .5;
	filter: alpha(opacity=5);
	-moz-opacity: .5;
	-khtml-opacity: .5;
	background: url('../img/selector_box4.jpg') center 0 #444;
	}

.selectorbox5 {
	opacity: .5;
	filter: alpha(opacity=5);
	-moz-opacity: .5;
	-khtml-opacity: .5;
	background: url('../img/selector_box5.jpg') center 0 #444;
	}

.selectorbox11 {
	opacity: 1;
	filter: alpha(opacity=10);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	background: url('../img/selector_box11.jpg') center 0 #444;
	}

.selectorbox12 {
	opacity: .5;
	filter: alpha(opacity=5);
	-moz-opacity: .5;
	-khtml-opacity: .5;
	background: url('../img/selector_box12.jpg') center 0 #444;
	}

.selectorbox13 {
	opacity: .5;
	filter: alpha(opacity=5);
	-moz-opacity: .5;
	-khtml-opacity: .5;
	background: url('../img/selector_box13.jpg') center 0 #444;
	}

.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('../img/photo.jpg') 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: 26em;
	height: 34.8em;
	margin: .4em .8em 1.6em 0;
	border: 1px solid #888;
	background: url('../img/face.jpg') center 0 transparent;
	}

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

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

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

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

#lenscontrols {
	margin: 0;
	width: 24.65em;
	}

#zoombox {
	float: left;
	width: 2em;
	height: 4em;
	margin: 0 .5em 0 0;
	padding: .4em 0 .2em 0;
	border: .01em solid #ddd;
	}

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

#zoom-out {
	text-align: center;	
	}

#arrowbox {
	float: left;
	width: 5em;
	height: 4em;
	padding: .4em 0 .2em 0;
	border: .01em solid #ddd;
	}


#arr-up {
	height: 1.2em;
	text-align: center;
	}

#arr-left {
	float: left;
	height: 1.2em;
	width: 50%;
	text-align: center;
	}

#arr-right {
	float: left;
	height: 1.2em;
	width: 50%;
	text-align: center;
	}

#arr-down {
	text-align: center;
	}

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

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

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

#faceactions {

	}

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

.facesave {
	background: url('../img/icon_save.png') no-repeat left top transparent;	
	}

.facesend {
	background: url('../img/icon_email.png') no-repeat left top transparent;	
	}

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

#route input {
	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: Georgia, "Georgia", serif; */
	}

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

.cellpic {
	float: left;
	margin: 0 .7em .7em 0;	
	}

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

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

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

.ferror {
	border: 1px dotted red;
	padding: .2em;
	width: 18em;
}

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

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

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

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

#actionside .formulario .field input,
#actionside .formulario .field select {
	width: 18em;
	}

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

	
/* */

.hseparator {
	width: 96.5%;
	height: .01em;
	margin: .8em 0;
	border-width: .01em 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;
	}

.bgred {
	background-color: #e00;
	}

.bgyellow {
	background-color: #f90;	
	}

.bgblue {
	background-color: #00f;
	}

.bggreen {
	background-color: #090;
	}

/* DAVID */
.oculto {
	display: none;
}

.pointer {
	cursor: pointer;
}

.ocultarflecha {
	height: 0px;
}

.number_select {
	font-weight: bold;
}

/* 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 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;
}


#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;
}


#fCitaprevia div.ferror {
        border: 2px dotted red;
        height:auto;
        padding-top:1.4em;
        text-align:center;
        background-color:#995555;
}

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

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

#cp_listadoOpticasHoras p {
        display:none;

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

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