/******* BABS CSS STYLESHEET ******/

/******* SHARED FOUNDATION CLASSES ******/

* { padding:0; margin:0;}

html
{

	font-size:12px;
}

body 
{
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	color:#6d7f89;
	background-image: url(/img/bg.gif);
	background-repeat: repeat-x;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #ffffff;
}



.clear { clear: both;}

	table, td, div, img { border:0; border-collapse:collapse;}
	td {vertical-align:top;}
	ul { list-style: none;}
	p { padding:0px 0px 18px 0px;}
		
a {text-decoration: none; color:#6D2E7D; outline:none;}
a:hover {text-decoration: none;}

.destacado {
	color: #6D2E7D;
	font-weight: bold;
	font-size: 12px;
}

.destacado-news1 {
	color: #B272AE;
	font-size: 12px;
}

.destacado-news2 {
	color: #B272AE;
	font-weight: bold;
	font-size: 14px;
}

.destacado2 {
	color: #6D2E7D;
	font-weight: bold;
	font-size: 14px;
}

.destacado3 {
	color: #6D2E7D;
	font-size: 12px;
}
.news { line-height: 11px; }
	
/*** Contenedor ***/
	.main { overflow:hidden; height:100%; min-width:782px; margin-top:40px;}
	
	.main-top { background:url(/img/bg-top.gif) no-repeat center 0; height:16px;}
	
	.main-center {background:url(/img/bg-center.gif) repeat-y center 0;}

	.main-down { background:url(/img/bg-down.gif) no-repeat center 0; height:16px;}
	
	.main-width { width:740px; margin:0 auto; height:100%;}
	
	.header { height:auto; padding:0px 0px 0px 0px; overflow:hidden;}
	
	.header-left { float:left; width:340px; height:auto; padding:0px 0px 0px 10px}
	
	.header-right { float:right; width:340px; height:auto; padding:0px 10px 0px 0px; text-align: right;}
	
/*** Menu ***/
	.header .main-menu { clear:both; height:57px; padding:15px 0px 0px 0px;}
	.header .menu-bg { background:url(/img/menu-bg.gif) repeat-x 0 0;}
	
	.header .main-menu .corner-left { background:url(/img/menu-left.gif) no-repeat 0 0;}
	.header .main-menu .corner-right { background:url(/img/menu-right.gif) no-repeat right 0;}
	
	.header .menu { clear:both; overflow:hidden; padding:6px 0px 0px 0px; height:57px;}
	
	.header .menu ul { float:left; overflow:hidden; margin:0px 0px 0px 0px; list-style:none;}
	.header .menu ul li {  float:left; overflow:hidden; padding:13px 23px 17px 23px; background:url(/img/ver.gif) no-repeat 0 0; margin:0px 0px 0px -2px;}
	.header .menu ul li a {
		font-size:14px;
		color:#fff;  text-decoration:none;
		cursor: pointer;}
	
	.header .menu ul li a:hover { text-decoration:underline;}
	.header .menu ul li a.activo { text-decoration:underline;}
	
	.header .menu ul li ul { display:none;}
	
/*  BANNER FLASH  */

#flash_wrapper {
  z-index:1;
  margin: 0px;
  padding:0px;
  width: 740px;
  height: 400px;
  margin-top: 10px;
}

/*** Columnas ***/
	
	.contenido { margin-top: 25px; background:url(/img/line.gif) repeat-y 480px 0; width:740px; padding:0px 0px 0px 0px; height:100%; overflow:hidden;}
		
	.column-left { float:left; width:450px; padding:0px 0px 0px 10px;}
	
	.column-right { float:right; width:230px; padding:0px 0px 0px 0px;}
	
	.column-left-filosofia { float:left; width:450px; padding:0px 0px 0px 10px;}
	
	.column-right-filosofia { float:right; width:230px; padding:0px 10px 0px 0px;}
	
	.column-left-serv { float:left; width:450px; padding:0px 0px 0px 0px;}
	
	.column-right-serv { float:right; width:230px; margin-left: 10px; font-size:11px;}
	
	.column-left-cuidados { float:left; width:450px; padding:0px 0px 0px 10px; text-align: justify;}
	
	.column-right-cuidados { float:right; width:235px; padding:0px 0px 0px 0px; text-align: justify;}
	
	.texto_sin_columnas {
	float: left;
	width: 270px;
	margin-left: 0px;
	text-align: justify;
	line-height:1.1em;
}

	.texto_sin_columnas_serv {
	float: left;
	width: 270px;
	margin-left: -15px;
	text-align: justify;
	line-height:1.1em;
}


	.texto_sin_columnas_new{
	float: left;
	width: 450px;
	margin-left: 0px;
	text-align: justify;
	line-height:1.1em;
}

	.texto_sin_columnas2 {
	float: left;
	width: 425px;
	margin-left: 15px;
	text-align: justify;
	line-height:1.1em;
	position: relative;
	clear: left;
	
}

	.texto_sin_columnas3 {
	float: left;
	width: 220px;
	margin-left: 0px;
	text-align: left;
	line-height:1.1em;
	position: relative;
	clear: left;
}

	.imagen_filosofia {
	float: left;
	width: 166px;
	text-align: justify;
}

	.imagen_contacto {
	float: left;
	width: 200px;
	text-align: justify;
}

	.imagen_servicios {
	float: left;
	width: 250px;
	text-align: justify;
}

	.texto_sin_columnas_servicios {
	float: left;
	width: 195px;
	margin-left: 0px;
	text-align: left;
	font-size:11px;
	line-height:1.1em;
}

	.texto_columna1_servicios {
	float: left;
	width: 210px;
	margin-left: 0px;
	text-align: left;
	font-size:11px;
	line-height:1.1em;
}

	.texto_columna2_servicios {
	float: left;
	width: 205px;
	margin-left: 20px;
	text-align: left;
	font-size:11px;
	line-height:1.1em;
}

	.texto_form {
	float: left;
	width: 240px;
	margin-left: 10px;
	text-align: justify;
	line-height:1.1em;
}
.column-left-filosofia ul{list-style: none;}

.column-left-filosofia  ul li{margin-bottom: -5px; background-image: url("/img/li.gif"); background-position: left top; margin-left: 0px; background-repeat: no-repeat; padding-left: 10px;}

.column-right-filosofia  ul{list-style: none; background-image: url("/img/li.gif"); background-position: left top; margin-left: 0px; background-repeat: no-repeat; padding-left: 10px;}

.column-right-filosofia  ul li{margin-bottom: -5px;}

.column-left-serv ul{list-style: none; background-image: url("/img/li.gif"); background-position: left top; margin-left: 0px; background-repeat: no-repeat; padding-left: 10px;}

.column-left-serv   ul li{ margin-bottom: -5px; margin-top: 5px; margin-left: 0px;}

.column-right-serv   ul{list-style: none; background-image: url("/img/li.gif"); background-position: left top; margin-left: 0px; background-repeat: no-repeat; padding-left: 10px;}

.column-right-serv   ul li{ margin-bottom: -5px; margin-top: 5px; margin-left: 0px;}
	
/*** Footer ****/
	.footer {
		clear:both;
		overflow:hidden;
		height:100%; 
		font-size:10px;
		text-align: center;
		line-height:1.3em;
		color:#999999;
		background: #ffffff;
		}
		
	.footer .width {
		width:780px;
		overflow:hidden;
		margin: 0 auto;}
	
	.footer .indent {
		overflow:hidden;		
		height:100%;
		padding:16px 0px 0px 0px;
		}
		
	
	.footer a { color:#6D2E7D;
		font-weight: bold;
	}
	
	.footer a { text-decoration:none; }
	.footer a:hover { text-decoration: underline;}

/*** Contacto ****/
	
table.contacto th {
	vertical-align: top;
	font-size: 12px;
	color: #6D2E7D;
	width: 60px;
}

table.contacto input {
	height: 12px;
	width: 180px;
	font-size: 12px;
	color: #6d7f89;

}

table.contmensaje input {
	height: 60px;
	width: 180px;
	font-size: 12px;
	color: #6d7f89;

}

table.contmensaje th {
	vertical-align: top;
	font-size: 12px;
	color: #6D2E7D;
	width: 60px;
}

.dos_columnas {line-height:2em;}


.alignleft{ float:left; display:inline; margin-right:15px; }
.alignright{ float:right; display:inline; margin-left:15px; }

.marco { position: absolute; z-index: 2;}
.imagen_novedad { position: absolute; z-index: 1; margin-top: -13px; }
.clear_both { clear: both; }

#imagen_novedad { width: 140px; height: 200px; }

#sound_player { position: absolute; top: 135px; left: 50%; margin-left: 285px; width: 80px; text-transform:  uppercase; font-family: arial; font-size: 12px; color: #6D2E7D }
