*{
margin:0 auto;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}

body{
	background: #fff;
}
#page{

}

#page_content{
padding:0 10px;
}

#header{
width:996px;
background: #fff;
/*
  display: flex;
  justify-content: flex-end;
*/
}

#footer-content{
width:996px;
}


.header_sep{
border-bottom:3px solid #000;
}

#footer_sep{
border-bottom:3px solid #000;
}



#footer{
background:#1D630A;
}


#logo{
float:left;	
margin-top: 15px;
padding:2px 10px;
background:#fff;
text-align: center;
}

.cls{
	clear:both;
}

/**** MENU ****/

/**** MENU ****/

#menuf{
	float:left;	
	margin:28px 0 10px 150px;
}

#menuf .mi-menu  {
margin: 0 auto; /* si queremos centrarlo */
padding: 0;
/* la altura y su ancho dependerán de los textos */ 
}

/* si es necesario, evitamos que Blogger de problemas con los saltos de línea cuando escribimos el HTML */
#menuf .mi-menu  br { display:none; }

/* cada item del menu */
#menuf .mi-menu  li {
display: block;
list-style-type:square;
margin-bottom: 5px;
padding: 0;
position: relative;
border:none;
}

#menuf .mi-menu li a, #menuf .mi-menu li span {
display: block;
padding: 0 34px;
margin: 0;
color:#ddd;
font-size:12px;
text-decoration: none;
/* animamos el cambio de color de los textos */
-webkit-transition: color .1s ease-in-out;
-moz-transition: color .1s ease-in-out;
-o-transition: color .1s ease-in-out;
-ms-transition: color .1s ease-in-out;
transition: color .1s ease-in-out;
}

/* efecto hover cambia el color */
#menuf .mi-menu li:hover > a { 
color:#fff;
text-decoration:underline;
}

/* los submenús */
#menuf .mi-menu ul {
z-index:1000;
left: 0;
margin: 0;
padding: 0;
position: absolute;
text-align:left;
margin-top:3px;
}
/* son visibes al poner el cursor encima */
#menuf .mi-menu li:hover > ul { opacity: 1; }

/* cada un ode los items de los submenús */
#menuf .mi-menu ul li {
/*height: 0; /* no son visibles */
/*overflow: hidden;*/
padding: 0;
width:100%;
}

#menuf .mi-menu ul li{
	border:none;
	height:18px;
}

#menuf .mi-menu li:hover > ul li {
padding: 0;
}
#menuf .mi-menu ul li a, #menuf .mi-menu ul li span {

margin: 0;
font-size:11px;
color:#888;
/* el ancho dependerá de los textos a utilizar */
white-space:nowrap;
}

#promasita{
	margin-top: -27px;
	margin-bottom:0;
	width:42px;
	height:40px;
	float:right;
	border-top-left-radius:15px;
	overflow:hidden;
}



#con-form{
	float:left;
	width:550px;
}

#con-form p, #con-form li{
	color:#444;
}

#con-form table{
	padding-top:20px;
}

#con-form td{
	height:35px;
}

#con-form label{
	padding-left:25px;
	font-size:14px;
	color:#222;
}

#con-form input, #con-form textarea{
	font-size:14px;
	width:400px;
}

#con-form .btn{
	margin:10px 0 0 25px;
	font-size:14px;
	width:200px;
	height:40px;
	cursor:pointer;
}

#con-form .btn:hover{
	background:#dcdcdc;
}

#galeria{
	margin-top:20px;
}

#galeria .gal-img{
	float:left;
	margin-left:10px;
	margin-top:10px;
	padding:2px;
	background:#fafafa;
	border:1px dashed #dadada;
}

#galeria .gal-img:nth-child(3n+1){
	margin-left:0;
}

#con-plantas{
	float:right;
	width:382px;
}

.con-planta{
	margin-bottom: 20px;
	padding:10px 15px 10px 25px;
	border-radius:13px;
	background:#fafafa;
	border:1px dashed #dadada;
}

.page-img{
	margin-bottom: 20px;
	padding:15px;
	background:#fafafa;
	border:1px dashed #dadada;
}

.con-planta-title{
	font-size:14px;
	font-weight:bold;
	color:#444;
	padding:5px 0 10px 0;
}

.con-planta-dato{
	color:#444;
	padding:2px 0;
}

.con-planta a{
	text-decoration:underline;
}

a{
text-decoration:none;
color:#000;
}

#semilla{
color:#4a4a4a;
font-size:10px;	
padding-top:4px;
margin-bottom:15px;
}

#semilla a{
color:#000;
font-size:10px;	
}

#page{
margin:0 auto;
background:#fff;
}

#page_content{
padding:0 10px;
}

#page_textos h1,#page_ubicon h1{
font-size:20px;
color: #000;	
padding-top:10px;
padding-bottom:15px;
}

#pageImg{
margin:0 12px 12px 0;
border:1px solid #999;	
}

#page_textos div.texto, #page_textos_proys div.texto{
color:#000;
font-size:12px !important;	
line-height: 20px;
margin-top:5px;
padding-bottom:15px;
}

a.news_otras {
	font-size:12px;
	text-decoration: underline;
}

a.news_otras:hover{
	text-decoration: none;
}

header section{
height:120px;
padding:5px 10px;	
background: -moz-linear-gradient(#A2A0A1,#fff);
background: -webkit-linear-gradient(#A2A0A1,#fff);
background: -o-linear-gradient(#A2A0A1,#fff);
background: -ms-linear-gradient(#A2A0A1,#fff);
background: linear-gradient(#A2A0A1,#fff);
}



#banner_sup{
float:right;	
height:120px;
width:630px;
background:url(../images/banner_sup.png) center no-repeat;
background-repeat: no-repeat;
}

#barra{
	height:30px;
	background:#191919;
}


#redes_sociales{
	position:relative;
	float:right;
	padding-right:20px;
	padding-top:3px;
	overflow:hidden;
}

#redes_sociales img{
	padding-right:5px;
	border:none;
}

#content{
	margin:0 auto;
	background:#FFF;
	width: 996px;
}

#news_index{
	padding:20px 0;
	border-top: 1px solid #666;
}

.news_index_single{
	float:left;
	padding-left:15px;
}

#news_index div.news_index_single:last-child {
	padding-left:55px;
} 

.news_index_img{
	float:left;
	padding:0;
	margin-right:7px;
	margin-bottom:5px;
}

.news_index_img img{
	border:1px solid #666;
}

.news_index_content{
	float:left;
	width:245px;
}

.news_index_title{
	margin-bottom:10px;
	font-size:12px;
	font-weight:bold;
}





#foot{
	/*
	border-top:5px solid #4EC0DE;
	background:#262D68;
	*/
}

#foot-izq{
	float:right;	
}

#partners{
margin: 25px 0;
padding-right: 10px;
border-radius: 20px;
background: #fff;
overflow: hidden;
}


#logofoot{
	margin:10px 0 0 10px;
padding-top: 5px;
padding-bottom: 10px;
	border:0;
}


#gesamb {
	margin:0;
	width:255px;
	border-bottom-right-radius:10px;
	border-bottom-left-radius:10px;
	overflow:hidden;
	opacity:.85;
	text-align:right;
	background:#A2D015;
}

#gesamb:hover {
opacity:1;
}

#foot #datosempresa{
float:left;	
width:135px;
text-align:center;
margin-top:10px;
padding-right:0px;
}

#foot #nombre{
color:#fff;
font-size:18px;
font-weight:bold;
text-align:center;
margin-top:10px;
margin-bottom:5px;	
}

#datos{
float:left;
margin:0 5px;
margin-top:20px;
padding:0 5px;;
color:#bbb;
}

#foot #accesos{
float:left;
margin: 0 auto;
text-align:center;
}

#foot .dato, #foot .dato a, #foot #copyright, #foot #copyright a{
margin-bottom:8px;
font-size:14px;
color:#ddd;
text-decoration:none;
}

#foot .dato a:hover{
text-decoration:underline;
}

#dato_fono{
	padding: 5px 0 5px 50px;
	margin-bottom:10px;
	font-size:20px !important;
	background: url('../images/ico_fono.png') no-repeat left center;
}

#foot #copyright{
margin-top:58px;
font-size:11px;
color:#888;
}

#foot #copyright .kudos{
color:#bbb;
}

.sepfoot{
float:left;
height:90px;
width:1px;
margin:0px 5px;
background:	#888;
}


#ubi_texto{
	float:left;
	margin:20px 35px 10px 20px;
}


#page_texto #ubi_datos{
margin-top:40px;
margin-left:70px;	
}

#ubi_datos .ubi_lbl, #con_datos .ubi_lbl{
margin-top:10px;
font-size:14px;	
color:#000;
}


#ubi_datos .con_dato,#con_datos .con_dato{
margin-top:15px;
font-size:14px;	
color:  #000;
}

#ubi_datos .ubi_dato, #ubi_datos .ubi_dato a,#con_datos .ubi_dato, #con_datos .ubi_dato a{
font-size:18px;	
color: #000;
font-weight:bold;
}


#con_datos{
float:left;
margin-top:0px;
margin-left:30px;	
}

#con_datos #enviar{
	margin-top:5px;
	width:auto;
	cursor:pointer;
	margin-bottom:10px;
}

#ubi_contacto{
float:left;
padding-top:15px;
padding-left:150px;
}


#fsc_index{
text-align:center;
vertical-align:middle;
padding:5px 0;
width:159px;
height:335px;
border-right:1px solid #888;
border-left:1px solid #888;
padding-top:20px;
color:#236945;
font-weight:bold;
}

.cat-item{
	text-align:center; 
	background:#00632D; 
	color:#fff;
	padding:5px 0; 
	font-size:14px;
}

#catalogo{
	float:left;
	width:550px;
}

#catalogo p, #catalogo li{
	color:#444;
}

#catalogo table{

}

#catalogo label{
	padding-left:25px;
	font-size:14px;
	color:#222;
}

#catalogo input, #catalogo textarea{
	font-size:14px;
	width:400px;
}

#catalogo .btn{
	margin:10px 0 0 25px;
	font-size:14px;
	width:200px;
	height:40px;
	cursor:pointer;
}

#catalogo .btn:hover{
	background:#dcdcdc;
}

.cat-nombre{
	background:#00632D;
	color:#fff;
	font-size:14px;
	text-align:center;
	font-weight:bold;
	height:40px;
}

.cat-lbl{
  background:#F4E7CE;
		height:30px;
}

.cat-info{
  background:#00632D;
	text-align:center;
	color:#fff;
}

.cat-glosa{
	font-size:10px;
	text-align:center;
}



.cat-menu-item{
	width:100%;
	margin-top:10px;
	padding:2px;
	background:#fafafa;
	border:1px dashed #dadada;
text-align: center;
background: none repeat scroll 0% 0% #00632D;
color: #FFF;
padding: 5px 0px;
font-size: 14px;
}

.cat-menu-item:hover{
color: #ddd;
}

.cat-item:hover{
color: #ddd;
}

.volver{
	text-align: center;
}

.volver a{
	color:#00632D;
	font-weight:bold;
}

.catalogo-link{
	text-align:center;
	color:#00632D;
	font-weight:bold;
	font-size:14px;
}

#catalogo-menu{
	float:right;
	margin-top: 25px;
	width:557px;
	margin-bottom: 20px;
	background:#fafafa;
	border:1px dashed #dadada;
}

#catalogo-menu .item{
	float:left;
	width:110px;
	display:table;
	margin-right:1px;
	padding:0px;
	background:#fafafa;
	font-size:11px;
}


#catalogo-menu .first {
	margin-left:1px;
}

#catalogo-menu .item img{
 width:110px;
 height:192px;
}

#catalogo-menu .item .item-txt{
width:125px;
height:45px;
display:table-cell;
vertical-align:middle;
text-align:center; 
background:#00632D; 
color:#fff;
padding:0 3px;
}


#catalogo-menu .item .item-txt:hover{
color: #ddd;
}

#catalogo-menu .title{
	padding: 10px 0;
	text-align:center;
	color:#00632D;
	font-weight:bold;
	font-size:14px;
}

#catalogo-menu #catalogo-categoria{
	margin-top:5px;
}

#catalogo-menu #catalogo-categoria .title{
	padding: 10px 0;
	text-align:center;
	color:#fff;
	background:#1D7E67;
	font-weight:bold;
	font-size:14px;
	margin-bottom:1px;
}

#catalogo-menu #catalogo-categoria .item{
	font-size:11px;
	width:125px;
	background:#fff; 
	margin:1px;
	margin-bottom:1px;
}

#catalogo-menu #catalogo-categoria .item:hover{
	border:1px solid #96BDB2; 
	margin:0;
	mergin-top:1px;
}

#catalogo-menu #catalogo-categoria .item img{
 width:137px;
 height:192px;
}

#catalogo-menu #catalogo-categoria .item .item-txt{
	 width:125px;
	background:#fff; 
	color:#000;
}

#con-plantas .main{
	border:1px solid #00632D;
	padding:0;
	border-spacing: 0;
	border-collapse:collapse;
}

#con-plantas .main tr{
	vertical-align:top;
}

#con-plantas .main table tr{
	vertical-align:middle;
}


#con-plantas .main .detalle{
	width:100%;
	padding:0;
	border-spacing: 1px;
	border-collapse: separate;
}

#con-plantas .main .imgtd{
	width:172px;
	border-top:1px solid #00632D;	
	vertical-align:middle;
	text-align: center;
}


.prod_image {
    border: 1px solid #dadada;
		border-radius:2px;
		padding:2px;
		overflow:hidden;
		float: left;
		margin:10px 4px;
}



#ubi_texto{
	float:left;
	margin:20px 35px 10px 20px;
}


#page_texto #ubi_datos{
margin-top:40px;
margin-left:70px;	
}

#ubi_datos .ubi_lbl, #con_datos .ubi_lbl{
margin-top:10px;
font-size:14px;	
color:#000;
}

#page_content{
padding:0 10px;
}


#pageImg{
padding:5px;
margin:0 12px 12px 0;
border:1px solid #999;	
}

#page_textos div.texto, #page_textos_proys div.texto{
color:#000;
font-size:12px !important;	
margin-top:5px;
padding-bottom:15px;
}

#ubi_texto{
	float:left;
	margin:20px 35px 10px 20px;
}


#page_texto #ubi_datos{
margin-top:40px;
margin-left:70px;	
}

#ubi_datos .ubi_lbl, #con_datos .ubi_lbl{
margin-top:15px;
font-size:14px;	
color:#000;
}


#con_datos input{
margin-top:2px;
width:300px;
padding:8px;
font-size:16px;
border-radius:5px;
border: 1px solid #000;
}

#con_datos textarea{
margin-top:2px;
width:300px;
padding:8px;
font-size:16px;
border-radius:5px;
border: 1px solid #000;
height:76px;
}

#ini_text_sep{
	display:none;
	border-bottom:3px solid #000;
}
#ini_text{
	display:none;
	padding:20px 10px;
	font-size:14px;
	color:#333;
	text-align:justify;
}

#ini_nomemp{
	font-weight:bold;
	color:#000;
}

#ubi_map{
	display:none;
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
#ubi_map iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}






@media (max-width: 768px) {
	*{
		font-size:14px;
		text-align:justify;
	}
  #foot-izq {
    display: none;
  }
  #menuf{
    display: none;
  }
	
	#ini_text{
		width:90%;
		padding:10px;
		display:block;
	}
	#ini_text_sep{
		display:block;
	}
	
	#ubi_map{
		width:100%;
		overflow:hidden;
		display:block;
	}
	#content,#header, #footer-content{
		width:100%;
	}
	#semilla{
		display:none;
	}
	#pageImg{
		width:95%;
	}
	
	.web_galeria .prod_image img{
		width: 100%;
	}
	
	#ubi_contacto{
		display:none;
	}
	
	#con_datos {
		margin-left: 0;
	}
}








/* CSS Document */

@import url(https://fonts.googleapis.com/css?family=Open+Sans);
@import url(https://fonts.googleapis.com/css?family=Bree+Serif);

nav {
	background: #212121;
	font-size:22px;
	line-height: 32px;
	color: #ffffff;
	margin: 0;
	padding: 0;
	word-wrap:break-word !important;
	font-family: 'Open Sans', sans-serif;
	}

nav h1 {
	font-size: 60px;
	text-align: center;
	color: #FFF;
}	

nav h3 {
	font-size: 30px;
	line-height: 34px;
	text-align: center;
	color: #FFF;
}

nav h3 a {
	color: #FFF;
}

nav a {
	color: #FFF;
}

nav h1 {
	margin-top: 100px;
	text-align:center;
	font-size:60px;
	line-height: 70px;
	font-family: 'Bree Serif', 'serif';
	}

#container {
	margin: 0 auto;
	max-width: 890px;
}

nav p {
	text-align: center;
}

.toggle,
[id^=drop] {
	display: none;
}

/* Giving a background-color to the nav container. */
nav { 
	margin:0;
	padding: 0;
	background-color: #fff;
padding-top: 25px;
}

#logo {
	display: block;
	padding: 0 30px;
	float: left;
	font-size:20px;
	line-height: 60px;
}

/* Since we'll have the "ul li" "float:left"
 * we need to add a clear after the container. */

nav:after {
	content:"";
	display:table;
	clear:both;
}

/* Removing padding, margin and "list-style" from the "ul",
 * and adding "position:reltive" */
nav ul {
	float: right;
	padding:0;
	margin:0;
	list-style: none;
	position: relative;
	z-index: 100;
	}
	
/* Positioning the navigation items inline */
nav ul li {
	margin: 0px;
	display:inline-block;
	float: left;
	background-color: #fff;
	}

/* Styling the links */
nav a {
	display:block;
	padding:14px 20px;	
	color:#000;
	font-size:17px;
	text-decoration:none;
}


nav ul li ul li:hover { background: #fff; }

/* Background color change on Hover */
nav a:hover,.toggle:hover { 
	background-color: #000; 
	color:#fff;
}

/* Hide Dropdowns by Default
 * and giving it a position of absolute */
nav ul ul {
	display: none;
	position: absolute; 
	/* has to be the same number as the "line-height" of "nav a" */
	top: 60px; 
	border-top:none; 
}
	
/* Display Dropdowns on Hover */
nav ul li:hover > ul {
	display:inherit;
}
	
/* Fisrt Tier Dropdown */
nav ul ul li {
	/*width:200px;*/
	float:none;
	display:list-item;
	position: relative;
}

/* Second, Third and more Tiers	
 * We move the 2nd and 3rd etc tier dropdowns to the left
 * by the amount of the width of the first tier.
*/
nav ul ul ul li {
	position: relative;
	top:-60px;
	/* has to be the same number as the "width" of "nav ul ul li" */ 
	left:200px; 
}

	
/* Change ' +' in order to change the Dropdown symbol */
li > a:after { content:  ' +'; }
li > a:only-child:after { content: ''; }


/* Media Queries
--------------------------------------------- */

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

	#logo {
		display: block;
		padding: 0;
		width: 100%;
		text-align: center;
		float: none;
	}

	nav {
		margin: 0;
	}

	/* Hide the navigation menu by default */
	/* Also hide the  */
	.toggle + a,
	.menu {
		display: none;
	}

	/* Stylinf the toggle lable */
	.toggle {
		display: block;
		background-color: #fff;
		padding:14px 20px;	
		color:#000;
		font-size:17px;
		text-decoration:none;
		border:none;
	}
	
	#toggle_ini {
		background-color: #000;
		color:#fff;
		text-align:center;
	}

	/* Display Dropdown when clicked on Parent Lable */
	[id^=drop]:checked + ul {
		display: block;
	}

	/* Change menu item's width to 100% */
	nav ul li {
		display: block;
		width: 100%;
		}

	nav ul ul .toggle,
	nav ul ul a {
		padding: 0 40px;
	}

	nav ul ul ul a {
		padding: 0 80px;
	}

	nav ul li ul li .toggle,
	nav ul ul a,
  nav ul ul ul a{
		padding:14px 20px;
		font-size:17px; 
	}
  
  

	/* Hide Dropdowns by Default */
	nav ul ul {
		float: none;
		position:static;
		border:none;
		/* has to be the same number as the "line-height" of "nav a" */
	}
		
	/* Hide menus on hover */
	nav ul ul li:hover > ul,
	nav ul li:hover > ul {
		display: none;
	}
		
	/* Fisrt Tier Dropdown */
	nav ul ul li {
		display: block;
		width: 100%;
	}

	nav ul ul ul li {
		position: static;
		/* has to be the same number as the "width" of "nav ul ul li" */ 

	}

}

@media all and (max-width : 330px) {

	nav ul li {
		display:block;
		width: 94%;
	}

}