/*
  *	Archivo creado artesanalmente con Notepad++
  * 	Proyecto83.com para CCD2
  *	Emilio Mariscal ( emi420@gmail.com )
  */

/*-------------------------------------------------------------
	general
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

html  {
	height: 100%;
}

body {
	background: #f9f9f9 url(../imagenes/fondos/contenedor.png) ;
	font-family: Arial, Helvetica, sans-serif ;
	font-size: 62.5% ;
	color: #323232 ;
	height: 100%;
}

div.titulo {
	background: url(../imagenes/detalles/bullet1.png) repeat-y left ;
	padding-left: 1.3em ;
}

h2,h3,h4 {
	font-family: Arial, Helvetica, sans-serif ;
	color: #004581 ;
	margin-bottom: 1em ;
}

h4 {
	color: #333 ;
}

h1 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif ;
	font-size: 3.6em ;
	font-style: italic ;
	font-weight: normal ;
	color: #004581 ;
	position: absolute ;
	padding: 0.6em 0 0 0 ;
}

* html h1 {
	padding: 1em 0 0 0 ; 
}

h2 {
	font-size: 2em ;
	color: #0E5DB1 ;
	font-weight: normal ;
	font-family: "Trebuchet MS",Arial, Helvetica, sans-serif ;
	font-style: italic ;
	font-weight: bold;
	
}

h3,h4 {
	font-size: 1.4em ;
}

h1 strong, h2 strong {
	color: #77809A ;
	font-size: 1.3em ;
	display: block ;
}

h3.normal {
	color: #323232 ;
}
	
p {
	font-size: 1.1em ;
	line-height: 150% ;
	/*margin-bottom: 1em ;*/
}

/*-------------------------------------------------------------
	h1 en la portada
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.contenedor .cabecera.index h1.titulo-portada {
	display: block ;
	width: 22em ;
	height: 3em ;
	margin-left: .35em ;
	/*margin-top: 3em ;*/
	margin-top:100px;
	background: url(../imagenes/banners/titulo-portada.png) no-repeat ;
}

/*** IE6 ***/
* html .contenedor .cabecera.index h1.titulo-portada {
	background: none ;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='imagenes/banners/titulo-portada.png', sizingMethod='resize');
}


.contenedor .cabecera.index h1.titulo-portada span {
	display: none ;
}

.contenedor .cabecera h1.titulo {
	display: block ;
	width: 22em ;
	height: 3em ;
	margin-left: .35em ;
	margin-top: 3em ;
	/*background: url(../imagenes/banners/titulo-portada.png) no-repeat ;*/
}

/*** IE6 ***/
* html .contenedor .cabecera h1.titulo {
	background: none ;
	/*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='imagenes/banners/titulo-portada.png', sizingMethod='resize');*/
}


.contenedor .cabecera h1.titulo span {
}

/*-------------------------------------------------------------
	contenedor
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.contenedor {
	margin: 0 auto ;
	padding-top: 0.5em ;
	position: relative;
	min-height: 100%;
    height: auto !important ;
	height: 100% ;
	background: url(../imagenes/fondos/body.png) repeat-x ;
}


/*-------------------------------------------------------------
	algunos estilos comunes
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.izq {
	float: left ;
}


.der {
	float: right ;
}

.hr {
	height: 1px ;
	background:  url(../imagenes/fondos/hr.png) repeat-x ;
	margin: 1em 0 1em 0 ;
}

.wrapper {
	overflow: hidden ;
}

/*-------------------------------------------------------------
	logo
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.logo {
}

/*-------------------------------------------------------------
	header
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.cabecera {
	height: 187px ;
	background: url(../imagenes/fondos/header.png) no-repeat left top;
	width: 958px ;
	margin: 0 auto ;
}

/*** IE6 ***/
* html .cabecera {
	background: none ;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='imagenes/fondos/header.png', sizingMethod='scale');
}

.cabecera .link
{
	height: 50px;
	width: 140px;
	top: 45px;
	left: 955px;
	position: absolute;
}

.cabecera.index {
	height: 187px ;
	background: url(../imagenes/fondos/header-index.png) no-repeat left top;
	width: 958px ;
	margin: 0 auto ;
}

/*** IE6 ***/
* html .cabecera.index {
	background: none ;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='imagenes/fondos/header-index.png', sizingMethod='scale');
}


.cabecera .izq {
	width: 260px ;
	padding: 1em 0 0 1em ;
}

.cabecera .der{
	width: 700px ;
	text-align: right ;
}

.cabecera.index .link
{
	display: none;
}

.cabecera a {
	color: #fff ;
	text-decoration: none ;
}

.cabecera .izq h1 {
	line-height: 120% ;
	margin: 2.7em 0 0 0.6em ;
}

* html .cabecera .izq h1 {
	margin: 2.2em 0 0 0.7em ;
}

/*-------------------------------------------------------------
	menu superior
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.top-menu {
	text-transform: uppercase ;
	font-size: 1em ;
	margin-bottom: 10px ;
}

.top-menu li {
	display: inline ;
	border-right: 1px solid #014682 ;
	padding-right: 7px ;
	margin-right: 3px ;
}

/*-------------------------------------------------------------
	menu principal
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.main-menu {
	position: absolute ;
	color: #004581 ;
	font-size: 3em ;
	font-weight: bold ;
	width: 627px;
	height: 21px ;
	margin: 0.2em 0 0 -5px  ;
}


.main-menu li  {
	display: block ;
	float: left ;
	height: 42px ;
}

.menu-item {
	display: block ;
	background: url('../imagenes/menu.png') no-repeat 0 0 ;
	height: 36px ;
	width: 101px ;
}

.menu-item.quienes {
	background-position: 0 0 ;
}

.main-menu li:hover  .menu-item.quienes, .main-menu li.on .menu-item.quienes {
	background-position: 0 -39px ;
	height: 116px ;
}

.menu-item.comunidad {
	background-position: -101px 0 ;
	width: 93px ;
}

.main-menu li:hover  .menu-item.comunidad , .main-menu li.on .menu-item.comunidad {
	background-position: -101px -39px ;
	height: 116px ;
}

.menu-item.campanias {
	background-position: -194px 0 ;
	width:103px ;
}

.main-menu li:hover  .menu-item.campanias, .main-menu li.on .menu-item.campanias {
	background-position: -194px -39px ;
	height: 116px ;
}

.menu-item.novedades {
	background-position: -297px 0 ;
	width:88px ;
}

.main-menu li:hover  .menu-item.novedades, .main-menu li.on .menu-item.novedades {
	background-position: -297px -39px ;
	height: 116px ;
}

.menu-item.consejos {
	background-position: -385px 0 ;
	width: 98px ;
}

.main-menu li:hover  .menu-item.consejos, .main-menu li.on .menu-item.consejos {
	background-position: -385px -39px ;
	height: 116px ;
}

.menu-item.consultas {
	background-position: -483px 0 ;
	width: 134px ;
}

.main-menu li:hover  .menu-item.consultas , .main-menu li.on .menu-item.consultas {
	background-position: -483px -39px ;
	height: 116px ;
}


/*-------------------------------------------------------------
	contenido
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.contenido {
	overflow: hidden ;
	/*background: url(../imagenes/fondos/pagina.png) repeat-y 0 0 ;*/
	min-height: 400px ;
	height: auto !important ;
	height: 400px ;
	width: 958px ;
	margin: 0 auto ;
}

.contenido.portada {
	min-height: 0 ;
	height: 350px ;
}

* html .contenido {
	/*background: url(../imagenes/fondos/pagina.gif) repeat-y 0 0 ;*/
	overflow: visible ;
}

.contenido-inside {
	background: #4b95de url(../imagenes/fondos/pagina-top.png) repeat-x 0 0;
	width: 947px ;
	margin-left: 5px ;
	overflow: hidden ;
	padding-bottom: 5em ;
}

.contenido-inside.portada {
	padding-bottom: 0 ;
}

* html .contenido-inside {
	width: 948px ;
}

.contenido a {
	color: #004581 ;
	text-decoration: underline ;
}

.contenido a.enviar {
	display: block ;
	color: #004581 ;
	font-size: 1.2em ;
	font-weight: bold ;
}

/*-------------------------------------------------------------
	centro
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.contenido .centro {
	width: 450px ;
	float: left ;
	padding: 20px 0 0 0 ;
}

.centro ul {
	font-size: 1.1em ;
	line-height: 150% ;
	list-style: square ;
	list-style-position: inside ;
	margin: 2em 0 2em 0 ;
}

.centro ul.rojo {
	font-weight: bold ;
	font-size: 1.1em ;
	line-height: 150% ;
	list-style: none ;
	margin: 1em 0 1em 0 ;
	color: #004581 ;
}

.centro img.imagen {
	float: left ;
	margin: 1em 1em 1em 0 ;
}
/*-------------------------------------------------------------
	formulario y objetos de formulario
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

form {
	margin-bottom: 10px ;
}

.inputtext, .password{
	background: #ABC2D5 ;
	border: 1px solid #D7E9F8 ;
	height: 14px ;
	padding: 2px ;
	color: #fff ;
	width: 137px ;
	font-family: Arial, Helvetica, sans-serif ;
	font-size: 1.2em ;
	margin-right: 5px ;
}

	
.boton {
	border: 0 ;
	background: #7399FC ;
	color: #fff ;
	text-transform: uppercase ;
	padding: 2px ;
	font-family: Arial, Helvetica, sans-serif ;
	font-size: 1.2em ;
	font-weight: bold ;
}


.formulario .campo {
	margin-bottom: 1em ;
}

.formulario label {
	font-size: 1.2em ;
}

/*-------------------------------------------------------------
	barra izquierda
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.contenido .izq {
	width: 180px ;
	padding: 20px 0 0 20px ;
	margin-right: 10px;
}

.barra.izq .menu {
	font-family: Arial, Helvetica, sans-serif ;
	font-size: 1.2em ;
	margin-bottom: 2em ;
}

.barra.izq .menu a {
	color: #0E5DB1 ;
	text-decoration: none ;
	display: block ;
	height: 13px ;
}

.barra.izq .menu li {
	margin-bottom: 1em ;
	padding: 0 0 0 1em ;
}

.barra.izq .menu li.selected {
	background: url(../imagenes/detalles/bullet-azul.png) no-repeat center left ;
}

*:first-child+html .barra.izq .menu li.selected.submenu {
	margin-bottom: 0 ;
}

* html .barra.izq .menu li.selected.submenu {
	margin-bottom: 0 ;
}



/*-------------------------------------------------------------
	barra derecha
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.contenido .der {
	width: 223px ;
	padding: 0 20px 20px 20px ;
	background: #c0dcf5 url(../imagenes/fondos/derecha.png) no-repeat bottom right ;
	margin-right: 8px ;
	height: auto !important ;
	height: 50em ;
	min-height: 50em ;
}

* html .contenido .der {
	margin-right: 4px;
}

.contenido .der h3 {
	font-family: Georgia, Arial, Helvetica, sans-serif ;
	text-transform: uppercase ;
	color: #004581 ;
	font-size: 18px ;
	font-weight: bold ;
}

.contenido .der h4 {
	font-family: Georgia, Arial, Helvetica, sans-serif ;
	color: #77809A ;
	font-size: 2.2em ;
	display: block ;
}

.contenido .der ul {
	font-size: 1em ;
	line-height: 150% ;
	margin: 1em 0 0 0 ;
	letter-spacing: -0.2px ;
}

.contenido .der ul a, .contenido .der ul {
	color: #004581 ;
	text-decoration: none ;
}


.contenido .der .banner, .contenido .der .video {
	margin: 1em 0 1em 0 ;
}

/*-------------------------------------------------------------
	algunos estilos comunes
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

ul li.ultimo {
	border: 0 ;
	padding: 0 ;
	margin: 0 ;
}

/*------------------------------------------------------------------------------------------------------------------------
	cuerpo
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.cuerpo {
	min-height: 200px;
    height: auto !important ;
    height: 200px ;
	/*padding-bottom: 2em ;*/
	margin: 0px;
	padding: 0px;
}

/*-------------------------------------------------------------
	plantilla "login_confirmar datos"
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.conf_datos form {
	margin-top: 15px ;
}

.conf_datos .izquierda {
	float: left ;
}

.conf_datos .izquierda label {
	display: block ;
	text-align: left ;
	font-size: 1.2em;
	margin-top: 12px ;
}

.conf_datos label.essp {
	margin-top: 18px;
}

.conf_datos .derecha {
	margin-left: 100px ;
}

.conf_datos .derecha input, .inputtext { 
	display: block ;
	margin-top: 10px ;
}


/*-------------------------------------------------------------
	plantilla "login_confirmar datos2"
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.conf_datos ul {
	list-style-type: none;
}

.conf_datos li {
	margin-top: 20px ;
}

.conf_datos .botones {
	text-align: right;
	margin: 35px 140px 0 0 ;
}

/*-------------------------------------------------------------
	plantilla "resultado de la busqueda"
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.centro ul {
	list-style-type: none;
	margin-top: 10px ;
	list-style-position: outside ;
}

.cuadro li {
	margin-bottom: 3px ;
	padding-left: 0 ;
}

.cuadro .imagen {
	float: left ;
	margin-right: 1em ;
}

.cuadro li.pri {
	font-weight: bold;
}

.iconos {
	padding-bottom: 26px ;
	margin-top: -40px ;
}

.iconos a {
	text-decoration: none ;
	color: #77809A ;
}

.descargar, .comprar {
	float: right ;
	padding-top: 18px;
	background-repeat: no-repeat;
	background-position: top center;
	text-align: center;
	width: 52px;
}

.comprar {background-image: url(../imagenes/detalles/carrito.png);}
	
.descargar {background-image: url(../imagenes/detalles/downloading.png);}

.descargar a{
	border-right: 1px #77809A solid;
	padding-right: 6px ; }

.centro	h3 {
	font-size: 1.4em ;
}
	
/*-------------------------------------------------------------
	plantilla "login_1"
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.cuerpo form { 
	margin-top: 25px ;
	font-size: 1.1em ;
}

.form_izq fieldset, .form_der fieldset { margin-top: -10px ;}

.form_izq label, .form_der label {
	display: block ;
	margin-bottom: 7px ;
	margin-top: 20px ;
}

.form_izq input.text , 
.form_izq textarea,
.form_der input.text , 
.conf_datos input.text  {
	border: 1px solid #add1f1;
	background-color: #81a9ce;
	padding: 2px ;
}

.cuerpo form input.text, 
.form_izq textarea {
	width: 137px ;
}

.form_izq {	
	width: 145px ;
	float: left ;
}

.form_der {	
	width: 145px ;
	margin-left: 220px ;
}

form .sexo1, form .sexo2 {
	float: left ;
	text-align: center ;
	margin-top: -37px ;
}

form .sexo1 {
	margin-left: 60px;
	margin-right: 20px;
}

* html form .sexo1 {
	margin-left: 30px;
	margin-right: 20px;
}
	
form .dni {
	clear: left ;
	margin-top: 46px ;
}

a.boton_form, .boton-simple {
	float: right;
	width: 100px ;
	background: #5080aa;
	border: 1px solid #a3caee;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	text-align: center ;
	text-decoration: none;
	margin: 40px 3px 0 0;
	padding: 1px 0;
}

.boton-simple {
	float: none ;
	margin: 0 0 1em 0 ;
}

form div a.boton_form {
	padding: 3px 0;
}

/*-------------------------------------------------------------
	paginador
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
	
.numeracion {
	margin: 1em 0 1em 0 ;
	padding-bottom: 5px;
	margin-left: 210px ;
	height: 30px ;
}

.numeracion ul {list-style-type: none;}

.numeracion ul a {
	text-decoration: none;
	color: #77809A;
}

.numeracion ul a:hover {
	color: #004581;
}

.numeracion ul li {
	color: #004581 ; 
	float: left;
	border-right: 1px #77809A solid;
	padding: 0 5px 0 5px ;
}

.numeracion ul li.ultimo {
	border: 0 ;
}

.numeracion ul a.anterior {
	border: none;
	background-repeat: no-repeat;
	background-image: url(../imagenes/detalles/fle_izq.png);
	background-position: center;}

.numeracion ul a.posterior {
	background-repeat: no-repeat;
	background-image: url(../imagenes/detalles/fle_der.png);
	background-position: center;}


/*-------------------------------------------------------------
	buscador avanzado
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.buscador-avanzado {
	background: #ddd ;
	padding: 10px 20px 10px 20px ;
	width: 1009px ;
	margin-left: 4px ;
}

.buscador-avanzado h2 {
	background: none ;
	padding: 0 ;
	color: #77809A ;
	font-size: 1.7em ;
	margin-bottom: 10px ;
}

.buscador-avanzado .opciones {
	display: block ;
	border-top: 1px solid #eee ;
	margin: 10px 0 10px 0 ;
	padding-top: 10px ;
	overflow: hidden ;
}

.buscador-avanzado .opciones .opcion  {
	display: block ;
	float: left ;
	margin-right: 25px ;
}

.buscador-avanzado .opciones .opcion.ultimo {
	margin-right: 0 ;
}

.buscador-avanzado .opciones .opcion li {
	font-size: 1.1em ;
	margin-bottom: 10px ;
	font-weight: bold ;
	display: block ;
}



/*** Hack IE6 ***/

* html .buscador-avanzado .opciones .opcion li {
	margin-bottom: 0 ; 
}

.buscador-avanzado .opciones .opcion li .check {
	float: left ;
}

.buscador-avanzado .opciones .opcion li a {
	padding-top: 3px ;
	text-decoration: none ;
	color: #77809A ;
	display: block ;

} 

/*** Hack IE6 ***/

* html .buscador-avanzado .opciones .opcion li a {
	margin-top: -9px ;
	margin-bottom: 0 ;
}

/*** Hack IE7 ***/

*:first-child+html  .buscador-avanzado .opciones .opcion li a {
	margin-top: -9px ;
	margin-bottom: 0 ;
}

.buscador-avanzado .opciones .opcion li a:hover {
	text-decoration: underline ;
	color: #004581 ; 
} 

.buscador-avanzado .boton {
	float: right ;
	border: 0 ;
	background: #ccc ;
	text-decoration: underline ;
	color: #77809A ;
	padding: 4px 10px 4px 10px ;
	font-family: Georgia ;
	font-size: 1.6em ;
	font-weight: bold ;
	margin-right: 30px ;
}

/*** Hack IE6 ***/

* html .buscador-avanzado .boton { 
	margin-top: 50px ;
}

.boton:hover {
	background: #84aaFd ;
	cursor: pointer ;
	color: #fff ;
}

.buscador-avanzado  .scroller {
	position: absolute ;
	width: 18px ;
	height: 245px ;
	background: #eee url(../imagenes/detalles/triangulov.png) no-repeat center center ;
	margin: -244px 0 0 1005px ; 
}

/*** Hack IE6 ***/

* html .buscador-avanzado  .scroller {
	margin: -158px 0 0 745px ; 
}

/*** Hack IE7 ***/

*:first-child+html .buscador-avanzado  .scroller {
	margin: -254px 0 0 1005px ; 
}

/*-------------------------------------------------------------
	formulario de compra
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

form.compra {
	font-size: 1.1em ;
}

form.compra h2 {
	font-family: Arial ;
	background: none ;
	padding: 0 ;
	color: #77809A ;
	text-transform: none ;
	letter-spacing: 0 ;
	margin: 1em 0 1em 0 ;
	font-size: 1.1em ;
}

form.compra table .titulos {
	font-weight: bold ;
}

form.compra table td {
	padding: 0.4em 1em 0.4em 0 ;
}

form.compra .inputtext {
	background: #D3D8DC ; 
	border: 0 ;
	color: #77809A ;
	font-family: Arial ;
	width: 25px ;
}

form.compra label strong {
	display: block ;
	font-size: 1.1em ;
	margin: 1em 0 1em 0 ;
}

form.compra textarea {
	background: #D3D8DC ; 
	border: 0 ;
	color: #77809A ;
	font-family: Arial ;
	width: 200px ;
	height: 115px ;
}

/*-------------------------------------------------------------
	login y formulario de búsqueda
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.login {
	padding-top: 1em ;
}

.login .inputtext, .login .password {
	width: 80px ;
	display: inline ;
}

.buscar .inputtext {
	width: 175px ;
	display: inline ;
}

.boton.flecha, .boton.buscar {
	background-color: transparent ;
	width: 22px ;
	height: 22px ;
	padding: 0 ;
	display: inline ;
}

input.boton.flecha {
	background: url(../imagenes/botones/flecha.png) no-repeat ;
}

input.boton.buscar {
	background: url(../imagenes/botones/buscar.png) no-repeat  ;
}


/*-------------------------------------------------------------
	pie
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.pie, .pie-portada {
	background: url(../imagenes/fondos/pie.png) no-repeat top left ;
	height: 34px ;
	width: 958px ;
	margin: 0 auto ;
}

.pie-portada {
	background: url(../imagenes/fondos/pie-index.png) no-repeat top left ;
}

/*** IE6 ***/
* html .pie {
	background: none ;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='imagenes/fondos/pie.png', sizingMethod='scale');
}

* html .pie-portada {
	background: none ;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='imagenes/fondos/pie-index.png', sizingMethod='scale');
}

.pie p {
	color: #fff;
	font-size: 1.2em;
	line-height: 140%;
	text-align: center;
	font-weight: bold;
	padding: 10px ;
	position: absolute ;
	width: 930px ;
	margin: -2em 0 0 0 ;
}

/*-------------------------------------------------------------
	secciones basicas / campañas
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */


.centro p.sp {
	margin-bottom: 15px;
}

.cuerpo .izq, .cuerpo .der_beta {
	width: 212px;
	padding: 0 ;
	margin-top: 10px;
}

.der_beta{
	float: right;
}

.cuadro_inside img {
	/*margin: 0 0 0 10px ;*/
}
	
.cuadro_top {
	background: url(../imagenes/detalles/cuadro_top.png) no-repeat;
	height: 11px;
}

.cuadro_inside {
	background-color: #aecadc;
	padding: 5px 0 10px 5px;
}

p.inside {
	font-size: 1.2em;
	margin: 5px 15px 0px 15px;
}

.cuadro_bottom {
	background: url(../imagenes/detalles/cuadro_bottom.png) no-repeat;
	height: 20px;
	text-align: center;
}

.cuadro_bottom, .videos_bottom  {
	padding-top: 1px;
	font-weight: bold;
	font-size: 1.2em;
}

.cuadro_bottom a {
	color: #333 ;
	text-decoration: none ;
}

.cuadro_bottom a:hover {
	color: #000 ;
}


/*-------------------------------------------------------------
	secciones basicas / comunidad medica
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.videos
{
<<<<<<< .mine
=======
	margin: 0;
	padding: 0;
>>>>>>> .r1585
}
.videos h3 {
	/*font-size: 1.5em;
	text-transform: uppercase;
	color: #0a2456;*/
}

.videos .izq, .videos .der_beta, .videos .medio {
	width: 141px;
	text-align: center;
	margin-top: 7px;
	padding: 0;
}

.videos .medio {
	float: left;
<<<<<<< .mine
	margin-right:13px;
=======
	margin-right: 2px;
	margin-bottom: 2px;
>>>>>>> .r1585
}
	
.videos_top { 
	background: url(../imagenes/detalles/cuadrito_top.png) no-repeat;
	height: 7px;
}

.videos_bottom {
	background: url(../imagenes/detalles/cuadrito_bottom.png) no-repeat;
	height: 20px;
}

.videos img {
<<<<<<< .mine
/*	margin: 0 6px 6px 6px;*/
=======
	/*margin: 0 6px 6px 6px;*/
>>>>>>> .r1585
}

/*-------------------------------------------------------------*/

ul.menu_white {
	color: #fff;
	list-style-type: none;
	margin: 5px 0 15px 0;
}

/*-------------------------------------------------------------*/

.botones_dos a {
	float: left;
	width: 125px;
	border: 1px solid #b7d6f2;
	font-size: 1.3em;
	padding: 3px 0 ;
	margin-top: 15px;
}


/*-------------------------------------------------------------
	banners en la portada
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.banners {
	overflow: hidden ;
	width: 946px ;
	padding-bottom: 3em ;
}

* html .banners {
	margin-left: .7em ;
	width: 945px ;
}

.banners .izquierda {
	float: left ;
	margin-left: 2em ;
	background: none ;
	background: url(../imagenes/banners/home-izq.png) no-repeat ;
	width: 217px ;
	height: 345px ;
}
/*
.banners .izquierda img {
	position: absolute ;
}
*/
* html .banners .izquierda  {
	margin-left: 0.7em ;
}

.banners .derecha {
	float: right ;
	margin-right: 2em ;
	background: none ;
	background: url(../imagenes/banners/home-der.png) no-repeat -4px 0 ;
	width: 513px ;
	height: 345px ;
}

* html .banners .derecha {
	margin-right: 1.2em  ;
}

.banners .derecha .banner-der2 {
	position: absolute ;
	margin: 0 0 0 281px ;
}


.banners .banner-izq {
	margin-left: 13px ;
}

.banners-links {
	position: absolute ;
	margin-top: -30em ;
	margin-left: 3em ;
	width: 430px ;
}

.banners-links .imagen.blister {
	position: absolute ;
	top: 521px ;
	left: 34px ; 
}

* html .banners-links .imagen.blister {
	top: 200px ;
	left: 18px ; 
}

.banners-links .imagen.sobre {
	position: absolute ;
	top: 332px ;
	left: 120px ; 
}

* html .banners-links .imagen.sobre {
	top: 23px ;
	left: 115px ; 
}

.banners-links .imagen.gota {
	position: absolute ;
	top: 330px ;
	left: 480px ; 
}

* html .banners-links .imagen.gota {
	top: 23px ;
	left: 475px ; 
}

.banners-links .imagen.frasco {
	position: absolute ;
	top: 560px ;
	left: 548px ; 
}

* html .banners-links .imagen.frasco {
	top: 250px ;
	left: 542px ; 
}

* html .banners-links {
	margin-top: 10px ;
}

* html .banners-links .imagen.blister {
	margin-top: 10px ;
	margin-left: 10px ;
}

/*** Variedades ***/

.sexo {
	overflow: hidden ;
}

/*-------------------------------------------------------------
	barra izquierda: banners 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */


.barra.izq img.banner {
	margin: 1em 0 0 -1em ;
}

.barra.izq .cuadro.banner {
	overflow: hidden ;
	width: 179px ;
	background: url(../imagenes/banners/banner1.png) no-repeat center top ;
	color: #fff ;
	margin: 2em 0 0 -1em;
}

.barra.izq .cuadro.banner a {
	color: #fff ;
	text-decoration: none ;
	display: block ;
	float: right ;
	padding-right: 0.5em ;
	margin: -1.8em 0 0 10.5em ;
	position: absolute ;
	width: 100px ;
}

* html .barra.izq .cuadro.banner a {
	margin: 13.5em 0 0 -7em ;
}

/*-------------------------------------------------------------
	cuadro destacado 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

<<<<<<< .mine
.destacado
{
	margin-top:10px;
}
=======
.destacado
{
	margin-top: 10px;
}
>>>>>>> .r1585

.destacado .cuadro_inside {
	width: 430px ;
	overflow: hidden ;
	padding: 0 1em 0 1em ; 
	padding-bottom: 5px;
}
	
.destacado .videos_top {
	background: url(../imagenes/fondos/cuadrito_top_large.png) no-repeat left top ;
	height: 5px ;
	width: 450px ;
}

.destacado .videos_bottom {
	background: url(../imagenes/fondos/cuadrito_bottom_large.png) no-repeat left top ;
	width: 450px  ;
	margin-bottom: 10px;
}

.destacado .videos_bottom a {
	display: block ;
	float: right ;
	color: #333 ;
	text-decoration: none ;
	padding-right: 1.7em ;
}


.cuadro_inside h3 {
	text-transform: uppercase ;
}

* html .cuadro_inside h3 {
	padding-top: 0.5em ;
}

.destacado .cuadro_inside h4{
	font-size: 1.1em ;
	color: #333 ;
}

.outstanding_shortdesc
{
	font-family:Arial,Helvetica,sans-serif;
	font-size: 11px;
	color: #000000;
	font-weight: normal;
	line-height: 15px;
}



/*
 Propios de Alejandro Nagy
*/
.cuerpo
{
	padding:0px;
	margin:0px;
}
.cuerpo .tituloGaleria
{
	font-size: 15px;
	color: #0E5DB1 ;
	font-weight: normal ;
	font-family: "Trebuchet MS",Arial, Helvetica, sans-serif ;
	font-style: italic ;
	font-weight: bold;
	padding:0px;
	margin:0px;
}

.cuerpo .title
{
	font-family:Arial,Helvetica,sans-serif;
	font-size: 14px;
	color: #004581;
	font-weight: bold;
}

.cuerpo .wrapper .content_text.short_description
{
	font-family:Arial,Helvetica,sans-serif;
	font-size: 11px;
	color: #004581;
	font-weight: bold;
}

.contenedor_destacados
{
	display: block; 
	float:left;	
}
.contenedor_destacados .title
{
	font-family:Arial,Helvetica,sans-serif;
	font-size: 14px;
	color: #004581;
	font-weight: bold;
}

#containerMicro
{
	margin-top: 10px;
}