

html, body {
	background: /* #EBE1C5 */ #6699CC url(files/loading.gif) center 25px no-repeat;
	font-size: 10px;
	margin:0; padding:0;
	height:100%; /* needed for container min-height */
}



a		{ color: #336699; }
a:hover { text-decoration:none; /* background-color:#006600; */ }



.r{	margin: 5px ;
	text-align: right; 
	float: right; }
.l{	margin: 5px; 
	text-align:left; 
	float: left; }
img { border: none; vertical-align:middle; background: url(files/loading.gif) center no-repeat}

.mini {font-size:small}

.negrita {font-weight:bold}


.nones {display:none }

.arriba { 
	font-size: 0.6em; 	
	margin: 20px 5px 20px 0px;  
	/*border-bottom: 5px solid;*/
	text-align: right; 
	float: right; clear:both; display:block;
	padding: 2px 5px;
	/*
	padding: 10px 5px 2px 5px; 
*/
	background: transparent url(files/up.gif) 9px -6px no-repeat;
	
	}
	
.siguiente{	margin: 5px ;
	text-align: left; 
	float: left; background:#FFFFFF; font-size: 0.5em }


/* informacion */
.desta {  
      background: #F5FEFB url(files/bul.gif) 15px 8px no-repeat;
      text-align: left;
      padding: 5px 20px 5px 55px;
      border-top: 2px solid #99CCCC;
      border-bottom: 2px solid #99CCCC;
      color:#000000;
	  margin: 0 20%;	  
	  clear: both; display:block;
	  font-size:1.2em;
	  line-height:  1.6em;
      }

	
.info {  /* clinica */
/*	float:left; */
      background: #E7F9F8 url(files/info.gif) 15px 10px no-repeat;
/*      background-position: 15px 50%; /* x-pos y-pos */
      text-align: left;
      padding: 5px 20px 5px 45px;
      border-top: 2px solid #B5D4FE;
      border-bottom: 2px solid #B5D4FE;
      color:#000000;
	  margin: 25px 60px ; 
/*	  width: 200px; */
	  font-size: medium; 
		clear:both;
      }

.logos {  /* clinica-logos */
	float:right;
      background: #fff; 
      text-align: center;
      padding: 20px ;
      border-top: 2px solid #CCC;
      border-bottom: 2px solid #CCC;
      color:#000000;
	  margin: 0px; 
	  width: 200px;
/*	  font-size: small;  */
	  clear:both; display:block; 
      }

.logos ul {
/*	float: left;  */
	margin: 0;
	position: relative;
	padding:0 5px 0 0; 
	list-style: none; 
}
.logos li { padding:5px 0; margin:0 2px; 	list-style: none;  }

.formu {  /* clinica-logos */
	float:right;
      background: #fff; 
      border-top: 2px solid #CCC;
      border-bottom: 2px solid #CCC;
      color:#000000;
	  margin: 0px; 
      padding: 5px ;
	  width: 320px; 
	  clear:both; display:block; 
      }





.logitos {  /* productos */
	  background: #fff ;
      text-align: center;
      padding: 15px; 
      border-top: 2px solid #F2EFEA;
      border-bottom: 2px solid #F2EFEA;
      color:#000;
  	  margin: 0 15px; 
	  height:60px; 
/*	  vertical-align: bottom;   */
	  width: 600px;  
/*	  font-size: medium; */
		clear:both;
}

.logitos ul {
margin: 5px 0 0 0;
position: relative;
padding:0 5px 0 0; list-style:none; ;
}
.logitos li {float:left;  padding:0 10px; margin:0 2px; background: none; vertical-align: bottom; }


.nota {  /* productos */
	  background: #FAF9F7 ;
	 /* url(files/nota.gif) center no-repeat;
      background-position: 15px 50%; /* x-pos y-pos */
      text-align: left;
      padding: 5px 20px 15px 65px;
      border-top: 2px solid #F2EFEA;
      border-bottom: 2px solid #F2EFEA;
      color:#000000;
  	  margin: 0 45px;
/*	  width: 300px;  */
	  font-size: medium; 
		clear:both;
      }

.nota ul {
/*	float: left;  */
	margin: 0;
/*	position: relative; */
	padding:0 5px 0px 0; 
}
.nota li { padding:8px 0 0 21px; margin:0;
font-weight: bold;
background: transparent url(files/info.gif) 0px 11px no-repeat;
list-style: none; }

li { padding:8px 0 0 21px; margin:0; list-style: none; }


.go { padding:8px 0 0 21px; 
		margin: 0;
		background: transparent url(files/go_.gif) 0px 11px no-repeat;
	  	list-style: none; }

.pdf {  padding:8px 0 0 21px; 
		margin:0;
		background: transparent url(files/pdf.gif) 0px 11px no-repeat;
		list-style: none; }







p {margin: 5px 10px 10px 15px; padding: 0 5px; }

.left{float: left; }
.right{float:right}
.logo {vertical-align: middle;}	




#container{
/*	position:relative; /* needed for footer positioning*/
/*	padding:0 0 2em 0; /* bottom padding for footer */
	margin:10px auto 0px auto; /* center, not in IE5 */
	width: 900px;
/*	background:  #e8e8e8; */
	
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.6em; line-height: 1.4em;
	letter-spacing: 0; text-align: left;
	word-spacing: normal; text-decoration: none;
	color: #000000 ; padding:0;
	 
/*	height:auto!important; /* real browsers */
/*	height:100%; /* IE6: treaded as min-height*/
/*	min-height:100%; /* real browsers */ 
}

#cabecera {
	margin: 0px;
	text-align: left;
	padding: 4px;
	height: 70px;
}

#presentacion {
/* 	background: /*#006699 */ 
/* #fff url(files/bg_.gif) repeat-x ; */
	background: #fff;
	color:#fff;
	margin: 0px;
	text-align: left;
	padding: 3px;
	
}

#contenedor {
	background-color: #e8e8e8; margin: 0; padding:0; 
}




h1 			{color:#FFFFFF; font-size: medium; }
h1 a		{color:#fff; text-decoration:none; }
h1 a:hover	{color: #fff; text-decoration:underline}

h2 			{ padding: 15px 15px 15px 35px; 
				font-size: 1.5em; 
				width: 800px;
				margin:0 auto;   
				border: 5px solid #000;}
h2 a		{color: #fff; text-decoration:none; }
h2 a:hover	{color: #000; text-decoration:none;}


h3 { padding: 10px 15px 0 15px; clear:both; display:block; font-size: 1.2em;    }

.intro h3 	 {color: #6699CC; border-bottom: #6699CC 2px solid; }
.clinica h3  {color: #6699FF; border-bottom: #6699FF 2px solid; }
.catalogo h3 {color: #3366CC; border-bottom: #3366CC 2px solid; }
.contacto h3 {color: #3366FF; border-bottom: #3366FF 2px solid; }
.legales h3  {color: #6699CC; border-bottom: #6699CC 2px solid; }

.b {font-weight:bold}

h4 { padding: 5px 15px 0; display:block;    }

.accordion-click1{
	margin: 12px 15px 0 15px;
	padding: 5px; clear:both; display:block;
/*	background: #493E0B ;
	color: #f4f4f4;
	border-top: 1px solid #fff;
	cursor: pointer;
	font-weight:bold;
*/
}



.accordion-click1:hover{
	background: #fff;
	color: #000;
	cursor: pointer; background: #fff url(files/car.gif) 9px no-repeat;
}


.accordion-click1 a      { text-decoration:none;  color:#fff;  }
.accordion-click1 a:hover{ text-decoration:none;  color:#000;  }



.accordion-content1{margin: 0px 15px 0px 15px; clear:both; display:block;
	/* background: #A7C520;  */
}

.caja 		{background: #fff url(files/gradient_.jpg) top; 
				color: #000000; width: 820px;
/*				min-height: 500px;  */
				padding: 10px 10px 25px 10px; 
				margin: 0 auto 20px auto;
/*				margin: 0px 15px 20px 15px;  */
				clear:both; display:block;
				}

.intro 		{border: 5px solid /*#4E6B66*/ /*#99CCFF;*/ #6699CC }
.clinica 	{border: 5px solid /*#ED834E*/ #6699FF; }
.catalogo	{border: 5px solid /*#B8952E*/ #3366CC; }
.contacto 	{border: 5px solid /*#2E4051*/ #3366FF; }
.legales	{border: 5px solid #6699CC }

/*
.intro		{background: #fff; color: #000000; border: 5px solid #009966; min-height: 500px; }
.catalogo	{background: #fff; color: #000000; border: 5px solid #0066CC; min-height: 500px; }
.clinica 	{background: #fff; color: #000000; border: 5px solid #CC9900; min-height: 500px; }
.contacto 	{background: #fff; color: #000000; border: 5px solid #CC3300; min-height: 500px; }
*/


.aintro 	{ background: /*#4E6B66*/ /*#99CCFF*/ #6699CC url(files/car.gif) 9px no-repeat; border:none; }
.aclinica 	{ background: /*#ED834E*/ #6699FF url(files/car.gif) 9px no-repeat; border:none; }
.acatalogo 	{ background: /*#B8952E*/ #3366CC url(files/car.gif) 9px no-repeat; border:none; }
.acontacto 	{ background: /*#2E4051*/ #3366FF url(files/car.gif) 9px no-repeat; border:none; }
.alegales 	{ background: #6699CC url(files/car.gif) 9px no-repeat; border:none; }


#menu {
display:block; clear:both; 
}


#menu ul {
list-style:none; font-size: 0.90em; ; 
}
#menu li {background:#e8e8e8 none;  }




#footer {
	border-top: #fff 6px solid;

	margin: 0 0 0px 0;
	text-align: left;
	padding: 8px 10px 0 0px;
 	background: #6699CC;  
 	color: #000;
	height: 55px;	 
	vertical-align: middle;
	display:block; clear:both;
}

div#footer p {
float: left; 
margin: 5px 0 0 0;
position: relative;
padding: 5px 0 0 15px; font-size: 0.75em; vertical-align:middle;
}

div#footer ul {
float: right; 
margin: 5px 0 0 0;
position: relative;
padding:0 5px 0 0; list-style:none; font-size: 0.70em
}
div#footer li {float:left;  padding:0; margin:0 2px }

div#footer a 		{color:#000; background:transparent; text-decoration:none; font-weight:normal;}
div#footer a:hover 	{ text-decoration:underline; }


