/*  **************************************
	template
*************************************** */
#wrapper {
	/*width: 712px;*/
	width:71.2em;
	margin: 10px auto 0;
}
a:visited {
	color:#909;
}
.hidden {
	display:none;
}
/*  **************************************
	banner
*************************************** */
#banner {
	position: relative;
	overflow: hidden;
	width:100%;
	/*height:25px;*/
}
#banner h1 {
	/*float: left;*/
	display: block;
	width: 213px;
	height: 45px;
	margin-top:10px;
}
#banner h1 a {
	display: block;
	width: 213px;
	height: 45px;
	background: url(../images/backgrounds/logomerca.gif) 0 0 no-repeat;
	text-indent: -9999px;
}
/*	-------------------------------------
	nav
-----------------------------------------*/
#banner #nav {
	/*background: url(../images/backgrounds/bg_nav.gif) 0 0 repeat-x;*/
	/*float: left;*/
	
	/*width: 615px;*/
	display: block;
	overflow:hidden;
	
}
#banner #nav ul {
	background: url(../images/backgrounds/curve.gif) bottom right no-repeat;
	position:relative;
	background-color:#017a3d;
	padding-left:60px;
}
#banner #nav ul li {
	color:#fff;
	text-transform: uppercase;
	display: block;
	float: left;
	padding: 5px 5px 5px;
	/*background: url(../images/backgrounds/bg_nav_li_sep.gif) right -1px no-repeat;*/
}
#banner #nav ul li.last-child {
	background: none;
}
#banner #nav ul li a {
	color:#fff;
	text-decoration: none;
}
#banner #nav ul li.active {
	background-color:#003300;
}
#banner #nav ul li a:hover {
	color:#ffcc00;
	background-color:#003300;
}
#banner #nav ul li a.active:hover {
	border-bottom: none;
}

#banner #nav2 {
	float:right;
	overflow: hidden;
}

#banner #nav2 li {
	float:left;
	border-left: 1px solid #b2b3b5;
	margin: 0 .5em 0 -.5em;
	padding: 0 .5em 0 .5em;
}

#banner #nav2 li a {
	text-transform:uppercase;
	color:#333333;
	text-decoration:none;
}

#banner #nav2 li a:hover {
	text-decoration:underline;
	color:#0066ff;
}
/*  **************************************
	content
*************************************** */
#main_content {
	padding: 0 50px;
	background: #27a178;
	margin-top:2px;
	margin-bottom:30px;
	clear:both;
}
#main_content .cont {
	position: relative;
	background: #fff;
	padding: 3em 5px;
	overflow: hidden;
}
#main_content .cont h2, #main_content .cont h3 {
	color: #060;
	margin-bottom: 1em;
	font-weight:  bold;
	font-size:  1.6em;
	/*text-decoration:  underline;*/
	text-transform:  uppercase;
}
#main_content .cont h4 {
	/*color: #06c;*/
	margin-bottom: 1em;
	/*font-weight:  bold;*/
	font-size:  1.4em;
	/*text-decoration:  underline;*/
	text-transform:uppercase;
}
#main_content .cont h5 {
	margin-bottom: 1em;
	font-weight:  bold;
	font-size:  1.3em;
	text-decoration:  underline;
}
#main_content .cont p,
#main_content .cont ul,
#main_content .cont ol {
	font-size: 1.3em;
	margin-bottom:1.3em;
}
#main_content .cont ul  {
	list-style: disc inside;
}
#main_content .cont ol  {
	list-style: decimal inside;
}
#main_content .cont li  {
	margin-bottom:  .5em;
}
#main_content .cont ul span,
#main_content .cont ol span {
	display: none;
}
#main_content .cont ul.memorias {
	list-style:  none;
	font-weight:  normal;
	
}
#main_content .cont ul.memorias li {
	background-color:#fff6d0;
	border:2px solid #fff193;
	width:46%;
	overflow:hidden;
	padding:10px 10px 0 10px;
	margin:10px auto;
	height:90px;
	text-align:right;
}

#main_content .cont ul.memorias li.data {
	position: relative;
}
#main_content .cont ul.memorias  ul  {
	padding-right: 84px;
	text-align: right;
}
#main_content .cont ul.memorias  ul span {
	display: block;
}
#main_content .cont ul.memorias li li {
	background: none;
	list-style-type: none;
	border: none;
	width: 100%;
	overflow: inherit;
	padding: 0;
	margin: 0 ;
	height: auto;
}

#main_content .cont ul.memorias li li img{
	position: absolute;
	right: 0;
	top: 0;
}

/** Colores y tamanos enlaces **/
#main_content .cont ul.memorias li strong  {
	font-size:1.3em; color: #020100; font-weight: bold;
	padding: 0 84px 15px 0;
	text-transform: none;
	display: block;
}
#wrapper #main_content .cont ul.memorias li li a:hover  {
	text-decoration: underline;
}
#main_content .cont ul.memorias li li.pdf a:link, #main_content .cont ul.memorias li li.pdf a:visited  {
	font-size:0.8em; color: #4D4D4B; font-weight: bold; text-transform: uppercase; text-decoration: none;
	padding-bottom: 10px;
}
#main_content .cont ul.memorias li li.description a:link, #main_content .cont ul.memorias li li.description a:visited  {
	 font-size:0.75em; color: #7B796A; text-decoration:none; text-transform:none;
	padding-bottom:0;
}

* +html #main_content .cont ul.memorias li li.pdf a:link, * +html #main_content .cont ul.memorias li li.pdf a:visited  {
	padding-right: 15px;
}
* html #main_content .cont ul.memorias li li.pdf a:link, * html #main_content .cont ul.memorias li li.pdf a:visited  {
	padding-right: 15px;
}
* +html #main_content .cont ul.memorias li li.description a:link,* +html  #main_content .cont ul.memorias li li.description a:visited  {
	padding-right: 15px;
}
* html #main_content .cont ul.memorias li li.description a:link,* html  #main_content .cont ul.memorias li li.description a:visited  {
	padding-right: 15px;
}

* +html #main_content .cont ul.memorias li { 
	width: 46%;
}
* html #main_content .cont ul.memorias li { 
	width: 46%;
}
* +html #main_content .cont ul.memorias li  li{ 
	width: 100%;
}
* html #main_content .cont ul.memorias li li { 
	width: 100%;
}
#main_content .cont ul.memorias li span {
	/*width:2em;*/
}

#main_content .cont ul.memorias span.title {
	color:#333;
	text-transform:uppercase;
	display:block;
	text-decoration:underline;
	font-weight:bold;
	padding-top:20px;
	float:right;
	margin-right:10px;
	margin-left:1em;
}
#main_content .cont ul.memorias span.title-peq {
	font-size:.9em;
	padding-top:15px!important;
}
#main_content .cont ul.memorias span.formato {
	display:block;
	color:#000;
	font-size:.9em;
	float:right;
	margin-right:10px;
}
#main_content .cont blockquote {
	background:  #ffc;
	padding:  10px 10px 0;
	border:  2px solid #d9bf98;
	font-weight:  bold;
	text-transform:  uppercase;
	margin-bottom:  1.5em;
}
#main_content .cont blockquote p {
	margin-bottom: 10px;
}
#main_content .cont  strong {
	font-weight:  bold;
}
#main_content .cont strong{
	text-transform:  uppercase;
	font-weight:  bold;
}
#main_content .cont strong.green {
	color: #0f0;
	text-transform:  uppercase;
	font-weight:  normal;
}
#main_content .cont strong.red {
	color: #f00;
	text-transform:  uppercase;
	font-weight:  normal;
}
#main_content .cont strong.blue {
	color: #06c;
	text-transform:  uppercase;
	font-weight:  normal;
}
#main_content .cont img {
	margin: 0 auto 30px 10px;
	display:block;
}
#main_content .cont img.f-l {
	margin: 0 1.5em 30px 0;
}
#main_content .cont li img {
	margin-bottom:  5px;
}
#main_content .cont p.pie_foto{
	text-align:  center;
	font-size: 1em;
	margin-top:  -30px;
	margin-bottom: 30px;
}
#main_content .cont .att_phone .phone {
	display:  block;
	text-indent:  -9999px;
	background:  url(../images/backgrounds/bg_telefono.gif) center center no-repeat;
	width:  405px;
	height:  50px;
	margin:  0 auto 1em;
}
#main_content .cont .att_phone p {
	text-align:  center;
	font-weight:  bold;
	font-size:  1.8em;
	color: #000;
}
#services {
	margin-top:30px;
}
#services li {
	list-style:none;
	text-transform:uppercase;
	width:50%;
	float:left;
	height:61px;
	/*padding-left:65px;*/
}
#services li span {
	display:block!important;
	margin-left:65px;
	margin-top:17px;
}
#services li.parking{
	background:url(../images/icons/ico01.jpg) 0 50% no-repeat;
}
#services li.control-calidad{
	background:url(../images/icons/ico07.jpg) 0 50% no-repeat;
}
#services li.reparto{
	background:url(../images/icons/ico02.jpg) 0 50% no-repeat;
}
#services li.custodia-bolsos{
	background:url(../images/icons/ico08.jpg) 0 50% no-repeat;
}
#services li.pedido{
	background:url(../images/icons/ico03.jpg) 0 50% no-repeat;
}
#services li.climatizada{
	background:url(../images/icons/ico09.jpg) 0 50% no-repeat;
}
#services li.tarjetas{
	background:url(../images/icons/ico04.jpg) 0 50% no-repeat;
}
#services li.calidad{
	background:url(../images/icons/ico10.jpg) 0 50% no-repeat;
}
#services li.atencion{
	background:url(../images/icons/ico05.jpg) 0 50% no-repeat;
}
#services li.compra{
	background:url(../images/icons/ico11.jpg) 0 50% no-repeat;
}
#services li.pan{
	background:url(../images/icons/ico06.jpg) 0 50% no-repeat;
}
#services li a {
	color:#f04512;
	text-decoration:underline;
	font-weight:bold;
}
.resumen {
	overflow:hidden;
}
.resumen .fecha {
	color:#666;
	margin-bottom:0!important;
}
.resumen h4 a {
	color:#333;
	text-decoration:underline;
	margin-top:0!important;
	font-weight:bold;
}
.resumen .masinfo {
	float:right;
}
.resumen .masinfo a {
	color:#333;
	text-decoration:underline;
	background:url(../images/icons/icoarchivos.gif) 0 50% no-repeat;
	padding-left:15px;
	text-transform:lowercase;
}
.subir {	
	float:right;
	overflow:hidden;
}
.subir a {
	color:#333;
	text-decoration:underline;
	background:url(../images/icons/icovolver.gif) 0 50% no-repeat;
	padding-left:15px;
}
blockquote {
	clear:both;
}
/* tit
--------------------------------------- */
#content #tit {
	background: #ff9;
	font-weight: bold;
	font-size: 1.3em;
	text-transform: uppercase;
	/*padding: 4px 10px;*/
	height:2em;
}
#content #tit h3 {
	float:left;
	color:#390;
	font-weight: bold;
}
#content #tit h2 { 
	/*float:right;
	font-weight: bold;
	color:#f63;*/
	display:none;
}
/* fotos
--------------------------------------- */
#main_content .cont #fotos {
	padding: 1em;
	margin: 1em auto;
}
#main_content .cont #fotos .foto {
	float: left;
	width: 50%;
	/*margin: 0 25px 25px 0;*/
	padding: 0;
}
#main_content .cont #fotos .foto img {
	/*width: 250px;*/
	height: 175px;
	/*border:1px solid #333;*/
	margin:10px auto;
}
#main_content .cont #fotos .foto p {
	font-size: 1.2em;
	color:#000;
	text-align:center;
}
/*descarga
--------------------------------------- */
.descarga {
	
}
.enlace-descarga,
.descarga a {
	color:#333;
	text-decoration:underline;
	background:url(../images/icons/icopie.jpg) 0 50% no-repeat!important;
	padding-left:15px;
}
/*col
--------------------------------------- */
.col {
	width:31%;
	float:left;
	margin:0 1%;
}
/*mapa
--------------------------------------- */
.mapa-inicio {
	margin:1em 1%;
}
.mapa dt{
	background-color:#ccc;
	text-align:center;
	padding:3px 0;
	margin-bottom:5px;
	font-size:1.1em;
}
.mapa-inicio a,
.mapa a {
	color:#333;
	text-transform:uppercase;
	font-weight:bold;
	text-decoration:none;
}
.mapa a:hover {
	color:#e30;

}
.mapa dd {
	margin-bottom:5px;
	list-style-type:disc;
}
.mapa dd ul {
	margin-left:10px;
	margin-bottom:5px!important;
}
.mapa dd li {
	font-size:.9em;
	margin-top:5px;
	list-style-type:disc;
}
/* table
--------------------------------------- */
table {
	font-size: 1.2em;
	border-spacing:1px;
}
table caption {
	font-weight: bold;
	margin-bottom: .5em;
}
table thead tr {
	background: #098000;
	color:#fff;
}
table tbody tr.foot {
	background: #f2f2f2;
	font-weight: bold;
}
table thead tr th,
table tbody tr td {
	padding: 3px 5px;
	border:1px solid #999;
}
ul.pie_tabla {
	margin-top: -15px;
}
#main_content .cont ul.pie_tabla li {
	margin-bottom: 2em;
	font-size: .9em;
	list-style: none;
	margin-bottom: 0;
}
/* sub_nav
--------------------------------------- */
#content ul#sub_nav {
	font-size: .75em;
	font-weight: normal;
	background-color:#030;
	float:right;
	height:1.87em;
	padding:.4em 0;
}
#content ul#sub_nav li {
	display: block;
	float:left;
	color:#fff;
	border-right: 1px solid #fff;
	margin: 5px -.5em 0 .5em;
	padding: 0 1em 0 .5em;
}
#content ul#sub_nav li.active a{
	background-color:#077000;
}
#content ul#sub_nav li a {
	text-decoration: none;
	color:#fff;
}
#content ul#sub_nav li a:hover {
	text-decoration: underline;
}
#content ul#sub_nav li span {
	text-transform: lowercase;
}
/* lista de servicios
--------------------------------------- */
#main_content .cont ul#l_servicios li {
	display: block;
	width: 87px;
	height: 86px;
	float: left;
	margin: 0 25px 25px;
	text-indent: -99999px;
}
#main_content .cont ul#l_servicios li a {
	border:5px solid #ff0;
	display: block;
	height: 81px
}
#main_content .cont ul#l_servicios li a:hover {border-color: #ff9;}
ul#l_servicios li#s_parking {background: url(../images/backgrounds/bg_li_s_parking.jpg) 0 0;}
ul#l_servicios li#s_reparto {background: url(../images/backgrounds/bg_li_s_reparto.jpg) 0 0;}
ul#l_servicios li#s_pedido {background: url(../images/backgrounds/bg_li_s_pedido.jpg) 0 0;}
ul#l_servicios li#s_tarjetas {background: url(../images/backgrounds/bg_li_s_tarjetas.jpg) 0 0;}
ul#l_servicios li#s_atencion {background: url(../images/backgrounds/bg_li_s_telefono.jpg) 0 0;}
ul#l_servicios li#s_pan {background: url(../images/backgrounds/bg_li_s_pan.jpg) 0 0;}
ul#l_servicios li#s_calidad {background: url(../images/backgrounds/bg_li_s_control.jpg) 0 0;}
ul#l_servicios li#s_custodia {background: url(../images/backgrounds/bg_li_s_custodia.jpg) 0 0;}
ul#l_servicios li#s_temperatura {background: url(../images/backgrounds/bg_li_s_temperatura.jpg) 0 0;}
ul#l_servicios li#s_productos {background: url(../images/backgrounds/bg_li_s_productos.jpg) 0 0;}
ul#l_servicios li#s_compra {background: url(../images/backgrounds/bg_li_s_compra.jpg) 0 0;width: 81px;height: 81px;}
/*  **************************************
	footer
*************************************** */
#footer {
	padding: 1em 50px;
	border-left: 50px solid #096;
	border-right: 50px solid #096;
}
#footer ul li {
	display: inline;
	text-transform:  uppercase;
}.memoria {
	margin-left:15px;
	font-size: 1.2em;
	margin-top: 10px;
	line-height: 20px;
}
.fotomenu {
	font-size: inherit;
	margin-top: 20px;
	line-height: normal;
	float: none;
	vertical-align: middle;
	text-align: center;
}
.block {
	background:  #ffc;
	padding:  10px 10px 10px;
	border:  2px solid #d9bf98;
	font-weight:  bold;
	text-transform:  uppercase;
	margin-bottom:  10px;
	margin-top: 10px;
}
.may {
	text-transform: uppercase;
}
#main_content .cont  ol.menullist{ clear:both;font-size: 1.2em;margin:0 0 15px 0; padding:0; line-height: 1.0em;}
#main_content .cont ol.menullist ol{ font-size: 1.0em; margin: 5px 0 0 30px;}

#main_content .cont h3.memorias{ clear:both; font-size: 1.3em;}
#main_content .cont h4.memorias{ clear:both; font-size: 1.2em; color: #006600; font-weight: bold;}
#main_content .cont h5.memorias{ clear:both; font-size: 1.2em; font-weight:bold; text-decoration:none; }
#main_content .cont h6.memorias{ clear:both; font-size: 1.2em;margin-bottom: 10px; font-weight: normal; text-decoration: underline; }
p.memtit{ font-weight: bold;}

a.volver { 
	position: absolute; top: 10px; right: 15px;
	padding-left: 17px; 
	background: url(../images/icons/icoatras.gif) 0 2px no-repeat;
	font-size:1.2em; color: #000; text-decoration: none
}

/** Colores enlaces memoria **/
.menullist a{
	color: #333;
}
.cursiva {
	font-style: italic;
}
