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

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, center, u {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
body {
	line-height: 140%;
}
:focus {
	outline: 0;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
input, textarea {
	margin: 0;
	padding: 0;
}
hr {
	margin: 0;
	padding: 0;
	border: 0;
	color: #000;
	background-color: #000;
	height: 1px;
}
div.clear {
	clear:both
}
/*-->FOOTER SIEMPRE AL PIE--*/
/* hacks varios, adivinen para q browser... */
html, body, #contenedor {
	min-height: 100%; /* alto minimom FF y Safari */
	width: 100%;
	height: 100%; /* alto minimo para IE Windows */
	margin: 0;
	padding: 0;
}
html>body #contenedor {
	height: auto; /* con este hack escondemos el min-height de IE*/
}
/* fin hacks varios */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	background:#f2f2f2 url(../images/bgBody.jpg) repeat-x left top;
	color:#393939;
}
#contenedor {
	position: absolute;
	top: 0;
	left: 0;
	overflow-x:hidden;
}
#principal {
	height: auto;
	padding: 0px;
	padding-bottom: 85px;   /* con este  padding el footer nunca toca el contenido */
	width: 100%;
	margin: 0 auto;
	overflow-x:hidden;
}
/********** header **********/
.header {
	width:100%;
	padding:0;
	height:315px;
	background:url(../images/bgHeader.jpg) no-repeat center top;
}
div.contentHeader {
	width:980px;
	margin:0 auto;
}
h1 {
	width:384px;
	height:76px;
	display:block;
	margin:90px 0 0 0;
	float:left;
}
h1 a {
	display:block;
	width:100%;
	height:100%;
	text-indent:-999em;
}
/*MAIN MENU*/
div.menu {
	margin:103px 0 0 8px;
	float:left
}
div.menu ul li {
	float:left;
	padding-left:23px;
	margin-left:13px;
	background:url(../images/bulletMenu.png) no-repeat left 6px;
}
.noBg {
	background:none!important
}
.noPd {
	padding:0!important
}
.noNm {
	margin:0!important
}
div.menu ul li a {
	font-size:22px;
	color:#393939;
	font-variant: small-caps;
	text-transform: capitalize;
	text-decoration:none;
	text-shadow:2px 1px #d6e1e5;
	font-family: 'TrajanProBold';
}
div.menu ul li a:hover, div.menu ul li a.active {
	color:#054458;
	text-shadow:2px 1px #dfecf0;
}
/*CONTENT INFO*/
div.infoCenter {
	width:980px;
	margin:0 auto;
	padding-top:50px;
	overflow:hidden;
}
div.infoCenter h2 {
	font-family: 'TrajanProBold';
	font-size:30px;
	padding:3px 0 14px 8px;
	background:url(../images/bgH2.png) no-repeat left bottom;
	color:#054458;
}
div.cImage {
	width:232px;
	height:282px;
	float:left;
	background:url(../images/bgContentImage.jpg) no-repeat left top;
	padding:3px;
	margin-top:26px;
	margin-left:10px;	
}
div.cInfo {
	margin:28px 0 0 32px;
	float:left;
	width:680px;
}

div.cInfo ul{
	margin-top:10px;
	margin-bottom:50px;
}

div.cInfo ul li{
	margin-bottom:15px;
	padding-left:12px;
	background:url(../images/bullet.png) no-repeat left 7px;
}


div.cInfo blockquote {
	font-variant: small-caps;
	text-transform: capitalize;
	line-height:22px;
	font-size:16px;
	color:#111;
	font-family: 'TrajanProBold';
	background:url(../images/bgBloquote.jpg) no-repeat left bottom;
	padding-bottom:50px;
}
div.infoCenter p {
	line-height:22px;
	margin-bottom:30px;
}
/*TRATAMIENTOS*/
div.tr h2, div.contact h2 {
	width:650px;
	background:url(../images/bgH2t.png) no-repeat left bottom;
}
div.tr div.rColumn, div.contact div.rColumn {
	width:300px;
	float:right;
	margin-top:-37px;
	position:relative;
}
div.tr div.lColumn, div.contact div.lColumn {
	width:650px;
	float:left;
}
div.tratamientos h3, div.contact div.rColumn dl dt {
	font-size:16px;
	color:#111;
	font-family: 'TrajanProBold';
	margin:20px 0 15px 7px;
}
div.tratamientos div.cImage {
	margin:0;
	float:none;
	width:642px;
	height:185px;
	background:url(../images/bgContentImageTratamientos.jpg) no-repeat left top;
	margin-bottom:18px;
	display:none;
}

div.tratamientos{
	padding-bottom:15px;	
}

div.tratamientos p {
	margin-left:7px;
	margin-bottom:10px;
}
div.lColumn p.intro{
	margin:15px 0 0 15px;
	font-style:italic;
	padding:0 15px;
	border-bottom:#ccc solid 1px;
	padding-bottom:15px;
}
div.rColumn{
	padding-bottom:40px;	
}

div.rColumn h2 {
	font-size:18px;
	background:url(../images/bgH2rc.png) no-repeat left bottom;
}

div.rColumn h3{
	font-family:'TrajanProBold';
	color:##054458;
	padding:20px 0 0px 10px;
	font-size:16px;
}

div.rColumn ul {
	width:270px;
	margin:5px 0 5px 0;
	padding-left:10px;
}
div.rColumn ul li {
	border-bottom:#ccc solid 1px;
}
div.rColumn ul li a {
	padding:10px 0 10px 24px;
	display:block;
	font-size:15px;
	color:#393939;
	text-decoration:none;
	background:url(../images/arrow.png) no-repeat 7px 15px;
}
div.rColumn ul li a:hover, div.rColumn ul li a.current {
	color:#054458;
}
div.rColumn ul li a.current{
	background:#8dd0e3 url(../images/arrowCurrent.png) no-repeat 7px 15px;
	color:#FFF;
}


/*CONTACTO*/
div.ccontact {
	padding-bottom:15px;
}
div.contact div.rColumn dl {
	padding-left:10px;
}
div.contact div.rColumn dl dt {
	margin-left:0;
}
div.contact div.rColumn dl dd {
	margin-bottom:4px;
	font-size:16px;
}
div.contact div.rColumn dl dd a {
	color:#267a95;
	text-decoration:none;
}
div.ccontact ul {
	width:570px;
	margin:37px 0 0 45px;
	overflow:hidden;
}
div.ccontact ul li {
	float:left;
}
div.ccontact ul li.consulta {
	width:570px;
}
div.ccontact input.f, div.ccontact textarea {
	width:259px;
	height:21px;
	background:#FFF;
	border:#b7b7b7 solid 1px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin:0 14px 10px 0;
	padding:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
div.ccontact label {
	width:278px;
	float:left;
	padding:0 0 5px 7px;
}
div.ccontact textarea {
	padding:5px;
	height:100px;
	width:544px;
}
div.ccontact input.submit {
	width:95px;
	height:39px;
	background:url(../images/buttonEnviar.jpg) no-repeat left top;
	border:none;
	cursor:pointer;
}
div.ccontact ul li i {
	font-size:14px;
	color:#010d15;
	padding-top:8px;
	padding-left:10px;
	float:left;
}
/* error message */
div.error {
	/* supply height to ensure consistent positioning for every browser */
	background-color:#FFFE36;
	border:1px solid #E1E16D;
	font-size:11px;
	color:#000;
	padding:3px 10px;
	width:533px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border:red solid 1px;
	margin:10px 0px 0 46px;
	display:none;
	overflow:hidden;
}
.error ol li {
	color:red;
	float:left;
}
input.error, textarea.error {
	border:red solid 1px!important;
}
div.error h4 {
	font-size:12px;
	font-weight:bold;
}
div.error b {
	font-weight:bold;
}
div.error label {
	width:auto;
	padding-bottom:0;
}
/*FOOTER*/
#footer {
	width: 100%;
	padding-top:15px;
	background:url(../images/bgFooter.jpg) repeat-x left top;
	height:88px
}
div.cFooter {
	width:980px;
	margin:0 auto;
	padding:15px 0 10px 0;
	height:40px;
}
div.footerLeft {
	float:left;
	width:524px;
}
div.cFooter ul {
	float:none;
	clear:both;
}
div.cFooter ul li {
	font-size:12px;
	float:left;
	margin-right:5px;
}
div.cFooter ul li a {
	color:#393939;
}
a.meeting{
	width:61px;
	height:41px;
	float:right;
	display:block;
	text-indent:-999em;
	background:url(../images/byMeeting.jpg) no-repeat left top;
	margin-top:3px;
}


.alert-success {
	color: #336633;
    background-color: #d2f7ad;
    margin-top: 15px;
    padding: 15px;
    margin-left: 45px;
}

.hidden{
	display: none;
}