/*VIVEROS DE EMPRESA*/
.htmlFooter{
	height: 100%;
}
.bodyFooter{
	height: 100%;
    display: table;
    width: 100%;
    margin: 0%;
}
.content {
    display: table-row;
    height: 100%;
}

.menuViveroBoton{
	background-color: rgba(62, 166, 217, 0.01);
	border:0px;
	font-size: 1.2em;
	font-family: arial;
	padding-bottom:1em;
	padding-top:1em;
	width:100%;
	font-weight: 1px;
}
.contenidoVivero{
	width:70%;
}
#capaFotoVivero{
	width:35%;
	
}
#capaFoto img{
	width:100%;
	height:100%;
}
.viveroEmpresaFront{
	width:80%;
	text-align:center;
	display:flex;
	justify-content:center;
}
.viverosEmail{
	margin-top:1em;
}
.emailCentrar{
	margin-top:0.5em;
}
#cuerpoprincipal{
	display:flex;
	justify-content:center;
	font-family: "arial";
}
#infoViveros{
	text-align:center;
	width:80%;
	display: flex;
    flex-direction: column;
    justify-content: flex-start;
    font-family: "arial";	
}
#numeroVivero{
	border-bottom: 1px solid #000;
}
#infoViveros h1{
	text-align:center;
}
/*LOGO DE FONDO INICIO*/	
#logociedefondo{
	z-index:-9999;
	opacity:0.2;
	width:100%;		
	overflow:hidden;
	position:fixed;
}
h1{
	font-family: calibri;
	text-align: center;
}
/*LOGO DE FONDO FIN*/

/*menu de viveros*/

ul.vertical{
	border-radius: 10px;
	list-style-type: none;
	margin: 0%;
	padding: 0%;
	width: 200px;
	font-family: calibri;
	font-size: 14pt;
	text-align:center;
}
ul.vertical li{
	background-color: rgba(62, 166, 217, 1);

}
#radiusTop{
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
#radiusBottom{
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}
ul.vertical li a{
	border-radius: 10px;
	color: black;
	text-decoration: none;
	text-transform: uppercase;
	display: block;
	padding: 18px 18px 18px 28px;
}
ul.vertical li a:hover, ul.vertical li input.menuViveroBoton:hover{
	border-radius: 10px;
	background: #ffffff;
	border-left: 10px solid #333;
	color: #000000;
}
/*Panel de menú despegable*/
.botonMenuViveros {	
	color: black;	
	font-size: 16px;
	border: none;
	cursor: pointer;
	width:6em;
	}

.menuViveros {
	position: absolute;
	display: none;
	visibility: hidden;	
	z-index:999;
}
.botonMenuViveros h4{
	padding-top:0.2em;
	padding-right:0.4em;	
}

.menuViveros-content {
	border-radius:10px;
	display: none;
	position: absolute;	
	min-width: 6em;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,1);
	z-index: 2;		
	}

.menuViveros-content a {
	border-radius:10px;
	color: black;
	padding: 15px 20px;
	text-decoration: none;
	display: block;
	}

.menuViveros-content a:hover {	
	background-color: #FFFFFF;
	}

.menuViveros:hover .menuViveros-content {
    display: block;
	}

.menuViveros:hover .botonMenuViveros {
    border-bottom:2px solid #1883ba;
}
/*ESTILOS MENU FIN*/

/*CONTENEDORES INFORMACION*/
/*contenedor general contiene slider de fotos  y menu de vivero*/
.contenedorGeneralViveros{
	display: flex;
	flex-direction:row;
	width : 100%;
	justify-content:space-between;
	flex-wrap:nowrap;
    padding-bottom: 2em;
}
.contenedorMenuViveros{
	display: flex;
	flex-direction: column;	
	margin-top: 1%;
	width:20%;
	padding-left: 1em;
	font-family: "arial";	
}
.containerContentViveros{
	display: flex;
	flex-direction: column;
	width : 80%;
	flex-wrap:nowrap;
	justify-content: center;
	padding-right:10%;
}/*fin de contenedor general*/

/*estilos de las imagenes del slider*/
#viveroexterior{
	width: 100em;
	height: 42em;
}
#viveroexterior2{
	width: 100em;
	height: 42em;
}
#viverointerior{
	width: 100em;
	height: 42em;
}/*fin de estilos de las imagenes del slider*/

/*linea que esta debajo del slider*/
#linea{
	width: 35%;
    border: solid 2px;
}
/*texto informacion general de los viveros*/
#informacionViveros{
	display: flex;
    flex-direction: row;
    width: 100%;
}
#contenedorInformacionViveros {
	flex-direction:row;
	justify-content:center;
	display:flex;
	height: 150px;
	text-align: center;
    width: 100%;
	
}/*fin*/

/*contiene las imagenes informativas */
#informacionviveros2{
	display: flex;
	flex-direction:row;
	justify-content:space-evenly;
}
#metrosCuadrados{
	display: flex;
	justify-content:center;
	width: 30%;
}
#imagenmetros{
	height: 220px;
}
#mobiliario{
	display: flex;
	justify-content:center;
	width: 30%;
}
#imagenviveros{
	height: 220px;
}
#precio{
	display:flex;
	justify-content:center;
	width: 30%;
	height: 250px;
	
}
#imagenprecio{
	height: 220px;
}
/*fin de imagenes informativas*/
/*pagina individuales de viveros*/
/*Texto de las paginas individuales de cada vivero*/
#marcoImagenViveros{
	width:100%;
    align-items: center;
    display:flex;
    justify-content: center;
    /*margin-left: -6%;*/
}
/*imagen*/
.imagenviveroIndex{
	width: 100%;
    height: 100%;
    max-height:12em;
    min-height:12em;
   
}
#fotonombre{
	display: flex;
	padding-top:2em;
	padding-left:2em;
	padding-bottom:2em;
	flex-direction:row;
	border-bottom:1px solid #000;
}

.capanombre{	
    display: flex;
    flex-direction:column;
    width:65%;
    padding-top:3em;
  
}
.contacto{
align-items: center;
    flex-direction: column;
    display: flex;
    text-align: center;
    justify-content: center;
    width: 50%;
    padding-top: 1em;
    padding-left: 3em;
}
.servicio_contacto{
	display: flex;
}
.servicio{
	padding-top: 1em;
	padding-right: 3em;
	width: 50%;
    border-right: solid 1px #000;
    justify-content: center;
    text-align: center;
}
h5{
	-webkit-margin-after: auto;
	-webkit-margin-before: 0.50em;
}
/*fin de paginas individuales de viveros*/














/*@media(min-width: 400px) and (max-width:1000px) {

	/*ESTILOS MENU INICIO
	#menuCie{
		display:flex;
		flex-direction: column;
		order:3;
		width:100%;
		left:20%;
		justify-content:center;
	}
	.menu{
		flex-direction: column;
		width:60%;
		justify-content:center;
	}
	.menu > li {				
		border-right: 0;
		border-bottom:solid #000 2px;			
		text-align:center;
	}
	/*ESTILOS MENU FIN

	
	}*/
	

/*iPad*/
@media (max-width: 1024px) and (min-width: 768px){
	p{
		font-family: calibri;
		font-size: 20px;
		text-align: center;	
	}	
	/*ESTILOS MENU INICIO*/
	#menuCie{
		display:flex;
		flex-direction: column;
		order:3;
		width:100%;
		left:20%;
		justify-content:center;
	}
	.menu{
		flex-direction: column;
		width:60%;
		justify-content:center;
	}
	.menu > li {				
		border-right: 0;
		border-bottom:solid #000 2px;			
		text-align:center;
	}
	/*ESTILOS MENU FIN*/

	.contenedorGeneralViveros{
		display: flex;
		flex-direction:row;
		width : 100%;
		justify-content:space-between;
		flex-wrap:nowrap;
	}
	.contenedorMenuViveros{
		display: flex;
		flex-direction: column;		
		margin-top: 1%;
		width:20%;		
	}
	.containerContentViveros{
		display: flex;
		flex-direction: column;
		width : 50%;
		flex-wrap:nowrap;
		justify-content: center;
		padding-right:10%;
	}/*fin de contenedor general*/

	/*estilos de las imagenes del slider*/
	#viveroexterior{
		width: 50em;
		height: 25em;
	}
	#viveroexterior2{
		width: 50em;
		height: 25em;
	}
	#viverointerior{
		width: 50em;
		height: 25em;
	}/*fin de estilos de las imagenes del slider*/

	/*linea que esta debajo del slider*/
	#linea{
		width: 35%;
	    border: solid 2px;
	}
	/*texto informacion general de los viveros*/
	#informacionViveros{
		display: flex;
	    flex-direction: row;
	    width: 100%;
	}
	#contenedorInformacionViveros {
		flex-direction:row;
		justify-content:center;
		display:flex;
		height: 150px;
		text-align: center;
	    width: 100%;
		
	}/*fin*/

	/*contiene las imagenes informativas */
	#informacionviveros2{
		display: flex;
		flex-direction:row;
		justify-content:space-evenly;
		padding-right: 55px;
	}
	#metrosCuadrados{
		display: flex;
		justify-content:center;
		width: 20%;
	}
	#imagenmetros{
		height: 220px;
	}
	#mobiliario{
		display: flex;
		justify-content:center;
		width: 20%;
		height: 250px;	
	}
	#imagenviveros{
		height: 220px;
	}
	#precio{
		display:flex;
		justify-content:center;
		width: 20%;
		height: 250px;
		
	}
	#imagenprecio{
		height: 220px;
	}
	/*fin de imagenes informativas*/


}



/*iPhone*/
@media (max-width: 644px) and (min-width: 320px){	
	.contenedorMenuViveros{
		display: none;
	}
	#cuerpoprincipal{
		position:relative;
	}
	.menuViveros {
		position: absolute;
		display: inline;
		visibility: visible;
	}
	#numeroVivero{
		display:flex;
		justify-content:center;
	}
	ul.vertical{
		list-style-type: none;
		margin: 0px;
		padding: 0px;
		width: 130px;
		font-family: calibri;
		font-size: 9pt;
		margin-top: 25px;
	}
	ul.vertical li{
		
	}
	ul.vertical li a{
		color: #000000;
		text-decoration: none;
		text-transform: uppercase;
		display: block;
		padding: 10px 10px 10px 12px;
	}
	ul.vertical li a:hover {
		background: #ffffff;
		border-left: 8px solid #333;
		color: #000000;
	}
	
	.containerCaruselViveros{
		margin-top: 70px;
		margin-left: 70px;
	}
	.containerViveros{
		margin-top: 70px;
		margin-left: 70px;
	}
	
	#abogado{
		width: 25em;
		height: 15em;
	}
	#plano{
		width: 25em;
		height: 15em;
	}
	h2{
		font-size: 25px;
	}
	h1{
		font-family: calibri;
	    text-align: -webkit-right;
	    font-size: 25px;

	}
	p{
		font-family: calibri;
		font-size: 17px;
		text-align: center;	
	}
	
	.containerImagenesViveros{
		margin-left: -5px;
	}

	.contenedorGeneralViveros{
		display: flex;
		flex-direction:row;
		width : 100%;
		justify-content:center;
		flex-wrap:nowrap;
		
	}
	.contenedorMenuViveros{
		display: none;
		flex-direction: column;
		margin-left: 1%;
		margin-top: 1%;
		width:20%;
		padding-top: 79px;
	}
	.containerContentViveros{
		display: flex;
		flex-direction: column;
		width : 50%;
		flex-wrap:nowrap;
		justify-content: center;
		padding-right:10%;
	}/*fin de contenedor general*/

	/*estilos de las imagenes del slider*/
	#viveroexterior{
		width: 40em;
		height: 11em;
	}
	#viveroexterior2{
		width: 40em;
		height: 11em;
	}
	#viverointerior{
		width: 40em;
		height: 11em;
	}/*fin de estilos de las imagenes del slider*/

	/*linea que esta debajo del slider*/
	#linea{
		width: 35%;
	    border: solid 2px;
	}
	/*texto informacion general de los viveros*/
	#informacionViveros{
		display: flex;
	    flex-direction: row;
	    width: 100%;
	}
	#contenedorInformacionViveros {
		flex-direction:row;
		justify-content:center;
		display:flex;
		height: 150px;
		text-align: center;
	    width: 100%;
		
	}

	/*contiene las imagenes informativas */
	#informacionviveros2{
		display: flex;
		flex-direction:row;
		justify-content:space-evenly;
		
	}
	#metrosCuadrados{
		display: flex;
		justify-content:center;
		width: 20%;
	}
	#imagenmetros{
		height: 220px;
	}
	#mobiliario{
		display: flex;
		justify-content:center;
		width: 20%;
			
	}
	#imagenviveros{
		height: 220px;
	}
	#precio{
		display:flex;
		justify-content:center;
		width: 20%;
		height: 250px;
		
	}
	#imagenprecio{
		height: 220px;
	}
	/*fin de imagenes informativas*/
}



@media(max-width: 708px) and (min-width: 560px){
	#informacionviveros2{
		display: flex;
		flex-direction:row;
		
	}
	
	#metrosCuadrados{
		display: flex;
		margin-bottom: 15px;
		justify-content:center;
		width: 20%;
	}
	#imagenmetros{
		height: 150px;
	}
	#mobiliario{
		display: flex;
		justify-content:center;
		width: 20%;
		margin-bottom: 15px;
	}
	#imagenviveros{
		height: 150px;
	}
	#precio{
		display:flex;
		justify-content:center;
		width: 20%;
		height: 250px;
	}
	#imagenprecio{
		height: 150px;
	}
}
@media(max-width: 560px) and (min-width: 320px){
	#informacionviveros2{
		display: flex;
		flex-direction:column;
		align-items:center;	
	}
	.contenedorMenuViveros{
		display: none;
	}
	#metrosCuadrados{
		display: flex;
		margin-bottom: 15px;
		justify-content:center;
		width: 20%;
	}
	#imagenmetros{
		height: 150px;
	}
	#mobiliario{
		display: flex;
		justify-content:center;
		width: 20%;
		margin-bottom: 15px;
	}
	#imagenviveros{
		height: 150px;
	}
	#precio{
		display:flex;
		justify-content:center;
		width: 20%;
		height: 150px;
	}
	#imagenprecio{
		height: 150px;
	}
}
@media (max-width: 644px) and (min-width: 0px){
	.contenedorGeneralViveros{
		padding-top:0em;
	}
	.botonMenuViveros{
		display: flex;
	    flex-direction: row;
	    width: 6em;
	    height: 3em;
	    justify-content: center;
	    border: none;
	    background-color: rgba(125, 173, 197, 0);	   
	    padding-top: 1.4em;
	}
	.botonMenuViveros h4{
		margin:0px;
	}
	.menuViveros-content{
		margin-top:14.2em;
	}
	#numeroVivero{
		display:flex;
		justify-content:center;
		border-bottom:1px solid;
	}
	
	#fotonombre{
		padding-left:0px;
		border-bottom:1px solid;
		padding-bottom:0px;
	}
	.servicio_contacto{
		display: flex;
	    flex-direction: column;
	    justify-content: center;
	}
	.servicio{
		width:100%;
		padding-right:0px;
		border-right:none;
		padding-top:0px;
		border-bottom:1px solid;
		height:auto;
	}
	.servicio h1{
		text-align: center;
	}
	.contacto{
		width:100%;
		display: flex;
	    flex-direction: column;
	    justify-content: center;
	    padding-left:0px;
	}
	.containerContentViveros{
		padding-right:0%;
	}
	.contenedorMenuViveros{
		display: none;

	}

	ul.vertical{
		list-style-type: none;
		margin: 0px;
		padding: 0px;
		width: 130px;
		font-family: calibri;
		font-size: 9pt;		
	}
	#listaInfo{
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
	}
	#listaInfoBottom{
		border-bottom-left-radius: 10px;
		border-bottom-right-radius: 10px;
	}
	ul.vertical li a{
		color: #000000;
		text-decoration: none;
		text-transform: uppercase;
		display: block;
		padding: 10px 10px 10px 12px;
	}
	ul.vertical li a:hover {
		background: #ffffff;
		border-left: 8px solid #333;
		color: #000000;
	}
	.contenedorGeneralViveros{
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.containerCaruselViveros{
		margin-top: 70px;
		margin-left: 70px;
	}
	.containerViveros{
		margin-top: 70px;
		margin-left: 70px;
	}
	#viveroexterior{
		width: 18em;
		height: 9em;
	}
	#viveroexterior2{
		width: 18em;
		height: 9em;
	}
	#viverointerior{
		width: 18em;
		height: 9em;
	}
	#abogado{
		width: 25em;
		height: 15em;
	}
	#plano{
		width: 25em;
		height: 15em;
	}
	h2{
		font-size: 22px;
	}
	h1{
		font-family: calibri;
		text-align: center;
	}
	p{
		font-family: calibri;
		font-size: 17px;
		text-align: center;	
	}
	
	.menuViveros {		
		display: inline;
		visibility: visible;
		position: relative;
		display: flex;		
		margin-top:2em;
		justify-content:center;
		padding-right: 0.7em;
		padding-left:1em;
		margin-bottom: 1em;
		flex-direction:column;
	}
	.containerImagenesViveros{
		margin-top: 30px;
	}
	/*linea que esta debajo del slider*/
	#linea{
		width: 35%;
	    border: solid 2px;
	}
	/*texto informacion general de los viveros*/
	#informacionViveros{
		display: flex;
	    flex-direction: row;
	    width: 100%;
	}
	#contenedorInformacionViveros {
		flex-direction:row;
		justify-content:center;
		display:flex;
		height: 150px;
		text-align: center;
	    width: 100%;
		
	}/*fin*/

	/*contiene las imagenes informativas */
	#informacionviveros2{
		display: flex;
		flex-direction:column;
		align-items: center;
		
	}
	#metrosCuadrados{
		display: flex;
		margin-bottom: 15px;
		justify-content:center;
		width: 20%;
	}
	#imagenmetros{
		height: 150px;
	}
	#mobiliario{
		display: flex;
		justify-content:center;
		width: 20%;
		margin-bottom: 15px;
	}
	#imagenviveros{
		height: 150px;
	}
	#precio{
		display:flex;
		justify-content:center;
		width: 20%;
		height: 250px;
	}
	#imagenprecio{
		height: 150px;
	}
	#cuerpoprincipal{
		margin-bottom:2em;
	}
	/*fin de imagenes informativas*/
}
/*fin de responsive*/
@media(max-width:1100px){
	#fotonombre{
		display:flex;
		flex-direction:column;
		justify-content:center;
		border-bottom:1px solid;
	}
	#numeroVivero{
		border-bottom:1px solid;
	}
	#capaFotoVivero{
		width:80%;
		display:flex;
	}
	.contenidoVivero{
		display:flex;
		flex-direction:column;
		
	}
	.contenedorMenuViveros{
		margin-left:0%;		
	}
	.menuViveroBoton{
		font-size:1.2em;
		width:100%;
	}
	ul.vertical{
		width:100%;
	}
	#capaFotoVivero{
		display:flex;
		align-self:center;
	}
	.capanombre{
		width:100%;
		display:flex;
		justify-content:center;
	}
	.viveroEmpresaFront{
		width:80%;
		display:flex;
		align-self:center;
	}
}
/*Migas de pan*/
.migasdepan{
	display:flex;
	flex-direction:row;
	color:dimgrey;
	font-family: "arial";

}
.breadcrumb li{
    display:inline;
    text-decoration:none;
 }
.breadcrumb li a{    
	text-decoration:none;
}
.activo{
	color:blue;
}
/*Fin de migas de pan*/
@media  (min-width: 1088px){
	#textoAsesor{
	font-family: "arial";
	color:black;
	line-height: 20px;
	text-align: center;
	font-size: 15px;
	margin-bottom: 10%;
	width: 95%;
	background-color: whitesmoke;
	}
}
@media (min-width: 0\0){
	.menuViveros-content{
		margin-top:0em;
	}
}