/* CSS GESTOR DE CLINICA */
/*CREADO POR: Francisco Javier Garcia Bravo*/
/* HOJA DE ESTILOS CSS (dev)
para el desarrollo del proyecto GESTION DE CLINICA dentro de PANACEA
Fecha inicio: 2/10/2010*/


/*** NEUTRALIZANDO ESTILOS:
elementos que queremos limpiar completamente: ***/
* {margin: 0; padding: 0; /*border: none;* eliminado para darle el estilo por defecto a los botones de formulario*/ }
body{ font: 0.8125em/1  Tahoma, Geneva, Arial, sans-serif; padding: 0; margin: 0;}
/*** NEUTRALIZANDO ESTILOS:
elementos con margen vertical: ***/
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address { font-weight: normal; margin: 0; }

/*** Algunos ajustes basicos: ***/
sup { position: relative; bottom: 0.3em; vertical-align: baseline; }
sub { position: relative; bottom: -0.2em; vertical-align: baseline; }
li, dd, blockquote {  list-style: none; }

/*** LINKS: */

a, a:link, a:visited, a:hover, a:active {
outline: 0; /*Elimina la línea de puntos que aparece alrededor de los enlace al clicarlos*/ text-decoration: none;}
a img { border: none; text-decoration: none; }
img {border: none; text-decoration: none; /*Si añades un background aparecerá como fondo de la imagen, útil para imágenes de carga*/ }

/*** FORMULARIOS: ***/
/*label,*/ button { cursor:pointer; }
/*input, select, textarea { font-size: 100%;}*/
input:focus, select:focus, textarea:focus { background-color: #FFF;}
fieldset { border: none;}


/****************************** PARA HACER EL FONDO REDIMENSIONABLE ********************************************/
#sfondo-css{ position:absolute; height:100%; width:100%; margin:0; padding:0; z-index:1;}
#css{ z-index:2; position:absolute; overflow:hidden; height:100%; width:100%; margin:auto;}
/****************************** FIN PARA HACER EL FONDO REDIMENSIONABLE *****************************************/

/*******************************************************************************************************/
#contenedor{ margin:0 auto; width:910px; overflow:hidden;}
	#cuerpo, #pie{ float:left; background:url(../img/Cuerpo.png) top left no-repeat; width:910px; height:621px; margin:10px 0 20px 0;}
		h1.logotipo{ float:left; background:url(../img/Gestiona.png) top center no-repeat; width:910px; height:56px; text-indent:-9000px; margin:60px 0 6px 0px;}
		h1.logotipo a{ float:left; height:58px; margin-left:300px; width:300px;}
		h2.descripcionclinical, h3.descripciongestiona{ float:left; width:910px; text-align:center; font-size:19px; color:#888; margin-bottom:40px;}
		h3.descripciongestiona{ font-size:21px; width:720px; padding:0 95px;}
		
		.contenedorcentro{ float:left; width:910px;}
			.contenedorizq{ float:left; width:400px; margin-left:30px;}
				a.enlacepinchar{ float:right; background:url(../img/botonIr.png) top left no-repeat; width:267px; height:35px; padding:20px 0 0 28px; color:#FFF; font-size:14px; font-weight:bold; margin-bottom:14px;}
				a.enlacepinchar:hover{ color:#000;}
				.listado{ float:right; width:310px; margin-bottom:10px;}
					.listado li{ float:right; width:300px; color:#009ee0; font-size:14px; text-align:right; margin-bottom:3px;}
				.cajadispositivos{ float:right; background:url(../img/DispositivosValidos.png) top left no-repeat; width:374px; height:38px; margin:25px 0 0 0;}
	#pie{ background:url(../img/Pie.png) top left no-repeat; height:78px; margin:0px;}
		a.contenedordrcha{ float:left; background:url(../img/PantallaPC.png) top left no-repeat; width:395px; height:289px;}
			a.contenedordrcha:hover{}
				a.logopieaddentra, a.logopiegestiona{ float:left; width:144px; height:46px; margin:17px 0 0 250px;}
				a.logopiegestiona{ width:262px; height:47px; margin-left:30px;}

/*******************************************************************************************************/