/*

CSS nuovo Il Prontuario degli Integratori
restyle 2026 (blu al posto del verde)

#003d63

*/

* { 
  -moz-box-sizing: border-box; 
  -webkit-box-sizing: border-box; 
   box-sizing: border-box; 
}

body { background: #fff; margin: 0; padding: 0; font-family: "Source Sans Pro"; font-size: 16px; }

input, textarea { font-family: "Source Sans Pro"; }
input[type="text"], input[type="password"], textarea { font-family: "Source Sans Pro"; padding: 2px; margin: 0px; border: 1px solid #999; border-radius: 2px; }

#usernav { background: #fff; padding: 14px; margin: 0px; text-align: center; border-bottom: 1px solid #ccc; }
#usernav form { padding: 0px; margin: 0px; }
#usernav b { font-weight: 600; }

#testata { background: transparent; padding: 0px; margin: 0px; }
#testata h1 { margin: 0; padding: 0; text-align: center; }

#laziobanner { /*display: none;*/ }
#laziobanner img { /*width: 80px;*/ }

#menu { background: #ccc; padding: 14px; overflow: visible; border-top: 0px solid #fff; position: relative; z-index: 10; }
#menu ul { margin: 0; padding: 0px; list-style-type: none; display: none; position: absolute; top: 100%; left: 0px; width: 100%; }
#menu li { background: #ccc; padding: 5px; text-transform: uppercase; }
#menu a { color: #333; text-decoration: none; }

#page { margin: 0px; background: #fff; padding: 20px; overflow: auto; width: 100%; }

#main { width: 100%; overflow: auto; color: #333; }
#main h2 { width: 100%; color: #333; margin: 0px; padding: 0px; margin-bottom: 28px; }
#main h3 { width: 100%; color: #333; margin: 28px 0px 14px 0; padding: 0px; }
/*#main img { width: 100%; display: block; }*/
#main div {  }
#main div:first-child { position: relative; }

.full1, .full2, .full3 { clear: both; overflow: auto; margin-top: 20px; }
#home_abstracts { clear: both; overflow: auto; margin-top: 20px; }
.full1 > div { width: 100%; border: 1px solid #000; padding: 20px; height: 300px; }
.full3 > div { width: 100%; border: 0px solid #000; padding: 0px; height: 300px; }
.full1 > div { height: 150px; }
.full2 > div { width: 100%; border: 2px solid #ccc; height: 300px; }
#home_abstracts > div { width: 100%; border: 1px solid #ccc; /*height: 300px;*/ }

.full1 > div > h3, .full2 > div > h3, .full3 > div > h3 { margin: 0px; background: #ccc; color: #333; font-weight: 600; padding: 5px 15px; text-align: left; text-transform: uppercase; /*border-radius: 3px 3px 0 0;*/ font-size: 16px; border-bottom: 1px solid #fff;}
#home_abstracts > div > h3 { margin: 0px; background: #ccc; color: #333; font-weight: 600; padding: 5px 15px; text-align: left; text-transform: uppercase; /*border-radius: 3px 3px 0 0;*/ font-size: 16px; border-bottom: 1px solid #fff;}
.full1 > div > p, .full2 > div > p, .full3 > div > p { padding: 10px; margin: 0px; background: #ddd; /*border: 2px solid #ddd;*/ /*border-top: 0px;*/ }

#lastabstracts { padding: 5px; margin: 0px; background: #fff; /*border: 2px solid #ddd;*/ /*border-top: 0px;*/ list-style-type: none; }
#lastabstracts li { display: block; /*height: 56px;*/ overflow: auto; padding: 3px; }
#lastabstracts li > span { display: block; float: left; width: 22%; padding: 1px; margin-right: 7px; border: 1px solid #ddd; height: 48px; overflow: hidden; text-align: center; }
#lastabstracts li > span img { height: 100%; }
#lastabstracts li > i { text-transform: uppercase; font-weight: 600; font-size: 12px; font-style: normal; }

#abstract_ev { padding: 10px; text-align: center; }
#abstract_ev > span { display: block; width: 100%; padding: 1px; border: 0px solid #ddd; height: 128px; overflow: hidden; text-align: center; }
#abstract_ev > span img { height: 100%; }
#abstract_ev > i { text-transform: uppercase; font-weight: 600; font-size: 12px; font-style: normal; }

#home_slider { width: 100%; padding: 11px 0 12px 0; }
#home_slider_2 { width: 100%; padding: 11px 0 12px 0; position: relative; clear: both; }
#home_copertina { width: 100%; margin-top: 20px; padding: 30px; text-align: center; background: #eee; }
#home_copertina img { width: 70%; display: block; margin: 0 auto 10px auto; box-shadow: 0 0 3px 2px rgba(128,128,128,0.5); }

#home_servizi { width: 100%; margin-top: 20px; padding: 30px; background: #eee; }
#home_servizi > a { display: block; width: 100%; margin-top: 30px; background: #fff; border-radius: 5px; padding: 5px; box-shadow: 0 0 3px 2px rgba(128,128,128,0.5); }
#home_servizi > a > img { display: block; width: 80%; margin: 0 auto;}
#home_servizi > div { display: block; width: 100%; margin-top: 30px; background: #ddd; border-radius: 5px; overflow: auto; padding: 5px; box-shadow: 0 0 3px 2px rgba(128,128,128,0.5); line-height: 64px; }
#home_servizi > div:first-child { margin-top: 0px; line-height: 32px; }
#home_servizi > div > a > img { display: block; float: left; margin-right: 10px; opacity: 0.7; filter: alpha(opacity=70); }

#home_disclaimer  { padding: 5px; width: 100%; margin-top: 0px; background: #fff; border: 1px solid #f00; /*border-top: 0px;*/ /*border-radius: 3px;*/ text-align: center; color: #f00; }
#home_disclaimer img { width:48px; vertical-align: middle; }

#home_search  { width: 49%; }
#home_search > div { margin-top: 20px; background: #fff; border: 1px solid #ccc; /*border-top: 0px;*/ /*border-radius: 3px;*/ }
#home_search > div h3 { margin: 0px; background: #ccc; color: #333; font-weight: 600; padding: 5px 15px; text-align: left; text-transform: uppercase; /*border-radius: 3px 3px 0 0;*/ font-size: 16px; border-bottom: 1px solid #fff;}
#home_search > div h3 img { vertical-align: -6px; }
#home_search > div p { padding: 5px; margin: 0px; }
#home_search > div ul { list-style-type: none; }
#home_search > div li img { vertical-align: -2px; }

#home_boxmenu { margin-top: 20px; width: 49%; float:right; }
#home_boxmenu > a { display: block; width: 100%; margin-bottom: 20px; padding: 11px; border: 1px solid #ccc; text-align: center; background: #ccc; font-weight: 700; }
#home_boxmenu > a:hover { background: #eee; text-decoration: none !important; }
/*#home_boxmenu > a > img { display: block; width: 80%; margin: 0 auto;}*/
#home_boxmenu > a:first-child { padding: 14px; background: #003d63; color: #fff; }
#home_boxmenu > a:first-child:hover { background: #4580a4; }

#reglist, #statlist { list-style-type: none; margin: 40px 0 0 0; padding: 0 20px; }
#reglist > li, #statlist > li { font-weight: 600; text-align: center; display: block; width: 100%; margin-bottom: 20px; background: #ddd; border-radius: 5px; overflow: auto; padding: 5px; box-shadow: 0 0 3px 2px rgba(128,128,128,0.5); line-height: 64px; }
/*#reglist > li:nth-child(4) { line-height: 32px; }*/
#statlist > li:nth-child(5), #statlist > li:nth-child(6) { line-height: 32px; }

#formreg label { width: 100%; display: block; font-weight: 600; font-size: 12px; letter-spacing: 1px; }
#formreg input[type="text"] { width: 100%; display: block; margin-bottom: 15px; color: #333; }
#formreg select { width: 100%; display: block; margin-bottom: 15px; }
/*#formreg input[type="checkbox"] { vertical-align: middle; }*/
#formreg textarea { width: 100%; display: block; margin-bottom: 15px; color: #333; height: 200px; }

#formprod label { width: 100%; display: block; font-weight: 600; font-size: 12px; letter-spacing: 1px; }
#formprod input[type="text"] { width: 100%; display: block; margin-bottom: 15px; color: #333; }
#formprod select { width: 100%; display: block; margin-bottom: 15px; }
#formprod textarea { width: 100%; display: block; margin-bottom: 15px; color: #333; height: 200px; }
#formprod label[for="senzaglutine"], #formprod label[for="senzalattosio"], #formprod label[for="vegan"], #formprod label[for="baby"] { width: auto; display: inline-block; letter-spacing: 0px; }
.totchar, .totchar2 { color: #f00; }

#tprev { border-collapse: collapse; font-size: 12px; margin-top: 16px; width: 100%; }
#tprev th { font-weight: bold; background: #ddd; }
#tprev td, #tprev th { border: 1px solid #999; }

#tstat { border-collapse: collapse; font-size: 12px; margin-top: 16px; width: 100%; }
#tstat th { font-weight: bold; background: #ddd; }
#tstat td, #tstat th { border: 1px solid #999; padding: 2px; }

#listaz > div { text-align: center; padding: 7px; background: #eee; padding-bottom: 14px; margin-top: 14px; }
#listaz > div > span { margin-bottom: 14px; background: #fff; display: block; }
#listaz > div > p { margin: 0; padding: 0; }
#listaz > div > span img { width: 75%; }

#listacc > div { text-align: center; padding: 7px; margin-top: 14px; /*font-size: 18px;*/ }
#listacc > div > a { font-weight: 600; color: #333; }

#listprod {}
#listprod > div { padding: 7px; border-top: 1px dotted #ccc; overflow: auto; position: relative; }
#listprod > div:first-child { border-top: 0px; }
#listprod > div > span { display: block; float: left; width: 22%; padding: 1px; margin-right: 7px; border: 1px solid #ddd; height: 110px; overflow: hidden; text-align: center; }
#listprod > div > span img { height: 100%; }
#listprod > div > ul { margin: 0px; padding: 7px 0; list-style-type: none; }
#listprod > div > ul > li { font-size: 12px; }
#listprod > div > div { position: absolute; bottom: 0px; right: 0px; padding: 7px; }
#listprod > div > b { font-size: 12px; color: #f00; }

#pev_list { padding: 7px; /*border-bottom: 1px dotted #ccc;*/ overflow: auto; position: relative; background: #ddd; }
#pev_list > span { display: block; float: left; width: 25%; padding: 1px; margin-right: 7px; border: 1px solid #fff; height: 130px; overflow: hidden; text-align: center; background: #fff; }
#pev_list > span img { height: 100%; }
#pev_list > ul { margin: 0px; padding: 7px 0; list-style-type: none; }
#pev_list > ul > li { font-size: 12px; }
#pev_list > div { position: absolute; bottom: 0px; right: 0px; padding: 7px; text-align: right; }
#pev_list > b { font-size: 12px; color: #f00; }
#pev_list > i { font-size: 12px; color: #003d63; font-weight: bold; font-style: normal; text-transform: uppercase; }

#azlogo { width: 50%; margin: 0 auto; text-align: center; }
#azlogo img { width: 75%; }

#azinfo { line-height: 36px; }
#azinfo img { vertical-align: middle; margin-right: 14px; }

#prodotto { width: 100%; overflow: auto; color: #333; }
#prodotto h2 { width: 100%; color: #333; margin: 0px; padding: 0px; }
#prodotto h4 { width: 100%; color: #333; margin: 0px; padding: 0px; }
#prodotto img { /*width: 100%;*/ display: block; max-height: 300px; }
#prodotto div {  }
#prodotto div:first-child { position: relative; }
#prodotto p { font-size: 14px; }

#prodotto_need { padding: 20px; border: 2px solid #003d63; text-align: center; font-size: 16px; }
#prodotto_abstract { padding: 3px; border: 1px solid #999; text-align: center; font-size: 24px; margin-bottom: 0px; }
#prodotto_abstract img { vertical-align: middle; display: inline; float: none; }
#prodotto_abstract_disc { margin-top: 3px; font-weight: 700; font-size: 12px !important; text-align: center; text-transform: uppercase; }

#backlink { margin-bottom: 10px; }

.miniregdisc { font-size: 12px; margin-top: 20px; }

#prodotto table { font-size: 14px; border-collapse: collapse; width: 100%; margin-top: 15px; }
#prodotto table td { border: 1px solid #999; vertical-align: top; padding: 3px; }
#prodotto table tr td:first-child { width: 33%; background: #eee; }

#footer { font-size: 14px; border-top: 0px solid #ccc; padding: 10px; color: #333; margin: 0px; overflow: auto; text-align: center; }
#footer > img { vertical-align: middle; }
#footer > span { width: 20%; display: inline-block; }
#footer > div { margin: 15px auto 0 auto; width: 60%; text-align: left; }
#footer > div > img { display: block; float: left; margin-right: 10px; width: 70px; }

/*---------------------------------*/
/* STILI PER COLONNA & WIDGETS     */
/*---------------------------------*/

#colonna  { width: 100%; }
#colonna > div { margin-top: 20px; /*background: #ddd;*/ /*border-radius: 3px;*/ background: #fff; border: 1px solid #ccc; }
#colonna > div h3 { margin: 0px; background: #ccc; color: #333; font-weight: 600; padding: 5px 15px; text-align: left; text-transform: uppercase; /*border-radius: 3px 3px 0 0;*/ font-size: 16px; border-bottom: 1px solid #fff;}
#colonna > div h3 img { vertical-align: -6px; }
#colonna > div p { padding: 5px; margin: 0px; }
#colonna > div ul { list-style-type: none; }
#colonna > div li img { vertical-align: -2px; }

#dispmed { background: #ddd; /*border-radius: 3px;*/ clear: right; margin-top: 20px; }
#dispmed h3 { margin: 0px; background: #ccc; color: #333; font-weight: 600; padding: 5px 15px; text-align: left; text-transform: uppercase; /*border-radius: 3px 3px 0 0;*/ font-size: 16px; border-bottom: 1px solid #fff;}
#dispmed p { padding: 20px; margin: 0px; overflow: auto; text-align: center; }
#dispmed img { display: inline-block; width: 30%; margin: 0 10px; }

#pev_prod { /*background: #ddd;*/ /*border-radius: 3px;*/ clear: right; margin-top: 20px; border: 1px solid #ccc; }
#pev_prod > h3 { margin: 0px; background: #ccc; color: #333; font-weight: 600; padding: 5px 15px; text-align: left; text-transform: uppercase; /*border-radius: 3px 3px 0 0;*/ font-size: 16px; border-bottom: 1px solid #fff;}
#pev_prod > div { padding: 20px; margin: 0px; overflow: auto; position: relative; }
#pev_prod > div > span { display: block; float: left; width: 25%; padding: 1px; margin-right: 7px; border: 1px solid #fff; height: 130px; overflow: hidden; text-align: center; background: #fff; }
#pev_prod > div > span img { height: 100%; }
#pev_prod > div > ul { margin: 0px; padding: 7px 0; list-style-type: none; }
#pev_prod > div > ul > li { font-size: 12px; }
#pev_prod > div > div { position: absolute; bottom: 0px; right: 0px; padding: 7px; text-align: right; }

#formsearch { padding: 15px; color: #333; }
#formsearch label { width: 100%; display: block; font-weight: 600; font-size: 12px; letter-spacing: 1px; }
#formsearch input[type="text"] { width: 100%; display: block; margin-bottom: 15px; color: #333; }
#formsearch select { width: 100%; display: block; margin-bottom: 15px; }
#formsearch input[type="submit"] {
	width: 100%;
	display: block;
	color: #333;
	margin-top: 15px;
	padding: 2px;
	border: 1px solid #999;
	border-radius: 2px;
	background: url('/tema/gfx/lente.png') top right no-repeat, #ccc;
	font-size: 14px;
	line-height: 1.3;
	height: 32px;
	cursor: pointer;
	font-weight: 600;
	letter-spacing: 1px;
}
#formsearch input[type="submit"]:hover { background: url('/tema/gfx/lente.png') top right no-repeat, #eee; }
#formsearch label[for="senzaglutine"], #formsearch label[for="senzalattosio"], #formsearch label[for="vegan"], #formsearch label[for="baby"] { width: auto; display: inline-block; letter-spacing: 0px; }
#formsearch input[type="checkbox"] { vertical-align: middle; }

#listino { overflow: auto; }
#listino img { display: block; float: left; margin-right: 10px; }

#prontu { background: url('/tema/gfx/caduceo.png') top right no-repeat #ccc !important; color: #333; font-weight: 600; padding: 20px 15px; text-align: left; }
#prontu > a { color: #003d63; text-decoration: none; }
#prontu > a:hover { text-decoration: underline; }

#disclaimer { overflow: auto; }
#disclaimer img { /*display: block; float: left; margin-right: 10px;*/ }
#disclaimer p { font-size: 14px; font-weight: bold; text-align: center; }

#produzione { overflow: auto; }
#produzione img { display: block; float: left; margin-right: 10px; }

/*#banners { padding: 5px; }
#banners a { display: block; width: 100%; margin-top: 5px; }*/

/*#banners { border: 1px solid #f00; height: 400px; }*/

#banners { border: 0px !important; padding: 0px; }
#banners a { display: block; width: 100%; margin-top: 20px; }
#banners a:first-child { margin-top: 0px; }
#banners a img { display: block; width: 100%; }

.selrep { position: relative; overflow: visible; width: 100%; height: 24px; margin-bottom: 15px; font-size: 14px; line-height: 1.3; }
.selrep-value { padding: 2px; margin: 0px; border: 1px solid #999; border-radius: 2px; width: 85%; display: block; float: left; background: #fff; white-space: nowrap; overflow: hidden; }
.selrep-button { display: block; float: right; padding: 2px; border: 1px solid #999; border-radius: 2px; width: 14%; text-align: center; text-decoration: none; color: #333; }
.selrep-button:hover { text-decoration: none; }
.selrep-dropdown { display: none; position: absolute; top: 105%; left: 0px; width: 100%; background: #fff; border: 1px solid #999; border-radius: 2px; height: 300px; overflow-y: auto; overflow-x: hidden; z-index: 10; }
.selrep-dropdown a { display: block; padding: 3px; text-decoration: none; color: #333; }
.selrep-dropdown a:hover { background: #ddd; text-decoration: none; }

/*---------- fine colonna e widgets -----------------*/

#main a, #prodotto a, #colonna p a { color: #003d63; text-decoration: none; }
#main a:hover, #prodotto a:hover, #colonna p a:hover { text-decoration: underline; }

#usernav a { color: #003d63; text-decoration: none; }
#usernav a:hover { text-decoration: underline; }

#footer a { color: inherit; text-decoration: none; }
#footer a:hover { text-decoration: underline; }

.lb { display: inline-block; background: #003d63; color: #fff !important; font-weight: 600; padding: 4px; border: 1px solid #003d63; border-radius: 4px; margin: 0 4px 6px 0;}
.lb:hover { background: #fff; text-decoration: none !important; color: #003d63 !important; border: 1px solid #003d63; }


@media only screen and (min-width: 768px) {

#testata { max-width: 748px; margin: 0 auto; overflow: auto; }
#laziobanner { display: inline; }

#mmt { display: none; }
#menu { max-width: 748px; margin: 0 auto; overflow: auto; }
#menu ul { display: block; position: relative; width: auto; }
#menu li { float: left; margin-right: 20px; text-transform: uppercase; font-weight: 600; padding: 0px; border: 0px; background: none; font-size: 18px; }

#page { max-width: 748px; margin: 0 auto; }

#home_copertina { width: 50%; float: right; height: 440px; margin-bottom: 20px; }
#home_servizi { width: 50%; float: left; height: 440px; margin-bottom: 20px; }

#abstract_ev { padding: 50px 10px; }
#abstract_ev > span { margin-bottom: 12px; }

#reglist, #statlist { padding-left: 20px; }
#reglist > li, #statlist > li { width: 44%; display: inline-block; margin-left: 20px; }
/*#reglist > li:nth-child(4) { line-height: 32px; }*/

#formreg input[type="text"] { width: 50%; }
#formreg select { width: 50%; }

#formprod input[type="text"] { width: 50%; }
#formprod select { width: 50%; }

#listaz > div  { float: left; width: 23.5%; margin-right: 2%; }
#listaz > div:nth-child(4n) { margin-right: 0; }
#listaz > div > span { height: 140px; overflow: hidden; line-height: 140px; }
#listaz > div > span img { vertical-align: middle; }
#listaz > div > p { height: 32px; overflow: visible; }
#listaz > div > p.linkutili { height: 48px; overflow: visible; }

#listacc > div  { float: left; width: 23.5%; margin-right: 2%; height: 64px; }
#listacc > div:nth-child(4n) { margin-right: 0; }

#azlogo { height: 154px; overflow: hidden; line-height: 154px; float: left; width: 25%; margin-right: 4%; }
#azlogo img { vertical-align: middle; }

#colonna { max-width: 748px; margin: 0 auto; }

#footer { max-width: 748px; margin: 0 auto; }

}
 
@media only screen and (min-width: 1024px){

#testata { width: 990px; max-width: 990px; margin: 0 auto; }

#menu { width: 990px; max-width: 990px; margin: 0 auto; }

#page { width: 990px; max-width: 990px; margin: 0 auto; }

#main { width: 74.5%; float: right; }

.full2 > div { width: 49%; margin-left: 2%; float: left; }
.full2 > div:first-child { margin-left: 0; }

#home_abstracts > div { width: 49%; margin-left: 2%; float: left; }
#home_abstracts > div:first-child { margin-left: 0; }

.full3 > div { width: 32%; margin-left: 2%; float: left; }
.full3 > div:first-child { margin-left: 0; }

#prodotto { width: 74.5%; float: right; }

#colonna  { width: 23.5%; float: left; }
#colonna > div:first-child { margin-top: 0; }

#footer { width: 990px; max-width: 990px; margin: 0 auto; }

}

.campo1::before { content: "\025fc"; color: #07616a; }
.campo2::before { content: "\025fc"; color: #ed018a; }
.campo3::before { content: "\025fc"; color: #00aeed; }
.campo4::before { content: "\025fc"; color: #ba1223; }
.campo5::before { content: "\025fc"; color: #959499; }
.campo6::before { content: "\025fc"; color: #b9141a; }
.campo7::before { content: "\025fc"; color: #924646; }
.campo8::before { content: "\025fc"; color: #ee6b41; }
.campo9::before { content: "\025fc"; color: #a3524f; }
.campo10::before { content: "\025fc"; color: #dac508; }
.campo11::before { content: "\025fc"; color: #f28d5f; }
.campo12::before { content: "\025fc"; color: #4cbca4; }
.campo13::before { content: "\025fc"; color: #b7a900; }
.campo14::before { content: "\025fc"; color: #b5ab00; }
.campo15::before { content: "\025fc"; color: #b65a5f; }
.campo16::before { content: "\025fc"; color: #17511f; }
.campo17::before { content: "\025fc"; color: #006929; }
.campo18::before { content: "\025fc"; color: #ed1228; }
.campo19::before { content: "\025fc"; color: #00742e; }
.campo20::before { content: "\025fc"; color: #ee7473; }
.campo21::before { content: "\025fc"; color: #f9821c; }
.campo22::before { content: "\025fc"; color: #007e76; }
.campo23::before { content: "\025fc"; color: #0d0155; }
.campo24::before { content: "\025fc"; color: #629f90; }
.campo25::before { content: "\025fc"; color: #bf1015; }
.campo26::before { content: "\025fc"; color: #b60611; }
.campo27::before { content: "\025fc"; color: #f6821f; }
.campo28::before { content: "\025fc"; color: #f1008c; }
.campo29::before { content: "\025fc"; color: #6a8f5b; }
.campo30::before { content: "\025fc"; color: #668a7e; }

/*.lcampo1 {  background: #07616a; }
.lcampo2 {  background: #ed018a; }
.lcampo3 {  background: #00aeed; }
.lcampo4 {  background: #ba1223; }
.lcampo5 {  background: #959499; }
.lcampo6 {  background: #b9141a; }
.lcampo7 {  background: #924646; }
.lcampo8 {  background: #ee6b41; }
.lcampo9 {  background: #a3524f; }
.lcampo10 {  background: #dac508; }
.lcampo11 {  background: #f28d5f; }
.lcampo12 {  background: #4cbca4; }
.lcampo13 {  background: #b7a900; }
.lcampo14 {  background: #b5ab00; }
.lcampo15 {  background: #b65a5f; }
.lcampo16 {  background: #17511f; }
.lcampo17 {  background: #006929; }
.lcampo18 {  background: #ed1228; }
.lcampo19 {  background: #00742e; }
.lcampo20 {  background: #ee7473; }
.lcampo21 {  background: #f9821c; }
.lcampo22 {  background: #007e76; }
.lcampo23 {  background: #0d0155; }
.lcampo24 {  background: #629f90; }
.lcampo25 {  background: #bf1015; }
.lcampo26 {  background: #b60611; }
.lcampo27 {  background: #f6821f; }
.lcampo28 {  background: #f1008c; }
.lcampo29 {  background: #6a8f5b; }
.lcampo30 {  background: #668a7e; }*/

.lcampo1 {  border: 3px solid #07616a; }
.lcampo2 {  border: 3px solid #ed018a; }
.lcampo3 {  border: 3px solid #00aeed; }
.lcampo4 {  border: 3px solid #ba1223; }
.lcampo5 {  border: 3px solid #959499; }
.lcampo6 {  border: 3px solid #b9141a; }
.lcampo7 {  border: 3px solid #924646; }
.lcampo8 {  border: 3px solid #ee6b41; }
.lcampo9 {  border: 3px solid #a3524f; }
.lcampo10 {  border: 3px solid #dac508; }
.lcampo11 {  border: 3px solid #f28d5f; }
.lcampo12 {  border: 3px solid #4cbca4; }
.lcampo13 {  border: 3px solid #b7a900; }
.lcampo14 {  border: 3px solid #b5ab00; }
.lcampo15 {  border: 3px solid #b65a5f; }
.lcampo16 {  border: 3px solid #17511f; }
.lcampo17 {  border: 3px solid #006929; }
.lcampo18 {  border: 3px solid #ed1228; }
.lcampo19 {  border: 3px solid #00742e; }
.lcampo20 {  border: 3px solid #ee7473; }
.lcampo21 {  border: 3px solid #f9821c; }
.lcampo22 {  border: 3px solid #007e76; }
.lcampo23 {  border: 3px solid #0d0155; }
.lcampo24 {  border: 3px solid #629f90; }
.lcampo25 {  border: 3px solid #bf1015; }
.lcampo26 {  border: 3px solid #b60611; }
.lcampo27 {  border: 3px solid #f6821f; }
.lcampo28 {  border: 3px solid #f1008c; }
.lcampo29 {  border: 3px solid #6a8f5b; }
.lcampo30 {  border: 3px solid #668a7e; }

/*****************************************************
 * styling als slider
 ******************************************************/

.als-container {
	position: relative;
	width: 100%;
	margin: 0px;
	z-index: 0;
	box-sizing: content-box;
}

.als-viewport {
	position: relative;
	overflow: hidden;
	margin: 0px auto;
	width: 100%;
	box-sizing: content-box;
}

.als-wrapper {
	position: relative;
	/* se si sta usando una lista del tipo <ul> <li>*/
	list-style: none;
	box-sizing: content-box;
	margin: 0px;
	padding: 0px;
}

.als-item {
	position: relative;
	display: block;
	text-align: center;
	
	float: left;
	box-sizing: content-box;
}

.als-prev, .als-next {
	position: absolute;
	cursor: pointer;
	clear: both;
}

#home_slider .als-item { height: 100px; width: 212px; text-align: center; }
#home_slider .als-item img { display: block; height: 100%; margin: 0 auto; vertical-align: middle; }
#home_slider .als-prev, #home_slider .als-next {
	top: 39px;
	opacity: 0.7; filter: alpha(opacity=70);
}

#home_slider .als-prev {
	left: 15px;
}

#home_slider .als-next {
	right: 15px;
}

@media only screen and (min-width: 768px) {
	#home_slider .als-item { height: 300px; width: 638px; }
	#home_slider .als-prev, #home_slider .als-next { top: 139px; }
}

#home_slider_2 .als-item { height: 35px; width: 40px; text-align: center; }
#home_slider_2 .als-item span { display: block; height: 35px; overflow: hidden; line-height: 35px; }
#home_slider_2 .als-item span a img { width: 80%; vertical-align: middle; }
#home_slider_2 .als-prev, #home_slider_2 .als-next {
	top: 19px;
	opacity: 0.7; filter: alpha(opacity=70);
}

#home_slider_2 .als-prev {
	left: 15px;
}

#home_slider_2 .als-next {
	right: 15px;
}

@media only screen and (min-width: 768px) {
	#home_slider_2 .als-item { height: 140px; width: 160px; }
	#home_slider_2 .als-item span { height: 140px; line-height: 140px; }
	#home_slider_2 .als-prev, #home_slider_2 .als-next { top: 69px; }
}




/*#listaz > div > span { margin-bottom: 14px; background: #fff; display: block; }
#listaz > div > span img { width: 75%; }

#listaz > div > span { height: 140px; overflow: hidden; line-height: 140px; }
#listaz > div > span img { vertical-align: middle; }*/