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

/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.8.0r4
*/
/**
 * YUI Reset
 * @module reset
 * @namespace
 * @requires
 */
html {
	color: #000;
	background: #FFF;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
p,
blockquote,
th,
td {
	margin: 0;
	padding: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset,
img {
	border: 0;
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var,
optgroup {
	font-style: inherit;
	font-weight: inherit;
}

del,
ins {
	text-decoration: none;
}

li {
	list-style: none;
}

caption,
th {
	text-align: left;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
	font-weight: normal;
}

q:before,
q:after {
	content: '';
}

abbr,
acronym {
	border: 0;
	font-variant: normal;
}

sup {
	vertical-align: baseline;
}

sub {
	vertical-align: baseline;
}

/*because legend doesn't inherit in IE */
legend {
	color: #000;
}

input,
button,
textarea,
select,
optgroup,
option {
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit;
}

/*@purpose To enable resizing for IE */
/*@branch For IE6-Win, IE7-Win */
input,
button,
textarea,
select {
	*font-size: 100%;
}


/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 3.0.0
build: 1549
*/
/* base.css, part of YUI's CSS Foundation */
h1 {
	/*18px via YUI Fonts CSS foundation*/
	font-size:138.5%;
}
h2 {
	/*16px via YUI Fonts CSS foundation*/
	font-size:123.1%;
}
h3 {
	/*14px via YUI Fonts CSS foundation*/
	font-size:108%;
}
h1,h2,h3 {
	/* top & bottom margin based on font size */
	margin:1em 0;
}
h1,h2,h3,h4,h5,h6,strong {
	/*bringing boldness back to headers and the strong element*/
	font-weight:bold;
}
abbr,acronym {
	/*indicating to users that more info is available */
	border-bottom:1px dotted #000;
	cursor:help;
}
em {
	/*bringing italics back to the em element*/
	font-style:italic;
}
blockquote,ul,ol,dl {
	/*giving blockquotes and lists room to breath*/
	margin:1em;
}
ol,ul,dl {
	/*bringing lists on to the page with breathing room */
	margin-left:2em;
}
ol li {
	/*giving OL's LIs generated numbers*/
	list-style: decimal outside;
}
ul li {
	/*giving UL's LIs generated disc markers*/
	list-style: disc outside;
}
dl dd {
	/*providing spacing for definition terms*/
	margin-left:1em;
}
th,td {
	/*borders and padding to make the table readable*/
	border:1px solid #000;
	padding:.5em;
}
th {
	/*distinguishing table headers from data cells*/
	font-weight:bold;
	text-align:center;
}
caption {
	/*coordinated margin to match cell's padding*/
	margin-bottom:.5em;
	/*centered so it doesn't blend in to other content*/
	text-align:center;
}
p,fieldset,table,pre {
	/*so things don't run into each other*/
	margin-bottom:1em;
}
/* setting a consistent width, 160px;
   control of type=file still not possible */
input[type=text],input[type=password],textarea{width:12.25em;*width:11.9em;}



/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 3.0.0
build: 1549
*/
/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 */
body {
	font:13px/1.231 arial,helvetica,clean,sans-serif;
	*font-size:small; /* for IE */
	*font:x-small; /* for IE in quirks mode */
}

/**
 * Nudge down to get to 13px equivalent for these form elements
 */
select,
input,
button,
textarea {
	font:99% arial,helvetica,clean,sans-serif;
}

/**
 * To help tables remember to inherit
 */
table {
	font-size:inherit;
	font:100%;
}

/**
 * Bump up IE to get to 13px equivalent for these fixed-width elements
 */
pre,
code,
kbd,
samp,
tt {
	font-family:monospace;
	*font-size:108%;
	line-height:100%;
}
/**************************************Propios************************/

.left { float:left;display:in-line;}
.right {float:right;display:in-line;}

.clear_fix {
     overflow: hidden;
     height: 1%;
}

.rosa {color:#fb4f4f;}

.destacados {text-align:center;}

#decoracion {
	padding: 450px 0 0;
width:250px;
top:0;
left:0;
position:absolute;
background:url(../img/perros.png) no-repeat;
}

#face {margin: 0 0 0 42px;}

#cabecera {height:188px; background: url(../img/fondocab.jpg) repeat-x; min-width:1010px;}

#contenidoCabecera { height:188px; width:644px; background:url(../img/fondoCabder.png) no-repeat right;}

#direccion { font-size:16.5px; text-align:center; margin:50px 45px 0 0;}

#direccion .rosa { color:#33464B;}

#logo { background: url(../img/logo.png) no-repeat; text-indent:-90000px; width:250px; height:40px; margin:0; top:55px; position:absolute;}

#menu {background:url(../img/fondomenu.jpg) repeat-x; height:43px;}

#menu ul {
background: url(../img/fondoulmenu.jpg) no-repeat;
padding: 0 0 0 225px;
margin:0;
height:43px;
margin: 0 auto 0 0;
width:765px;
}

#menu li {list-style:none;float:left; margin:0 8px 0 0; width:87px; height:33px;}

#menu li a {
background: url(../img/boton.jpg) no-repeat 0 0;
display:block;
text-align:center;
height:25px;
color:#FFFFFF;
font-weight:bold;
text-decoration:none;
font-size:12px;
padding: 8px 0 0;
}
#menu .lin a { padding:3px 0 0; height:30px;}
#menu li a:hover, #menu li #activo {
background-position: 0 -33px;}



#contenido {
color:#474747;
background:url(../img/fondocontenido.jpg) repeat-y;
padding: 1px 0 1px 275px;
font-size:14px;
min-width:735px;
min-height:534px;
}

#contenido h2 { font-size:24px; border-bottom:2px solid #474747;}

#contenido blockquote { font-size:24px; width:77%; text-align:center; font-weight:bold; margin:14px auto;}
#contenido a {color:#33464B; font-weight:bold;}
#contenido a:hover {color:#FB4F4F;}
#contenido img {width:53%; max-width:800px; }
#contenido img.mini {width:40%;}
img.left {margin:0 6px 0 0;}
img.right {margin:0 0 0 6px;}

#secciones {margin:10px 0;}

.secc { float:left; width:25%; padding: 0 3%; font-size:12px; border-left:1px solid #d7d1d4;}

.primer {border:none;}

#contenido .azul {color:#33464b;}
#contenido .verde {color:#b7c94f;}
#contenido .fucsia {color:#e74dad;}

.secc a {text-decoration:none;}

a.azul:hover {text-decoration:underline;}
a.verde:hover {text-decoration:underline;}
a.fucsia:hover {text-decoration:underline;}

#contenido .secc h2 {border-bottom:none; margin:14px 8px; font-size:20px;}

#contenido .secc h3 {margin:0; color:#7AA8dd;}

#contenido iframe {width:100%; height:600px;}

#enlaceDestacado {background-color:#7aa8dd; max-width:800px; min-width:715px; padding:10px;  -webkit-border-radius:100em; -moz-border-radius:10px; border-radius:10px; }
#enlaceDestacado img {width:120px; float:left;}
#enlaceDestacado ul {float:left;margin:1em; margin-left:0;}
#enlaceDestacado ul li{list-style:none; width:120px; font-size:16px; font-weight:bold; text-transform:uppercase; margin:0.5em;}
#enlaceDestacado .botonEnlace {background:#ddd; -webkit-border-radius:100em; -moz-border-radius:10px; border-radius:10px; border:#ddd 1px groove; padding:8px; margin:15px 0; display:block;}
#enlaceDestacado a.botonEnlace:hover {background:#999; border:#333 1px groove; color:#fff;}
#enlaceDestacado a.botonEnlace:active {border:#333 1px inset;}
#enlaceDestacado p { float:left; width:280px; margin:1.5em 0 0; text-align:center;}
#enlaceDestacado .telefonos {float:right; margin:1em; margin-right:0;}
#enlaceDestacado .telefonos li {font-size:20px;}
#pie {
background: url(../img/fondopie.jpg) repeat-x;
min-width:1010px;
}

.text-resp {margin-top:20px;}