html, body {width: 100%;  height: 100%;margin : 0; padding : 0; font : 100% "Trebuchet MS", Verdana, Arial, sans-serif; color:#333333; text-align : justify; } 
a:link, a:visited{ color : #660000; text-decoration:none}
a:hover{ text-decoration:underline}
a:active, a:focus{ text-decoration:underline}
.dx{float:right}
.c1 {text-align:center}
img {border:none;}
.bianco, .bianco a{color: #FFFFFF}
.arancio, .interno, .arancio a{color: #FF9901; font-weight:bold}

#tutto { margin : 0 ;padding:0;width:950px;font-size:0.75em; margin:0 auto; background : url(img/950.jpg) repeat-y}
.clearfloat { /* questa classe deve essere inserita in un elemento div o break e deve essere l'elemento finale prima della chiusura di un contenitore che deve contenere per intero un elemento mobile */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
#header {background:url(img/top.jpg) no-repeat top;font-size:1.1em; height : 135px; width : 950px; }

#top {width:950px;height:50px}
#indirizzo_top{float:right;color:#FFFFFF;font-size:0.85em;padding:10px 5px 0 0 ;height:50px}
#pec_base{  width:129px;float:right;background:url(img/pec_base.png) no-repeat top right;height:50px;}
#pec_base2{  width:152px;float:right;background:url(img/pec_base2.png) no-repeat top right;height:50px;}

#bustarella, #pec, #mailing, #facebook {margin-top:8px;margin-left:8px}
#bustarella {float:left;background:url(img/busta.png) ;background-position:100% -17px;width:23px;height:17px;margin-left:15px}
#bustarella:hover { background-position:100% 0px;}

#pec {float:left;background:url(img/pec.png);background-position:100% -40px;width:29px;height:40px}
#pec:hover {  background-position:100% 0px;}

#mailing {float:left;background:url(img/mailing.png);width:29px;height:17px}
#mailing:hover {  background-position:100%  -17px;}

#top_down{margin:0;padding:0;}


/* ================================================================ 
This copyright notice must be untouched at all times.
 
The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/doors_drop_line.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* for this demo only */
 

 
/* the styling */

/*#menu_istituzionale {float:left; padding-left:9em;posizione da sinistra}*/
#menu_istituzionale {float:left; padding-left:4.7em;/*posizione da sinistra*/ }
 
 
#menu_istituzionale .select, #menu_istituzionale .current 
{margin:53px 0em 0 0.25em; padding:0; list-style:none; display:block; float:left;}
#menu_istituzionale .select, #menu_istituzionale .current {#padding-top:10px/* per IE*/}

#menu_istituzionale .sub {margin:0; padding:0; list-style:none;}
 
#menu_istituzionale li 
{display:block; float:left; margin:0; padding:0; position:relative; z-index:100;}

#menu_istituzionale .current li {z-index:50;}
 
#menu_istituzionale .select a, 
#menu_istituzionale .current a 
{margin:0;display:block; height:1.6em; float:left; width:100px; background:url("img/left_both.gif") no-repeat left top; padding:0 0 0 5px; /*border-bottom:1px solid #765;*/ text-decoration:none; /*font-weight:bold;*/ line-height:1.6em; white-space:nowrap;}
 
/* calculate the required widths of the top level */
#menu_istituzionale .home a {width:3.95em;}
#menu_istituzionale .organi a {width:10em;}
#menu_istituzionale .attivita a {width:13.7em;}
#menu_istituzionale .trasparenza a {width:6.9em;}
#menu_istituzionale .orari a {width:7.35em;}
#menu_istituzionale .bandi a {width:7.7em;}
#menu_istituzionale .zuap a {width:3.6em;}
#menu_istituzionale .pubblicazioni a {width:7.8em;}
 
#menu_istituzionale .select a strong, 
#menu_istituzionale .current a strong {height:100%; display:block; background:url("img/right_both.gif") no-repeat right top; padding:0 15px 0 6px; color:#FFF;/*font-size:0.75em*/}
 
#menu_istituzionale .sub {display:none;}
 
/* for IE5.5 and IE6 only */
#menu_istituzionale table {position:absolute; border-collapse:collapse; left:0; top:0; font-size:1em;}
 
#menu_istituzionale .select a:hover strong {color:#333333; cursor:pointer;}
 
#menu_istituzionale .current a {/*background-position:0 -150px; border-color:#fff;*/}
#menu_istituzionale .current a strong {/*background-position:100% -150px;*/ color: #CDCD0B;}
 
#menu_istituzionale .sub li a:hover, 
#menu_istituzionale .select a:hover .sub li a:hover, 
#menu_istituzionale .select li:hover .sub li a:hover { text-decoration:underline /*border-color:#aba; background:#d1e1ce;*/ }
 
#menu_istituzionale .current .sub .current_sub a, 
#menu_istituzionale .current .sub a:hover {/*border-color:#aba;background:#d1e1ce; color:#FFF;*/ text-decoration:underline }
 
#menu_istituzionale .current .sub, 
#menu_istituzionale .select a:hover .sub, 
#menu_istituzionale .select li:hover .sub {/* border:1px solid #ddd;font-size:0.9em;*/line-height:1.6em;display:block; height:1.6em;position:absolute; width:950px; 
top:1.6em;/*sposta in basso la fascia verde chiaro*/ 
/*background: #CDCD0C;*/ margin-top:0px; padding:2px 0px 0 0/*era 2px*/}
 
* html #menu_istituzionale .current .sub, * html #menu_istituzionale .select a:hover .sub {margin-top:0; margin-t\op:1px;}
 
#menu_istituzionale .current .sub li a, 
#menu_istituzionale .select a:hover .sub li a, 
#menu_istituzionale .select li:hover .sub li a {display:inline; background:#CDCD0C; /*border:1px solid #ddd;*/ padding:0 10px; margin:2px 0 0 0; width:auto; white-space:nowrap; font-weight:bold; /*font-size:0.9em;*/ height:1.1em; line-height:1em;}
/* #menu_istituzionale  .no_underline  a:hover{ text-decoration:none}*/
#menu_istituzionale .select a:hover, 
#menu_istituzionale li:hover a {/*background-position:0% -150px;*/ border-color:#000;}

#menu_istituzionale .select a:hover strong, 
#menu_istituzionale .select li:hover a strong {/*background-position:100% -150px; */border-color:#fff; color:#cdcd0c;}
 
#menu_istituzionale .sub a{ border-right: solid 1px;font-weight:bold;color:#333333;}
/* calculate the left edge position of each sub level */
#menu_istituzionale .home .sub {left:-8.75em;}
#menu_istituzionale .organi .sub {left:-7.1em;}
#menu_istituzionale .attivita .sub {left:-18.4em;padding-left:0em}
/*#menu_istituzionale .organi .sub {left:-13.1em;}
#menu_istituzionale .attivita .sub {left:-24.4em;padding-left:0em}*/
#menu_istituzionale .trasparenza .sub {left:-36.1em;margin-left:8px;}
html #menu_istituzionale .trasparenza .sub {margin-left:-18px; marg\in-left:-7px;}
#menu_istituzionale .orari .sub {left:-43.75em; /*margin-left:-18px;*/}
html #menu_istituzionale .orari .sub {margin-left:-9px; marg\in-left:-18px;}
#menu_istituzionale .bandi .sub {left:-52em; margin-left:-27px;}
html #menu_istituzionale .bandi .sub {margin-left:-18px; marg\in-left:-27px;}
#menu_istituzionale .pubblicazioni .sub {left:-60.9em;}
html #menu_istituzionale .pubblicazioni .sub {margin-left:-18px; marg\in-left:-27px;}

/*#menu_istituzionale .pre_space_organi {padding-left:11.7em;background-color:#cdcd0c}
#menu_istituzionale .post_space_organi {height:1.1em;width:250px;background-color:#cdcd0c}
#menu_istituzionale .space_attivita {padding-left:23em; background-color:#cdcd0c}*/

#menu_istituzionale .pre_space_organi {padding-left:5.7em; background-color:#cdcd0c}
#menu_istituzionale .post_space_organi {height:1.3em;width:120px;background-color:#cdcd0c}
#menu_istituzionale .space_attivita {padding-left:17em; background-color:#cdcd0c}

ul#pubb{height:50px}


#la_pubblicazione {margin-top:23px;margin-left:2px;float:left; background:url(img/pubblicazioni.png) no-repeat top;width:117px;height:52px}
#la_pubblicazione:hover, #la_pubblicazione:active {background-position:100% -52px;}



#la_pubblicazione{margin-top:32px\9/* per IE*/}



/*div#verdechiaro{ background: url(img/verdechiaro.jpg) repeat-y;width:950px;height:1.75em;}*/
div#verdechiaro{ text-align:right;background: url(img/verdechiaro.jpg) repeat-y;width:950px;height:1.75em;}
div#verdechiaro a{float:right;padding-top:2px;padding-right:2px;padding-left:2px}
div#verdechiaro span{}




#spazio_up{ top:0px; width:950px;padding-bottom:0px /*line-height:2.2em*/} 

/*---------------------------------------------*/
div#main_pp {float : left; width : 550px} 


div#content_pp_v {background-color:#FF9900;float:left; width:389px;height:272px;line-height:15px;}
div#immagine_pp_v {float:left;height:272px;padding-right:5px}
div#immagine_pp_v img{/*float:left;*//*width:190px;*/height:272px;}
div#titolo_pp_v{text-align:left;color:#FFFFFF;font-size:1.1em; font-weight:bold; 
text-transform:uppercase;
padding-top:10px; /*padding-left:10px;*/ padding-bottom:5px;padding-right:5px;
 /*width:178px;*/}
div#lead_pp_v { /*padding-left:10px;*/ padding-right:5px;text-align:left}

div#content_pp_h {
float : left; 
width : 389px;
height:272px;
padding-right : 0px; 
text-align : justify; 
line-height:15px;} 

div#box_arancio_pp_h{ background-color:#FF9900;margin:0px;padding:0px;}
div#immagine_pp_h {height:167px;background-color:#FF9900; position:relative}
div#immagine_pp_h img{
float:left;height:167px;max-width:385px;
max-height:167px; /* sets max-height value for all standards-compliant browsers */
max-width:385px; /* sets max-height value for all standards-compliant browsers */
}
/*div#immagine_pp_h img{display:block;float:left}*/
#didascalia_pp_h{position:absolute;z-index:1000;float:left;text-align:right;
font-weight: bold;font-style:italic;bottom:5px;right:5px}
#titolo_pp_h {padding-top:10px; /*padding-left:5px;*/ padding-bottom:5px; 
font-size : 1.1em; 
color : #990000; 
font-weight : bold; 
text-transform : uppercase;
} 
div#lead_pp_h { /*padding-left:10px;*/ padding-right:5px;text-align:left}
#testo_pp {padding-right:5px;}


.leggitutto_pp { /*float:left;width:178px;padding-top:5px;padding-left:10px;*/padding-right:5px; text-align:left}



/****************************** BOX VERDE *********************************/
div#box_verde {text-align:left;
padding: 0;
float : right;
width : 150px; 
height:272px;
background-color : #cccd34; 
color : #333333; 
/*font-size : 0.75em; */
font-weight : bold; 
} 
#titolo_box_verde{height:20px;padding:3px 10px;background:#003300;font-weight:bold;color:#FFFFFF}
/*#titolo_box_verde .span{padding-top:5px}*/

/*.fadein { position:relative; height:130px; width:150px; }
.fadein img { position:absolute; left:0; top:0; }*/

#gallery { position: relative; width:150px; height:130px; margin:0; padding:0; }
#gallery li { display: block; }

#box_verde_link {display:block; padding:0;margin-top:4px;margin-left:10px;  }
/*html #box_verde_link {marg\in-top:3px;}*/
div#box_verde a{color : #333333; }
div#box_verde_link img {padding:0 10px 0 1px }


/****************************** MAIN *********************************/
div#content {
float : left; 
width : 385px;
height:252px;
text-align : justify; 
padding-right : 0px; 
/*font-size : 0.75em; */
line-height:15px;} 


#main{padding-top:0px}

#main_left{line-height: 15px;float:left;width : 385px;
height:373px; background-color:#999933;
font-size: 1em;}

#box_arancio{position:relative;background:#FF9900; width:385px;height: 167px;
/* margin-left: -192px;   meta` di 700 
  left: 50%;*/
  /*height: 100%;  */
}
#immagine{/*position:relative;float:left;*/ height:167px;
max-height:167px; /* sets max-height value for all standards-compliant browsers */
max-width:385px; /* sets max-height value for all standards-compliant browsers */
   }
#immagine img {height:167px;max-height:167px; /* sets max-height value for all standards-compliant browsers */
max-width:385px; /* sets max-height value for all standards-compliant browsers */}
/*#immagine, #didascalia{float:left}
.immagine {float:left;height:167px;
  max-width: 385px;
  max-height: 167px;
  width: expression(this.width > 385 ? "385px" : true);
  height: expression(this.height > 167 ? "167px" : true);
}*/
#didascalia{/*height:150px;*/width:180px;
	position:absolute;
	bottom:0px;
	right:5px;
	/*float: right;*/
	font-weight:bold; font-style:italic; text-align:right
}
#titolo{color:#990000}
#titolo_l{text-transform:uppercase;color:#FFFFFF;font-weight:bold;padding: 5px 5px 0 10px;}
#testo_l{padding-left:5px ; padding: 5px 10px 0px 10px;}
/*div#main_right{ float:right;width : 552px; 
height:373px;
padding-right :5px; 
text-align : justify; 
line-height:16px;
overflow:auto}*/
#main_right{height:373px; margin:0; padding-left:5px;padding-right :5px;overflow:auto;line-height:16px;}
#dove_sono {text-align: right;color: #9C9C30;font-weight: bold;padding-right: 4px;}
#titolo_sezione {color:#FF9901; font-size: 1.1em; font-weight: bold; padding: 5px 10px 0 0px;}
.news_main{padding-top:10px}


.titolo {color:#000000;font-weight:bold; font-size:1em}
.thumb {display:block; float:left;height:80px;padding:0 5px 5px 0}
 .allegato{ text-align:right} 
.n_utile a {font-weight:bold;color:#FFFFFF; padding-left:5px}
.n_utile a:visited {color:#FFFFFF}
.n_utile img{display:block;float:left;padding-right:5px }
.thumb_news {display:block; float:left;width:80px;padding:0 5px 0 0}

.info_eventi {
display: block;
padding-top: 6px;
}
/*-----------------------------------------------GIUNTA-----------------------------------------*/
#giunta{left:-5px;float:left; text-align:left; /*font-size:0.8em;*/ background-color:#9B9D20; width:384px; height:373px;overflow:auto;}
#giunta a:visited {color:#333332}
#giunta .bianco{color:#FFFFFF; margin-top:7px;}
.sindaco{height:76px;  }
.assessore{height:69px; }
/*.assessore a, .sindaco a{ color:#FFFFFF}*/
/*.assessore a:visited, .sindaco a:visited{ color:#333332}*/
.assessore a:hover{text-decoration:underline}
.sindaco img, .assessore img{float:left;border:solid 7px #FE9B00;margin-right:8px;}
.assessore img{border-top:solid 0px }
/*-----------------------------------------------COMMISSIONI E GRUPPI CONSILIARI-----------------------------------------*/
.logo_partito{float:left;padding-right:5px}


/*-------------------------URBANISTICA------------------------------*/
#mappa_urbanistica { padding:5px 40px 5px 39px;margin:0 auto;width:306px; height:308px;text-align:center; background-color:#FF9801}
#mappa_urbanistica a{cursor:pointer}
/*#mappa_urbanistica a:hover{ text-decoration:underline}*/
#nord, #nord_ovest, #nord_est, #sud_ovest, #sud_est, #sud { display:block;border:solid 1px; width:151px; height:77px;}

#nord {/*height:77px;*/ margin:0 auto; background:url(immagini/erny_nord.jpg) no-repeat; border-bottom:none }
#nord_ovest {float:left;background:url(immagini/erny_nord_ovest.jpg) no-repeat; /*border-right: #CCCCCC solid 1px*/  }
#nord_est {float:left;background:url(immagini/erny_nord_est.jpg) no-repeat; border-left:#CCCCCC }
#sud_ovest {float:left;background:url(immagini/erny_sud_ovest.jpg) no-repeat; border-top: #CCCCCC ; border-right: #CCCCCC }
#sud_est {float:left;background:url(immagini/erny_sud_est.jpg) no-repeat; border-top: #CCCCCC }
#sud {margin:0 auto;background:url(immagini/erny_sud.jpg) no-repeat; border-top:none}
.zona_urbanistica{height:77px}
.zona_urbanistica a:hover{ text-decoration:underline}
#staff_urbanistica {float:right;width:210px}
#left_down_urbanistica {background-color:#9C9C31}
/******************************************NEWS PP*********************************/

div#news_pp {margin:0;padding:0;
/*line-height:15px;*/
float : right; 
width : 380px;
/*padding-top:1em;*/
padding-right : 10px;
text-align : justify; 
color : #333333; 
/*font-size : 0.75em; */
height : 275px; 
overflow : auto;
 } 
.titolo_news, .titolo_news a { 
color:#990000; font-size : 1.1em; text-align:left;
text-transform : uppercase;font-weight : bold; 
} 
.data, .data_home{color:#999999;}
.data_home{padding-bottom:10px}
.alleagto_pp {float:left}




 
 
 /*ORARI E UFFICI*/

#centralino{ width:900px; background:#FDCF0A}
.bordeaux{color:#990000; font-weight:bold; font-size:1em}
/*.arancio2{color:#FF9902}cancellare????*/

div#numeri {

width : 940px;
height:329px;
padding-right : 0px; 
text-align : justify; 
/*font-size : 0.8em; */
line-height:15px;
overflow : auto
} 
#numeri_left{ width:430px; float:left}
#numeri_right{width:430px; float:right;margin-right:10px}
.avvertenza{text-align:center;font-size:1.2em}
.numero{ border-bottom:solid 1px; text-align:left;padding-top:5px;padding-bottom:5px}
.nome{ font-style:italic; font-weight:bold  }
.email{ float:left}
.orario{float:left}
.interno{float:right;}


/*----------------NEWSLETTER-----------------------------*/

label{float:left;width:120px;
    display: inline;margin-left: 10px;
    line-height:23px}

 
/*Galleria fotografica*/
#galleria{ width:950px;height:373px;}
#galleria_left{position:relative; float:left;width:384px;height:372px;background:#FF9902}
#galleria_foto{height:353px; width:384px;/**/}

#galleria_img{ position:absolute; left:0;float:left; width:auto; border:0}

#didascalia_foto {position:absolute; bottom:23px; right:3px;/*font-size:0.8em;*/text-align:right;float : right;width:auto; margin-right:2px;height:auto; z-index:10; 
 	font-style : italic; margin-bottom:0px; font-weight:bold
} 

#nav_foto{ background:#999933; height:20px;width:384px;float:left; position:absolute;bottom:0;left:0;margin:0 ;/*font-size:0.75em*/}


#menu_istituzionale_foto{ background:#999933; height:20px;width:384px;float:left; position:absolute;bottom:0;left:0;margin:0 ;/*font-size:0.75em*/}

/*#precedente{background:url(img/precedente.gif) no-repeat left; float:left;padding-left:18px;color:#FFFFFF}
#precedente a:hover{background:url(img/precedente_over.gif) no-repeat left; float:left;padding-left:18px}*/
a#prec{float:left;background:url(img/precedente.gif) no-repeat left; display:block;width: 70px;
    height: 16px;padding-left:18px;color:#FFFFFF}
a#prec:hover {
    background:url(img/precedente_over.gif) no-repeat left
}

/*#successiva{/*background:url(img/successiva.gif) no-repeat right; float:right; padding-right:18px}*/ 
a#succ{float:right;background:url(img/successiva.gif) no-repeat right; display:block;width: 68px;
    height: 16px;padding-right:8px;}
a#succ:hover{	background:url(img/successiva_over.gif) no-repeat right}
#precedente a, #successiva a{color:#FFFFFF}


#thumbnail{float:right; text-align:center;width:550px; height:300px;overflow:auto}
.fotobox { background-color:#999934}
.foto{float:left;padding:0px 13px 5px 13px; }
.foto a:visited{ color:#666666}
.foto img{ width:80px; height:80px}
.clearboth { clear: both; } 

#googlemap {width:360px; height:340px; border:none; margin:0}
 
 /*********************************** FOOTER ************************************/

#spazio_down{  width:950px; font-size:10px;height:1.1em;clear : both; } 
/*div#footer { clear : both; width : 100%; } */
/* MENU CITTADINO ******************************************************/

div#menu_cittadino{ text-align:center;background:url(img/menubasso_standby.gif) repeat-y; 
width:950px; height:121px; /*font-size:0.77em;*/ font-weight:bold; /*clear:both*/}
#menu_cittadino_on{background:url(img/menubasso_on.gif) repeat-y; 
width:950px; height:121px;/* font-size:0.77em;*/font-weight:bold }  

#menu_cittadino_on a#attivo {color:#FF6600;}


#cittadino_up { text-align:center;background:url(img/up.gif) no-repeat bottom; width:940px;margin:0 auto;height:20px;padding-top:5px}
#cittadino_up span{padding-left:0.9em;padding-right:0.9em;}
#cittadino_down{ text-align:center;background:url(img/down.gif) no-repeat bottom; width:860px; margin:0 auto;;height:20px}
#cittadino_down span{padding-left:0.5em;padding-right:0.5em}
#cittadino_up a, #cittadino_down a{color:#FFFFFF}
#cittadino_up a:hover, #cittadino_down a:hover {color : #ff6600; }

#direzione, #segretario, #segreteria, #anagrafe, #sviluppo, #finanziario, #infrastrutture, #llpp, #urbanistica, #ambiente, #ambiente1, #ambiente2, #polsoc1, #polsoc2, #scuola, #cultura1, #cultura2, #sport, #polizia, #links 
{color:#FFFFFF;float:left;width:auto;text-align:left;margin:0px;padding:5px 0}
#direzione a, #segretario a, #segreteria a, #anagrafe a, #sviluppo a, #finanziario a, #infrastrutture a, #llpp a, #urbanistica a, #ambiente a, #ambiente1 a, #ambiente2 a, #polsoc1 a, #polsoc2 a, #scuola a, #cultura1 a, #cultura2 a, #sport a, #polizia a, #links a
{color:#FFFFFF;}

#direzione a:hover, #segretario a:hover, #segreteria a:hover, #anagrafe a:hover, #sviluppo a:hover, #finanziario a:hover, #infrastrutture a:hover, #llpp a:hover, #urbanistica a:hover, #ambiente a:hover, #ambiente1 a:hover, #ambiente2 a:hover, #polsoc1 a:hover, #polsoc2 a:hover, #scuola a:hover, #cultura1 a:hover, #cultura2 a:hover, #sport a:hover, #polizia a:hover, #links a:hover
{color:#660000;}
#direzione a.active, #segretario a.active, #segreteria a.active, #anagrafe a.active, #sviluppo a.active, #finanziario a.active, #infrastrutture a.active, #llpp a.active, #urbanistica a.active, #ambiente a.active, #ambiente1 a.active, #ambiente2 a.active, #polsoc1 a.active, #polsoc2 a.active, #scuola a.active, #cultura1 a.active, #cultura2 a.active, #sport a.active, #polizia a.active, #links a.active 
{color : #660000; }

#direzione{margin-left:2.4%}
#segretario{margin-left:2.4%}
#segreteria{margin-left:17.1%}
#anagrafe{margin-left:25.8%}
#sviluppo{ margin-left: 34.2%;}
#finanziario{ margin-left: 52.4%;}
#infrastrutture { margin-left:80.4%}
#llpp{ margin-left: 6.1%}

#urbanistica { margin-left: 17%}
/*#ambiente { margin-left: 20.2%}*/
#ambiente1 { margin-left: 26.7%}
#ambiente2{ margin-left:1%}
#polsoc1{ margin-left:34%}
#polsoc2{ margin-left:1%}

#scuola { margin-left: 46.5%}  

#cultura1{margin-left:53%}
#cultura2{margin-left:1%}

#sport { margin-left: 68.3%}
#polizia { margin-left: 65.5%}
#links { margin-left: 84.8%}


div#bottom { margin-top:8px;
width : 950px; 
font-size : 0.9em; 
text-align : left; 
}
#indirizzo{color : #820000; float:left;}
#busta{float:left}
#busta img{height:14px;padding-left:3px}
#utenti{float:right; padding-top:0px}

#finale{margin-top:8px;float:left;width:950px}

fieldset {
display: block;
-webkit-margin-start: 2px;
-webkit-margin-end: 2px;
-webkit-padding-before: 0.35em;
-webkit-padding-start: 0.75em;
-webkit-padding-end: 0.75em;
-webkit-padding-after: 0.625em;
border: none;
}