html, body, div, span, applet, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, em, img, small, strike, strong, 
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
:focus {
	outline: 0;
}

/*
 * CSS Archive index
 *
 * 1. Base styles
 * 2. Form Elements
 * 3. Layout positioning
 * 4. Menu
 * 5. Content
 * 6. Footer
 * 7. CSS Fixes
 */

/* ****************************************************************************
 * 1. Base Styles
 */
body {
line-height: 1;
color: black;
/* background: url(mainbg.jpg) top left; */
background: url(bg.jpg) no-repeat top center;

 background:url(yabg.jpg) repeat-x top left;
font-family:arial, helvetica, sans-serif;
padding-bottom:50px;
}

table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}

img {
border:none;
}

h1 {
font-size:2em;
font-weight:bold;
font-family:arial, sans-serif;
color:#666;
}

h2 {
font-size:1.1em;
color:#aa3;
font-weight:normal;
font-family:arial, serif;
padding-left:70px;
padding-top:0px;
}

h3 {
font-weight:bold;
font-size:.9em;
color:#000;
font-family:"Trebuchet MS", sans-serif;
}

p,pre {
font-family:arial, helvetica, sans-serif;
line-height:1.6em;
font-size:.8em;
margin-bottom:1.2em;
color:#333;
}

strong {
font-weight:bold;
}

em {
font-style:italic;
}

ul {
list-style:none;
}

/* ****************************************************************************
 * 2. Form Elements
 */
label, input, textarea, legend {
display:block;
font-family:"Trebuchet MS", arial;
font-size:.9em;
padding:2px;
}
fieldset {
padding:0;
margin-top:15px;
}

label {
font-weight:bold;
padding:0;
padding-bottom:1px;
}

.fleft {
float:left;
width:150px;
margin-right:20px;
}
.search-button {
background:#000;
color:#fff;
font-weight:bold;
margin-top:10px;
}

#cgaleria form {

}

/* ****************************************************************************
 * 3. Layout positioning
 */
#wrapper{
width:890px;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
margin:0 auto;
background:#fff;
/*background:url(yabg.jpg) repeat-x top left; */
}

#menu {
float:left;
width:215px;
height:482px;
margin-left:20px;
margin-top:35px;
}

#header {
}

#content {
padding:0 5px 0 10px;
float:right;
width:600px;
margin-right:20px;
margin-top:31px;
}


#footer {
width:500px;
float:right;
margin-right:20px;
}

/* ****************************************************************************
 * 4. Menu
 */
#menu {
background:url(bgmenu.jpg) no-repeat top left;
padding:2px;
}

#menu h3 {
padding:9px 0 5px 35px;
font-size:.9em;
font-family:"Trebuchet MS", sans-serif;
color:#64615a;
width:173px;
margin:15px auto 3px;
}

#menu ul {
}

#menu li a{
color:#64615a;
font-size:.85em;
display:block;
font-family:"Trebuchet MS", sans-serif;
text-decoration:none;
margin:3px 0;
padding-left:45px;
}

#menu li a:hover {
text-decoration:none;
}

#menu a.current {
background:#ECDB96;
color:#000;
font-weight:bold;
border:1px solid #fff;
width:118px;
height:13px;
border-bottom:0;
border-top:0;
}

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

#menu a.current:hover {
text-decoration:underline;
}

#somos {
background:url(hsomos.jpg) no-repeat;
}

#servicios {
background:url(hservicios.jpg) no-repeat;
}

#tecnologia {
background:url(htecnologia.jpg) no-repeat;
}

#menu h3#programas {
background:url(hespeciales.jpg) no-repeat;
padding-top:6px;
}

#menu h3#calidad {
background:url(hcalidad.jpg) no-repeat;
padding-bottom:10px;
padding-top:13px;
}

#calidad a {
text-decoration:none;color:#64615a;
}

#calidad a:hover {
text-decoration:none;color:#64615a;
}

.afilosofia .filosofia,
.ahistoria .historia,
.somos a:hover {
background:url(bsomos.jpg) repeat-y top center;
}

.aconsulta_externa .consulta-externa,
.aurgencias .urgencias,
.ahospitalizacion .hospitalizacion,
.atestimoniales .testimoniales,
.afarmacia .farmacia,
.servicios a:hover {
background:url(bservicios.jpg) repeat-y top center;
}

.programas a:hover {
background:url(bespeciales.jpg) repeat-y top center;
}
.aimagenologia .imagenologia,
.aquirofanos .quirofanos,
.alaboratorios .laboratorios,
.abanco_de_sangre .banco-de-sangre,
.tecnologia a:hover {
background:url(btecnologia.jpg) repeat-y top center;
}

/* ****************************************************************************
 * 5. Content
 */
#wrap-img-text, #wrap-img-freetext, #wrap-img-text-catalog {
margin-top:20px;
}

#wrap-img-text-catalog {
height:400px;
}
#content-image, .content-image {
float:left;
width:160px;
padding-right:4px;
border-right:1px solid #ccc;
}

#content-text, #content-full, .content-freetext {
padding-left:10px;
padding-right:40px;
float:right;
height:420px;
overflow:auto;
width:380px;

/* scrollbar styles */
scrollbar-base-color: #ccc;
scrollbar-track-color: #ccc;
scrollbar-face-color: #ccc;
scrollbar-highlight-color: #eee;
scrollbar-3dlight-color: #eee;
scrollbar-darkshadow-color: #999;
scrollbar-shadow-color: #777;
scrollbar-arrow-color: #fff;
}

/* For when you need to scroll the whole right column, not just the text area */
#wrap-img-freetext {
height:420px;
overflow:auto;
}

.content-freetext {
overflow:none;
height:auto;
padding-right:25px;
}

#content-full {
float:none;
width:580px;
overflow:hidden;
padding-right:2px;
}

#cnoticias #content-full {
overflow: auto;
}

#cnuestra h2 {
color:#acae0e;
}

#cservicios h2 {
color:#e2a600;
}

#ctecnologia h2 {
color:#e8d60c;
}

#cprogramas_de_calidad h2 {
color:#e55a60;
}

#cgaleria h2 {
color:#7c4fae;
padding-left:50px;
}

#cnoticias h2 {
color:#a0824f;
}

#cprogramas_especificos h2 {
color:#128acd;
}

/* For pharmacy catalog section */
.column {
width:181px;
padding: 0 10px;
float:left;
text-align:center;
}
.nopad-l {
padding-left:0;
}

.border-t {
border-top:1px solid #ccc;
}

.border-l {
border-right:1px solid #ccc;
width:180px;
}
/* ****************************************************************************
 * 6. Footer
 */
#footer {
text-align:right;
}

#footer ul {
border-top:1px solid #ccc;
padding-top:8px;
width:420px;
}

#footer li {
float:left;
font-size:.9em;
padding-left:22px;
margin-left:10px;
padding-right:18px;
height:18px;
padding-top:3px;
border-right:1px solid #ccc;
}

#footer a {

}
.especiallink {
text-align:right;
}

.especiallink a {
background:url(cross.jpg) no-repeat left center;
padding-left:15px;
}

#footer a, .especiallink a {
color:#666;
text-decoration:none;
font-weight:bold;
font-family:"Trebuchet MS", sans-serif;
}

#footer .noticias {
background:url(noticiasbg.jpg) no-repeat left center;
}
#footer .ubicacion {
background:url(ubicacion.jpg) no-repeat left center;
}

#footer .galeria {
background:url(galeria.jpg) no-repeat left center;
}


#footer .contacto {
background:url(contacto.jpg) no-repeat left center;
border-right:none;
}
/* ****************************************************************************
 * 7. Fixes 
 */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.inline input {
display:inline;
}
label {
margin-top:10px;
}

#cadmin td, #cadmin th {
padding:5px 10px;
font-size:.8em;
line-height:1.5em;
border-top:1px solid #eee;
}

#cadmin th {
text-transform:uppercase;
font-weight:bold;
}
#cadmin td strong {
color:#333;
}

#cnoticias .noticia-current h3 {
font-size:1.4em;
}

#cnoticias .noticia h3 {
font-size:1.2em;
}

/* familias almater */
  div#familias-banner {
  	display:block;
		padding-bottom:10px;
		height:90px;
  }
	
	div#registro{
		float:right;
		width:418px;
		border:0;
		padding:0;
		margin:0;
		padding-bottom:10px
	}
	div#familias-banner a, div#registro img,  div#registro img a{
		border:0;
		padding:0;
		margin:0;
		display:block;
		float:left;
	}
	/* body.afamilias div#content-text */
	div#content-text {
		height:auto;
		padding-bottom:10px;
	}
	div#content {
		padding-bottom:10px;
	}
	
	body#forma-registro {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
	}
	#frame {
		width:960px;
		height:1440px;
		overflow:visible;
	}
/* familias almater */