@charset "utf-8";
* {
	margin:0;
	padding:0;
}
body, html, textarea, select, input {
	font-family: Georgia, Arial;
	font-size: 13px;
	color: #003b57;
}
body {
	background: white url(../img/fondo.jpg) no-repeat  50% 0px;
}
body#home {
	background: white url(../img/fondo_home.jpg) no-repeat  50% 0px;
}
a {
	text-decoration: none;
	color: #003b57;
}
#wrap {
	position: relative;
	width: 950px;
	margin: 20px auto;
}
#header {
	position: relative;
}
#menu {
	float: right;
	_margin-top: 0px;
	_margin-left: 0px;
	_position:absolute;
	_left: 180px;
	_top: 0px;
}
#menu ul li {
	float: left;
	height: 23px;
}
#menu ul li a {
	display: block;
	height: 23px;
}
#menu ul li a:hover, #menu ul li a.sel {
	background-position: 0 -23px;
}
#menu-quienes 			{ width: 117px; background: url(../img/menu_02.png) no-repeat 0 0;}
#menu-especialidades	{ width: 124px; background: url(../img/menu_03.png) no-repeat 0 0;}
#menu-profesional    	{ width: 139px; background: url(../img/menu_04.png) no-repeat 0 0;}
#menu-noticias		    { width: 83px; background: url(../img/menu_05.png) no-repeat 0 0;}
#menu-contacto  		{ width: 89px; background: url(../img/menu_06.png) no-repeat 0 0;}
#menu-cita 				{ width: 90px; background: url(../img/menu_07.png) no-repeat 0 0;}
#menu-portugues 		{ width: 29px; background: url(../img/menu_08.png) no-repeat 0 0;}
#menu-espanol 			{ width: 23px; background: url(../img/menu_09.png) no-repeat 0 0;}

.port #menu-quienes 			{ width: 95px; background: url(../img/menu_port_02.png) no-repeat 0 0;}
.port #menu-especialidades	    { width: 127px; background: url(../img/menu_port_03.png) no-repeat 0 0;}
.port #menu-profesional      	{ width: 141px; background: url(../img/menu_port_04.png) no-repeat 0 0;}
.port #menu-noticias		    { width: 88px; background: url(../img/menu_port_05.png) no-repeat 0 0;}
.port #menu-contacto  		    { width: 98px; background: url(../img/menu_port_06.png) no-repeat 0 0;}
.port #menu-cita 				{ width: 119px; background: url(../img/menu_port_07.png) no-repeat 0 0;}
.port #menu-portugues 	    	{ width: 29px; background: url(../img/menu_port_08.png) no-repeat 0 0;}
.port #menu-espanol 			{ width: 23px; background: url(../img/menu_port_09.png) no-repeat 0 0;}

.submenu {
	display: none;
	width: 180px;
	position: absolute;
	left: 0;
	top: 0;
}
.submenu ul li {
	_height: 19px;
}
.submenu ul li a {
	height: 15px;
	display: block;
	font-size: 12px;
	padding: 2px 5px;
	color: white;
	width: 180px;
	background-color: #003b57;
	margin-top: 1px;
}
#submenu1 ul li a {
	width: 140px;
}
.submenu ul li a.sel {
	color: #003B57;
	background-color: white;
}
.submenu ul li a:hover {
	color: #003B57;
	background-color: white;
}
#submenu1 { width: 140px; top: 22px; left: 258px; _left: 158px;} 
#submenu2 { width: 170px; top: 22px; left: 383px; _left: 283px;} 
#submenu3 { width: 140px; top: 22px; left: 508px; _left: 408px;} 

.port #submenu1 { width: 140px; top: 22px; left: 233px; _left: 128px;} 
.port #submenu2 { width: 170px; top: 22px; left: 332px; _left: 223px;} 
.port #submenu3 { width: 140px; top: 22px; left: 458px; _left: 358px;} 

/* Home */
.hometitle {
	margin-top: 18px;
	margin-bottom: 12px;
	font-size: 25px;
	line-height: 28px;
}
.homeseccion {
	width: 584px;
	height: 126px;
	margin-bottom: 12px;
}
.homeseccion .title {
	margin: 0 0 8px 0;
}
.homeseccion .title span {
	background-color: #003b57;
	text-transform: uppercase;
	color: white;
	padding: 0px;
	font-size: 10px;
}
.homeseccion .box {
	width: 292px;
	float: left;
}
.homeseccion .box .fecha {
	border-bottom: 1px solid #003b57;
	color: #003b57;
	font-weight: bold;
	margin-bottom: 10px;
	padding-bottom: 2px;
}
.homeseccion .box img {
	float: left;
	border: 1px solid #bcbcbc;
}
.homeseccion .box .texto {
	width: 185px;
	float: left;
	margin-left: 10px;
	font-size: 14px;
	height: 72px;
	border-bottom: 3px dashed #c5ad81;
}

p {
	margin-bottom: 10px;
	line-height: 1.3em;
	padding-right: 15px;
}
p.ultimo { margin-bottom: 0px;}


/*Secciones */
#container {
	margin-top: 35px;
}

#container #title {
	height: 35px;
	font-size: 30px;
	text-transform: uppercase;
	border-bottom: 1px solid #bcbcbc;
	margin-bottom: 2px;
}
#container #subtitle {
	position: relative;
	font-size: 20px;
	line-height: 13px;
	margin-left: 5px;
	margin-top: 8px;
	_margin-top: 12px;
	_line-height: 18px;
	text-transform: uppercase;
	border-bottom: 3px dashed #c5ad81;
	float: left;
}
#container #content {
	border-top: 6px solid #bcbcbc;
	padding-top: 20px;
	margin-bottom: 15px;
	overflow: hidden;
	_height: 100%;
	width: 100%;
}
.bloque, .bloquedoble, .bloquemitad, .bloquemini, .bloquemaxi { 
	float: left;
	line-height: 1.3em;
}
.bloque {
	width: 310px;
	margin-right: 10px;
}
.bloque img, .bloquedoble  img, .bloquemitad img, .bloquemini img, .bloquemaxi img, .bloque iframe, .bloquedoble  iframe, .bloquemitad iframe   {
	border: 1px solid #bcbcbc;
	padding: 5px;
	margin-bottom: 3px;
}
.bloquedoble {
	width: 630px;
	margin-right: 10px;
}
.bloquemitad {
	width: 470px;
	margin-right: 10px;
}
.bloquemini {
	width: 150px;
	min-height: 200px;
	margin-right: 10px;
	font-size: 12px;
}
.bloquemaxi {
	width: 770px;
	margin-right: 10px;
	border-left: 1px dotted #888888;
	padding-left: 19px;
	min-height: 200px;
}
.bloquemini span {
	padding-left: 5px;
	margin-top: 3px;
	margin-bottom: 3px;
	border-left: 1px dotted #888888;
}
.bloquemini a:hover {
	text-decoration: underline;
}
.bloquemini a.sel, .bloquemini a.sel:hover {
	font-weight: bold;
	text-decoration: none;
}
.bloquemaxi p {
	margin-bottom: 15px;
}
.bloquemaxi p.ultimo {
	margin-bottom: 0px;
}
.bloquemaxi ul {
	margin-bottom: 20px;
}
.bloquemaxi ul li {
	list-style: disc;
	list-style-position: outside;
	margin-left: 14px;
}

.bloquemaxi .main {
	padding: 10px;
	font-size: 14px;
	background-color: #c5ad81;
	color: white;
	overflow: hidden;
	margin-bottom: 5px;
}
.bloquemaxi .main .pretitle {
	width: 25%;
	float: left;
	text-align: center;
}
.bloquemaxi .main .title {
	width: 70%;
	font-size: 15px;
	float: left;
	_float: none;
	border-left: 1px dotted white;
	padding-left: 2%;
}
.bloquemaxi img {
	margin: 0px 10px 10px 0;
}
.bloquemaxi .ocultar {
	margin-top: 10px;
	margin-bottom: 15px;
}
.bloquemaxi .ocultar a {
	background-color: #c5ad81;
	padding: 3px 5px;
	color: white;
}
.bloquemaxi .ocultar span {
	border-left: 1px solid #c5ad81;
	border-right: 1px solid #c5ad81;
	padding: 3px 3px;
	margin: 0px 5px;
	margin-bottom: 10px;
}

.bloquemaxi .ocultar .imagen {
	margin-top: 10px;
}

/* Galeria */
#grandes {
	position: relative;
	width: 607px;
	height: 357px;
}
#grandes img {
	display: block;
	position:absolute;
	top: 0;
	left: 0;
}
#minis {
	overflow: hidden;
}
.mini {
	margin-top: 8px;
	margin-right: 8px;
	float: left;
	position: relative;
	cursor:pointer;
}
.mini div {
	width: 97px;
	height: 97px;
	position: absolute;
	top: 0;
	left: 0;
}
#minis .active div, #minis div:hover {
	background: url(../img/encima.png) no-repeat 0 0;
}
.mini img {
	margin: 0;
	padding: 0;
	border: 0px;
}

/* Noticias y Cursos */
.inicial {
	margin-bottom: 30px;
}
.curso, .noticia {
	height: 207px;
	border-bottom: 1px dotted #888888;
	margin-bottom: 10px;
}

.curso .bloque a, .noticia .bloque a {
	display: block;
	text-align: left;
}
.cursodesarrollo .main, .curso .main, .noticiadesarrollo .main, .noticia .main {
	padding: 10px;
	font-size: 14px;
	background-color: #c5ad81;
	color: white;
	overflow: hidden;
	margin-bottom: 5px;
}
.cursodesarrollo .main .pretitle, .curso .main .pretitle, .noticiadesarrollo .main .pretitle, .noticia .main .pretitle {
	width: 25%;
	float: left;
	text-align: left;
}
.cursodesarrollo .main .title, .curso .main .title,.noticiadesarrollo .main .title, .noticia .main .title {
	width: 70%;
	font-size: 15px;
	float: left;
	_float: none;
	border-left: 1px dotted white;
	padding-left: 2%;
}
.cursodesarrollo .main .title a, .curso .main .title a,.noticiadesarrollo .main .title a, .noticia .main .title a {
	color: white;	
}
.paginacion {
	height: 20px;
}
.pag {
	float: left;
	padding: 4px 5px;
	margin-right: 3px;
	border: 1px solid #888888;
}
.pag, .pagsel {
	float: left;
	padding: 4px 5px;
	margin-right: 4px;
	border: 1px solid #bcbcbc;
}
.pagsel {
	background-color: #e4e4e4;
}









/* Especiales */
#logoneofacial {
	margin-top: -45px;
}
#fotoarriba {
	margin-top: -108px;
}
#icat {
	font-size: 18px;
	color: white;
	background-color:#ff9600;
	padding: 6px 10px 3px 10px;
}
#hoysalud {
	margin-top: 8px;
	font-size: 10px;
	color: white;
	background-color:#ff9600;
	padding: 4px 10px 3px 10px;	
}


/* Formularios */
table td.first {
	width: 150px;
}
table td { padding: 5px 0;}

input[type=text], textarea {
	width: 287px;
	border: 1px solid #003b57;
}
input[type=file] {
	width: 289px;
	border: 1px solid #003b57;
}
select {
	width: 289px;
	border: 1px solid #003b57;	
}
#submit {
	border: 0px;
	text-transform: uppercase;
	background-color: #003b57;
	font-size: 15px;
	padding: 5px 15px 0px 15px;
	color: white;
	margin-left: 15px;
}


#footer {
	border-top: 1px solid #bcbcbc;
	padding-top: 3px;
	margin-top: 10px;
	clear: both;
	font-size: 12px;
	*font-size: 11px;
}
#footer img {
	margin-top:1px;
}

#footer a {
	margin-right: 10px;
}

#footer .left #patrocinios {
	float: left;
	height: 47px;
	width: 100px;
}

#footer .left a img {
	vertical-align: baseline;
}

#footer a.ultimo {
	margin-right: 0px;
}

#fundacionneofacial {
	background: url(../img/logofundacionneofacial.png) no-repeat 0 0;
	width: 118px;
	height: 39px;	
	display: block;
	float: right;
}
#home #fundacionneofacial {
	background: url(../img/logofundacionneofacial_home.gif) no-repeat 0 0;	
}


.uppercase { text-transform: uppercase;}
.underline { text-decoration: underline;}

.barra3px { height: 3px; margin-bottom: 3px;}
.barra1px { height: 1px; margin-bottom: 10px;}
.bold { font-weight: bold;}
.ultimo { margin-right: 0 !important;}

div.hr {
	height: 1px !important;
	margin-top: 2px;
	margin-bottom: 2px;
	_line-height: 1px;
	_overflow:none;
}

#redessociales {
	float: left;
	font-size: 10px;
	display: block;
	width: 165px;
	margin-top: 3px;
	margin-left: 31px;
}

#redessociales a {
	float: left;
	margin-right: 4px;
	margin-top: 3px;
}

/* Tools */
.w40 {width: 40%;}
.w45 {width: 45%;}
.w50 {width: 50%;}
.w55 {width: 55%;}
.w60 {width: 60%;}
.w70 {width: 70%;}
.w80 {width: 80%;}
.w90 {width: 90%;}
.hidden { display: none; }
.left { float: left;}
.right {float: right;}
.tright { text-align:right;}
.tleft { text-align:left;}
.dright { margin-left: auto;}
.gray { color: #8e979d;}
.grayback { background-color: #bcbcbc;}
.mr10 { margin-right: 10px;}
.helvetica {
	font-weight: normal !important;
	font-weight: normal;
	font-family: "Helvetica Neue LT Std";
}