/* 

  Hojas de estilo para dacruna.com
  Adaptación del css de "A fluid template for business or fun" 
  creada por Dave Reeder (http://www.davereederdesign.com)
  realizada por Soluciones Informáticas Código23 S.L. 
  (http://www.codigo23.net)

*/

body { 
	margin: 0; 
	padding: 0; 
	background: #262626; 
}

* {
	margin: 0; 
	padding: 0; 
	border: 0; 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}


/*------------Basic styles------------*/

p, h1, h2, h3 { 
	margin: 0 10px; 
	color: #fff; 
	font-weight: normal; 
	text-decoration: none; 
	background: transparent; 
}

span#copyright, span#design {
	margin: 0 10px; 
	color: #fff; 
	font-weight: normal; 
	text-decoration: none; 
	background: transparent;
}

span#design a{
	font-weight: bold; 
}

p { 
	font-size: 0.8em; 
	line-height: 1.4em; 
	text-align: justify; 
}

h1 { 
	font-size: 1.3em; 
	line-height: 1.4em; 

}

h2 { 
	font-size: 1.0em; 
	line-height: 1.4em; 
	color: #FFA000; 
}

h3 { 
	font-size: 0.8em; 
	line-height: 1.4em; 
	color: #FFA000;  
}

span#copyright { 
	font-size: 10px; 
	line-height: 35px 
}

span#design {  
	float: right; 
	font-size: 10px; 
	line-height: 35px 
}

span.validation {  
	float: right; 
	margin-right: 10px; 
}

.validation img {  
	margin: 0; 
}

.validation img.sel {  
	margin: 0; 
        border: 1px solid #FFFFFF;
}

div { 
	padding: 10px 0;
}

#hdrimg a {
	color: #FFFFFF; 
	text-decoration: none; 
	font-weight: normal;
}

#hdrimg a strong {
	color: #000000; 
	text-decoration: none; 
	font-weight: normal;
}

#hdrimg a:hover {
	color: #FFFFFF; 
	text-decoration: none; 
	font-weight: normal;
}

#hdrimg a:hover strong {
	color: #FFFFFF; 
	text-decoration: none; 
	font-weight: normal;
}

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

a:hover {
	color: #FFFFFF; 
	text-decoration: underline;
}

#hdrimg {			/* Large image */
	float: left; 			
	width: 100%;
	margin-bottom: 5px;
	background: #eb7900 url('/img/hdr.jpg') no-repeat bottom right;
	height: 170px;  	/* ie5x hack begins here */     
	voice-family: "\"}\"";
	voice-family: inherit;
	height: 150px;
}

html>body #hdrimg {
	height: 150px;        /* ie5x hack ends here */
}

.rowcontainer {						/* Used to keep the divs in a row.  you can use this for any size of divs */
	float: left;
	margin-bottom: 5px;
	width: 100%;
	overflow: hidden;
	background: #333;
}

#footer { 
	float: left; 
	width: 100%; 
	height: 35px; 
	background: #eb7900 url('/img/hdr.jpg') bottom no-repeat right; 
}


/*------Columns: Note they dont add up to 100%, this is intentional to avoid problems!----------*/ 

.fullcolumn { 
	float: left; 
	width: 99%;
}		/* Full width column for a one column site */
			
.halfcolumn { 
	float: left; 
	width: 49%;
}		/* Half width column for a two column site. */

.halfcolumn_left { 
	float: left; 
	width: 79%;
}		/* Half width column for a two column site. */

.halfcolumn_right { 
	float: left; 
	width: 19%;
}		/* Half width column for a two column site. */


.onethirdcolumn { 
	float: left; 
	width: 33%; 
}		/* One third width column for a three column site */

.quartercolumn { 
	float: left; 
	width: 24.5% 
}		/* One quarter width column for a four column site */


/*------------------------------Main Navigation------------------------------------------*/

#nav { 
	position: absolute; 
	top: 145px; 
	left: 0px; 
	height: 25px; 
	width: 100%; 
}

ul#nav  { 
	margin: 0; 
}

#nav li  /* Main nav list items */
{
	font-size: 13px;
	float: left;
	list-style: none;
	text-align: center
}

#nav li a {   /* Main nav styles for all links */
	display: block; /* Although display:block suggests a vertical list the float:left property under #nav li causes the menu to float inline */
	margin-left: 5px; /* adds a gap between the tabs */
	width: 90px; 	/* width of the tab */
	line-height: 25px; /* height of the tab */
	text-decoration: none;
}
	 
#nav a:link, #nav a:visited  { 
	background: url('/img/tab.gif') no-repeat 0 -25px; 
}

#nav a:hover, #nav a:active { 
	background: url('/img/tab.gif') no-repeat 0 0; 
}

#nav a#current { 
	background: url('/img/tab.gif') no-repeat 0 0; 
}


/*-----------------------------------Other tags-----------------------------------------*/

acronym { 
	border-bottom: 1px dashed #999; 
	cursor: help; 
}

/* lists */
ul.icon { 
	margin: 5px 0 5px 35px; 
	list-style: url('/img/bullet.gif'); 
}

ol { 
	margin: 5px 0 5px 35px; 
	list-style: decimal; 
}

ol li, ul.icon li { 
	color: #fff; 
	font-size: 0.8em; 
	line-height: 1.4em; 
}

/* table */
table.gallery {
	padding: 40px;
	font-size: 0.8em;
}

table.gallery tr, table.gallery td {
	text-align: center; 
}

hr { 
	margin: 10px 0px; 
	height: 1px; 
	background: #444; 
	color: #444; 
}  /* rule styling */

img {
	margin: 0 10px;
}

img.bord {
	padding: 2px;
	border: 1px solid transparent;
}

img.bord:hover {
	padding: 2px;
	border: 1px solid #eb7900;
}

img.right {
	float: right;
	padding: 2px;
	border: 1px solid transparent;
}
 
img.right:hover {
	border: 1px solid #eb7900;
	padding: 2px;
}

img.left {
	float: left;
	padding: 2px;
	border: 1px solid transparent;
} 

img.left:hover {
	border: 1px solid #eb7900;
	padding: 2px;
}

img.right_portada {
	float: right;
	margin-top: -35px;
	margin-right: 40px;
	padding: 2px;
	border: 1px solid transparent;
}

img.right_portada:hover {
	padding: 2px;
	border: 1px solid #eb7900;
}

img.left_portada {
	float: left;
	margin-top: -35px;
	margin-left: 40px;
	padding: 2px;
	border: 1px solid transparent;
}

img.left_portada:hover {
	padding: 2px;
	border: 1px solid #eb7900;
}




.linea_titular {
	border-bottom: 1px solid #FFFFFF;
}

.linea_detalle {
	font-size: 10px;
	background-color: #b44f10;
	padding : 3px;
	margin: 0 10px; 
	/* border:1px solid #FFFFFF; */
	border-left:4px solid #FFFFFF;
}

.linea_detalle:hover {
	background-color: #eb8100;
}

.linea_detalle p {
	font-size: 100%;
}

.contenedor_perros {
	margin: 0 10px; 
	margin-left: 10px;
	padding: 5px;
	border: 1px solid transparent;
}

.contenedor_perros:hover {
	margin: 0 10px; 
	margin-left: 10px;
	padding: 5px;
	border: 1px solid #eb7900;
}

.detalle_perros {
	background: #b44f10;
	font-size: 11px;
	padding : 5px;
	border-left:4px solid #FFFFFF;
}

.detalle_perros:hover {
	background: #eb8100;
}


.contenedor_camadas {
	margin: 0 10px; 
	margin-left: 10px;
	padding: 5px;
	border: 1px solid transparent;
}

.contenedor_camadas:hover {
	margin: 0 10px; 
	margin-left: 10px;
	padding: 5px;
	border: 1px solid #eb7900;
}

.detalle_camadas {
	background: #b44f10;
	font-size: 11px;
	padding : 5px;
	border-left:4px solid #FFFFFF;
}

.detalle_camadas:hover {
	background: #eb8100;
}


.detalle_camadas h2 {
	color: #FFFFFF;
	font-size: 18px;
}

.detalle_camadas td.numero_cachorros {
	color: #FFFFFF;
	font-size: 56px;
	border: 2px solid #FFFFFF;
	padding: 10px;
}

#evento {
	float: left;
	margin: 0 10px; 
	margin-left: 10px;
	padding: 20px;
	margin-bottom: 20px;
	border: 1px solid transparent;
}

#evento:hover {
	float: left;
	margin: 0 10px; 
	margin-left: 10px;
	padding: 20px;
	margin-bottom: 20px;
	border: 1px solid #eb7900;
}

#noticia {
        width:100%;
        float: left;
        margin: 0 10px;
        margin-left: 10px;
        padding: 20px;
        margin-bottom: 20px;
        border: 1px solid transparent;
}

#noticia:hover {
        float: left;
        margin: 0 10px;
        margin-left: 10px;
        padding: 20px;
        margin-bottom: 20px;
        border: 1px solid #eb7900;
}

#noticia img.img_noticia_izq
{
        float: left;
        margin-top: 10px;
        margin-right: 10px;
        margin-bottom: 10px;
}

#noticia img.img_noticia_der
{
        margin-top: 10px;
        float: right;
        margin-left: 10px;
        margin-bottom: 10px;
}


#fecha_noticias 
{
	float:left;
	height:45px;
	width:32px;
	margin-right:8px;
	padding-top:11px;
	background:url(/img/calendar.gif) no-repeat; 
	margin-top: 15px;
}

#fecha_noticias p
{
	text-align:center;
	color:#9b9b8e;
	margin:0 0 0 -2px;
	text-transform:uppercase;
}

#fecha_noticias span.dia
{
	font-size:18px;
	display:block;
}

#fecha_noticias span.mes
{
	font-size:9px;
	height:12px;
	display:block;
}

#fecha_noticias a:hover{
	text-decoration: underline;
}


/*

   Estilos de la galería de imagenes en CSS, basado en el trabajo de
   Stu Nicholls (http://www.cssplay.co.uk)

*/

.menu {
font-family: verdana, sans-serif; 
position:relative; 
z-index:100;
width:520px;
margin:0 auto;
height:145px;
background: #b44f10;
border-top:380px solid #444;
}


.menu img {
	margin: 0px;
}

.menu ul {
padding:0; 
margin:0px;
list-style-type: none;
width:395px;
height:120px;
background:#444;
padding:5px;
margin:5px 98px 0 58px;
position:absolute;
border:1px solid #eb7900;
}

.menu ul li {
float:left;
position:relative;
}

.menu ul li a img {border:0; float:left;}
* html .menu ul li a img {float:none;}

.menu ul li a, .menu ul li a:visited {
float:left;
width:32px;
height:24px;
margin:0 5px 5px 0;
text-decoration:none; 
color:#000;
border:1px solid #fff;
cursor:default;
}

.menu ul li ul {
position:absolute;
top:-106px;
left:-99999px;
}

.menu table {
border-collapse:collapse;
border:0; padding:0; margin:-4px;
}

.menu ul li:hover a,
.menu ul li a:hover {
border:1px solid #eb7900;
}

.menu ul li:hover ul,
.menu ul li a:hover ul {
position:absolute;
left:-45px;
width:124px; height:94px;
border:0; padding:0; margin:0;
background:#444;
}

.menu ul li:hover ul li ul,
.menu ul li a:hover ul li a ul {
position:absolute;
top:-270px;
left:-99999px;
}

.menu ul li:hover ul li a,
.menu ul li a:hover ul li a {
text-decoration:none; 
color:#000;
border:1px solid #eb7900;
width:120px;
height:90px;
background:#000;
}

.menu ul li:hover ul li a b,
.menu ul li a:hover ul li a b {
display:block; width:32px; height:14px; font-size:0; background:#444 url(/img/point.gif); position:absolute; left:45px; top:92px; border-left:1px solid #eb7900; border-right:1px solid #eb7900; border-bottom:1px solid #eb7900;}

.menu ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover {
border:1px solid #eb7900;
}


/* Primeros 8 items de la galeria*/

.menu ul li:hover ul li:hover ul,
.menu ul li a:hover ul li a:hover ul {
left:0px; 
}
.menu ul li:hover ul li:hover ul.pos2,
.menu ul li a:hover ul li a:hover ul.pos2 {
left:-40px; 
}
.menu ul li:hover ul li:hover ul.pos3,
.menu ul li a:hover ul li a:hover ul.pos3 {
left:-80px; 
}
.menu ul li:hover ul li:hover ul.pos4,
.menu ul li a:hover ul li a:hover ul.pos4 {
left:-118px; 
}
.menu ul li:hover ul li:hover ul.pos5,
.menu ul li a:hover ul li a:hover ul.pos5 {
left:-154px; 
}
.menu ul li:hover ul li:hover ul.pos6,
.menu ul li a:hover ul li a:hover ul.pos6 {
left:-194px; 
}
.menu ul li:hover ul li:hover ul.pos7,
.menu ul li a:hover ul li a:hover ul.pos7 {
left:-234px; 
}
.menu ul li:hover ul li:hover ul.pos8,
.menu ul li a:hover ul li a:hover ul.pos8 {
left:-274px; 
}
.menu ul li:hover ul li:hover ul.pos9,
.menu ul li a:hover ul li a:hover ul.pos9 {
left:-312px; 
}
.menu ul li:hover ul li:hover ul.pos10,
.menu ul li a:hover ul li a:hover ul.pos10 {
left:-350px; 
}


.menu ul li:hover ul li:hover ul li a span,
.menu ul li a:hover ul li a:hover ul li a span {
display:none;
}

.menu ul li:hover ul li:hover ul li a,
.menu ul li a:hover ul li a:hover ul li a {
width:480px; height:360px;
border:1px solid #eb7900;}

.menu ul li:hover ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover ul li a:hover
{border:1px solid #eb7900;}

.menu ul li:hover ul li:hover ul li a:hover span,
.menu ul li a:hover ul li a:hover ul li a:hover span {
display:block; font-size:10px; color: #ffffff; position:absolute; top:1px; left:6px; width:470px; background:#b44f10; padding:5px; border-bottom:1px solid #eb7900;}

.menu ul li:hover ul li:hover ul li a:hover span:first-line,
.menu ul li a:hover ul li a:hover ul li a:hover span:first-line {
font-weight:bold; font-size:14px; color:#ffffff;}


/*

   Estilos de la mini-galería en CSS, basado en el trabajo de
   Stu Nicholls (http://www.cssplay.co.uk)

*/

.contenedor_menu_mini_right {
	position: relative;
	float: right;
	margin-left: 25px;
	width:330px;
	padding: 2px;
	border: 1px solid #eb7900;
}

.contenedor_menu_mini_left {
	position: relative;
	float: left;
	width:330px;
	padding: 2px;
	border: 1px solid #eb7900;
}

.contenedor_menu_center {
	position: relative;
	float: left;
	margin-left: 125px;
	margin-top: 30px;
	width:530px;
	padding: 2px;
	border: 1px solid #eb7900;
}

.menu_mini {
font-family: verdana, sans-serif; 
position:relative; 
z-index:100;
width:330px;
margin:0 auto;
height:50px;
background: #b44f10;
border-top:250px solid #444;
}


.menu_mini img {
	margin: 0px;
}

.menu_mini ul {
padding:0; 
margin:0px;
list-style-type: none;
width:185px;
height:26px;
background:#444;
padding:5px;
margin:5px 88px 0 68px;
position:absolute;
border:1px solid #eb7900;
}

.menu_mini ul li {
float:left;
position:relative;
}

.menu_mini ul li a img {border:0; float:left;}
* html .menu_mini ul li a img {float:none;}

.menu_mini ul li a, .menu_mini ul li a:visited {
float:left;
width:32px;
height:24px;
margin:0 5px;
text-decoration:none; 
color:#000;
border:1px solid #fff;
cursor:default;
}

.menu_mini ul li ul {
position:absolute;
top:-106px;
left:-99999px;
}

.menu_mini table {
border-collapse:collapse;
border:0; padding:0; margin:-4px;
}

.menu_mini ul li:hover a,
.menu_mini ul li a:hover {
border:1px solid #eb7900;
}

.menu_mini ul li:hover ul,
.menu_mini ul li a:hover ul {
position:absolute;
left:-45px;
width:124px; height:94px;
border:0; padding:0; margin:0;
background:#444;
}

.menu_mini ul li:hover ul li ul,
.menu_mini ul li a:hover ul li a ul {
position:absolute;
top:-165px;
left:-99999px;
}

.menu_mini ul li:hover ul li a,
.menu_mini ul li a:hover ul li a {
text-decoration:none; 
color:#000;
border:1px solid #eb7900;
width:120px;
height:90px;
background:#000;
}

.menu_mini ul li:hover ul li a b,
.menu_mini ul li a:hover ul li a b {
display:block; width:32px; height:14px; font-size:0; background:#444 url(/img/point.gif); position:absolute; left:50px; top:92px; border-left:1px solid #eb7900; border-right:1px solid #eb7900; border-bottom:1px solid #eb7900;}

.menu_mini ul li:hover ul li a:hover,
.menu_mini ul li a:hover ul li a:hover {
border:1px solid #eb7900;
}

.menu_mini ul li:hover ul li:hover ul,
.menu_mini ul li a:hover ul li a:hover ul {
left:-30px; 
}
.menu_mini ul li:hover ul li:hover ul.pos2,
.menu_mini ul li a:hover ul li a:hover ul.pos2 {
left:-74px; 
}
.menu_mini ul li:hover ul li:hover ul.pos3,
.menu_mini ul li a:hover ul li a:hover ul.pos3 {
left:-118px; 
}
.menu_mini ul li:hover ul li:hover ul.pos4,
.menu_mini ul li a:hover ul li a:hover ul.pos4 {
left:-162px; 
}
.menu_mini ul li:hover ul li:hover ul.pos5,
.menu_mini ul li a:hover ul li a:hover ul.pos5 {
left:-206px; 
}
.menu_mini ul li:hover ul li:hover ul.pos6,
.menu_mini ul li a:hover ul li a:hover ul.pos6 {
left:-250px; 
}
.menu_mini ul li:hover ul li:hover ul.pos7,
.menu_mini ul li a:hover ul li a:hover ul.pos7 {
left:-294px; 
}
.menu_mini ul li:hover ul li:hover ul.pos8,
.menu_mini ul li a:hover ul li a:hover ul.pos8 {
left:-338px; 
}

.menu_mini ul li:hover ul li:hover ul li a span,
.menu_mini ul li a:hover ul li a:hover ul li a span {
display:none;
}

.menu_mini ul li:hover ul li:hover ul li a,
.menu_mini ul li a:hover ul li a:hover ul li a {
width:320px; height:240px;
border:1px solid #eb7900;}

.menu_mini ul li:hover ul li:hover ul li a:hover,
.menu_mini ul li a:hover ul li a:hover ul li a:hover
{border:1px solid #eb7900;}

.menu_mini ul li:hover ul li:hover ul li a:hover span,
.menu_mini ul li a:hover ul li a:hover ul li a:hover span {
display:block; font-size:10px; color: #ffffff; position:absolute; top:1px; left:6px; width:310px; background:#b44f10; padding:5px; border-bottom:1px solid #eb7900;}

.menu_mini ul li:hover ul li:hover ul li a:hover span:first-line,
.menu_mini ul li a:hover ul li a:hover ul li a:hover span:first-line {
font-weight:bold; font-size:14px; color:#ffffff;}

/* Formularios de contacto */
#contenedor_formulario_contacto
{
  float: left;
  width: 50%;
  margin-left: 50px;
  text-align: left;
  background-color: transparent;
  border: 1px solid transparent;
  color: #FFFFFF;
  padding: 10px;
  font-size:12px;
}

#contenedor_formulario_contacto:hover
{
  float: left;
  margin-left: 50px;
  text-align: left;
  background-color: transparent;
  border: 1px solid #eb7900;
  color: #FFFFFF;
  padding: 10px;
  font-size:12px;
}


#contenedor_formulario_contacto input,
#contenedor_formulario_contacto textarea
{
    border: 1px solid #eb7900;
    background-color: #FFFFFF;
    font-size:12px;
}

div#contenedor_formulario_contacto input.nullfields
{
    background-color:#F73232;
}

#map {

        float: left;
        margin-left: 50px;

}

#map div {
padding: 0px;
}

#map h3 {

        color: #000000;
        font-size: 20px;

}

#map p {
        color: #000000;
        padding: 0px;
        font-size: 10px;
}

.calendar { 
            background-color: #eb7900;
            padding: 5px;
            font-size: 10px;

 }

.calendar td { 
               background-color: #F09E46;
               padding: 5px;
 }

.calendar td.null_days { 
               background-color: #FADAB9;
               padding: 5px;
 }

.calendar td.linked-day { 
               background-color: #AB5800;
               padding: 5px;               
 }

.calendar th { 
               background-color: #D9D9D9;
               padding: 5px;
               margin-bottom: 5px;
               font-size: 12px;
 }

.calendar-month { 
                  background-color: #eb7900;
                  font-size: 16px;
                  padding: 10px;
 }

.calendar-prev { 
                  background-color: #eb7900;
                  font-size: 22px;
                  padding: 10px;
 }

.calendar-next { 
                  background-color: #eb7900;
                  font-size: 22px;
                  padding: 10px;
 }