/* Design & Code (c) Federico Horn */

/* ------------------------------------ */
/* --- SET-UP CSS <<<--------- */
/* ------------------------------------ */


/* Resets: Elementos a limpiar completamente: */
html, body, form, fieldset { 
        margin: 0;
        padding: 0;
        font: 100%/120% Verdana, Arial, Helvetica, sans-serif;
		  color: #696969;
}

/* Resets: Elementos a limpiar margen vertical: */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address {
        margin: 1em 0;
        padding: 0;
}

/* Aplicar margen izquierdo solamente a: */
li, dd, blockquote {
        margin-left: 1em;
}

/* Miscellaneous conveniences: */
form label {
        cursor: pointer;
}
fieldset {
        border: none;
}
input, select, textarea {
        font-size: 100%;
		font-family: inherit;
}

/* eliminar borde azul de las imagenes */
a img,:link img,:visited img { 
        border:none; }

/* des-italizar address */
address { 
        font-style:normal; }

/* ------------------------------------ */
/* --- ESTRUCTURA <<<--------- */
/* ------------------------------------ */

/* paleta: negro= #333  blanco= #fafafa */

/* Typografia */

html { 
		font-size:100.01%; }

body { 
		font-size: 1em; }

/* Headings H1-H6 */
h1 { 
font-size: 0;
text-indent: -9999px;
margin: 0;
}

h2 {margin: 55px 0 0 270px; 
	font-size: 170%;
	font-weight: normal;}

h3 {margin: 40px 0 0 270px; 
	font-size: 130%;
	line-height: 110%;
	width: 222px;
	font-weight: normal; }

h4, ul.indice a {
	margin: 0;
	padding: 0;
	color: #7E3538;
	font-weight: bold;
	font-size: 70%;
	text-decoration: none;
}
h4.cv {
	border-bottom: solid 1px #BBB;
}
ul.indice a:hover {
	text-decoration: underline;
}
h5 {
	
}

h6 { }


/* Paragraph and Link Styles */
p { }

	p a { }
	
	#contenido p, #hcontenido p {
		line-height:1.4;
		font-size: 75%;
	}
a {
	color: #7E3538;
	text-decoration: none;
}	
	a:hover {
		text-decoration: underline;
	}

.blanco {
background-color: #F1F1E0;
text-transform: uppercase;
font-size: 10px;
padding: 2px;
}
	
/* Lists and Navigation */

ul.gral, ol.gral {
font-size: 75%;
line-height: 1.2em;
margin-left: 0.5em;
}
ol.gral {
margin-left: 1.2em;
}
/* Layout */

body {
	background-color: #e0dfb9;
	background-image: url(img/bg.png);
	background-repeat: repeat-x;
}

#wrapper {
	background-image: url(img/header.png);
	background-repeat: no-repeat;
	height: 165px;
	width: 957px;
	margin: 0;
}
#pie {
font-size: 10px;
	height: 90px;
	width: 900px;
	float:left;
	margin: 50px 0 10px 40px;
	text-align: center;
	border-top: solid 1px #F1F1E0;
}
#pie ul {
	list-style-type: none;
	/*font-family: Arial, Helvetica, sans-serif;*/
	
	margin: 20px 0 0 0;
	line-height: 1.2em;
}
#pie ul li {
	margin: 0;
	display: inline;
	padding-right: 8px;
	padding-left: 4px;
	height: 8px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #F1F1E0;
}
#pie ul li a {
	color: #797979;
}
#home {
	height: 80px;
	width: 200px;
	cursor: pointer;
	margin: 0;
}
#header {
	margin: 0;
}
ul#topmenu {
margin: 8px 20px 0 0;
float: right;
}
ul#topmenu li {
	display: inline;
	border-right: solid 1px #696969;
	padding: 0 10px 0 10px;
	margin: 0;
	font-size: 11px;
	text-align: center;
	text-transform: uppercase;
}
ul#topmenu li.lastone {
	border-right: none;
	
}
ul#topmenu li a {
	color: #696969;
	text-decoration: none;
}
ul#topmenu li a.actual {
	color: #7E3538;
	text-decoration: none;
	font-weight: bold;
}
ul#topmenu li a:hover {
	color: #7E3538;
}
#left {
	background: url(img/dancer.png) no-repeat right bottom;
	width: auto;
	height: 450px;
	float: left;
	margin: 0 32px 0 0;
	padding: 20px 0 0 20px;
}

#contenido {
	width: 410px;
	float: left;
	margin: 10px 0 0 0;
}
#hcontenido {
	width: 680px;
	float: left;
	margin: 40px 0 0 0;
}
#hcontenido img {
	float: right;
	margin: 10px 15px 10px 30px;
}
#hcontenido ul, ol {
font-size: 75%;
line-height: 1.2em;
margin-left: 1em;
}
#card {
	height: 423px;
	width: 260px;
	float: left;
	margin: -107px 0 0 15px;
}
#hcard {
	height: 144px;
	text-align: right;
	width: 456px;
	position: absolute;
	top: 47px;
	left: 500px;
	background-image: url(img/hcard0.jpg);
	background-repeat: no-repeat;
	background-position: left -8px;
}

div#card div#carnet {
	position: absolute;
	left: 717px;
	top: 130px;
}
div#hcard div#carnet {
	position: absolute;
	left: 215px;
	top: 77px;
	text-align: left;
}
#card ul, #hcard ul {
	list-style: none;
	font-size: 70%;
	line-height: 1.4em;
	letter-spacing: 0.2em;
	margin: 0 0 0 15px;
	width: 191px;
}
#card ul li, #hcard ul li {
	margin: 2px 0 0px 0px;
	border-bottom: dashed 1px #FFF;
	padding: 0;
}
#card ul li a, #hcard ul li a {
	color: #7E3538;
	text-decoration: none;
}
#card ul li a:hover, #hcard ul li a:hover {
	color: Black;
}
div#fotocarnet {
	background-image: url(img/card0.jpg);
	height: 242px;
	width: 191px;
	margin: 14px 0 70px 15px;
}
div#fotocarnetstaff {
	background: url(img/staff.gif) no-repeat bottom center;
	height: 242px;
	width: 191px;
	margin: 14px 0 70px 15px;
}
address {
	width: 220px;
	font-size: 70%;
	padding: 0px;
}
#fotos {
	width: 410px;
	margin: 0;
	overflow: hidden;
}
#fotos img {
	float: left;
}
.links a {
	font-size: 90%;
		color: #696969;
	text-decoration: none;
}
.links a:hover {
	color: #7E3538;
	text-decoration: underline;
}
#doctor {
	position: absolute;
	color: #7E3538;
	font-size: 70%;
	left: 500px;
	top: 70px;
	line-height: 200%;
}
#promotitle {
	position: absolute;
	font-size: 110%;
	left: 275px;
	top: 130px;
}
#doctorplus {
	position: absolute;
	font-size: 70%;
	left: 500px;
	top: 120px;
	font-weight: bold;
}
#doctorh {
	position: absolute;
	color: #7E3538;
	font-size: 70%;
	left: 350px;
	top: 70px;
	line-height: 200%;
}
#star {
	position: absolute;
	left: 570px;
	top: 70px;
}
#boton {
	position: absolute;
	left: 847px;
	top: 55px;
}

/* form */

div#dircontacto {
	width: 265px;
	height: 280px;
	background: url(img/layout-atk_cont.png) no-repeat;
	background-color: #DCE5F9;
}
form {
	margin: 10px 0 0 0;
	width: 400px;
	height: 350px;
	float: right;
	overflow: hidden; /* ie fix */
}

label {
	font-size: 80%;
	width: 100px;
	float: left;
	margin: 0 0 20px 0;
	height: 18px;
}
.inputs {
margin: 0 0 20px 0;
	float: left;
	width: 250px;
	height: 18px;
	border: none;
	font-size: 70%;
}
.areas {
margin: 0 0 20px 0;
	float: left;
	width: 250px;
	border: none;
	font-size: 70%;
}
.botones {
	margin: 0 10px 0 0;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	float: left;
	font-size: 70%;
	height: 18px;
	width: 120px;
	padding: 0 0 5px 0;
	line-height: 16px;
	background-color: #696969;
	color: #FFF;
	border: none;
	cursor: pointer;
}
fieldset {
	margin: 10px 0 0 0;
	height: 80%;
}
/* -- */
table {
	margin: 0;
	padding: 0;
}
table td {
	border-bottom: dashed 1px #BBB;
}
.hr {
	width: 210px;
	border-bottom: dashed 1px #BBB;
}
table.staftable p {
  margin-top: 0;
  
}
#voucher {
background: url(img/voucher.png) no-repeat;
}
.vouchertxt {
margin: 90px 0 0 130px;
}

.vouchertxt img {
display: none;
}

input.inputv {
float: left;
border: none;
font-size: 70%;
height: 19px;
margin: 0 0 8px 0;
width: 220px;
padding: 0;
background-color: #FFF;
}
#imprimir {
height:15px;
width: 55px;
background: url(img/imprimir.png) no-repeat;
position: absolute;
top: 380px;
left: 590px;
cursor:pointer;
}

/* SuckerTree Vertical Menu (v1.1) */
/* Credits: Dynamic Drive CSS Library */
/* URL: http://www.dynamicdrive.com/style */

.suckerdiv ul{
	color: #7E3538;
	font-family: Georgia, "Times New Roman", Times, serif;
	list-style: none;
	width: 220px;
	margin: 0;
}
.suckerdiv ul li{
position: relative;
	border-bottom: solid 1px #BBB;
	padding: 7px 0 7px 0;
	margin: 0;
	font-weight: bold;
	font-size: 11px;
	line-height: 1.7em;
}
/*Sub level menu items */
.suckerdiv ul li ul{
position: absolute;
width: 180px; /*sub menu width*/
top: 0;
visibility: hidden;
background-color:#FFF;
border: solid 1px #ccc;
padding: 10px;
font-size: 10px;
}
.suckerdiv ul li ul li {
padding: 3px 0 3px 0;
}
/* Sub level menu links style */
.suckerdiv ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: #7E3538;
text-decoration: none;
padding: 0;
border-bottom: 0;
}
.suckerdiv ul li a:visited{
color: #7E3538;
}
.suckerdiv ul li a:hover{
color: Black;
text-decoration: none;
}
.suckerdiv ul li a.actual{
color: Black;
}
.suckerdiv .subfolderstyle{
background: url(img/arrow.png) no-repeat center right;
}	
/* Holly Hack for IE \*/
* html .suckerdiv ul li { float: left; height: 1%; }
* html .suckerdiv ul li a { height: 1%; }

/* End SuckerTree Vertical Menu (v1.1)*/