/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* grid.css */
.showgrid {background:url(grid.gif);}
.container {width:998px;margin:0 auto;}
hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}
hr.space {background:#fff;color:#fff;}
.clearfix:after, .container:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix, .container {display:inline-block;}
* html .clearfix, * html .container {height:1%;}
.clearfix, .container {display:block;}
.clear {clear:both;}


div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7 {float:left;margin-right:10px;}
div.last {margin-right:0;}

.span-1 { width: 134px}
.span-2 { width: 278px}
.span-3 { width: 422px}
.span-4 { width: 556px}
.span-5 { width: 710px}
.span-6 {}
.span-7 { width: 998px}

/*typography*/

body {font-size:62.5%; /* 10px en em*/}

/* forms.css */

fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em; }
input.text, input.title, textarea, select {margin:0.5em 0;border:1px solid #bbb; width:90%}
input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666;}
input.text, input.title {padding:5px;}
input.title {font-size:1.5em;}
textarea {width:95%;padding:5px;}
form p {clear:both; }
label strong, label span, label small {display:block}
label {margin-bottom:1em}
label small {color: red; white-space:pre }
form p.col-2 label {display:block;width:50%; float:left}
select {padding:4px}


/**
 * ResidenciaHnosBuisan
 */
 

 
body {background: url(bkg_body.jpg) no-repeat #F4F7F5 top center; font-family:verdana, helvetica, arial, sans-serif }


p { line-height:1.3em; margin-bottom: 1em}
ul li {list-style-image:url(bullet.gif); margin-left:2em}
sup {font-size:0.8em}
h2, h3, h4, h5, h6 {font-family: Georgia, Times New Roman, Times, Serif; color: #19496E; font-weight:normal}
h2 {font-size: 3.5em; }
h3 {font-size: 2.6em; }
h4 {font-size: 1.8em; }
h6 {font-size: 3em}

h3 small,h4 small {font-size:0.5em}

.mc, .ml, .mr {padding:3px; border: 1px solid #71B36F; background-color:#fff}
.l, .ml {margin: 0 10px 0 0; float:left}
.r, .mr {margin: 0 0 0 10px; float:right}
.c, .mc {margin: 0px auto 10px ; }


.content {margin:10px}
.space {height:2em}

a.ver_mas {background-color:#950077; padding:4px; color: #fff; text-decoration:none; font-weight:bold}
a.ver_mas:hover {background-color:#f60;}


.resaltado {background-color:#E8E0E9;font-family:Georgia, Times New Roman, Times, Serif;}
.resaltado h3 {color: #950077}
.resaltado p { text-align:left;font-family:verdana, helvetica, arial, sans-serif }
.resaltado img.l {float:left; margin: 0px 10px 10px -10px; border: 2px solid #fff; border-left:none}
.resaltado img.r {float:right; margin: 0px -10px 10px 10px; border: 2px solid #fff; border-right:none}

/**
 *
 * Bloques de contenido
 *
 */

#cabecera {height:400px; overflow:hidden}

    #titulo {height:400px}
    #titulo h2 {position:absolute; width: 556px; text-align:center; margin-top:255px}
    #titulo h6 {font-size: 6em; line-height:1em; color: #f60; text-align:center; position:absolute; top: 115px; width: 556px}
    #titulo h5 {font-size: 2em; line-height:1em; font-weight: bold; color: LightSlateGray; text-align:center; position:absolute; top: 65px; width: 556px}
	
    
    #menu {  font-family:Georgia, Times New Roman, Times, Serif; position:absolute; top:0; }
    #menu .nav li {list-style: none ; display:block; float:left; margin:0 0.55em 0 0; }
    #menu .nav li a {font-size: 1.8em; color: #950077; background: url(bkg_menu.gif) repeat-x bottom left; text-decoration:none; padding: 20px 10px 10px 10px; display:block;}
    #menu .nav li.on a,
    #menu .nav li a:hover {background-color: #950077; color: #EFE2EF}
    #menu .logos {text-align:right; padding-top:10px}
    #menu .logos li a{background:none}
    #menu .logos li {display:inline}
    
    
    #testimonio img, #testimonio cite, #testimonio em { display:block}
    #testimonio img.persona {width:425px; height:308px; }
    #testimonio cite {font-size: 1.5em; padding:1em 0 1em 0; background: url(bkg_cite.gif) no-repeat top center; }
    
    #testimonio em {text-align:right}
    

#cuerpo {}

    #introduccion {font-size: 1.2em}
    
    #introduccion.box {font-size: 1.5em}
    
    #introduccion a.ver_mas {font-size: 1.4em; background-color: #950077; display:block; color: #fff; text-align:center; padding:10px; font-weight:bold; width: 250px; float:right }
    
    #introduccion .galeria a img {display:block;  padding:3px; margin:0px 0px 10px 10px; border: 1px solid #71B36F; background-color:#fff}
    #introduccion .galeria a {float:right; }
    
    
    #contenido {font-size: 1.2em}
    #contenido ul li {margin-bottom:0.5em}
    
    #agenda {margin-bottom:1em}
    #agenda dl {clear:both; float:none; padding-top:1em}
    #agenda dt { font-size:1.2em; font-style:normal; font-weight:bold}
    #agenda dt a {color: #950077}
    #agenda dt a:hover {color: #f60}
    #agenda dd.fecha {font-size:1.2em;text-align:center; display:block; float:left; width:60px; height:40px; margin: 0.5em 0.5em 0 0 ; background-color:#ffc; border: 1px solid #fff; font-family:Georgia, Times New Roman, Times, Serif;}
    #agenda dd.sinopsis {float:right; width:80%}
    #agenda img {width:100px; float:right}
    #agenda ul li {list-style:none}
    #agenda ul li cite {font-size:1.2em;}
    #agenda address {font-weight:bold; text-align:right; margin-bottom:1em}
    
    .agenda-imagenes img {width:100%}
    
    #contenido .galeria {text-align:center}
    #contenido .galeria a img {padding:3px; margin:1px; border: 1px solid #71B36F; background-color:#fff}
    
    #personal, #centro_de_dia, #agenda, #contactar {min-height:310px; }
    
    #personal p , #centro_de_dia p, #localizacion p, .resaltado p{font-size:1.1em}
    
    .box .content{border: 1px solid #71B36F; background: url(bkg_trama.gif) repeat; padding:10px 10px 0 10px;  }
    #tour .content {margin: 10px 0 10px 20px;}
    #tour .video_holder{ width:265px; height:180px; background:black; float:right; margin:0px 0 10px 10px ; text-align:center}
    #tour .video_holder p {margin:1em}
    #tour .video_holder a { color: white;}
    
    #personal img {display:block; width:250px; height:165px; }
    
    #servicios {background-color: #fff;  }
    #servicios .content {margin:1px; padding:9px; background-color: #FFF2EA;}
    #servicios h4 {color: #fff; padding:10px; text-align:center; line-height:1em; background-color: #f60; margin: 10px 0 10px 0}
    #servicios .span-1 {width:124px}
    #servicios .span-2 {width:258px}
    #servicios a.ver_mas {float:right; margin-top:10px}
    
    #contactar {}
    #contactar div.destacado {font-size: 1.6em; text-align:center; color: #950077; margin:0 auto; padding: 0 2em 0 2em; clear:both}
    #contactar a.ver_mas {font-size: 1.6em; background-color: #950077; display:block; color: #fff; text-align:center; padding:10px; font-weight:bold; }
    #contactar strong {font-size: 1.5em; display:block; color: #000}
    
    #contactar a.ver_mas img, #contactar div.destacado img {vertical-align:middle}
    
#pie {
    clear:both; float:none;  position:relative;
    background: url(bkg_footer.jpg) no-repeat center 50px;
    padding-top:10px; margin-top:10px;
    min-height:120px; 
}
    #pie p {width:70%; margin: auto; text-align:center}
    #pie ul.w3c {position:absolute; right:0; margin:0; padding:0; width:170px }
    #pie ul.subnav {text-align:center; font-size: 1.6em; margin-bottom:10px; font-family:Georgia, Times New Roman, Times, Serif; }
    #pie li {margin:0; padding:0; list-style:none; display:inline}
    #pie ul.subnav li {margin-left:1em; }
    #pie ul.subnav li.f {margin:0}
    #pie ul.subnav li a {padding:0.2em; color: #950077; line-height:2em}
    #pie ul.subnav li a:hover {background-color: #950077; color: #EFE2EF}

/**
 * akmodal
 */



body.modal {background:none; padding:1em}
body.modal h3 {font-size: 2em}

#ak_modal h4 a {color: white; position:absolute; right:1em}

/** POS **/
.instituto-gerontologico {
	font-family:Georgia, Times New Roman, Times, serif;
	font-size:15px;
	color: #950077;
	margin: 15px 0px 40px 15px;
	text-align:center;
	text-decoaration:none;
}

.instituto-gerontologico a{
	font-family:Georgia, Times New Roman, Times, serif;
	font-size:15px;
	color: #950077;
	margin: 15px 0px 40px 15px;
	text-align:center;
	text-decoaration:none;
}

.residencias-zaragoza{
	font-family:Georgia, Times New Roman, Times, Serif;
	font-size:11px;
	color:#9E1B7D;
	margin:0px 0px 10px 10px;
}

.residencias-zaragoza a{
	font-family:Georgia, Times New Roman, Times, Serif;
	font-size:11px;
	font-weight:bold;
	color:#9E1B7D;
	margin:0px 0px 10px 10px;
	text-decoration:none;
}

h1{
	font-family: Georgia, Times New Roman, Times, Serif;
	color: #19496E;
	font-weight:normal;
	font-size:20px;
	margin:0px 0px 10px 10px;
}

h1 a{
	font-family: Georgia, Times New Roman, Times, Serif;
	color: #19496E;
	font-weight:normal;
	font-size:20px;
	text-decoration: none;
}