/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{display:block}
mark, rp, rt, ruby, summary, time{display:inline }
/*-------------------------------fuentes----------------------------------------------------*/
@font-face {
    font-family: 'roboto';
    src: url('../fuentes/roboto-condensed.eot');
    src: url('../fuentes/roboto-condensed.eot?#iefix') format('embedded-opentype'),
         url('../fuentes/roboto-condensed.woff') format('woff'),
         url('../fuentes/roboto-condensed.ttf') format('truetype'),
         url('../fuentes/roboto-condensed.svg#lato') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GuthenBloots';
    src: url('../fuentes/GuthenBlootsPersonalUse.eot');
    src: url('../fuentes/GuthenBlootsPersonalUse.eot?#iefix') format('embedded-opentype'),
         url('../fuentes/GuthenBlootsPersonalUse.woff') format('woff'),
         url('../fuentes/GuthenBlootsPersonalUse.ttf') format('truetype'),
         url('../fuentes/GuthenBlootsPersonalUse.svg#lato') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*------------------------------body-----------------------------------------------------*/
body{font:13px/18px  Arial, Helvetica, sans-serif;color:#343230; }
header{ background:url(../images/bg-top3.jpg) 0 0 repeat-x #FAF7EE;  margin:0px; padding:0px;  }

@media screen and (max-width: 1024px) {
header{ background:url(../images/bg-top1024.jpg) 0 0 repeat-x #FAF7EE;   margin:0px; padding:0px;  }
}

@media screen and (max-width: 780px) {
header{ background:url(../images/bg-top-recto.jpg) 0 0 repeat-x #FAF7EE;  background-size: 100% 60px;   margin:0px; padding:0px;  }
}

.imagen_left{ float:left; margin-top:12px; margin-right:15px; margin-bottom:15px;}
.imagen_right{ float:right;  margin-top:12px; margin-left:15px; margin-bottom:15px;}

@media screen and (max-width: 480px) {
.imagen_left{width:100%}
.imagen_right{width:100%}
}


p {padding:10px 0px 10px 0px; text-align:justify}

html, body{height:100%;}
/*------------------------------Layouts-----------------------------------------------------*/
.wrapper {width:100%;overflow:hidden}
.caja_contenido {width:100%; margin:0 auto; overflow:hidden; margin-top:15px;}
.caja_contenido ul{
list-style:none;		
padding-left:25px;
padding-top:10px;
padding-bottom:10px;
}

.caja_contenido li {			
	padding-left:15px;
	text-align:justify;
	background:url(../images/vineta_fecha.png) 0px 4px no-repeat ;
}


.caja_contenido_sin_lista {width:100%; margin:0 auto; overflow:hidden; margin-top:15px;}

.caja_contenido_sin_lista  < li{
	padding-left:15px;
	text-align:justify;
	background:url(../images/vineta_fecha.png) 0px 4px no-repeat ;
}


.borde_imagen {
padding:4px; 
background: #fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: #999 1PX solid;
}
@media screen and (max-width: 490px) {
.borde_imagen{
	width:85%;
}
}

.caja_derecha {width:95%; float:right;  overflow:hidden; margin-top:15px;  }
@media screen and (max-width: 980px) {
.caja_derecha {width:100%; float:none;  overflow:hidden; margin-top:15px; margin-bottom:15px;  }
}


.main {	margin:0 auto; width:80%; }
@media screen and (max-width: 980px) {
.main {	margin:0 auto; width:95%; }
}

.col0{ width:100%; }
.col1{ width:70%; }
.col2{ width:30%;  }
@media screen and (max-width: 980px) {
.col0{ width:100%; }
.col1{ width:100%; }
.col2{ width:100%;  }

}

.colcab1{width:15%; float:left}
.colcab2{width:85%; float:left}
.collogo1{width:146px}
.collogo2{width:100%}
.collogo3{width:100%;}



@media screen and (max-width: 768px) {
.colcab1{width:30%; float:left}
.colcab2{width:70%; float:left}
}

@media screen and (max-width: 480px) {
	
.colcab1{width:50%; float:left}
.colcab2{width:50%; float:left}
.collogo1{width:100%}
.collogo2{display:block;}
.collogo3{display:none;}


}


.colpie1{width:60%; float:right }
.colpie2{width:40%; float:left}

@media screen and (max-width: 768px) {
.colpie1{width:100%; float:right }
.colpie2{width:100%; float:left }
}






/*----------------------------Alineaciones-----------------------------------------------------*/
.left {float:left}
.right {float:right}
.margen10{margin:10px;}
.margen_footer{ padding-top:5px; padding-bottom:5px;}
.margen_top10{margin-top:10px;}
.margen_bottom10{margin-bottom:10px;}
.margen_top_footer{margin:15px 5px 10px 10px;}
.margen_bottom{margin:0px 0px 30px 0px;}

/*-------------------------------FONDOS BACKGROUND----------------------------------------------------*/
.bg_contenido {background:#fff;}
.bg_menu{background:#EFBF01; }

@media screen and (max-width: 768px) {
.bg_menu{background:none}
}
.bg_menu_footer{background:#F3F1E5;}
.bg_footer{background: url(../images/bg-footer.jpg) 5px 0 repeat-x #F3EBD4; }



/*--------------------------------LOGOS-------------------------------------------------*/
#logo_pie{display:block;background:url(../images/logo_anapo_transparente.png) 5px 0 no-repeat;width:160px;height:120px; margin-top:5px; text-indent:-9999px; }
#logo_header{display:block;background:url(../images/logo_anapo_2.png) 1px 0 no-repeat;width:150px;height:120px; margin-top:0px; text-indent:-9999px;  }
.slogan{margin-top:42px; font-family:"GuthenBloots"; font-size:30px; color:#000;  }



.titulo_pagina {
	background:url(../images/hoja.jpg) 5px 0 no-repeat;
    color: #7B171C;
    text-transform: uppercase;
    letter-spacing: 2px;
	padding: 0px 0px 5px 60px;
	line-height: 120%;
	word-wrap: break-word;
	border-bottom: #00A652 3px solid
}

.menu_navegacion   {
	padding-top:10px;
	padding-bottom:10px;
	padding-left:10px;
	background:#F3F1E5;
	color:#421300;
    font-size: 12px/25px;
	font-weight:400;
	 text-transform: uppercase;
	
}



.menu_navegacion  .aqui {
    color:#F90;
    font-size: 12px/25px;
	font-weight:400;
	 text-transform: uppercase;
	
}

.menu_navegacion a {
    font-size: 12px/25px;
	font-weight:400;
    color: #00A652;
	 text-transform: uppercase;
}

.menu_navegacion a:hover {
    color:#FF9900;
	text-transform: uppercase;
}


.fondo_subtitulo_verde{
background: #00A652;
color:#FFF;
padding:5px;
margin-top:15px;
}
/*-----------------------------------TEXTOS----------------------------------------------*/
h1,h2,h3,h4,h5,h6{line-height:1.2em;font-family: Arial, Helvetica, sans-serif; font-weight:normal; padding-bottom:5px; margin:0;padding:0;border:0; margin-bottom:10px; margin-top:0px;}
h1{font-size:30px;font-style:normal; font-family:"roboto"; font-weight:400;line-height:1.2em;padding:10px 0 2px 0;color:#000;letter-spacing:-1px}
h2{font-size:25px;font-style:normal; font-family:"roboto"; font-weight:400;line-height:1.2em;padding:10px 0 2px 0;letter-spacing:-1px; color:#7B171C}
h3{font-size:20px;font-style:normal; font-family:"roboto"; font-weight:400;line-height:1.2em;padding:10px 0 2px 0;letter-spacing:-1px; color:#804000}

h4{font-size:24px; letter-spacing:-1px;}
h5{font-size:20px;}
h6{font-size:19px;}

.texto_verde {font-size:13px;  color:#090; font-weight:normal;}
.texto_footer {font-size:13px;  color:#7B171C; font-weight:normal; padding:10px;}
.texto_blanco {font-size:13px;  color:#FFF; font-weight:normal;}
.texto_plomo {font-size:12px;  color:#CCCCCC; font-weight:normal;}
.texto_celeste {font-size:12px;  color:#99c7ef; font-weight:normal;}
.texto_azul {font-size:12px;  color:#2D5BB0}
.texto_mensaje {font-size:13px;  color:#F60; font-weight:normal;}
.texto_aviso {font-size:13px; font-weight:bold;  color:#F00}
.texto_azul_bold {font-size:13px;  color:#2D5BB0; font-weight:bold;}
.txt_negro{font-size:12px; color:#000000;}
.txt_negro_bold{font-size:12px; color:#000000; font-weight:bold}
.txt_blanco{font-size:12px; color:#FFFFFF;}
.color_blanco{color:#FFFFFF;}
.telefono {font-size:18px;  color:#FFF; font-weight:bold; text-align:right; margin-top:20px;}
.titulo_azul{font-size:16px;  color:#24488C; font-weight:bold}
.titulo_negro{font-size:16px;  color:#000; font-weight:bold}
.texto_caja_azul{font-size:12px; background:#999;  color:#FFF; padding:3px;}
.texto_numero{ float:left; font-size:12px; color:#FFF; width:25px; height:28px; background:url(../images/numero.jpg) no-repeat; padding-left:9px; padding-top:3px;}

/*-----------------------------------LINEAS----------------------------------------------*/
.lineaH{ padding-bottom:5px; border-bottom:#CCCCCC 1px solid; }
.linea_celeste{  border-bottom:#4FA7FF 1px dotted; }
.linea_azul{  border-bottom:#4FA7FF 2px solid; }


/*----------------------------------------BUSCADOR---------------------------------------------------*/

#search {background:#FFF;width:100%;height:38px;float:none;margin-top:4px; 
border:1px solid #F7D1AC;
}	
#search .submit {float:right;background:url(../images/lupa.png) no-repeat #F3F1E5;height:38px;width:35px;cursor:pointer}
#search .input {float:right;width:85%;height:38px;padding:0px;font:13px Arial, Helvetica, sans-serif;color:#4F4342; font-style:italic; background:#FFF;}
@media screen and (max-width: 1025px) {

}

@media screen and (max-width: 768px) {

}

@media screen and (max-width: 450px) {
#search {background:#FFF;width:100%;height:38px;float:none;margin-top:4px; -webkit-border-radius:10px;
-moz-border-radius: 10px;
border-radius: 10px;
border:1px solid #F7D1AC;
}	
#search .submit {float:right;background:url(../images/lupa.png) no-repeat #F3F1E5;height:38px;width:35px;cursor:pointer}
#search .input {float:right;width:85%;height:38px;padding:0px;font:13px Arial, Helvetica, sans-serif;color:#4F4342; font-style:italic; background:#FFF;}
}


.copyright {color:#896E67; padding:25px 0px 0px 0px;}
.copyright a{color:#00A652}
.copyright a:hover{color:#FFC600}


/*---------------------SUSCRIPCION FOOTER----------------------------------------------------*/
#suscripcion {
width:350px; overflow:hidden	
}
#suscripcion .submit {float:right;background:#00A652;height:38px;width:50px;cursor:pointer; color:#FFF; font-weight:bold}
#suscripcion .input {float:right;width:260px;height:38px;padding:0px;font:13px Arial, Helvetica, sans-serif;color:#4F4342; font-style:italic; background:#FFF; padding:0px 10px; letter-spacing:1px}
#suscripcion .titulo{ font-size:25px; color:#FFC600; margin:0px; padding:0px; }
#suscripcion .texto{font-size:13px; color:#FFF; padding-bottom:15px; padding-top:15px; text-align:center }

@media screen and (max-width: 480px) {
#suscripcion {
width:300px; overflow:hidden	
}
#suscripcion .submit {float:right;background:#00A652;height:38px;width:50px;cursor:pointer; color:#FFF; font-weight:bold}
#suscripcion .input {float:right;width:220px;height:38px;padding:0px;font:13px Arial, Helvetica, sans-serif;color:#4F4342; font-style:italic; background:#FFF; padding:0px 10px; letter-spacing:1px}
}


/*---------------------DIRECCION FOOTER----------------------------------------------------*/
#direccionpie{  }
#direccionpie .col1 {width:40%; float:left}
#direccionpie .col2 {width:60%; float:right}

@media screen and (max-width: 768px) {
#direccionpie{ margin-top:25px; margin-bottom:25px }
}

@media screen and (max-width: 480px) {
#direccionpie .col1 {width:100%; float:left; margin-bottom:25px }
#direccionpie .col2 {width:100%; float:left;}
}

/*--------------------------------------descargas -------------------------------------*/
#descargas {
width:100%;
max-width:300px;
margin-bottom:25px;
margin-top:25px;
border:#FFC300 1px solid;  box-shadow: 0px 10px 0px rgba(255,190,0,.5);
-webkit-border-radius: 10px ;
-moz-border-radius: 10px ;
border-radius: 10px ;
}



#descargas a {
color:#24488C;
text-decoration:none;
}

#descargas a:hover{
color:#FF9900;
text-decoration:none;
}

#descargas .current {
color:#FF9900;
}

/*---------------------BOTONES----------------------------------------------------*/
.boton-verde{
float:left;
height:33px;
color:#FFF;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border-top:1px solid #8bc34a;
background: #008000;

}

.boton-verde:hover{
background:#8bc34a;
transform:translate(0px, 1px);
border-bottom:1px solid #008000;
border-top:0px solid #008000;
}


.boton_leyes{
height:20px;
width:80%;
color:#FFF;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border-top:1px solid #F60;
background: #FFCC00;

}

.boton_leyes:hover{
background:#F60;
transform:translate(0px, 1px);
border-bottom:1px solid #008000;
border-top:0px solid #008000;
}

/*------------------------------------------------------------*/

.boton_descarga{
height:33px;
width:80%;
color:#FFF;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border-top:1px solid #008000;
background: #8bc34a;
margin-top:10px;
margin-bottom:10px;
}

.boton_descarga:hover{
background:#008000;
transform:translate(0px, 1px);
border-bottom:1px solid #008000;
border-top:0px solid #008000;
}



.boton_descarga_amarillo{
height:33px;
width:80%;
color:#7B171C;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border-top:1px solid #F60;
background: #FFCC00;
margin-top:10px;
margin-bottom:10px;
}

.boton_descarga_amarillo:hover{
background:#F60;
transform:translate(0px, 1px);
border-bottom:1px solid #008000;
border-top:0px solid #008000;
}


.boton_clima_amarillo {
padding:5px;
margin:20px;
color:#FFF;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:600;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border-top:1px solid #F60;
background: #F33;
}

.boton_clima_amarillo:hover{
color:#FC0;	
background:#F66;
transform:translate(0px, 1px);
border-bottom:1px solid #F00;
border-top:0px solid #F00;
}

.boton_clima_amarillo a{
color:#FFF;
}

.boton_clima_amarillo a:hover{
color:#FC0;
}


/*---------------------BOTONES----------------------------------------------------*/
.buttons a, .buttons button{
    background-color:#FFBE00;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
    border:1px solid #F90;
    font-size:13px;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#FFF;
    cursor:pointer;
    padding:10px 7px 6px 7px; /* Links */
}

.buttons button img, .buttons a img{
    margin:0 0px 0px 0 !important;
    padding:0;
    border:none;
}


/* DESCARGAR */

button.descargar, .buttons a.descargar{
    color:#FFF;
	background:#FF3C3C;
}
.buttons a.descargar:hover, button.descargar:hover{
    background-color:#FFA4A4;
    border:1px solid #F36;
    color:#FFF;
}
.buttons a.descargar:active{
    background-color:#4A74BC;
    border:1px solid #036;
    color:#FFF;
}


/* POSITIVE */

button.positive, .buttons a.positive{
    color:#FFF;
	background:#FF3C3C;
}
.buttons a.positive:hover, button.positive:hover{
    background-color:#FFA4A4;
    border:1px solid #F36;
    color:#FFF;
}
.buttons a.positive:active{
    background-color:#4A74BC;
    border:1px solid #036;
    color:#FFF;
}


/* NEGATIVE */

.buttons a.negative, button.negative{
    color:#FFF;
}
.buttons a.negative:hover, button.negative:hover{
    background:#81D742;
    border:1px solid #11953F;
    color:#FFF;
}
.buttons a.negative:active{
    background:#81D742;
    border:1px solid #11953F;
    color:#FFF;
}

/* REGULAR */

button.regular, .buttons a.regular{
    color:#336699;
}
.buttons a.regular:hover, button.regular:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a.regular:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}
/*------------------LISTADOS-----------------------------------------*/

.listadireccion li {
  display: table;
  border-collapse: collapse;
  width: 81%;
  float: left;
  margin-right:2%;
  margin-bottom:10px;
}

.listadireccion p {
  padding:0px;
  margin:0px;
  font-size:13px;
}

.listadireccion .titulo {
  padding:0px;
  margin:0px;
  font-size:18px;
  font-weight:bold;
  color:#FFC600
}

.inner {
  display: table-row;
  overflow: hidden;

}
.listadireccion-img {
  display: table-cell;
  vertical-align: top;
  width:8%;
  padding-right: 1em;
}
.listadireccion-img img {
  display: block;
  height: auto;
  margin-top:3px
}
.listadireccion-text {
  display: table-cell;
  vertical-align: middle;
  width: 70%; 
  padding:0px 0px 0px 0px;

}
.listadireccion-head {
  text-align:left;
  font-size:12px;
  color:#FFF;
  padding: 0;
}



/*-------------------------------------MENUS----------------------------------------------*/

#dl-menu{ display:none;}
@media screen and (max-width: 1025px) {
#dl-menu{ display:block;}
}
@media screen and (max-width: 1025px) {
#menu{ display:none;}
}


.menu_footer_line {
padding-top:0px;
list-style:none;	
margin:0px 0px 0px 0px;	
padding-left:0px;
height:35px;
}

.menu_footer_line li {	
margin-left:1px;
float:left;
}

.menu_footer_line li a {
	display:block;
	height:20px;
	padding-top:9px;
	padding-left:30px;
	text-decoration:none;
	text-align:left;
	font-size:13px; 
	color:#7B171C;	
}

.menu_footer_line li a:hover {
	color:#FFAB00;
	text-decoration:none;
}

@media screen and (max-width: 1025px) {
.menu_footer_line li a {padding-left:20px;}
}

@media screen and (max-width: 980px) {
.menu_footer_line{display:none}
}

/*--------------------------------------------------------------------------------------*/
.menu_social_pie {
padding-top:0px;
list-style:none;	
margin:0px 0px 0px 0px;	
padding-left:0px;
height:30px;
width:250px;
}

.menu_social_pie li {	
margin-left:2px;
float:left;

}

.menu_social_pie li  p{	
font-size:14px;
font-weight:bold;
color:#7B171C;
margin-top:0px;
margin-right:10px;

}

.menu_social_pie li a {
	padding-top:0px;	
	cursor:pointer;
}

.menu_social_pie li a:hover {
	text-decoration:none;
}

/*--------------------------------------------------------------------------------------*/
.menu_social {
padding-top:0px;
list-style:none;	
margin:0px;	
padding-left:0px;
height:35px;
width:125px;
float:left;
}

.menu_social li {	
margin-left:1px;
float:right;
}

.menu_social li a {
	display:block;
	height:20px;
	padding-top:12px;
	padding-right:3px;
	text-decoration:none;
	text-align:left;
	font-size:13px; 
	color:#99CCFF;
	cursor:pointer;
}

.menu_social li a:hover {
	color:#FFFFFF;
	text-decoration:underline;
}

@media screen and (max-width: 1025px) {
.menu_social li a {padding-top:3px;}
}

@media screen and (max-width: 768px) {
.menu_social li a {padding-top:5px;}
}

@media screen and (max-width: 450px) {
.menu_social {display:none}
}



/*--------------------------------------submenu -------------------------------------*/
#submenu {
    margin: 0px;
    border: 0px solid #B9B9B9;
	width:100%;
    overflow: hidden;
    box-shadow: 0px 15px 15px -10px rgba(0, 0, 0, 0.1);
}
#submenu h2 { 
    color: #00A652;
    padding: 15px 30px;
    margin: 0px;
	background: url(../images/flecha-titulo.png) right no-repeat;
    border-bottom: 3px solid #FFCF01;
	border-top:#FFCF01 3px solid;
}

#submenu ul{
list-style:none;		
padding-top:10px;
padding-bottom:10px;

}

#submenu ul li a{			
	display:block;
	padding-left:35px;
	text-align:left;	
	border-bottom:#F3F1E5 1px solid;
	background:url(../images/grano-icon.png) 15px 7px no-repeat #00A652;
	padding-bottom:5px;
	padding-top:5px;
	color:#FFF;
}

#submenu ul li a:hover{
color:#008000;
text-decoration:none;
background:url(../images/grano-icon-hover.png) 15px 7px no-repeat #FC0;
}

#submenu ul li  .current{
color:#008000;
text-decoration:none;
background:url(../images/grano-icon-hover.png) 15px 7px no-repeat #FC0;
}

/*--------------------------------------/submenu -------------------------------------*/



/*--------------------------------------/Directorio----------------------------------------------*/
#directorio .tabladirectorio{
border:#CCCCCC 1px solid;
}

#directorio .texto{
padding:1px 10px 1px 10px;
}


#directorio tr{
border-bottom:#676767 1px solid;
}
#directorio td{
padding-left:10px;
padding-right:10px;
}

#directorio .filavacia{
background:#E6E6E6;
}
#directorio .filallena{
background:#DDDDDD;
}

#directorio .titulo{
background:#7B171C;
color:#fff;
font-size:14px;
font-weight:bold;
padding:3px;
}

#directorio .subtitulo{
background:#EFBF01;
color:#7B171C;
font-size:14px;
font-weight:bold;
padding:3px;
text-align:center;
}

/*---------------------------CARRUSEL--------------------------------------*/

#owl-demo .itemreceta{
}
#owl-demo .itemreceta img{
display: block;
width: 100%;
height: 200px;
border: 1px solid #CCC;
background-color: #FFF;
padding: 4px;
border-radius: 3px;
box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2);
}



/*  --------------------------------------  */
.cabecera-cuadro{
	font-size:20px;	
	background-color:#FAE7A3;
	width:100%;
	height:34px;
	margin-bottom:10px;
	margin-top:10px;
}

.cabecera-cuadro .titulo{
	background:#FFF;	
	float:left;
	height:35px;
	line-height:35px;
	padding:0 10px 0 0;
}

.cabecera-cuadro .vermas a{
	background: url(../images/img1.png) no-repeat;
	color:#FFF;
	float:right;
	padding:0px 5px 0px 25px;
	height:35px;
	text-align:center;
	line-height:35px;
	font-size:13px;
	font-weight:bold;
}

.cabecera-cuadro .vermas a:hover{
	color:#FC3
}

/*  --------------------------------------  */
.cabecera-cuadro_verde{
    font-size:20px;	
	background-color:#00A652;
	width:100%;
	height:34px;
	margin-bottom:10px;
	margin-top:10px;
}
.cabecera-cuadro_verde .titulo{
	background:#FFF;	
	float:left;
	height:35px;
	line-height:35px;
	padding:0 10px 0 0;
}

.cabecera-cuadro_verde .vermascafe a{
	background: url(../images/img2.png) no-repeat;
	color:#FFF;
	float:right;
	padding:0px 5px 0px 25px;
	height:35px;
	text-align:center;
	line-height:35px;
	font-size:13px;
	font-weight:bold;
}

.cabecera-cuadro_verde .vermascafe a:hover{
	color:#FC3
}

/* SERVICIOS*/

.servicios{
	/* Rounded corners */	
	background:#F8F7F1;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border:#AA967E 1px solid;
	width:99%;
}
.servicios .fondo1{
    background-color:#DBEEE5;
}

.servicios .icono{
	width:25%;
	float:left;	
}

.servicios .titulo{
	width:75%;
	float:left;
}

.servicios .titulo h4{
	font-size:26px;
	font-weight:bold;
	padding:10px 3px;
}


.servicios .texto{
	font-size:14px;
	color:#666;	
	padding:0px 10px 10px 10px;
	text-align:justify
}

/*---------------------------TITULOS CON CINTA--------------------------------------*/
#box-titulo {
	padding-top:10px;
} 
#box-titulo h2 {
    background:url(../images/h-sprite.png) repeat-x scroll 0px -600px #CCC;
    
}
#box-titulo h2{
    line-height: 20px;
    height: 10px;	
    margin: 3px 0px 13px;
	position:relative;
}

#box-titulo h2 .subtitulo {
    background: none repeat scroll 0% 0% #FFF;
    padding-right:20px;
    display: block;    
	color: #5B2917;
    line-height: 36px;
    position: absolute;
    top: -3px;
	left:0px;
}

/* ============================= forms ============================= */
#paginaindex {margin-top:15px; margin-bottom:5px; overflow:hidden}
#paginaindex .col1{width:50%; float:left;  }
#paginaindex .col2{width:100%; float:left;  }
#paginaindex .cover{padding-right:20px;}
#paginaindex h3{color:#00A652; font-size:20px; letter-spacing:0px;}
#paginaindex p{padding:0px 0px 10px 0px; margin:0px;}

#paginaindex {}

@media screen and (max-width: 480px) {
#paginaindex .col1{width:100%; float:left;  }
#paginaindex .cover{padding-right:0px;}
}



/*-------------------------------------------*/

#precios table { 
	width: 100%; 
	border-collapse: collapse; 
	background:#FFF;
}
	/* Zebra striping */
#precios tr:nth-of-type(odd) { 
	background: #FDE9D9; 
}
#precios th { 
	background: #F28F3F; 
	color: white; 
	font-weight: bold; 
}
#precios td, th { 
	padding: 2px; 
	border: 1px solid #ccc; 
	text-align: center; 
}

#preciosymercado { padding:15px; background:#EBEBEB;  overflow:hidden}
#preciosymercado .col1{width:50%; float:left;  }
#preciosymercado .cover{ margin:10px;  }
/*-------------------------------------------*/
#boletinanapo { padding:0px 15px 0px 15px; background:#FFF; border:#AD4E24 2PX solid;   padding:10px;  overflow:hidden}


#actividades { padding:0px 15px 0px 15px; background:#91C571;  overflow:hidden}
#actividades .col1{width:70%; float:left;  }
#actividades .col2{width:30%; float:right;  }
#actividades img{width:90%;    }
#actividades .titulo{ color:#FFF; font-size:18px;  }
#actividades .fecha{ background:#FFF;   margin:0px 10px 0px 0px;  color:#333;  }
#actividades .lugar{ background:#DDDE95;  padding:5px; margin:0px 10px 10px 0px; color:#333;  }

#patrocinadores { overflow:hidden}
#patrocinadores .col1{width:100%; float:left;  }
#patrocinadores img{width:100%; margin-bottom:10px; }

@media screen and (max-width: 780px) {
#patrocinadores .col1{width:50%; float:left;  }
}

@media screen and (max-width: 480px) {
#patrocinadores .col1{width:100%; float:left;  }
}

#patrocinadores_pie { margin-bottom:5px; padding-top:5px; border-top:#CCC 1px solid }

/* ============================= forms ============================= */
#ContactForm {margin-top:15px; margin-bottom:25px}
#ContactForm .col1{width:50%; float:left;  }
#ContactForm .col2{width:50%; float:right;  }
#ContactForm .col3{width:100%; float:left;  }
#ContactForm .cover{margin:10px}
#ContactForm .direccion{margin:0px; padding:0px;}
#ContactForm span{width:150px;float:left;line-height:26px; color:#7B171C}
#ContactForm .wrapper{min-height:30px}
#ContactForm .textarea_box{min-height:275px;width:100%;overflow:hidden;padding-bottom:6px}
#ContactForm {}
#ContactForm {}

#ContactForm .input {width:269px;height:18px;border:1px solid #e5e5e5;background:#fff;padding:3px 5px;color:#696968;font:14px;margin:0}
#ContactForm textarea {overflow:auto;width:549px;height:258px;border:1px solid #e5e5e5;background:#fff;padding:3px 5px;color:#696968;font:14px "Trebuchet MS", Arial, Helvetica, sans-serif;font-style:italic;margin:0}
/*--------------------------------*/
.boton{margin-right:10px;  font-style:normal;font-weight:bold;color:#fff;height:32px;line-height:32px;text-decoration:none;background:#FFCC00;text-align:center;  margin-top:10px}
.link1{color:#FF9900;font-style:normal}

@media screen and (max-width: 480px) {
#ContactForm .col1{width:100%; float:right;  }
#ContactForm .col2{width:100%; float:left;  }
}

/*---------------------------Galer�a de presidentes--------------------------------------*/
#presidentes {margin-top:15px; margin-bottom:25px }
#presidentes .col1{width:100%;}
#presidentes .imagenpro{  width:100%; }



#presidentes .itempresidentes_cover{
float: left;
margin-bottom:25px;
width:33.3%;	
}

#presidentes .itempresidentes{	
    width:80%;	
	height:280px;
    padding: 15px;
    background: #FFF;
    border: 1px solid #CCC;
    box-shadow: 0px 15px 15px -10px rgba(0, 0, 0, 0.1);
   
	
}

#presidentes .itempresidentes img {
	width: 100%;
}


#presidentes .itempresidentes h3 {
	font-family:'roboto';
    font-size:20px;
	font-weight:400;
    margin: 0px;
    padding: 5px 0px 5px 0px ;  
    text-align: center;
	letter-spacing:-0.7px;
    line-height:1em;
	color:#7B171C;
}



#presidentes .itempresidentes .anio{
	text-align:center;
	padding: 15px 0px 5px 0px ; 
	color:#4F8409;
	text-decoration:none;
	}
	
#presidentes .itempresidentes .textonegro{
	color:#333;
	text-decoration:none;
	}	
	
@media screen and (max-width: 650px) {
#presidentes .itempresidentes_cover{
float: left;
margin-bottom:15px;
width:50%;	
}
}


@media screen and (max-width: 480px) {
#presidentes .itempresidentes_cover{
float: left;
margin-bottom:15px;
width:100%;	
}
#presidentes .itempresidentes{height:100%}
}	
	
	

/*---------------------------Personal de contacto--------------------------------------*/
#personalcontacto {margin-top:15px; margin-bottom:0px; }
#personalcontacto .foto{width:30%; float:left}
#personalcontacto .texto{  width:70%; float:left}



#personalcontacto .itempersonalcontacto_cover{
float: left;
margin-bottom:25px;
width:50%;	

}


#personalcontacto .itempersonalcontacto {	
    width:80%;	
	height:auto;
    padding: 10px;
    background: #FFF;
    border: 1px solid #CCC;
    box-shadow: 0px 15px 15px -10px rgba(0, 0, 0, 0.1);
    overflow:hidden
}



#personalcontacto .itempersonalcontacto img {
	width: 100%;
}


#personalcontacto .itempersonalcontacto h3 {
	font-family:'roboto';
    font-size:20px;
	font-weight:400;
    margin: 0px;
    padding: 15px 0px 5px 0px ; 
    text-align: center;
	letter-spacing:-0.7px;
    line-height:1em;
	color:#00A652;
}



#personalcontacto .itempersonalcontacto .cargo{
	text-align:center;
	font-size:15px;	
	color:#000;
	font-weight:bold;
	}
	
#personalcontacto .itempersonalcontacto .funcion{
	font-size:12px;	
	color:#000;
	font-weight:normal;
	}	
	
	

#personalcontacto .itempersonalcontacto_cover_personal{
float: left;
margin-bottom:25px;
width:100%;	

}

#personalcontacto .itempersonalcontacto_personal{	
    width:95%;	
	height:auto;
    padding: 10px;
    background: #FFF;
    border: 1px solid #CCC;
    box-shadow: 0px 15px 15px -10px rgba(0, 0, 0, 0.1);
    overflow:hidden
}



#personalcontacto .itempersonalcontacto_personal img {
	width: 70%;
}


#personalcontacto .itempersonalcontacto_personal h3 {
	font-family:'roboto';
    font-size:20px;
	font-weight:400;
    margin: 0px;
    padding: 15px 0px 5px 0px ; 
    text-align: left;
	letter-spacing:-0.7px;
    line-height:1em;
	color:#00A652;
}



#personalcontacto .itempersonalcontacto_personal .cargo{
	text-align:left;
	font-size:15px;	
	color:#000;
	font-weight:bold;	
	}
	
#personalcontacto .itempersonalcontacto_personal .funcion{
	font-size:12px;	
	text-align:left;
	color:#000;
	font-weight:normal;
	}	

@media screen and (max-width: 1050px) {
#personalcontacto .itempersonalcontacto_cover{
float: left;
margin-bottom:15px;
width:33.3%;	
}
}

@media screen and (max-width: 650px) {
#personalcontacto .itempersonalcontacto_cover{
float: left;
margin-bottom:15px;
width:50%;	
}
}


@media screen and (max-width: 480px) {
#personalcontacto .itempersonalcontacto_cover{
float: left;
margin-bottom:15px;
width:100%;	
}
#personalcontacto .itempersonalcontacto{height:100%}
}	



/*---------------------------Galer�a de Publicaciones--------------------------------------*/
#publicaciones {margin-top:15px; margin-bottom:25px }
#publicaciones .col1{width:100%;}
#publicaciones .imagenpro{  width:100%; }



#publicaciones .itempublicaciones_cover{
float: left;
margin-bottom:25px;
width:25%;	
}

#publicaciones .itempublicaciones {	
    width:80%;	
    padding: 15px;
    background: #FFF;
    border: 1px solid #CCC;
    box-shadow: 0px 15px 15px -10px rgba(0, 0, 0, 0.1);   
   	font-size:11px;
	
}

#publicaciones .itempublicaciones .cifras{	
	height:230px;
}

#publicaciones .itempublicaciones .precios{	
	height:240px;
}

#publicaciones .itempublicaciones .anaponoticias{	
	height:260px;
}

#publicaciones .itempublicaciones .memoria{	
	height:245px;
}

#publicaciones .itempublicaciones .manuales{	
	height:285px;
}

#publicaciones .itempublicaciones .hojas{	
	height:265px;
}

#publicaciones .itempublicaciones .cartillas{	
	height:260px;
}



#publicaciones .itempublicaciones img {
	width: 100%;
}


#publicaciones .itempublicaciones h3 {
	font-family:'roboto';
    font-size:16px;
	font-weight:400;
    margin: 0px;
    padding: 15px 0px 5px 0px ; 
    text-align: center;
	letter-spacing:-0.7px;
    line-height:1em;
	color:#7B171C;
}



#publicaciones .itempublicaciones .anio{
	text-align:center;
	font-size:12px;
	padding: 5px 0px 5px 0px ;  
	color:#4F8409;
	text-decoration:none;
	}
	
#publicaciones .itempublicaciones .textonegro{
	color:#333;
	text-decoration:none;
	}	

@media screen and (max-width: 1050px) {
#publicaciones .itempublicaciones_cover{
float: left;
margin-bottom:15px;
width:33.3%;	
}
}

@media screen and (max-width: 650px) {
#publicaciones .itempublicaciones_cover{
float: left;
margin-bottom:15px;
width:50%;	
}
}


@media screen and (max-width: 480px) {
#publicaciones .itempublicaciones_cover{
float: left;
margin-bottom:15px;
width:100%;	
}
#publicaciones .itempublicaciones{height:100%}
}	

/*-----LISTADO DE EXPERIENCIAS----------------------------------------------------------------*/

.listproyectos li {

  width: 100%;
  float: left;
  text-align:justify;
  padding-bottom:0px;
  border-bottom:#7B171C 1px dotted;
  margin-bottom:5px;

}



.listproyectos p {
  padding:0px;
  margin:0px;
}

.listproyectos-img {
  width: 30%;
  float:left;
  padding-top:0px;
}
.listproyectos-img img {
  display: block;
  width: 85%;
  max-width:300px;
}
.listproyectos-text {
  float:left;
  width: 70%; 
  padding-bottom:10px;
}
.listproyecto-parrafo{
 padding-left:15px;
 
}
.listproyecto-parrafo a{
 color:#7B171C;
 font-weight:bold;
}
.listproyecto-parrafo a:hover{
color:#FC0;
}

.listproyecto-parrafo .fecha{
color:#00A652;
font-weight:400;
font-size:12px;
}
.listproyecto-parrafo .publicado{
color:#000;
font-weight:bold;
font-size:12px;
}


@media screen and (max-width: 1050px) {
  .listproyectos li {    
    width: 100%;
  }
  .listproyectos-img {
	width:30%;
  }
  .listproyectos-text {
  width:70%;
  }
  .listproyecto-parrafo{
  padding-left:0px;
 }  
}



@media screen and (max-width: 650px) {
  .listproyectos li {    
    width: 100%;
  }
  .listproyectos-img {
	width:99%;
  }
  .listproyectos-text {
  width:99%;
  }
}

/*-----LISTADO DE EXPERIENCIAS----------------------------------------------------------------*/

.listcifras li ul > li{

  width: 100%;
  float: left;
  text-align:justify;
  padding-bottom:0px;  
  margin-bottom:5px;
	padding-left:15px;
	text-align:justify;
	background:url(../images/vineta_fecha.png) 0px 4px no-repeat ;
}



.listcifras p {
  padding:0px;
  margin:0px;
}

.listcifras-img {
  width: 30%;
  float:left;
  padding-top:0px;
}
.listcifras-img img {
  display: block;
  width: 85%;
  max-width:300px;
}
.listcifras-text {
  float:left;
  width: 70%; 
  padding-bottom:10px;
}
.listcifras-parrafo{
 padding-left:15px;
 
}
.listcifras-parrafo a{
 color:#7B171C;
 font-weight:bold;
}
.listcifras-parrafo a:hover{
color:#FC0;
}

.listcifras-parrafo .fecha{
color:#00A652;
font-weight:400;
font-size:12px;
}
.listcifras-parrafo .publicado{
color:#000;
font-weight:bold;
font-size:12px;
}


@media screen and (max-width: 1050px) {
  .listcifras li {    
    width: 100%;
  }
  .listcifras-img {
	width:30%;
  }
  .listcifras-text {
  width:70%;
  }
  .listcifras-parrafo{
  padding-left:0px;
 }  
}



@media screen and (max-width: 650px) {
  .listcifras li {    
    width: 100%;
  }
  .listcifras-img {
	width:99%;
  }
  .listcifras-text {
  width:99%;
  }
}



/*-----LISTADO DE ACTIVIDADES TECNICAS----------------------------------------------------------------*/

.listactividades li {

  width: 100%;
  float: left;
  text-align:justify;
  padding-bottom:10px;
  border-bottom:#7B171C 1px dotted;
  margin-bottom:10px;


}



.listactividades p {
  padding:0px;
  margin-bottom:10px;
}

.listactividades-img {
  width: 30%;
  float:left;
  padding-top:0px;
}
.listactividades-img img {
  display: block;
  width: 90%;
  max-width:300px;
}
.listactividades-text {
  float:left;
  width: 70%; 
  padding-bottom:10px;
}
.listactividades-parrafo{
 padding-left:15px;
}


@media screen and (max-width: 1050px) {
  .listactividades li {    
    width: 100%;
  }
  .listactividades-img {
	width:30%;
  }
  .listactividades-text {
  width:70%;
  }
  .listactividades-parrafo{
  padding-left:0px;
 }  
}



@media screen and (max-width: 650px) {
  .listactividades li {    
    width: 100%;
  }
  .listactividades-img {
	width:99%;
  }
  .listactividades-text {
  width:99%;
  }
}

/*--------------------------------------enlaces -------------------------------------*/
a {text-decoration:none; color:#7B171C}
a:hover {text-decoration:none; color:#00A652;}

.leermas {text-decoration:none; color:#11953F}
.leermas:hover {color:#FF9900}

.link_h2 {text-decoration:none; color:#24488C}
.link_h2:hover {color:#000}

.masdetalles{ padding-top:2px; padding-left:22px; background:url(../images/leermas.gif) 0 0 no-repeat; color:#2D5BB0; }
.masdetalles:hover{ color:#0099FF}

.ver_mas{padding-top:6px; padding-bottom:6px;  padding-left:22px; background:url(../images/leermas_hover.gif) 3px 4px  no-repeat; color:#2D5BB0; }
.ver_mas:hover{ color:#0099FF }




/*--------------------------------------/enlaces -------------------------------------*/
@media screen and (max-width: 1025px) {

}

@media screen and (max-width: 980px) {
}

@media screen and (max-width: 768px) {

}

@media screen and (max-width: 650px) {

}

@media screen and (max-width: 570px) {

}

@media screen and (max-width: 480px) {
	
.listproyectos-img img {
  width: 65%;
  max-width:300px;
}

}

@media screen and (max-width: 320px) {

}

/*### Estilo para la galeria de fotos de las noticias ###*/
.image-gallery img{
	/*margin-bottom:10px;
	padding-bottom:10px;*/
	object-fit: cover;
	object-position: 100% 30%;/*el segundo valor determina las posicion de recorte vertical*/
	width:200px;
	height:195px;
}

ul.pagination > li > a {
  border: 1px solid #ffc300;
  margin-right:5px;
  border-radius: 5px;
  font-size: 16px;
  padding: 5px 14px;

}
/**PAGINATION*/

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px
}
.pagination>li {
    display: inline
}
.pagination>li>a,
.pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.428571429;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd
}
.pagination>li:first-child>a,
.pagination>li:first-child>span {
    margin-left: 0;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px
}
.pagination>li:last-child>a,
.pagination>li:last-child>span {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}
.pagination>li>a:hover,
.pagination>li>span:hover,
.pagination>li>a:focus,
.pagination>li>span:focus {
    background-color: #eee
}
.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #0c69ba;
    border-color: #0c69ba
}
.pagination>.disabled>span,
.pagination>.disabled>span:hover,
.pagination>.disabled>span:focus,
.pagination>.disabled>a,
.pagination>.disabled>a:hover,
.pagination>.disabled>a:focus {
    color: #999 !Important;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ffc300
}
.pagination-lg>li>a,
.pagination-lg>li>span {
    padding: 10px 16px;
    font-size: 18px
}
.pagination-lg>li:first-child>a,
.pagination-lg>li:first-child>span {
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px
}
.pagination-lg>li:last-child>a,
.pagination-lg>li:last-child>span {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px
}
.pagination-sm>li>a,
.pagination-sm>li>span {
    padding: 5px 10px;
    font-size: 12px
}
.pagination-sm>li:first-child>a,
.pagination-sm>li:first-child>span {
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px
}
.pagination-sm>li:last-child>a,
.pagination-sm>li:last-child>span {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}


ul.pagination > li > a i{
  margin-left:5px;
  margin-right:5px;
  background-image: none;
}

ul.pagination > li.active > a, 
ul.pagination > li:hover > a {
  background-color: #7b171c !important;
  border-color: #7b171c !important;
  color: #fff;
}

.btn{
    font-weight: 500;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;

    background-color: #00A652;
    border: none;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;


    color: #ffffff!important;
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 100%;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    /*border: 1px solid transparent;*/
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

/* para evitar el solapamiento del texto "Producimos alimentos en Bolivia sobre el logo de anapo, en la cabecera en pantalla de 1024 o inferior" */
 @media screen and (min-width: 700px) {
     h1[class="slogan"]{
         padding-left: 60px;
     }
 }