@charset "utf-8";
/* CSS Document */

body {
	font-family:Arial, Helvetica, sans-serif;
	color: #fff;
	background: #330000 url(../images/bg.jpg) no-repeat center top;
	font-size: 12px;
}

* {
	margin: 0;
}
html, body {
	height: 100%;
}

#container {
	min-height: 70%;
	height: auto !important;
	height: 100%;
	/*margin: 0 auto -120px; *//* the bottom margin is the negative value of the footer's height */
}

#wrapper {
	width: 740px;
	margin-left: auto;
	margin-right: auto;
}

#header {
	height: 180px;
}

#main {
	position: relative;
	width: 550px;
	/*height: 340px;*/
	overflow: visible;
	padding-left: 20px;
	padding-right: 20px;
	color: #343435;
	margin-left: auto;
	margin-right: auto;
}

#mainflash {
	position: relative;
	margin-left: -60px;
	overflow: visible;
	outline: none;
}

#footer {
	height: 150px; /* .push must be the same height as .footer */
}

#footer {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 550px;
}

#footer #menu1 {
	float: left;
	border-top: 1px solid #fff;
	margin-top: 2px;
	margin-left: 0px;
	display: block;
}

#footer a.no-margin {
	margin:0;
}

#footer #menu2 {
	text-align: right;
	float: right;
	margin-top: 12px;
	padding-right: 2px;
}

#cria {
	float: right;
	width: 276px;
	height: 46px;
}

#footer a {
	margin-right: 10px;
	color: #fff;
	text-decoration: none;
}

#footer #vientros {
	position: absolute;
	bottom: 20px;
	right: 13px;
}

#vientros2 {
	width: 103px;
	height:24px;
	background: url(../images/sello-vientros-blanco.png) top left no-repeat;
}

/*#vientros:hover {
	background-position: 0px -24px
}*/

h1 {
	height: 46px;
}

.clear {
	clear: both;
}


/* Seccion General */
.t {
	width: 557px;
	height: 33px;
}

.col-middle {
	margin-left: 4px;
	padding-left: 10px;
	padding-right: 10px;
	width: 528px;
}

.b {	
	width: 552px;
	height: 5px;
	margin-left: 4px;
}
.bl {
	width: 4px;
	height: 5px;
	float: left;
	clear: none;
}
.br {
	float: right;
	width: 4px;
	height: 5px;
}

.l {
	float: left;
}
.r {
	float: right;
	width: 556px;
}

/* Fin seccion general */

/* SECCION CRIAS */

#crias .t {
	background: url(../images/crias/top.png) 0 0 no-repeat; 
}

#crias .col-middle {
	background: #776336 url(../images/crias/middle.jpg) 0 0 no-repeat;
}

#crias .b {	
	background: url(../images/crias/bottom.png) 0 0 no-repeat;
}
#crias .bl {
	background: url(../images/crias/bottom-left.png) 0 100% no-repeat;
}
#crias .br {
	background: url(../images/crias/bottom-right.png) 0 0 no-repeat;
}

#crias .l {
	background: url(../images/crias/left.png) 0 0 repeat-y;
}
#crias .r {
	background: url(../images/crias/right.png) 552px 0 repeat-y;
}

#crias .raza {
	font-size: 14px;
	padding-top: 5px;
	float: left;
	position: relative;
	top: 4px;
}

#crias .borde-inf {
	border-bottom: 1px solid #fff;
	float: right;
	width: 100%;

}

/* FIN SECCION CRIAS */

/* INICIO SECCION ARTICULOS */
.imagen {
	float: left;
}

.articulo {
	color: #fff;
}

.imagen img {
	border: 1px solid #fff;
}

.articulo img {
	border: 1px solid #fff;
}
/* FIN SECCION ARTICULOS */

h2 {
	height: 36px;
	margin-bottom: 6px;
}

/* INICIO SECCION PASTOR POLACO */

#pastor_polaco .t {
	background: url(../images/pastorpolaco/top.png) 0 0 no-repeat; 
	height: 42px;
}
#pastor_polaco .b {	
	background: url(../images/pastorpolaco/bottom.png) 0 0 no-repeat;
}
#pastor_polaco .col-middle {
	background: #aba885 url(../images/pastorpolaco/middle.jpg) 0 0 no-repeat; 
}
/* FIN SECCION PASTOR POLACO */

/* INICIO SECCION BOYERO DE BERNA */

#boyero_de_berna .t {
	background: url(../images/boyerodeberna/top.png) 0 0 no-repeat; 
	height: 42px;
}
#boyero_de_berna .b {	
	background: url(../images/boyerodeberna/bottom.png) 0 0 no-repeat;
}
#boyero_de_berna .col-middle {
	color: #fff;
	background: #3d3024 url(../images/boyerodeberna/middle.jpg) 0 0 no-repeat; 
}

#boyero_de_berna .perro span {
	color: #fff;
}
/* FIN SECCION BOYERO DE BERNA */

/* INICIO SECCION GOLDEN RETRIEVER */

#golden_retriever .t {
	background: url(../images/goldenretriever/top.png) 0 0 no-repeat; 
	height: 42px;
}
#golden_retriever .b {	
	background: url(../images/goldenretriever/bottom.png) 0 0 no-repeat;
}
#golden_retriever .col-middle {
	background: #9c8b5a url(../images/goldenretriever/middle.jpg) 0 0 no-repeat; 
}
/* FIN SECCION GOLDEN RETRIEVER */

/* INICIO SECCION CONTACTO */

#send-btn, #reset-btn {
	z-index: 0;
	float: left;
	margin: 0 5px;
	font-size: 24px;
	width: 100px;
	max-width: 80px;
}

#enviar {
	display: none;
}

.results {
	margin: 0 auto;
	color: #f00;
	font-weight: bold;
	background: url(../images/bloque-contacto-errores.png) 0 0 no-repeat; 
	height: 78px;
	width: 350px;
	padding: 20px;
	padding-top: 26px;
}

form {
	background: url(../images/bloque-contacto.png) 0 0 no-repeat; 
	padding: 20px;
	width: 350px;
	height: 310px;
	margin-left: auto;
	margin-right: auto;
}
input, textarea {
	background: none;
	border: none;
	color: #343435;
}

.btn {
	width: 60px;
	max-width: 60px;
}

input {
	width: 200px;
	max-width: 200px;
	border-bottom: 1px solid #343435;
	float: right;
	margin-top: -30px;
	margin-right: 50px;
}

textarea {
	border: 1px solid #343435;
	background: none;
	width: 300px;
	max-width: 300px;
	max-height: 120px;
	height: 120px;
}

input[type="reset"] {
	background: #fff;
}

/* FIN SECCION CONTACTO */

.razas .l {
	background: url(../images/razas/left.png) 0 0 repeat-y;	
}

.razas .r {
	background: url(../images/razas/right.png) 552px 0 repeat-y;
}

.razas .bl {
	background: url(../images/razas/bottom-left.png) 0 100% no-repeat;
}
.razas .br {
	background: url(../images/razas/bottom-right.png) 0 0 no-repeat;
}


.seleccionado {
	height: 42px;
	width: 179px;
	float: left;
}

.noseleccionado {
	float: left;
	width: 130px;
	height: 42px;
}


.perro img {
	float: left;
}
.perro h1 {
	float: left;
	clear: both;
	height: 30px;
}

.perro h2 {
	float: left;
}

.perro h3 {
	float: left;
	clear: both;
	height: 24px;
}

.perro span {
	float: left;
	clear: both;
	display: inline;
}

.perro .texto-sin-borde, .perro .texto {
	float: left;
	margin-left: 6px;
	padding-left: 10px;
	color: #330000;
}

.perro .texto {
	width: 330px;
	border-top: 1px solid #fff;
}

.perro .texto-sin-borde {
	border: none;
	width: 270px;
}

.perro a {
	font-size: 24px;
	text-transform: none;
	text-decoration: none;
}

.imagen-margen, .perro .imagen {
	float: left;
}

.perro .imagen img {
	border: none;
}

.perro {
	padding-top: 10px;
	padding-bottom: 10px;
}

.col-middle[id="golden"] .perro .texto, .col-middle[id="pastor"] .perro .texto {
	border-top: 1px solid #330000;
}

.links, .links h4  {
	display: inline;
	float: right;
}

#boyero .perro .links {
	padding-top: 10px;
	border-bottom: 1px solid #fff;
}

.imagen-margen img {
	margin: 5px;	
}

.perro .borde-inf {
	margin-top: 6px;
	border-bottom: 1px solid #fff;
	float: right;
	width: 100%;	
}

.sIFR-hasFlash h5  {
	font-size: 28px;
	margin-bottom: -12px;
	color: #fff;
	text-transform: none !important;
}

.historia {
	padding: 20px 25px;
}

#golden .historia, #pastor .historia {	
	color: #330000;
}

#golden .borde-inf, #golden .perro .links, #pastor .borde-inf, #pastor  .perro .links {
	border-bottom: 1px solid #330000;
}

#golden .links, #pastor .links {
	padding-top: 10px;
}

#mainmenu {
	position: absolute;
	right: -137px;
	top: 9px;
	width: 170px;
	height: 206px;
	outline: none;
}

/* quienes somos */
#quienessomos .t {
	background: url(../images/quienessomos/top.png) 0 0 no-repeat; 
	height: 20px;
}
#quienessomos .b {	
	background: url(../images/quienessomos/bottom.png) 0 0 no-repeat;
	margin: 0;
	height: 22px;
	width: 550px;
}
#quienessomos .col-middle {
	background: url(../images/quienessomos/middle.png) 0 0 repeat; 
	margin-left: 10px;
	width: 504px;
	padding-left: 0;
}

#quienessomos .l {
	background: url(../images/quienessomos/left.png) 0 0 repeat-y;	
	padding-left: 10px;
}

#quienessomos .r {
	background: url(../images/quienessomos/right.png) 524px 0 repeat-y;
	width: 550px;
}

#idioma {
	position: relative;
	text-align: right;
	width: 520px;
	margin-left: auto;
	margin-right: auto;
}

#idioma   a  img{
	color: none;
	text-decoration: none;
	border: 0px;
	font-size: 12px;
}

#contacto-footer {
	float: right;
	margin-top: -14px;
	padding-right: 3px;
}

.vacio {
	height: 40px;
}

.box_right_right_form h3 {
		width: 80px;
}

.texto .bandera {
	margin-top: 2px;
	margin-right: 4px;
}
.imagen-margen a {
	color: #fff;
}

#quienessomos .articulo {
	color: #000;
}

.perro .texto h5 {
	font-size: 14px;
}

.perro #bohun {
	font-size: 24px;
}

.hidden {
	display: none;
	float: right;
}

#pastor_polaco .texto span a, #golden_retriever .texto span a {
	color: #330000;
	font-size: 12px;
	text-decoration: underline;	
}

#boyero_de_berna .texto span a{
	color: #fff;
	font-size: 12px;
	text-decoration: underline;	
}