@font-face {
	font-family:MarckScript-Regular;
	src:url(fuentes/MarckScript-Regular.ttf);


}


h1{
font-family:MarckScript-Regular ;
font-size: 35px;
color: #000000
}

p{
	font-family: MarckScript-Regular;
	font-size: 20px;
}




* {
	padding:0px;
	margin:0px;
	

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

body
 {
	background:#FEFEFE;

	

}

/*header*/

/*logo cabecera*/
.logo img
{
	width: 90%;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 10%
	

	
	
	
}

/* icono menú*/
.menu_bar {
	display:none;
	font-family: MarckScript-Regular;

}


header {
	width: 100%;
	background:url(imagenes/fondo2.gif); 
}

header nav {
	background:#023859;
	z-index:1000;
	max-width: 1000px;
	width:95%;
	margin:0px auto;

}

header nav ul {
	list-style:none;
}

/*fuente y tamaño menu*/

header nav ul li {
	display:inline-block;
	position: relative;
	font-family: MarckScript-Regular;
	font-size: 19px
}

header nav ul li:hover {
	background:#E6344A;
}

header nav ul li a {
	color:#fff;
	display:block;
	text-decoration:none;
	padding: 13px;
}

header nav ul li a span {
	margin-right:10px;
}

header nav ul li:hover .children {
	display:block;
}

header nav ul li .children {
	display: none;
	background:#011826;
	position: absolute;
	width: 100%;
	z-index:1000;
}

header nav ul li .children li {
	display:block;
	overflow: hidden;
	border-bottom: 1px solid rgba(255,255,255,.5);
}

header nav ul li .children li a {
	display: block;
}

header nav ul li .children li a span {
	float: right;
	position: relative;
	top:3px;
	margin-right:0;
	margin-left:10px;
}

header nav ul li .caret {
	position: relative;
	top:3px;
	margin-left:10px;
	margin-right:0px;

}
/*fin header*/




body 
{
	
	font-family: "helvetica",arial;

	background:url(imagenes/fondo2.gif);

	
	
}


.fb-like {
	padding-left: 0%;
	width: 40%;
	padding-top:10px;


}



/*cuerpo1*/
/* fondo del cuerpo 1*/

.fondocuerpo1

{
	background: url(imagenes/fondo2.gif);
	padding-bottom: 0px
}

/*cuerpo1. titulo principal de la pagina. encima del slide SOLO PARA INDEX*/
 .titulo1index h1
	{
		color: #800080;
		font-size: 40px;
		font-family: Pacifico;
		text-align: center;
		padding-left: 15px;
		font-weight: 800;
        padding-bottom: 5px;
        padding-top: 30px
    }

 .titulo1index p
 	{
 		font-size: 35px;
 		text-align: center;
 		padding-left: 15%;
 		padding-right: 15%;
 		font-weight: 800
 	}
	

/*cuerpo1. titulo principal de la pagina. encima del slide */
.titulo1 h1
	{
		font-size: 40px;
		font-family: Pacifico;
		text-align: center;
		padding-left: 15px;
		color: #800080;
        padding-bottom: 0px;
        padding-top: 30px
    }

 .titulo1 p
 	{
 		font-size: 35px;
 		text-align: center;
 		padding-left: 13%;
 		padding-right: 13%;
 		
 	}
	.titulo1 h3
	{
		font-size: 25px;
		text-align: center;
		padding-left: 15px;
        padding-bottom: 0px;
        padding-top: 30px

	}

////////*slideshow*/////////

	
* {
	margin:0;
	padding:0;
}

body {
	background:#f2f2f2;
}

.main {
	max-width: 500px;
	margin:0px auto;
	padding-right: 5px;
	padding-left: 5px;
	padding-top:15px;

}



}
.slides {
	width:100%;
}

.slides img {
	width:100%;

}

.slidesjs-pagination {
	background:#000000;
	list-style:none;
	overflow:hidden;
	opacity: 0.60 ;
}

.slidesjs-pagination li {
	float:left;
}

.slidesjs-pagination li a {
	display:block;
	padding:13px 13px;
	color:#fff;
	text-decoration:none;
}

.slidesjs-pagination li a:hover {
	background:#CC2900;
	opacity: 0.65
}

.slides .active {
	background:#000;
}

.slidesjs-navigation{
	background:#000;
	color:#fff;
	text-decoration:none;
	display:inline-block;
	padding:10px 3px;
	float:right;
	opacity: 0.82
}

/*fin de cuerpo1*/

/*cuerpo2*/


/*titulo de presentacion*/

.titulo2 h1
{
text-align: center;
font-size: 45px;

padding-bottom: 30px


}

/*Texto presentacion*/

#textopresentacion

{
	
	text-align: center;
	background: url(imagenes/fondo2.gif);
	border-radius: ;
	padding-top: 30px;
	padding-bottom:50;
	color: #000000;
	font-size: 70px
}

#textopresentacion article p
{	
	font-weight: 800;
	font-size: 32px;
	margin-left:7%;
	margin-right: 7%;


}
#textopresentacion2 article p
{
	background: url(imagenes/fondo2.gif);
	font-size: 35px;
	color: #FF0000;
	padding-left: 3%;
	text-align:center;
	padding-bottom: 20px;
	padding-top: 10px;
	height: 800
}


.camadadisponible h2
{
font-size: 40px;
text-shadow: 3px 3px 5px #f00,
               		 6px 6px 5px #0f0,
               		 9px 9px 5px #00f;
padding-bottom: 20px;
padding-top: 30px


}
.camadadisponible img
{
	width: auto;
	
}
/*imagen camada disponible para paginas de galerias y otras*/
.camadadisponiblechica img
{
	width: 200px;
	height: auto;
	
}
.camadadisponiblechica h2
{
font-size: 30px;
text-shadow: 3px 3px 5px #f00,
               		 6px 6px 5px #0f0,
               		 9px 9px 5px #00f;
padding-bottom: 20px;
padding-top: 5px
}


	
	
/* texto principal*/
#textoPr
{
 	
 	width: 100%;

 	background: url(imagenes/fondo2.gif);
 	color: #000000;
 	margin: 0px auto;
 	text-align: center;
 	border-radius: ;
 	padding: 10px;
 }
 #textoPr article p
 {
 	width: 80%;
 	font-size: 30px;
 	text-shadow:3px 3px 8px;
 	text-align:center;
 	padding-left: 20%;
 	padding-bottom: 20px;
 	padding-top: 20px

 }
 	
/* fondo del cuerpo principal2*/

.fondocuerpo2 h2

{
	background: url(imagenes/fondo2.gif);
	font-size: 35px;
	text-shadow: 3px 3px 5px #f00,
               		 6px 6px 5px #0f0,
               		 9px 9px 5px #00f;
    padding-bottom: 20px

}
.fondocuerpo2 img
{
	width: 30%;
	box-shadow: 3px 5px 10px #191919;
	border-radius:20px;
}


/*fin de cuerpo2*/


/*cuerpo3*/
/*fotos marcos y texto con enlace de cachorros disponibles en el index*/
.camadasmarcoindex {
background: url(imagenes/fondo2.gif);
}


.camadasmarcoindex p{
	clear: left;
	font-size: 30px;
	text-align: center;
	font-weight: 400;
	


}
.camadasmarcoindex h4 {
	
	font-size: 25px;
	text-align: center;
	font-weight: 800;
	padding-bottom: 10px;
	margin-left: 3%;

	
}
.cachorrosindex img {

width: auto; 
height: 230px;
box-shadow: 6px 6px 10px #000000;
float-left:0%;
margin-left: 0%;
margin-right: 0%;



	
}
.cachorrosindex a{
	float: left ;
	padding-bottom: 20px;
	margin-left:20%;
	margin-right: 2%;
	padding-left: 0%;
	padding-right: 0%;
	
	
}
.cachorrosindex2 a{
	float: left ;
	padding-bottom: 20px;
	margin-left:15%;
	margin-right: 1%;
	
	
}

/*para eliminar un enlace fotomarco del cachorro*/
.marco1{}
.marco2{}
.marco2{}
.marco3{}
.marco4{}
.marco5{display: none}
.marco6{display: none}
.marco7{display: none}
.marco8{display: none}
.marco9{display: none}


/*fin para eliminar un enlace fotomarco del cachorro*/



/* fin fotos marcos y texto con enlace de cachorros disponibles en el index*/










/*fin de cuerpo 3*/



h1

	color:#FF7519;
	
}
a
{
	color: #e44e2d;
	font-weight: bold;
}

/* aside*/








#textologo
{
	width: 100%;
 	height: 100%;
 	text-align: center;
 	


}



 	  

/*tamaño y fondo footer*/


.pie img
{	
	clear: left;
	height: auto;
	width:75%;
	padding-top: 20px;
	padding-bottom: 20px;
	
	
}
 /* afijo en el footer*/
 .afijo p
{
clear: left;
font-size: 30px;
font-weight: 800;
width: auto;
text-align: center;
padding-right: 1%;

}
/*fin de afijo en el footer*/

footer {
	width: 100%;
	height: 100%;
	background:url(imagenes/fondo2.gif); 
	text-align: center;
	
	
}
/*derechos reservados*/
footer p
{
	width: 100%;
	height: 20%;
	background:url(imagenes/fondo2.gif); 
	text-align: center;
}


/* menu de footer*/


footer nav {
	background:#023859;
	z-index:1000;
	max-width: 750px;
	width:100%;
	margin:0px auto;
	margin-bottom: 0px;

}

footer nav ul {
	list-style:none;

}

footer nav ul li {
	display:inline-block;
	position: relative;
}

footer nav ul li:hover {
	background:#E6344A;
}

footer nav ul li a {
	color:#fff;
	display:block;
	text-decoration:none;
	padding: 15px;
}

footer nav ul li a span {
	margin-right:1px;
}



footer nav ul li .caret {
	position: relative;
	top:3px;
	margin-left:0px;
	margin-right:0px;
}

/*fin menu footer*/

	/*galeria fotos con lightbox*/

#galeria
{

	width: auto;
	height: auto;
	max-width: 80%;
	position: relative;
	margin-top: 0px;
	margin-left: 12%;

	
	display: block;
}

#galeria li

{

	width: auto;
	height:  auto;
	float: left;
	list-style: none;
	margin: 10px;
	transition: all 0.4s ease-in-out;
	box-shadow: 0px 0px 5px 2px rgba(0,0,0,1);
	border: solid 2px white;



}

#galeria li :hover
{
	

box-shadow: 0px 0px 10px 4px rgba(0,0,0,1);
}

/*fin galeria de fotos*/


/* pagina galeria fotos  camada disponible con lightbox*/
/*nombre y color cachorros*/
.tablacachorros p
{
	color: #99003D;
	font-size: 35px;
	display: inline-block;
	width: 100%;
	text-align: left;
	padding-left: 32%

}
.tablacachorros h6 {
	font-size: 25px;
	text-align: center;
	padding-bottom: 0px;
	padding-top: 0px;
	color: #0000FF

}
 
.tablacachorros
{
	
display: inline-block;
	width: auto;
	height: auto;
	max-width: ;
	position: relative;
	margin-top: 0px;

	margin-left:0%;
	padding-left: 6%;
	
	display: block;
    background:url(imagenes/fondo2.gif);
	
	
}

.tablacachorros li 

{
	width: auto;
	height:  auto;
	float: left;
	list-style: none;
	margin: 10px;
	
	box-shadow: 0px 0px 5px 2px rgba(0,0,0,1);
	border: solid 2px white;
}

.textocamadadisponible{

	background: url(imagenes/fondo2.gif);
}
.textocamadadisponible p {
	font-size: 30px;
	text-align: center;
	width: 90%;
	padding-left:10%;
	padding-bottom: 30px;
	padding-top: 30px;
	font-weight: 800
}
.textocamadadisponible h2 {
	color: #FF0000;
	font-size: 25px;
	text-align: center;
	width: 90%;
	padding-left:10%;
	padding-bottom: 30px

}
/* fin pagina galeria fotos  camada disponible con lightbox*/
/*pagina camada disponible sin lightbox*/

.camadatextoprincipal
	{

	background: url(imagenes/fondo2.gif);
	}

.camadatextoprincipal p{
	color: #A71414;
	clear: left;
	font-size: 32px;
	text-align: center;
	width: 90%;
	padding-left:10%;
	padding-bottom: 30px;
	padding-top: 15px;
	font-weight: 800
}

.camadatexto{

	background: url(imagenes/fondo2.gif);
}
.camadatexto p {
	float: left;
	font-size: 20px;
	text-align: center;
	width: 90%;
	padding-left:10%;
	padding-bottom: 0px;
	padding-top: 0px;
	font-weight: 800
}
.camadatexto h2 {
	float: left;
	color: #FF0000;
	font-size: 25px;
	text-align: center;
	width: 90%;
	padding-left:15%;
	padding-bottom:15px;
	
}
.camadatexto h4 {
	float: left;
	font-size: 30px;
	text-align: center;
	width: 90%;
	padding-left: 15%;
	padding-bottom: 20px;
	padding-top: 60px
	
}



.camadatexto p
{
	
	text-align: center;
	color: #99003D;
	font-size:30px;
	width: 100%;
	padding-left:6%;
	padding-bottom: 20px
	

}

.camadatextodisponible p
{
	
	text-align: center;
	color: #003d99;
	font-size:31px;
	width: 100%;
	padding-left:6%;
	padding-bottom: 20px
	

}
	

.camadas{
background: url(imagenes/fondo2.gif);
}

.camadas p{
	clear: left;
	font-size: 40px;
	text-align: center;
	font-weight: 800;
	padding-bottom: 10px;
	padding-left:0%;
	padding-top: 20px


}
.camadas h4 {
	
	clear: left;
	font-size: 25px;
	text-align: center;
	font-weight: 800;
	padding-bottom: 10px;
	padding-left:4%;
	padding-top: 20px
}

.camadas img {

width: auto; 
height: 310px;
border-radius: 0px;
box-shadow: 6px 6px 10px #000000;
margin-left: 0%;
margin-right: 0%;
float-left
padding-left: 0%;
padding-right: 0%;
margin-left: 0%





	
}
.camadas a{
	float: left;
	padding-bottom: 20px;
	padding-left: 3%;
	margin-left: 0%
	



}
.camadas iframe {
	float: left;
	padding-bottom: 10px;
	padding-left: 0%;
	margin-left: 10%
	



}

.camadas3 img{

width: auto; 
height: 220px;
border-radius: 20px;
box-shadow: 6px 6px 10px #000000;

margin-left: 18%;
margin-right: 0%;
  }


.camadas2 img{

width: auto; 
height: 220px;
border-radius: 10px;
box-shadow: 6px 6px 10px #000000;
margin-left: 20%;
margin-right: 0%;


  }

/* pagina sin camada disponible... enlaces cachorros anteriores*/
.camadasin{
background: url(imagenes/fondo2.gif);
}
.camadassin a{
	float: left;
	padding-bottom: 20px;
	padding-left: 0%;
	margin-left: 00%
}

.camadasin p{
	clear: left;
	font-size: 40px;
	text-align: center;
	font-weight: 800;
	padding-bottom: 10px;
	padding-left:0%;
	padding-top: 20px


}
.camadasin h4 {
	
	clear: left;
	font-size: 25px;
	text-align: center;
	font-weight: 800;
	padding-bottom: 10px;
	padding-left:4%;
	padding-top: 20px
}

.camadasin img {

width: auto; 
height: 200px;
border-radius: 20px;
box-shadow: 6px 6px 10px #000000;
margin-left: 1%;




	
}

/* pagina galeria fotos camada disponible sin lightbox*/

.tablacachorrossinlight
{
	
	width: auto;
	height: auto;
	max-width: ;
	position: relative;
	margin-top: 0px;
	margin-left:0%;
	padding-left: 6%;
	
	display: block;
    background:url(imagenes/fondo2.gif); 
	
	
}


.tablacachorrossinlight img 

{
	max-width: 70%;
	width: auto;
	height:  auto;
	float: left;
	list-style: none;
	margin: 10px;
	transition: all 0.4s ease-in-out;
	box-shadow: 0px 0px 5px 2px rgba(0,0,0,1);
	border: solid 2px white;




}

/* fin galeria fotos cachorros disponibles*/

/* contacto*/

.contacto
{
background:url(imagenes/fondo2.gif);
padding-top: 30px
}

#telefono
{
	background:url(imagenes/fondo2.gif); 
	text-align: center;
	font-size: 45px;
	

	
}
#correo
{
	text-decoration: none;
	text-align: center;
	font-size: 45px;
	height: 800
}

#facebook
{	
	text-decoration: none;
	color: #000099;
	text-align: center;
	font-size: 45px;
	height: 800
}

#google
{
	color: #FF3300;
	text-align: center;
	font-size: 45px;
	height: 800
}





  
/* fin de contacto*/

/*texto de pagina de cachorros individuales*/

.cachorrosdisponibles
{
	background:url(imagenes/fondo2.gif);
	
	text-align: center;
	padding-bottom: 20px

}
.cachorrosdisponibles p
{
	font-size: 50px;
	width: auto;
	text-shadow :3px 3px 8px;
}

/* fin texto de pagina de cachorros individuales*/
/*texto origen*/
.origen1
{
	background:url(imagenes/fondo2.gif);
	width: auto;
	text-align:center;

}
.origen1 p
{
	padding-top: 30px;
	width: 90%;
	padding-left: 10%;
	font-weight: 700;
	font-size: 30px
}


.origen2
{
	background:url(imagenes/fondo2.gif);
	width: auto;
	text-align:center;
	padding-top: 10px
}
.origen2 p
{
	padding-top: 10px;
	width: 90%;
	padding-left: 10%;
	font-weight: 700;
	font-size: 30px
}
.origen2 h2
{
	padding-top: 35px;
	font-size: 35px;
	padding-bottom: 5px;
	text-shadow: 3px 3px 5px #f00,
               		 6px 6px 5px #0f0,
               		 9px 9px 5px #00f;
}
.origen3
{
	background:url(imagenes/fondo2.gif);
	width: auto;
	text-align:center;
	padding-top: 30px;
	padding-bottom: 30px;
}
.origen3 p
{
	width: 90%;
	padding-left: 10%;
	font-weight: 700;
	font-size: 30px
}
.origen3 h2
{
	padding-top: 30px;
	font-size: 35px;
	padding-bottom: 35px;
	text-shadow: 3px 3px 5px #f00,
               		 6px 6px 5px #0f0,
               		 9px 9px 5px #00f;
}


/* paginas individuales revenia,croa,fabu..*/

#textoindividual article img
{
width: auto; 
height: 190px;
border-radius: 10px;
box-shadow: 6px 6px 10px #000000;
padding-left: 0px;
padding-right: 0px;
margin-left: 5px;
margin-bottom: 3px


}
/*texto pagina individual */
#textoindividual

{
	
	text-align: center;
	background: url(imagenes/fondo2.gif);
	border-radius: ;
	padding-top: 30px;
	padding-bottom:50;
	color: #000000;
	font-size: 70px
}
#textoindividual article p
{
	font-size: 35px;
	margin-left:10%;
	margin-right: 10%;
	padding-bottom: 30px;


}
.tituloindividual h1
{
text-align: center;
font-size: 35px;
text-shadow: 3px 3px 5px #f00,
               		 6px 6px 5px #0f0,
               		 9px 9px 5px #00f;
padding-bottom: 30px


}
/* fin paginas individuales revenia,croa,fabu..*/

/*pagina indice hembras */

.paginahembras{
background: url(imagenes/fondo2.gif);
}
.paginahembras h6{
	text-align: center;
	font-size: 40px;
	padding-top: 25px
}
.paginahembras p{
	font-size: 30px;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px


}
.paginahembras img {
	width: auto;
	height: 250px;
	display: inline-block;
	border-radius: 10px;
	box-shadow: 6px 6px 10px #000000;
	margin-right:0%;

	
}
.paginahembras li {
	width: auto;
	height: auto;
	display: inline-block;
	padding-left: 1%;
	padding-right: 5px;
	margin-right:0%;
	margin-left:21%; 
	margin-bottom:35px;
}
/* fin pagina indice hembras y machos*/
/*pagina indice  machos*/

.paginamachos{
background: url(imagenes/fondo2.gif);
}
.paginamachos p{
	font-size: 40px;
	text-align: center;
	padding-bottom: 20px;
	height:800;
}

.paginamachos img {
 width: auto; 
height: 300px;
box-shadow: 6px 6px 10px #000000;
float-left;
margin-left: 21%

	
}

	

/* fin pagina indice machos*/

/* enlace co foto de cachorros disponibles en todas las pagina*/

.camadadisponibleindividual {
background: url(imagenes/fondo2.gif);
}


.camadadisponibleindividual h2
{
	clear: left;
	text-align: center;
	font-size: 30px;
	text-shadow: 3px 3px 5px #f00,
               		 6px 6px 5px #0f0,
               		 9px 9px 5px #00f;
    padding-top: 30px;
    padding-bottom: 20px	
}

.camadadisponibleindividual img {
	margin-left: 40%;
	box-shadow: 6px 6px 10px #000000;
	width:auto;
}	


.camadadisponibleindividualcontacto {
background: url(imagenes/fondo2.gif);
}


.camadadisponibleindividualcontacto h2
{
	clear: left;
	text-align: center;
	font-size: 30px;
	text-shadow: 3px 3px 5px #f00,
               		 6px 6px 5px #0f0,
               		 9px 9px 5px #00f;
    padding-top: 30px;
    padding-bottom: 20px	
}

	
.camadadisponibleindividualcontacto img {
	margin-left: 40%;
	box-shadow: 6px 6px 10px #000000;
	width:auto;
}	


.diferencia {
background: url(imagenes/fondo2.gif);
}

.diferencia h2
{
	clear: left;
	text-align: center;
	font-size: 30px;
	text-shadow: 3px 3px 5px #f00,
               		 6px 6px 5px #0f0,
               		 9px 9px 5px #00f;
    padding-top: 30px;
    padding-bottom: 20px	
}
.diferencia img {
	margin-left: 35%;
	box-shadow: 6px 6px 10px #000000;
	width:auto;
}
	
	


/* fin enlace con foto de cachorros disponibles en todas las pagina*/

/*enlace comprar sharpei*/
.comprar {
	background: url(imagenes/fondo2.gif);
	text-decoration:none;
	clear: left;
	text-align: center;
	font-size: 35px;
    padding-top: 30px;
    padding-bottom: 20px;
    color: #0E0312;
}
.comprar a {
	color: #0E0312;
}
.titulo1comprar h1
	{
		font-size: 40px;
		font-family: Pacifico;
		text-align: center;
		padding-left: 15px;
		color: #0E0312;
        padding-bottom: 0px;
        padding-top: 30px
    }
/*enlace comprar sharpei*/
/*formulario de contacto*/
#formulario {
text-align: center;
padding-top: 20px

}

/***********************formulario de contacto**********************************************************************************************/
/************ version para movil************************************************************************************************************/

@media screen and (max-width: 800px) {
	body {
		padding-top:80px;
	}





/*titulo principal*/



.titulo1 h1
	{	display: none;
		color: #000029;
		font-size: 25px;
		text-align: center;
		padding-left: 5px;
		padding-top:60px;
		padding-bottom: 0px;
        margin-bottom: 0px
     }
 .titulo1 p
 	{
 		font-size: 22px;
 		padding-right: 1%;
 		padding-left: 1%

 	}
 .titulo1 h3
	{
		font-size: 20px;
		text-align: center;
		padding-left: 15px;
		text-shadow: 3px 3px 5px #f00,
               		 6px 6px 5px #0f0,
               		 9px 9px 5px #00f;
        padding-bottom: 0px;
        padding-top: 110px
     }

  .titulo1index h1
	{
		
		font-size: 25px;
		color: #008080;
		text-align: center;
		padding-left: 5px;
		padding-top:50px;
		padding-bottom: 0px;
        margin-bottom: 0px
     }
 .titulo1index p
 	{
 		font-weight: 800;
 		font-size: 22px;
		padding-right: 1%;
 		padding-left: 1%;
 		padding-top: 15px

 	}



/*slideshow en movil*/

.main {
	
	margin:0px auto;
	padding-right: 5px;
	padding-left: 5px;
	padding-top:15px


}
/*texto presentacion... nuestros sharpeis estan criados*/
#textopresentacion article p
{
	font-weight: 800;
	font-size: 22px;
	padding-right: 0%;
	padding-left: 0%;
	padding-top: 5px;



}

#textopresentacion2 article p
{
	font-weight: 800;
	font-size: 23px;
	padding-left: 1%;
	padding-bottom: 0px;
	padding-top: 10px
}
.camadasmarcoindex p{
	
	font-size: 20px;
	
}
.camadasmarcoindex h4 {
	
	font-size: 20px;
	text-align: center;
	

	
}


/*titulo 2*/
.titulo2 h1
{
text-align: center;
font-size: 25px;
padding-bottom: 1px;
padding-top: 1px
}



/* imagen camada disponible chica*/
.fondocuerpo2 h2

{
	background: url(imagenes/fondo2.gif);
	
	font-size: 30px;
	text-shadow: 3px 3px 5px #f00,
               		 6px 6px 5px #0f0,
               		 9px 9px 5px #00f;
    padding-bottom: 20px
}
.fondocuerpo2 p
{
	font-size: 10px
}
/*texto nuestros ejemplares... para movil*/
 #textoPr article p
 {
 	width: 100%;
 	font-size: 22px;
 	text-shadow:3px 3px 8px;
 	float: left;
 	padding-left: 5px;
 	padding-bottom: 20px;

 }
/*imagen camada disponible*/
	
	#textoPr
	{
		width: 100%
	}

	#textopresentacion img
	{

	width: 100%;
	padding-left: 10px;
	padding-right: 10px;
	border-radius:20px;
	}


	.logo img
	{
		width: 100%;
		padding-top: 60px;
		display: none;
	

	}
/*barra de menu en movil fija arriba*/	
	.menu_bar {
		display:block;
		width:100%;
		position: fixed;
		top:0;
		background:#95B3B3;
		text-align: left;
		background: url(imagenes/fondo2.gif);
		box-shadow: 6px 8px 15px #00003D


		
	}

	

	.menu_bar .bt-menu {
		display: block;
		padding: 0px;
		color: #95B3B3;
		float: right;
		font-size: 5px;
		font-weight: bold;
		text-decoration: none;
		padding-bottom: 5px;
		padding-right: 10px;
		

	}
	/*texto menu arriba para movil*/
	
	.texto-logo h1
	{
		font-size: 30px;
		float: left;
		position: relative;
		text-align: left;
		padding-left: 30px;
		text-shadow: 3px 3px 5px #f00,
               		 6px 6px 5px #0f0,
               		 9px 9px 5px #00f;
        padding-left: 6%
	}
	/*boton menu arriba para movil*/
	.menu_bar span {
		float: right;
		font-size: 45px;
		position: relative;
		color: #000029;
		min-height: 45px;


		
}


	header nav {
		width: 60%;
		height: calc(100% - 50px);
		
		position: fixed;
		right:100%;
		margin: 0;
		overflow: scroll;

	}


	header nav ul li {
		display: block;
		border-bottom:1px solid rgba(255,255,255,.5);
	}

	header nav ul li a {
		display: block;
		padding-right: 0px;
		padding-left:2px;
		font-size: 17px
	}

	header nav ul li:hover .children {
		display: none;
	}


	header nav ul li .children {
		width: 100%;
		position: relative;
	}

	header nav ul li .children li a {
		margin-left:20px;
	}

	header nav ul li .caret {
		float: right;
		margin-right:15px;
	}

/*cuerpo 3 movi texto*/

/*fotos padres en pagina camada disponible*/
.camadas2 img{

width: 220px; 
height: auto;
border-radius: 20px;
box-shadow: 6px 6px 10px #000000;
margin-left: 3%;
  }
 /*fin fotos padres en pagina camada disponible*/


/*fotos marco enlace del index a cachorros movil*/
.cachorrosindex img {

width: 200px; 
height: auto;
margin-left: 0%;

}

.cachorrosindex a{
	
	padding-bottom: 7px;
	padding-left: 5%;
	margin-left: 5%;
		
	
}


/*fotos fin marco enlace del index a cachorros movil*/
  /*imagen federaciones footer movil*/

  /*tamaño y fondo footer*/

footer img
{	height: auto;
	min-width: 95%;
	
	
	

}
/*afijo version movil*/
 .afijo p
{
background: url(imagenes/fondo2.gif);
font-size: 19px;
font-weight: 800;
width: 100%;
padding-left: 0px;
padding-right: 0px;
padding-top:2px;
margin-top: 0px

}
/*fin afigo version movil*/



/*derechos reservados movil*/
footer p
{
	background: url(imagenes/fondo2.gif);
	font-size: 18px;
	font-weight: 800;
	width: 100%;
	
	padding-left: 0%;
	padding-right: 0%

}
/*fin derechos reservados movil*/


/* menu de footer en el movil*/


footer nav ul li {
	font-size: 14px;
	display:inline-block;
	position: relative;
	font-weight: bold;
}

#galeria
{

	width: 300px;
	height: auto;
	position: relative;
	margin-top: 0px;
	margin-left: 13%;
	display: block;
}

/*telefono contacto pie de pagina para movil*/

#telefono
{
	width: auto;
	font-size: 25px;
	height: 800
	
	
}
#correo
{
	padding-left: 3%;
	width: 240px;
	font-size: 20px;
	
}
#facebook
{
	width: 240px;
	font-size: 20px;
	padding-left: 5%
}
#google
{
	padding-left: 5%;
	width: 240px;
	font-size: 20px;
	
}
/*fin telefono contacto pie de pagina para movil*/

/*  texto de pagina de cachorros individuales*/
.cachorrosdisponibles p
{
	font-size: 30px;
	width: auto;
	text-shadow :3px 3px 8px;
}

/* fin texto de pagina de cachorros individuales*/


/* pagina camada disponible nombre y color cachorros para movil*/
.tablacachorros p
{
	font-size: 20px;
	display: inline-block;
	width: 100%;
	padding-left: 5px;
	font-weight: 400;
	padding-bottom: 10px

}
.tablacachorros h6{
	font-size: 20px;
/* fin pagina camada disponible nombre y color cachorros*/
}

.textocamadadisponible{

	background: url(imagenes/fondo2.gif);
}
.textocamadadisponible p {
	font-size: 23px;
	text-align: center;
	width: 100%;
	padding-left:0%;
	padding-right: 0%;
	padding-bottom: 30px;
	padding-top: 15px;
	font-weight: 800
}
.textocamadadisponible h2 {
	font-size: 20px;
	text-align: center;
	width: 98%;
	padding-left:1%;
	padding-bottom: 30px
}



/* fin pagina camada disponible texto nombre y color cachorros*/
/*pagina camadas disponibles sin lightbox para movil*/

.camadatextoprincipal p {
	color: #A71414;
	font-size: 22px;
	padding-left: 1%;
	padding-top: 55px;
	padding-bottom: 0px
	
}
.camadatextoprincipalbajo {
	 background:url(imagenes/fondo2.gif);
}
.camadatextoprincipalbajo p {
	text-align: center;
	color: #A71414;
	font-size: 22px;
	padding-left: 1%;
	padding-top: 5px;
	padding-bottom: 0px
}
.camadas h4 {
	
	color: #00008B;
	font-size: 18px;
	text-align: center;
	font-weight: 800;
	padding-bottom: 0px;
	padding-left:4%;
	padding-top: 20px
}
.camadas iframe {
	float: left;
	padding-bottom: 10px;
	padding-left: 0%;
	margin-left: 5%
	}


.camadatexto h4
{
	font-size: 20px;
	padding-left: 3%;
	padding-top: 20px;
	padding-bottom:0px;
}
.camadatexto h2{
	font-size: 17px;
	padding-left:2%;
	padding-top: 0px
}
.camadatexto p{
	font-size: 19px;
	padding-left:0%;
	padding-bottom: 0px
}
.camadas h6{
	font-size: 20px;
	padding-left: 12%

}
.camadas p{
	padding-left: 0%;
	color:#000000;
	font-size: 27px
}
.camadas a  {
	margin-left: 0%
}
.camadas img {
	max-width: 220px;
	height: auto;
	margin-left: 10%
}
/*pagina camadas disponibles sin lightbox para movil*/
/*texto origen*/
.origen1
{
	background:url(imagenes/fondo2.gif);
	width: auto;
	text-align:center;
	float: left;
}

.origen1 p
{
	width: 100%;
	padding-left: 1%;
	padding-right: 1%;
	font-weight: 700;
	font-size: 22px;
	float: left;
	padding-bottom: 15px;
	padding-top: 10px
}


.origen2
{
	background:url(imagenes/fondo2.gif);
	width: auto;
	text-align:center;
	padding-top: 30px
}

.origen2 p
{
	background: url(imagenes/fondo2.gif);
	width: 100%;
	padding-left: 1%;
	padding-right: 1%;
	font-weight: 700;
	font-size: 22px;
	float: left;
	padding-bottom: 15px
}
.origen2 h2
{	font-size: 20px;
	padding-bottom: 10px;
	text-shadow: 3px 3px 5px #f00,
               		 6px 6px 5px #0f0,
               		 9px 9px 5px #00f;
}
.origen3
{
	background:url(imagenes/fondo2.gif);
	width: 100%;
	text-align:center;
	padding-top: 30px;
	padding-bottom: 30px;
}
.origen3 p
{
	width: 100%;
	padding-left: 2%;
	padding-right: 2%;
	font-weight: 700;
	font-size: 20px;
	float: left;
	padding-bottom: 20px
}
.origen3 h2
{
	font-size: 20px;
	padding-bottom: 15px;
	text-shadow: 3px 3px 5px #f00,
               		 6px 6px 5px #0f0,
               		 9px 9px 5px #00f;

}
/* paginas movil individuales revenia,croa,fabu..*/

/*imagenes camada disponible pagina individual */
#textoindividual article img
{
height: auto; 
width: 220px;
border-radius: 10px;
box-shadow: 6px 6px 10px #000000;
margin-left: 0%;
margin-bottom: 6px;
margin-top: 0px

}
#textoindividual article p
{
	font-size: 25px;
	margin-left:2%;
	margin-right: 2%;
	
	padding-bottom: 30px

}
.tituloindividual h1
{
text-align: center;
font-size: 25px;
text-shadow: 3px 3px 5px #f00,
               		 6px 6px 5px #0f0,
               		 9px 9px 5px #00f;
padding-bottom: 5px;
padding-top: 60px;
padding-right:1%; 
padding-left:1%;



}


/* fin paginas individuales revenia,croa,fabu..*/
/*foto y enlace cachorros disponibles todas las paginas movil*/
.camadadisponibleindividual h2
{
	font-size: 23px;	
}

.camadadisponibleindividual img {

	box-shadow: 6px 6px 10px #000000;
	width:220px;
	height: auto;
	margin-left: 7%;
	padding-top:0px;
	padding-bottom: 0px

}	

	
.camadadisponibleindividual a  {
padding-left: 10%
	
}
.diferencia img {

	box-shadow: 6px 6px 10px #000000;
	width:260px;
	height: auto;
	margin-left: 2%;
	padding-top:0px;
	padding-bottom: 0px

}	
.diferencia h2{
	background:url(imagenes/fondo2.gif);
	font-size: 20px
}

/*fin foto y enlace cachorros disponibles todas las paginas movil*/

/*pagina indice de hembras para movil*/

.paginahembras h6 {
	padding-top: 60px;
	font-size: 25px;
	text-align: center;
}


.paginahembras p{
	font-size: 20px;
	padding-right: 2px;
	padding-left: 2px;
	padding-top:0px;
}
.paginahembras img {
	width: 220px;
	height: auto;


	
}
.paginahembras li
{

	padding-left: 6%;
	margin-left:1%;
}
/*fin pagina indice de hembras para movil*/

/*pagina indice de machos para movil*/



.paginamachos p{
	padding-top: 60px;
	font-size: 25px;
	padding-left:2px;
}

.paginamachos img {
	width: 240px;
	height: auto;
	margin-left: 5%;
	margin-bottom: 5%
		
}
.fb-like {
	padding-left: 5%;


}


	
}
/*fin pagina indice de machos para movil*/
/*enlace comprar sharpei*/
.comprar {
	background: url(imagenes/fondo2.gif);
	text-decoration:none;
	clear: left;
	text-align: center;
	font-size: 20px;
    padding-top: 30px;
    padding-bottom: 20px;
    color: #0E0312;
}
.comprar a {
	color: #0E0312;
}

.titulo1comprar h1
	{
		font-size: 25px;
		font-family: Pacifico;
		text-align: center;
		padding-left: 15px;
		color: #0E0312;
        padding-bottom: 0px;
        padding-top: 60px
    }
/*enlace comprar sharpei*/





}


/*fin version movil*/