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

@font-face {
    font-family: 'AvantGardeLTExtraLight';
    src: url('../fuentes/AvantGardeLTExtraLight.eot');
    src: url('../fuentes/AvantGardeLTExtraLight.eot?#iefix') format('embedded-opentype'),
         url('../fuentes/AvantGardeLTExtraLight.woff') format('woff'),
         url('../fuentes/AvantGardeLTExtraLight.ttf') format('truetype'),
         url('../fuentes/AvantGardeLTExtraLight.svg#AvantGardeLTExtraLight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'AvantGardeBold';
    src: url('../fuentes/AvantGardeBold.eot');
    src: url('../fuentes/AvantGardeBold.eot?#iefix') format('embedded-opentype'),
         url('../fuentes/AvantGardeBold.woff') format('woff'),
         url('../fuentes/AvantGardeBold.ttf') format('truetype'),
         url('../fuentes/AvantGardeBold.svg#AvantGardeBold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'AvantGardeDemi';
    src: url('../fuentes/AvantGardeDemi.eot');
    src: url('../fuentes/AvantGardeDemi.eot?#iefix') format('embedded-opentype'),
         url('../fuentes/AvantGardeDemi.woff') format('woff'),
         url('../fuentes/AvantGardeDemi.ttf') format('truetype'),
         url('../fuentes/AvantGardeDemi.svg#AvantGardeDemi') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*/////////////////////// BASICO ////////////////////////////////////*/

body { 
	margin:0px;
	background: #ffffff;
	color: #CCC;
	font-family: Arial, Helvetica, sans-serif;
}

p {
	margin:0px 0px 7px 0px;
	padding:0;
}

img {
	border:0;
}

a:link, a:visited, a:active {text-decoration:none; color: #fff;}
a:hover {color:#000;}

h1 {
	font-size: 2.5em;
	font-weight:bold;
	font-family: 'AvantGardeBold', sans-serif;
	line-height:1em;
	color:#CCC;
	margin:-12px 0px 5px 0px;
}


.floatleft {
	float:left;
}

.floatright {
	float:right;
	margin-bottom:20px;
}

.divclear {
	clear:both;
}

/*/////////////////////// ESTRUCTURA ////////////////////////////////////*/

#contenido {
	position:absolute;
	width:750px;
	height:600px;
	margin-top:60px;
    left: 50%;
    margin-left: -382px;
}

#logotipo .textologo{
	border: none;
	padding:0px 0px 0px 0px;
}
#logotipo .textologo a{
	display:block;
	padding:0;
	background-image:url(../imagenes/farmacialgete.jpg);
	background-repeat: no-repeat;
	background-position: top;
	width:271px;
	height:75px;
	float:left;
}
#logotipo span{display:none;}

#contacto {
	float:right;
	width:200px;
	background-color:#458f00;
	font-family: Arial, Helvetica, sans-serif;
	font-size:.75em;
	padding: 5px 10px 5px 10px;
	line-height:1.3em;
	color:#FFF;
}
.grande{
	font-family: 'AvantGardeDemi', sans-serif;
	font-size:150%;
}
#imagen {
	float: left;
	margin-top:60px;
	width:350px;
	height:230px;
}
#textos {
	float: right;
	margin-top:60px;
	width:370px;
	height:230px;
}
.titulo{
	font-family: 'AvantGardeDemi', sans-serif;
	font-size:1.4em;
	color:#666;
	font-weight:normal;
}
.texto{
	font-family: 'AvantGardeLTExtraLight', sans-serif;
	font-size:1em;
	color:#333;
	margin-bottom:5px;
}
#horario{
	background-color:#458f00;
	width:750px;
	padding: 5px 0px 5px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:.68em;
	color:#fff;
	text-align:center;
	margin-bottom:5px;
	margin-top:50px;
	letter-spacing:-.01em;
}