@charset "utf-8";
/* CSS Document */
/*aqui comienza el reset CSS*/
*
{
	border:o;
	margin:0;
	padding:0;
}
/*hasta aqui el reset CSS*/
a {
	color: rgba(73,0,147,1);
	font-weight: bold;
	text-decoration:none;
}
a img { /* este selector elimina el borde azul predeterminado que se muestra en algunos navegadores alrededor de una imagen cuando está rodeada por un vínculo */
	border: none;
}
/* ~~ La aplicación de estilo a los vínculos del sitio debe permanecer en este orden (incluido el grupo de selectores que crea el efecto hover -paso por encima-). ~~ */
a:link {
	color: #330099;
	text-decoration: none; /* a no ser que aplique estilos a los vínculos para que tengan un aspecto muy exclusivo, es recomendable proporcionar subrayados para facilitar una identificación visual rápida */
}
a:visited {
	color: #330099;
	text-decoration: underline;
}
a:hover, a:active, a:focus {
	color:rgba(204,0,153,1); 
	font-weight: bold;
	text-decoration: none;
}
article {
	margin: 0;	
}
body, html {
	color: #000;
	font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	margin: 0px;
	padding: 0px;
	width: 100%;
}
body#index {
	background-image: url(../imagenes/fondopuentedetalle.jpg);
	margin-bottom: 0px;	
}
body#fondo{
	background-image:url(../imagenes/proyecto-flores-fondo.jpg);
	/*background-color: rgba(230,202,244,1);/*rgba(255,0,102,0.3);*/
	background-attachment: fixed;
	background-position: left bottom;
	background-repeat:repeat-x;/*:no-repeat;*/
}
cite{
	margin-left:20px;
}
figcaption {
	font-size: 0.85em;
	padding: 0.25em;
	text-align: center;
}
footer{	/*background:rgba(204,204,255,1); /*---lila claro----*/
	background:rgba(204,204,255,0.9);
	width:100%;
}
footer#footer { /*background:rgba(0,51,0,1);/*verde muy oscuro*/*/
	border-radius: 0 0 0.5em 0.5em;
	color:rgba(255,255,255,1);
	font-family: "Maiandra GD", Arial, sans-serif;
	font-size: 16px;
	margin:auto;
	margin-bottom:30px;
	padding:1%;
	width:93%;
}
footer#footer p{
	word-spacing:2px;
}
header { /*background:rgba(102,204,204,1); /***verde***/
	height:auto;
	margin:0px;
	padding:0px;
	padding-top:1px;
	width:100%;
}
/*header figure{
	background:rgba(255,255,255,1); /**blanco**//*
	margin:1px;
	width:100%;
}*/
header figure img{
	margin:0px;
	padding:0px;
	width:90%;
}
#btn-menu { 
	display:none;
}
header label {
	border: 2px solid rgba(51,51,51,1);
	border-radius:10px;
	display:none;
	height:26px;
	margin-top:-20px;
	padding:10px;
	width:26px;
	/*position:fixed; /*para fijar el icono menu*/
	/*z-index: 100;/*para ponerlo delante de los demas elements*/
}
header label:hover {
	background:rgba(204,0,102,1); /*magenta*/
	cursor:pointer;
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;	 
	padding-right: 15px;
	padding-left: 15px; /
}
section#principal h1 {
	color: rgba(64,1,101,1);
	font-family: "Caribbean Island", "Hobo Std", sans-serif;
	font-size: 42px;
	margin: 0.25em auto;
	text-align: center;
	text-shadow: 1px 1px rgba(87,0,174,1);
}
h2 {
	color: rgba (64,1,101,1);
	text-align: center;
	font-family: "Comic Sans MS", verdana, arial;
	font-size: 26px;
}
h3 {
	font-family: "Comic Sans MS", verdana, arial;
	font-size:24px;
	text-align:center;
}
h3.bienvenidacont a{
	text-decoration:underline;
	background-color:rgba(255,217,255,1);
}
section#principal h3 a{
	color:rgba(0,0,153,1);
}
h4{
	color: rgba(0,0,0,1);
	font-family: Verdana, Geneva, sans-serif;
	font-size: 18px;
	text-align: center;
	text-decoration:underline;
	
}
h5 {
	color: rgba(0,0,0,1);
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	text-align: center;
}
h6 {
	color: rgba(204,0,51,1);
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	text-align: center;	
}
img, video {
	max-width: 100%;
}
nav{
	margin:0;
	padding:0;
	width:99%;
}
p {
	color: rgba(0,0,0,1);  
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	margin-right: 2em;
}
section {
	max-width: 100%;
}
section#contenido aside{
	background:rgba(204,255,51,1);/*verde pistacho*/
	display:none;
	width:95%;
}
section#contenido{
	margin:0;
	padding:0;
	width:100%;
}
section#principal{
	background:rgba(255,255,255,0.9);/*rgba(204,204,255,0.9); /*lila claro*/
	/*background:rgba(204,102,0,1);/*naranja*/
	margin:auto;
 	width:95%;
}
section#principal p{
	font-size:12pxpx;
	color:rgba(0,0,0,1);
	margin-left:50px;
	margin-right:0px;
	text-align:left;
}
.bienvenida{
	border:10px;
	border-style:solid;
	border-color:rgba(253,49,111,1);
	margin-left:70px;
	max-width: 70%;
	padding:10px;
	text-align: center;
}
.bienvenida h2{
	font-family:Georgia, arial;
	font-size:29px;
	color:rgba(12,115,190,1);
}
.bienvenida h3{
	color:rgba(102,0,204,1);
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:28px;
}
.bienvenida h4 {
	color:rgba(67,12,129,1);
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:27px;
	text-decoration:none;
}
.bienvenida p{
	font-family:arial;
	font-size: 20px;
	text-shadow: none;
}
.
.camadas {
}
.clearfloat { /* esta clase puede situarse en una <br /> o div vacía como elemento final tras la última div flotante (dentro de #container) si #footer se elimina o se saca fuera de #container */
	clear: both;
	height: 0;
	font-size: 1px;
	line-height: 0px;
}
section#principal .contacto {
	margin:0;
	padding:0;
}
section#principal .contacto p{
	font-size: 14px;
	font-weight:bold;
	margin:0;
	text-align:center;
}
.container {
	width: 80%;
	max-width: 1260px;/* puede que sea conveniente una anchura máxima (max-width) para evitar que este diseño sea demasiado ancho en un monitor grande. Esto mantiene una longitud de línea más legible. IE6 no respeta esta declaración. */
	min-width: 780px;/* puede que sea conveniente una anchura mínima (min-width) para evitar que este diseño sea demasiado estrecho. Esto permite que la longitud de línea sea más legible en las columnas laterales. IE6 no respeta esta declaración. */
	background-color: #FFF;
	margin: 0 auto; /* el valor automático de los lados, unido a la anchura, centra el diseño. No es necesario si establece la anchura de .container en el 100%. */
}
section#principal .conteninfocamada {
	font-size: 10px;
	width: 98%;
}
section#principal .conteninfocamada p {
	color:rgba(0,0,0,1);
	text-align:center;
}
.content {
	padding: 10px 0;
	width: 60%;
	float: left;
}
.content ul, .content ol { 
	padding: 0 15px 15px 40px; /* este relleno reproduce en espejo el relleno derecho de la regla de encabezados y de párrafo incluida más arriba. El relleno se ha colocado en la parte inferior para que el espacio existente entre otros elementos de la lista y a la izquierda cree la sangría. Estos pueden ajustarse como se desee. */
}
.displasia {
	margin-left: 70px;
}
.displasiacodo{
	margin-left: auto;
}
.enlacesredes {
	margin: auto;
	padding: 10px;
	text-align:center;
}
/* ~~ clases float/clear varias ~~ */
.fltrt {  /* esta clase puede utilizarse para que un elemento flote en la parte derecha de la página. El elemento flotante debe preceder al elemento junto al que debe aparecer en la página. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* esta clase puede utilizarse para que un elemento flote en la parte izquierda de la página. El elemento flotante debe preceder al elemento junto al que debe aparecer en la página. */
	float: left;
	margin-right: 8px;
}
.fotoanunciocamada {
	text-align:center;
	margin-left:20px;
	/*margin-left: 12em;*/
	width: 80%;
}
.hembras {
	text-align:center;
	margin:0;
	padding:0;
}
section#principal #contimagens.hembras p{
	text-align:center;
	margin:0;
}
.hembras h2 {
	font-family:"walt Disney Script", "AR CENA", arial;
	font-size:34px;
	text-align:center;
}
.icono {
	padding-left: 66px;
}
.iconosgarantias{
	border:3px;
	border-style:solid;
	border-color:rgba(253,49,111,1);
	margin-left: 100px;
	margin-right:10px;
	padding-bottom:10px;
	padding-top:10px;
	padding-right:30px;
}
.index {
	margin: 200px auto 50px;
}
.info {
	color: rgba(0,0,0,1);
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	margin:0;
	margin-left:10%;
	padding:5px;
	text-align:center;
}
.inicio {
	background-color: rgba(102,255,0,1);
	margin: auto;
	width: 99%;
}
.links {
}
.machos {
	text-align:center;
}
.machos h2 {
	font-family:"walt Disney Script", "AR CENA", arial;
	font-size:34px;
}
/**fin antes comprobar***/
.menu ul {
	background:rgba(102,0,204,1);/*lila violeta*/
	display:flex;
	list-style:none;
	margin: 0;
	padding:0;
}
.menu li {
	border-right: 1px solid rgba(0,0,0,0.5);/*negro*/
}
.menu li:hover { /*background:rgba(255,0,153,0.8);/*fucsia*/
	color:rgba(255,255,255,1);/*blanco*/
}
.menu li a {
	color:rgba(255,255,255,1);/*blanco*/
	display:block;
	padding: 15px 20px;
	text-decoration:none;
}
.menu ul ul{
	background:rgba(0,153,204,1);/*turquesa*/	
	display:none;
}
.menu a{
	display:block;
	/*color:rgba(51,0,102,1);/*violet oscuro*/
	padding: 10px 10px;
	text-decoration:none;
}
.menu a:hover{
	background:rgba(255,0,153,0.8);/*fucsia*/
	color:rgba(255,255,255,1);/*blanco*/
}
.menu a span{
	margin-left:10px;
}
.menu ul li:hover ul{
	display:block;
	position:absolute;
}
.menu ul ul ul{
	background: rgba(0,153,255,1);/*azul*/ /***estos son los de tercer nivel****/
	margin-left:180px;
}
.menu ul li ul li ul li{ /*****estos son los de tercer nivel*****/
	display:none;
}
.menu ul li:hover ul ul{
	display:block;
	position:absolute;
}
.menu ul li ul li:hover li{ /******estos son los de tercer nivel*****/
	display:block;
}
.noticias {
}
.salud {
}
.separador {
	text-align:center;
}
.noticias {
}
.salud {
}
.separador {
	text-align:center;
}
/****comprobar de antes****/
section#principal #contimagens {
	margin:0;
	padding:0;
	width:90%;
}
section#principal #contimagens p{
	margin-left: 50px;
	text-align: center;
}
#contimagensuno { /*margin-left: 5.4em;*/
	margin-right: 5em;
	text-align: center;
	width: 85%;
}
#contimagensdos { /*margin-left: 5.4em;*/
	margin-right: 5em;
	text-align: center;
	width: 85%;
}
#contimagenstres { /*margin-left: 5.4em;*/
	margin-right: 5em;
	text-align: center;
	width: 85%;
}
#contenido {
}
/*#principal {
	background-color: rgba(215,176,249,0.8);/*lila*//*
	border-radius: 0.5em 0.5em 0 0;
	display: inline-block;
	margin: 0 0 0 95px;
	max-width: 100%;
	padding: 0.25em;
	text-align: left;
	width: 80%;
}
#principal p {
	padding-left: 91px;
	padding-right: 11px;
	font-size: 22px;
	font-family: "Arial Rounded MT Bold", verdana, sans-serif;
}*/
@media screen and (max-width:768px) {
	h1{
		margin:0;
		padding:0;
		text-align:center;
	}
	header label {
		display:block;
	}
	.menu {
		position:absolute;
		background:rgba(102,204,204,1);/*verde azulado*/
		width:70%;
		margin-left:-70%;
		transition:all 0.5s;
		font-size:18px;
	}
	.menu ul {		/*background:rgba(102,51,204,1);*/

		flex-direction: column;
	}
	.menu li {
		border-top: 1px solid rgba(0,0,0,0.5); /*negro*/
	}
	#btn-menu:checked ~ .menu {
		margin:0;
	}
	.menu ul ul{
		margin-left:100px;
	}
	section#principal .flexslider{
		margin-left:60px;
	}
}
@media screen and (min-width:768px){
	aside p {
		color: rgba(255,255,255,1); /*blanco*/
		font-family: "Maiandra GD", Arial, sans-serif;
		font-size: 14px;
		padding:4px;
		text-align:center;
	}
	footer#footer{
		width:79%;
		margin-left:45px;
	}
	header{
		text-align:center;
	}
	nav {
		margin:1%;
		width:94%;
	}
	section#principal{
		margin-top:-9px;
		width:81%;
		display:inline-block;
		margin-left:45px;
	}
	section#contenido aside{
		background: rgba(255,0,102,1);/*fucsia rojizo*/
		width:11%;
		display:inline-block;
		float:right;
		font-size:14px;
		margin-right:25px;
		margin-top:-8px;
		margin-bottom:5px;
	}
	.menu{
		margin-left:30px;
		margin-top:-25px
	}
	.menu a {		/*background:rgba(102,102,153,1); /*lila gris*/
		background:rgba(102,0,204,0);/*lila violeta mismo del menu peq*/
		font-size:12px;
		padding:0;
		margin:0;
	}
	.menu li{		/*background:rgba(0,102,0,1);/*verde fuerte*/

		background:rgba(102,0,204,0.5);
		width:28%;
		text-align:center;
	}
	/*.menu ul ul{
		background:rgba(0,153,204,1);/*azul turquesa*/	/*
	}*/
	.menu li ul li a{
		background:rgba(0,153,204,1) ;/*turquesa*/
		border:rgba(0,0,0,0.5) solid 1px;
		width:198px;
	}
	.menu li ul li ul li a{
		background: rgba(11,157,244,1);/*color azul*/
		border:rgba(0,0,0,0.5) solid 1px;
		width:160px;
		/*font-weight:bold;*/
	}
	section#principal p{
		margin-left:70px;
	}
	section#principal#contimagens p{
		margin-left: 70px;
		text-align: center;
	}
	section#principal #contimagens.hembras{
		margin:0;
		margin-left:80px;
	}
	section#principal .flexslider{
		margin-left:150px;
	}
}
@media screen and (min-width:1024px){
	.bienvenida{
		margin-left:225px;
	}
	footer#footer{
		margin-right:0px;
		width:78%;
		margin-left:4%;
	}
	nav {
		width:96%;
	}
	section#principal{
		margin-top:-10px;
		margin-right:0px;
		width:80%;
		display:inline-block;
		margin-left:4%;
	}
	section#contenido aside{
		background: rgba(255,0,102,1);/*amarillo fosforito*/
		width:11%;
		display:inline-block;
		float:right;
		font-size:14px;
		margin-right:4%;
		margin-top:-10px;
		margin-bottom:5px;
	}
	.menu ul{
		border-radius:10px;
		border:3px rgba(51,0,153,1) solid;
		text-shadow:rgba(51,0,153,1);
		margin-left:10px;
	}
	.menu li{		/*background:rgba(0,102,0,1);/*verde fuerte*/
		background:rgba(102,0,204,0.5);
		width:28%;
	}
	/*.menu ul ul{
		background:rgba(0,153,204,1);/*azul turquesa*/	/*
	}*/
	.menu li ul li a{
		background:rgba(0,153,204,1) ;/*turquesa*/
		border:rgba(0,0,0,0.5) solid 1px;
		width:198px;
	}
	.menu li ul li ul li a{
		background: rgba(11,157,244,1);/*azul*/
		border:rgba(0,0,0,0.5) solid 1px;
		width:160px;
	}
	section#principal p{
		margin-left:110px;
	}
	section#principal #contimagens p{
		margin-left: 110px;
		text-align: center;
	}
	section#principal .flexslider{
		margin-left:20%;
	}
}