@charset "utf-8";
/* CSS  */

img
{
    border: 0px;
}

.right
{
    float: right;
}

img.right
{
    margin-left: 10px;
    margin-bottom: 5px;
}

.left
{
    float: left;
}

img.left
{
    margin-right: 10px;
    margin-bottom: 5px;
}

p
{
    margin-top: 0px;
    line-height: 1.5em;
}

ul li
{
    text-align: left;
}

a:link, a:visited
{
    color: #e2001a;
}

a:hover
{
    color: #738189;
}


.index
{
    padding-left: 8px;
    padding-top: 8px;
}

body
{
    margin: 0px;
    padding: 0px;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    /*background-image: url(../../img/skin_vistasi.jpg) !important;
    background-repeat: no-repeat;
    background-position: top center;*/
}

h1
{
    font-size: 15px;
}

.note
{
    padding-top: 8px;
    font-size: 10px;
    padding-bottom: 5px;
}

#container
{
    margin-left: auto;
    margin-right: auto;
    padding: 0px;
    border: 0px;
    text-align: left;
    width: 960px;
}

#header
{
    background: url(../_img/top.png) top left no-repeat;
    height: 84px;
    margin: 10px 0px;
    padding: 0;
}

#divIcone
{
    float: right;
    padding-top: 85px;
    padding-right: 0px;
    width: 550px;
    text-align: right;
}

#divIcone img
{
    padding-right: 20px;
}

.logo
{
    padding: 10px 0 0 20px;
}

#header h1
{
    width: 290px;
    height: 84px;
    text-indent: -9999px;
}

#header h1 a
{
    display: block;
    width: 290px;
    height: 84px;
}

/*menu*/
ul#nav,
ul#nav ul
{
    margin: 0;
    padding: 0;
    list-style: none;
}

ul#nav
{
    position: relative;
    z-index: 100;
    width: 960px;
    height: 49px;
    margin-bottom: 10px;
    background: transparent url(../_img/menu.png) repeat scroll 0 0;
}

ul#nav > li,
ul#nav > li > a
{
    display: block;
    height: 49px;
}

ul#nav > li
{
    position: absolute;
    z-index: 100;
    text-indent: -9999px;
}

ul#nav ul
{
    position: absolute;
    top: 49px;
    left: -9999px;
    width: 175px;
    padding: 5px;
    background-color: #738189;
}

ul#nav ul li
{
    position: relative;
    line-height: 20px;
}

ul#nav ul li a:link,
ul#nav ul li a:visited
{
    display: block;
    padding: 5px;
    color: #fff;
    text-decoration: none;
    text-indent: 0;
}

ul#nav ul li a:link,
ul#nav ul li a:visited
{
    border: 1px solid #738189;
}

ul#nav ul li a:hover,
ul#nav ul li a:focus
{
    border: 1px solid #fff;
}

ul#nav ul li a.haschilds
{
    background: transparent url(../_img/menu-arrow.png) no-repeat 95% 50%;
}

ul#nav ul li a.haschilds:hover,
ul#nav ul li a.haschilds:focus
{
    background: transparent url(../_img/menu-arrow-hover.png) no-repeat 95% 50%;
}

ul#nav ul ul,
ul#nav ul ul ul
{
    top: 0;
    margin-left: -9999px;
}

ul#nav li:hover ul
{
    left: auto;
}

ul#nav ul li:hover > ul
{
    margin-left: 175px;
}

#mn1
{
    left: 0;
    width: 171px;
}

#mn2
{
    left: 173px;
    width: 127px;
}

#mn3
{
    left: 302px;
    width: 129px;
}

#mn4
{
    left: 433px;
    width: 185px;
}

#mn5
{
    left: 620px;
    width: 168px;
}

#mn6
{
    left: 790px;
    width: 170px;
}

#mn1 > a:hover, body#index #mn1
{
    background: transparent url(../_img/menu.png) no-repeat scroll 0 -79px;
}

#mn2 > a:hover, body#chiSiamo #mn2, body#percheDaNoiRisparmiSempre #mn2
{
    background: transparent url(../_img/menu.png) no-repeat scroll -173px -79px;
}

#mn3 > a:hover, body#difettiVisivi #mn3
{
    background: transparent url(../_img/menu.png) no-repeat scroll -302px -79px;
}

#mn4 > a:hover, body#nostriProdotti #mn4, body#proposteModaSole #mn4, body#proposteModa #mn4, body#grandiFirmeSole #mn4, body#grandiFirme #mn4, body#lentiaContatto #mn4
{
    background: transparent url(../_img/menu.png) no-repeat scroll -433px -79px;
}

#mn5 > a:hover, body#trovaNegozio #mn5
{
    background: transparent url(../_img/menu.png) no-repeat scroll -620px -79px;
}

#mn6 > a:hover, body#parlaConNoi #mn6
{
    background: transparent url(../_img/menu.png) no-repeat scroll -790px -79px;
}

#percheRisparmi
{
    z-index: -1;
    position: absolute;
    top: 550px;
}

#megacontent
{
}

#sidebar
{
    padding-top: 0px;
    float: left;
    height: 456px;
}

#sidebar img
{
    padding-bottom: 5px;
}
/* Side Menu */
#sidemenu
{
    padding: 0px 0px 0px 0px;
    margin: 0px;
    text-align: left;
    width: 192px;
    text-transform: none;
    font-size: 16px;
    font-weight: bold;
    background: #ededee url(../_img/bt.jpg) top right repeat-y;
    z-index: 100;
}

#sidemenu ul
{
    list-style: none;
    margin: 0;
    padding: 0;
    border: none;
}

#sidemenu ul li
{
    margin: 0;
    padding: 0;
}

#sidemenu ul li a
{
    display: block;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #b0aeae;
    padding: 29px 0px 0px 10px;
    text-decoration: none;
    color: #0091d5;
    height: 50px;
    text-transform: capitalize;
}

#sidemenu ul li a:hover, #sidemenu ul li a:focus
{
    color: #fff;
    background: #0091d5;
}

#sidemenu .active
{
    color: #CC0000;
    font-weight: bold;
    border-left: 1px solid #000066;
}

#sidemenu .rosso
{
    background: url(frontEndImg/bg_menu.jpg) bottom repeat-x #CC0000;
    font-weight: bold;
    color: #fff;
    text-align: right;
    padding-right: 10px;
}
/*fine sidemenu*/

.console_ricerca
{
    border: 1px solid #ccc;
    padding: 0px 10px 20px 10px;
    background: #FFFFFF;
}
/*menu accordion*/
.arrowlistmenu
{
    background: #EDEDEE url(../_img/bt.jpg) repeat-y scroll right top;
    font-weight: bold;
    margin: 0;
    padding: 0;
    text-align: left;
    text-transform: none;
    width: 192px;
    z-index: 100;
    /* width: 0px; width of accordion menu*/
}

.arrowlistmenu h2
{
    padding-top: 0px;
    margin-top: 0px;
    font-size: 16px;
}

.arrowlistmenu h2 a:link, .arrowlistmenu h2 a:visited
{
    border-bottom: 1px solid #B0AEAE;
    color: #0091D5;
    display: block;
    height: 50px;
    padding: 29px 0 0 10px;
    text-decoration: none;
    text-transform: capitalize;
}

.arrowlistmenu h2 a:hover
{
    color: #000;
}

body#oftalmiche .arrowlistmenu h2#sidebarOftalmiche a:link, body#oftalmiche .arrowlistmenu h2#sidebarOftalmiche a:visited
{
    border-bottom: 1px solid #B0AEAE;
    color: #fff;
    display: block;
    height: 50px;
    padding: 29px 0 0 10px;
    text-decoration: none;
    text-transform: capitalize;
}

body#oftalmiche .arrowlistmenu h2#sidebarOftalmiche a:hover
{
    color: #fff;
}

body#oftalmiche #sidebarOftalmiche
{ /*CSS class to apply to expandable header when it's expanded*/
    background-color: #0091D5;
}

.arrowlistmenu h2.openheader a:link, .arrowlistmenu h2.openheader a:visited
{
    color: #FFFFFF;
}

.arrowlistmenu .tit
{
    font-weight: bold;
}

.arrowlistmenu .menuheader
{ /*CSS class for menu headers in general (expanding or not!)*/
    font: bold;
    color: #A70303;
    background-color: none; /*#FBEED0*/
    margin-bottom: 1px; /*bottom spacing between header and rest of content*/
    padding: 0px 0px 0px 0px; /* header text is indented 10px*/
    cursor: pointer;
}

.tit
{
    font-weight: bold;
}

.arrowlistmenu .openheader
{ /*CSS class to apply to expandable header when it's expanded*/
    background-color: #0091D5;
}

.arrowlistmenu ul
{ /*CSS for UL of each sub menu*/
    background: #FFFFFF;
    list-style-type: none;
    margin: 0;
    padding: 0;
    margin-bottom: 1px; /*bottom spacing between each UL and rest of content*/
    margin-top: 1px;
    padding-bottom: 2px;
    padding-top: 1px;
}

.arrowlistmenu ul li
{
    padding-bottom: 0px; /*bottom spacing between menu items*/
    padding-top: 0px;
    margin-bottom: 2px;
    margin-top: 1px;
    /*border-bottom:1px dotted #FBEED0;*/
}

.arrowlistmenu ul li.arancio
{
    background: #ea7c03;
}

.arrowlistmenu ul li.rosso
{
    background: #e5342e;
}

.arrowlistmenu ul li.lilla
{
    background: #b36ea7;
}

.arrowlistmenu ul li.azzurro
{
    background: #3aaadc;
}

.arrowlistmenu ul li a
{
    background: url(../_img/bgSubMenu.jpg) repeat-y center left; /* custom bullet list image*/
    display: block;
    padding: 6px 0px 6px 0px;
    padding-left: 9px; /*link text is indented 19px*/
    text-decoration: none;
    font-weight: bold;
    /*border-bottom: 1px dashed #ECC76F;*/
    font-size: 12px;
    color: #fff;
    width: 180px;
}

.arrowlistmenu ul li a:visited
{
    color: #fff;
}

.arrowlistmenu ul li a:hover
{ /*hover state CSS*/
    background: url(../_img/bgSubMenu_hover.jpg) repeat-y center left;
    color: #333333;
}
/*fine menu accordion*/

/*start footer*/
#footer
{
    background: #a4b3bb;
    text-align: left;
    padding: 5px 10px;
    border-top: 10px solid #fff;
    color: #fff;
    line-height: 33px;
}

#footer p
{
    padding-top: 7px;
    margin-left: 0px;
}

#footer ul
{
    list-style: none;
    border: none;
    display: inline;
    padding-left: 0px;
    margin-left: 0px;
}

#footer ul li
{
    margin: 0;
    padding: 0px 7px;
    display: inline;
    border-right: 1px solid #fff;
}

#footer ul li.lastLi
{
    border-right: 0px;
}

#footer ul li a
{
    padding: 7px 0px 0px 0px;
    text-decoration: none;
    color: #fff;
}

#footer ul li a:hover, #footer ul li a:focus
{
    color: #fff;
    text-decoration: underline;
}

#footer .active
{
    color: #CC0000;
    font-weight: bold;
    border-left: 1px solid #000066;
}
/*end footer*/

#content
{
    float: right;
    width: 785px;
    padding-top: 0px;
    padding-right: 0px;
}



#headerMarche
{
    margin-bottom: 13px;
}
/*start layout linea prodotto*/
#swfLinea
{
    width: 513px;
    height: 446px;
    float: right;
    z-index: 1;
    background: url(../_img/dispositivomedico_ce.jpg) bottom right no-repeat;
}

#colonnaLineaOcchiali
{
    width: 245px;
    float: left;
}

#logoOcchiali
{
    background: url(../_img/sf_logoOcchiali.jpg);
    height: 60px;
    text-align: center;
}

#descrizioneOcchiali
{
    background: url(../_img/sf_descrizioneOcchiali.jpg) top left repeat;
    height: 181px;
    margin-top: 2px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    font-size: 14px;
    line-height: 1.5em;
}

#boxPrezzo
{
    display: none;
    /**/
    background-color: #e52425;
    height: 187px;
    margin-top: 2px;
    color: #FFFFFF;
    text-align: center;
}

.bloccoPrezzoLinea
{
    background: #78af20;
    text-align: center;
}

.testoPrezzo
{
    color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    text-align: center;
    display: block;
    padding: 8px 8px 8px 8px;
    font-weight: bolder;
}

#prezzoVecchio
{
    height: 53px;
    width: 125px;
    float: left;
    font-size: 30px;
    padding-top: 15px;
    text-decoration: line-through;
}

#vantaggio
{
    height: 43px;
    width: 124px;
    border-left: 1px dashed #fff;
    float: right;
    padding-top: 25px;
}

#prezzoNuovo
{
    float: left;
    display: block;
    width: 100%;
    font-size: 20px;
    border-top: 1px dashed #fff;
    border-bottom: 1px dashed #fff;
    margin-top: 5px;
    padding-top: 7px;
    margin-bottom: 7px;
    color: #FFFFFF;
}

.big
{
    font-size: 46px;
}

.boxTrovanegozio
{
    background: #0091D5;
    color: #fff;
    margin-top: 2px;
    text-align: center;
    padding: 5px;
}

/*body#trovaNegozio #content {
	background:url(../_img/trovaNeg.jpg) top left no-repeat; min-height:300px; display:block;}
*/
.boxTrovanegozio a.link, .boxTrovanegozio a:visited
{
    color: #FFFFFF;
}

.boxTrovanegozio a:hover
{
    color: #FFFFFF;
    text-decoration: none;
}

.risultatoRicerca
{
    background: #FFFFFF;
}

.consoleBottoni
{
    padding-top: 4px;
}
/*end layout linea prodotto*/

#boxlogin
{
    width: 217px;
    background: url(frontEndImg/bg_login.jpg) bottom left repeat-x;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-left: 10px;
    border: 1px solid #ccc;
}

#boxlogin dt
{
    float: left;
    line-height: 24px;
}

#boxlogin dd
{
    color: #666666;
    line-height: 24px;
    margin: 0 0 5px 70px;
}

fieldset
{
    border: 0px;
    clear: both;
    margin: 0 10px;
    padding: 0px 0px;
}

fieldset input, fieldset select, fieldset span
{
    font-size: 11px;
    padding: 1px 2px;
}

#divImg
{
    float: right;
    width: 220px;
}

div.breaker
{
    clear: both;
}
/*start layout scheda negozio*/
#provinciaD, #orariNegozioD, #serviziNegozioD, #TitoloOftalmiche, #TitoloRicerca, #Titolo
{
    display: block;
    font-weight: bold;
    font-size: 16px;
    padding-bottom: 10px;
    color: #e2001a;
    padding-top: 10px;
}

#provincia, #orariNegozio, #serviziNegozio
{
    display: block;
    font-weight: bold;
    font-size: 16px;
    padding-bottom: 10px;
    padding-left: 10px;
    color: #e2001a;
    padding-top: 10px;
    background: #FFFFFF;
}

.nomeProvincia
{
    font-weight: bold;
    display: block;
    background: url(../_img/logoCitta.png) top left no-repeat;
    padding-left: 35px;
    height: 30px;
    padding-top: 3px;
}

.nomeProvinciaGD
{
    display: block;
    font-weight: bold;
}

#bloccoNegozioGD
{
    margin-bottom: 5px;
    border-bottom: 1px dotted #acacac;
    padding-bottom: 10px;
    padding-top: 4px;
    padding-left: 10px;
    margin-left: 10px;
}

#bloccoNegozioGD a:link, #bloccoNegozioGD a:visited
{
    color: #333;
}

#bloccoNegozio
{
    margin-bottom: 5px;
    border-bottom: 1px dotted #acacac;
    background-color: #f9f9f9;
    margin-left: 10px;
    height: 80px;
    padding-bottom: 9px;
}

#bloccoNegozio a:link, #bloccoNegozio a:visited
{
    display: block;
    text-decoration: none;
    height: 100%;
    padding-left: 10px;
    padding-top: 9px;
    color: #333333;
}

#bloccoNegozio a:hover
{
    background: #ecebeb;
}

.testoCorner p
{
    padding-left: 10px;
    font-size: 12px;
    font-style: italic;
    color: #999999;
}
/*end layout scheda negozio*/


/*start layout dettaglio negozio*/
#cartinaDettaglioNegozio
{
    float: right;
    margin-bottom: 10px;
}

#indirizzoNegozioDettaglio
{
    font-weight: bold;
    font-size: 14px;
    padding-left: 10px;
    float: left;
    width: 300px;
}

.datiNegozio
{
    font-size: 12px;
    font-weight: normal;
    padding-bottom: 20px;
    border-bottom: 1px dotted;
    display: block;
    padding-top: 10px;
}

.datiNegozio img
{
    padding-right: 5px;
}

.noBorder
{
    border-bottom: 0px;
}

/*MAIN CLASSES*/

.innerContent {
    font-weight: bold;
    padding-left: 10px;
    width: 765px;
    overflow: hidden;
    padding-right: 10px;
}

/*end layout dettaglio negozio*/
#swfAnimo
{
    padding: 35px 0 0 30px;
    text-align: center;
    vertical-align: middle;
    float: right;
    background: #e1e1e2;
    width: 755px;
    height: 421px;
}

.linkOftalmiche ul li
{
    list-style-image: url(../../img/freccia.png);
    line-height: 20px;
    font-size: 14px;
}

.linkOftalmiche ul li a:link, .linkOftalmiche ul li a:visited
{
    text-decoration: none;
    color: #e2001a;
}

.linkOftalmiche ul li a:active, .linkOftalmiche ul li a:hover
{
    text-decoration: none;
    color: #738189;
}

#contentOftalmiche, #contentParlaconNoi
{
    font-weight: bold;
    padding-left: 10px;
    float: left;
    padding-right: 10px;
}

.TestoOftalmiche, .TestoParlaconNoi, .TestoLentiaContatto
{
    font-size: 13px;
    font-weight: normal;
    display: block;
    padding-top: 10px;
}

.oftalmicheTornaIndietro ul
{
    padding-left: 0;
    list-style: none;
}

.oftalmicheTornaIndietro ul li,
{
    text-decoration: none;
    color: #e2001a;
    font-size: 14px;
}

.oftalmicheTornaIndietro ul li a
{
    text-decoration: none;
    color: #e2001a;
}

.TestoOftalmiche ul li,
.TestoOftalmiche ol li
{
    font-size: 13px;
    font-weight: normal;
    padding-left: 0px;
    line-height: 1.5em;
}

.imgOftalmiche, .imgChisiamo
{
    float: right;
    margin: 0 0 20px 30px;
}

.bgTmp
{
    background: url(../../img/bgTmp.jpg)top right no-repeat;
}


/*start layout grandi Firme*/
#TitGrandiFirme
{
    display: block;
    font-weight: bold;
    font-size: 16px;
    color: #e2001a;
    padding-top: 20px;
    padding-bottom: 10px;
}

.boxTestoGrandiFirme
{
    font-weight: normal;
    padding-bottom: 20px;
    display: block;
    width: 750px;
}

.boxTestoGrandiFirme a:link, .boxTestoGrandiFirme a:visited
{
    text-decoration: none;
    color: #ff0000;
}

.boxTestoGrandiFirme a:hover
{
    text-decoration: underline;
}


.boxTestoProposteModa a:link, .boxTestoProposteModa a:visited
{
    text-decoration: none;
    color: #ff0000;
}

.boxTestoProposteModa a:hover
{
    text-decoration: underline;
}



#boxLoghiGrandiFirme
{
    float: right;
    width: 395px;
    padding-top: 20px;
}

#TitQualita
{
    display: block;
    font-weight: bold;
    font-size: 16px;
    color: #38abda;
    padding-bottom: 10px;
}
/*start layout Proposte Moda*/
.boxTestoProposteModa
{
    font-weight: normal;
    padding-bottom: 20px;
    display: block;
    width: 300px;
    line-height: 1,8em;
}

.titPosizioniAperte
{
    display: block;
    font-weight: bold;
    font-size: 13px;
    padding-bottom: 5px;
    color: #78af20;
    padding-top: 5px;
}

/*start layout difetti visivi*/
.titDifettiVisivi
{
    display: block;
    font-weight: bold;
    font-size: 13px;
    padding-bottom: 5px;
    color: #738189;
    padding-top: 0px;
}

/* form contatti */

#contentContattaci {
    padding: 0 10px;
}

.contact-form {
    margin: 0 -10px;
}

.form-row:before,
.form-row:after {
    content: "";
    display: table;
}

.form-row:after {
    clear: both;
}

.form-col {
    float: left;
    box-sizing: border-box;
    padding: 10px 10px 5px 10px;
}

.form-col-12 {
    width: 100%;
}

.form-col-6 {
    width: 50%;
}

.form-col label {
    display: block;
    margin-bottom: 10px;
    font-weight: bold;
}

.form-control {
    box-sizing: border-box;
    width: 100%;
    height: 35px;
    padding: 6px;
    margin-bottom: 5px;
    border: 1px solid #ccc;
    font: 13px Arial, Helvetica, sans-serif;
}

.form-control:hover {
    border: 1px solid #aaa;
}

textarea.form-control {
    height: auto;
    padding: 10px;
}

.form-control-upload {
    box-sizing: border-box;
    height: 35px;
    padding: 6px;
    border: 1px solid #ccc;
}

.form-control-upload input[type="submit"] {
    float: right;
}

.notes {
    padding: 20px 10px 0 10px;
    font-size: 11px;
}

.form-control-submit,
.AHRP_self {
    padding: 8px 16px;
    border: 1px solid #e2001a;
    border-radius: 5px;
    background: #e2001a;
    color: #fff;
    font-weight: bold;
    cursor: pointer;
}

.form-control-submit:hover,
.form-control-submit:focus,
.AHRP_self:hover,
.AHRP_self:focus {
    background: #f9001d;
    color: #fff;
}

.form-message {
    margin-bottom: 20px;
    padding: 30px 30px 30px 80px;
}

.form-message-error {
    border: 1px solid #f5c6cb;
    background: #f8d7da url(/img/icon-error.png) 30px 50% no-repeat; 
    color: #721c24;
}

.form-message-success {
    border-color: #c3e6cb;
    background: #d4edda url(/img/icon-success.png) 30px 50% no-repeat;
    color: #155724;
}

.g-recaptcha {
    margin-bottom: 5px;
}

.preloader {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 200;
    background: rgba(255,255,255,0.9) url(/img/preloader.png) 50% 50% no-repeat;
}

.preloader-msg {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    padding-top: 60px;
    text-align: center;
}

.AHRP_adv {
    margin-bottom: 12px;
    border-bottom: 1px dotted #c0c0c0;
}

.AHRP_det {
    margin-bottom: 10px;
}

.AHRP_head {
    margin-bottom: 30px;
}

.aw_applyLink /*Link a form invio CV*/ {
    background-color: #E2001A;
    margin-top: 10px;
    padding: 10px 25px 12px 25px;
    border-radius: 100px !important;
    color: white;
}

   .aw_applyLink:hover /*MouseOver effect Link*/ {
        color: white !important;
        background-color: #ff475c;
    }



.aw_jobPosting {
    background-color: #F0F0F0;
}



   .aw_jobPosting mark {
        background-color: #a4b3bb !important;
    }