﻿body {
	padding: 0;
	margin: 0;
	background-color: #f4f8f6;
	background-image:url('images/bg.jpg');
	background-position: left top;
	color: #55439b;
	font-family: Verdana;
	font-size: 11px;
}
h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	margin: 0;
}
h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	padding: 16px 0px 0px 16px;
	font-size: 28px;
	margin: 0;
}
h3 {
	font-family: Verdana;
	font-size: 11px;
	padding: 12px 0px 0px 0px;
	margin: 0;
	font-weight: normal;
}
h4 {
	font-family: tahoma;
	font-size: 10px;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
}
a {
	color: #55439b;
	font-weight: bold;
}
a:hover {
	color: #329090;
	font-weight: bold;
}
li {
	margin: 0px;
}
ul {
	margin: 0px;
}
p {
	margin: 0px;
}
form {
	clear: both;
	margin: auto;
	padding: 16px 16px 16px 32px;
	text-align: center;
}
fieldset {
	clear: both;
	width: 512px;
	margin: auto;
	padding: 16px;
	border: 1px gray dashed;
	color: #4c4c4c;
	font-size: 1.2em;
	text-align: left;
}
legend {
	display: none;
	background-color:#f3f4f0;
}

/* --------------------------------- head ------------------------------------- */

/* ---- top ------ */

#top {
	width: 768px;
	height: 64px;
	margin: auto;
	background-image: url('images/bg_top.gif');
	background-position: left top;
	background-repeat: no-repeat;
}
#top .home {
	width: 192px;
	height: 64px;
	float: left;
}
#top .home img {
	margin: 2px 4px 0px 0px;
	float: left;
}
#top .home h3 {
	padding: 40px 0px 0px 16px;
}
#top .datos {
	width: 384px;
	height: 64px;
	float: left;
}
#top .datos p {
	padding: 10px 0px 0px 16px;
	text-align: center;
}
#top .consultas {
	width: 192px;
	height: 64px;
	float: left;	
}
#top .consultas h3 {
	padding: 40px 16px 0px 0px;
	text-align: right;
}
#top .consultas img {
	margin: 2px 4px 0px 0px;
}


/* ---- Splash Flash ------ */
#splash_bg {
	height: 192px;
	background-color: #ffffff;
}
#splash {
	width: 768px;
	height: 192px;
	margin: auto;
}
/* --------------------------------- menu ------------------------------------- */

#nav_bg {
	height: 64px;
	background-image:url('images/bg_menu.gif');
	background-repeat: repeat-x;
}
/* ---- menu nav ------ */
#nav {
	padding: 0;
	margin: auto;
	width: 768px;
}
#nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	width: 768px;
}
#nav a {
	display: block;
	width: 192px;
	text-decoration: none;
}
#nav a span {
	width: 192px;
	height: 64px;
	float: left;
	display: block;
	background-image: url('images/bt_off.gif');
}
#nav a span h1{
	padding: 22px 0px 0px 18px;
	color: #ffffff;
	font-size: 18px;
}
#nav li {
	float: left;
}
#nav li ul {
	position: absolute;
	top: 320px;
	background: #d8d4e7;
	width: 192px;
	left: -999em;
}
#nav li ul li {
	padding: 3px 0px 3px 6px;
}
#nav li ul li a{
	color: #55439b;
	font-weight: normal;
}
#nav li ul li a:hover {
	color: #16005d;
	font-weight:normal;
}
#nav li:hover ul {
	left: auto;
}
#nav li.sfhover ul {
	left: auto;
}
/* --------------------------------- Contenido izquierdo ------------------------------------- */
#contenido {
	width: 768px;
	margin: auto;
}
/* ---- Presentacion ------ */

#cont_izquierdo {
	width: 380px;
	float: left;
}
#cont_izquierdo p {
	padding: 16px 0px 16px 0px;
	border-bottom: 1px solid #d8d4e7;
}
#cont_izquierdo h2 em {
	font-size: 16px;
	font-weight: bold;
}
#cont_izquierdo .lista {
	padding: 26px 0px 0px 12px;
}
#cont_izquierdo .lista_bg {
	width: 352px;
	height: 176px;
	display: table-cell;
	margin: 0px 0px 0px 16px;
	background-image:url('images/bg_lista.jpg');
	background-position: left top;
	background-repeat: no-repeat;
}
#cont_izquierdo .inside {
	padding: 12px 8px 16px 0px;
}

/* ---- Cirugía plastica ------ */

#cont_izquierdo ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#cont_izquierdo ul li {
	float: left;
	width: 168px;
	height: 24px;
	background-image: url('images/bg_cirugia.gif');
	background-repeat: no-repeat;
	background-position: left bottom;
}
#cont_izquierdo ul li a{
	display: block;
	padding: 8px 0px 0px 16px;
	text-decoration: none;
}
/* ---- separador ------ */

#cont_separador {
	width: 8px;
	float: left;
}
/* --------------------------------- Contenido Derecho ------------------------------------- */
#cont_derecho {
	width: 380px;
	float: left;
}
#cont_derecho .color {
	color: #329090;
}
#cont_derecho .img {
	border: 1px solid #329090;
	margin: 0px 8px 0px 16px;
	float: left;
}
#cont_derecho p{
	padding: 16px 0px 16px 0px;
	border-bottom: 1px solid #d8d4e7;
}
#cont_derecho h2 em {
	font-size: 16px;
	font-weight: bold;
}

/* ---- Faq ------ */

#cont_derecho .lista{
	padding: 12px 0px 32px 28px;
	border-bottom: 1px solid #d8d4e7;
}
#cont_derecho ul{
	list-style: url('images/ico_flecha.gif');
	margin: 0px;
	padding: 0px;
}
#cont_derecho ul li em {
	font-weight: normal;

}
#cont_derecho .inside {
	padding: 12px 0px 16px 8px;
}

/* --------------------------------- foot ------------------------------------- */
#blank {
	clear: both;
	width: 768px;
	height: 32px;
	margin: auto;
}
#foot {
	clear: both;
	height: 128px;
	width: 768px;
	background-image: url('images/bg_foot.gif');
	background-repeat: no-repeat;
	background-position: left top;
	margin: auto;
}
/* ---- nav ------ */

#foot .nav {
	width: 192px;
	height: 128px;
	float: left;
}
#foot .nav img {
	float: left;
	margin: 0px 8px 0px 0px;
}
#foot .nav h4 {
	padding: 26px 0px 0px 26px;
}


/* ---- Datos ------ */

#foot .datos {
	width: 384px;
	height: 128px;
	float: left;
	text-align: center;
}
#foot .datos h3 {
	padding: 32px 0px 0px 0px;
}

/* ---- Plug In ------ */

#foot .plugin {
	width: 192px;
	height: 128px;
	float: left;
}
#foot .plugin img {
	float: left;
	margin: 0px 8px 0px 0px;
}
#foot .plugin h4 {
	padding: 26px 0px 0px 26px;
}

/* ---------------------------------formulario ------------------------------------- */


#input_texto {
	width: 256px;
	height: 16px;
	margin: 0px 0px 0px 0px;
	padding: 4px 2px 2px 2px;
	border: 1px solid #CCCCCC;
	font: normal small Arial, Helvetica, sans-serif;
	color: #4c4c4c;
	float: left;
}
.label_imput {
	width: 200px;
	padding: 0px 8px 0px 0px;
	float: left;
	display: block;
	text-align: right;
}
#area_texto {
	width: 500px;
	height: 128px;
	margin: 0px;
	padding: 4px 2px 0px 2px;
	border: 1px solid #CCCCCC;
	font: normal small Arial, Helvetica, sans-serif;
	color: #4c4c4c;
	float: left;
}
#input_submit {
	float: right;
	width: 80px;
	margin: 7px 7px 7px 7px;
	border: 1px solid #636849;
	border-top-color: #FFFFFF;
	border-left-color: #FFFFFF;
	font: normal small verdana;
}




