/* Estilo para sitio Siempre bella Bayer Schering
Realizado por Codice web software
URL www.codice.com.mx
Maquetacion: Alberto Ch�vez
Fecha de creacion: 19-06-07
*/


/********************* Estilo para Estructura principal ***********************/


body
{
	margin: 0;
	padding: 0;
}

#container
{
	margin: 0;
	padding: 0;
	width: 996px;
}

#head
{
	height: 70px;
	background: url(../images/head.gif) #E6307B right no-repeat;
}

#headLog
{
	height: 70px;
	background: url(../images/headLog.gif) #E6307B right no-repeat;
}

#headLog img
{
	margin: 15px 0 0 20px;
	border: 0;
}

#head .imgLogo
{
	float: left;
	position: relative;
	top: 15px;
	left: 20px;
}

#head .imgLink
{
	float: right;
	position: relative;
	top: 10px;
	right: 18px;
}

#contain
{
	/*margin: 0 0 10px 180px;*/
	width: 605px;
	padding: 0;
	float: left;
}

#contain .paragraph-image-box-fl:after,
#contain .paragraph-image-box-fr:after {
    content:"";
    display:block;
    visibility:hidden;
    clear:both;
    height:0;
    font-size:1px;
    margin: 10 10 10px 10px;
}

#foot
{
	clear: both;
	padding: 5px 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
	text-align: center;
}

#foot a
{
	color: #463A24;
	text-decoration: none;
}

#foot a:hover { color: #E6307B; }

#conTxLeftBar { background: url(../images/bgLeftBar.gif) repeat-y 0 10px; }

.openDiv
{
	display: block;
	clear: both;
}

/***************** Termina estilo para Estructura principal ********************/


/******** Support menu *******/

#supportNav
{
	padding: 0;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	position: relative;
	top: 15px;
	right: 45px;
	width: 140px;
	float: right;
	clear: both;
}

#supportNav ul
{
	padding: 0;
	margin: 0;
}

#supportNav li
{
	display: inline;
	border-right: 1px solid #5A5A5A;
}

#supportNav .noBorder { border: none; }

#supportNav li a
{
	color: #5A5A5A;
	text-decoration: none;
	padding: 3px 5px 3px 5px;
}

#supportNav li a:hover { color: #3C3C3C; }



/******** Termina Support menu *******/



/********************* Estilo para menu principal  ***********************/

#menu ul
{
	padding: 0;
	margin: 0 0 10px 0;
	background: #EDDFC6;
	float: left;
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#menu ul li { display: inline; }

#menu ul li a
{
	padding: 3px 10px 3px 25px;
	background: #EDDFC6;
	text-decoration: none;
	float: left;
	border-right: 1px solid #E6307B;
	color: #E6307B;
	font-weight: bold;
}

#menu ul li a:hover
{
	color: #FFFFFF;
}

#menu ul li .active
{
	color: #FFFFFF;
	background: #ec86a7;
}

#menu .homeLink a
{
	width: 135px;
	/*background: url(../images/icoHome.gif) no-repeat 5px 2px;*/
}
#menu .homeLink a:hover { background: /*url(../images/icoHomeOn.gif) no-repeat 5px 2px */#EC86A7; }
#menu .homeLink .active { background: /*url(../images/icoHomeOn.gif) no-repeat 5px 2px */#EC86A7; }

#menu #mBuzon a { background: url(../images/icoBuzon.gif) no-repeat 5px 2px; }
#menu #mBuzon a:hover { background: url(../images/icoBuzonOn.gif) no-repeat 5px 2px #959595; }
#menu #mBuzon .active { background: url(../images/icoBuzonOn.gif) no-repeat 5px 2px #959595; }

#menu #mForo a { background: url(../images/icoForo.gif) no-repeat 5px 2px; }
#menu #mForo a:hover { background: url(../images/icoForoOn.gif) no-repeat 5px 2px #959595;}
#menu #mForo .active { background: url(../images/icoForoOn.gif) no-repeat 5px 2px #959595;}

#menu #mGlos a { background: url(../images/icoGlosario.gif) no-repeat 5px 2px; }
#menu #mGlos a:hover { background: url(../images/icoGlosarioOn.gif) no-repeat 5px 2px #959595; }
#menu #mGlos .active { background: url(../images/icoGlosarioOn.gif) no-repeat 5px 2px #959595; }

#menu #mFaq a { background: url(../images/icoFaq.gif) no-repeat 5px 2px; }
#menu #mFaq a:hover { background: url(../images/icoFaqOn.gif) no-repeat 5px 2px #959595; }
#menu #mFaq .active { background: url(../images/icoFaqOn.gif) no-repeat 5px 2px #959595; }

#menu #mChat a { background: url(../images/icoChat.gif) no-repeat 5px 2px; }
#menu #mChat a:hover { background: url(../images/icoChatOn.gif) no-repeat 5px 2px #959595; }
#menu #mChat .active { background: url(../images/icoChatOn.gif) no-repeat 5px 2px #959595; }


/********************* Termina estilo para menu principal  ***********************/

/********************* Estilo para side menu  ***********************/

#side_menu 
{
	width: 170px;
	float: left;
	background: url(../images/back_Smenu.gif) bottom no-repeat #E6307B;
	height: 605px;
	margin: 0 10px 0 0;
}

.submenu
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0;
}


.submenu ul
{
	margin: 0;
	padding: 0;
}

.submenu li
{
	border-bottom: 1px solid #000000;
	list-style: none;
	padding: 0;
}


.submenu a
{
	display: block;
	padding: 3px 5px 3px 10px;
	color: #000000;
	text-decoration: none;
	background: #E6307B;
}

.submenu a:hover { background: #959595; }

.submenu .active
{
	color: #FFFFFF;
	background: #ec86a7;
}


/*estilo para menu de estudios comparativos*/

#estudios
{
	background: #F3EBDB;
	margin: 0;
}

#estudios ul 
{
	margin: 0 0 10px 0;
	padding: 0;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#estudios ul li span { display: none; }

#estudios li a
{
	display: block;
	height: 30px;
	border-bottom: 1px solid #E6307B;
	background: #F3EBDB;
}

#estudios li a:hover { background: #F3EBDB; }


/*estilo para Login*/

.login
{
	background: url(../images/back_login.gif) no-repeat 50% 0%;
	height: 145px;
	margin: 10px 0 10px 0;
	#margin: 10px 0 40px 0;
	padding: 0;
}

.login a { color: #EDDFC6; }

.login a:hover { text-decoration: none; }

.blockLog
{
	width: 130px;
	margin: 0 auto 0 auto;
	padding: 35px 0 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFF;
	line-height: 16px;
}


.blockLog a
{
	color: #EDDFC6;
	text-decoration: none;
}


.blockLog a:hover
{
	color: #FFFFFF;
	text-decoration: underline;
}

.blockLog input
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	border: 1px solid #E6307B;
	width: 90px;
}

.blockLog div { text-align: right; }

.blockLog div input { width: auto; }


/***estilo legales***/
.legales
{
	padding: 0 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFF;
	margin: 10px 0 10px;
}

.legales a
{
	color: #FFF;
	text-decoration: none;
}

.legales a:hover { text-decoration: underline; }

#bayerHC
{
	background: #F3EBDB;
	font-family: Arial, Helvetica, sans-serif;
}

#bayerHC h4
{
	background: #EC86A7;
	color: #FFF;
	font-size: 12px;
	font-weight: bold;
	padding: 3px 10px;
	margin: 0 0 10px 0;
}

#bayerHC p
{
	padding: 0 10px 10px 10px;
	margin: 0 0 10px 0;
	#margin: 0 0 20px 0;
	font-size: 12px;
	color: #666;
}

#bayerL
{
	border-bottom: 1px solid #FFF;
	font-family: Arial, Helvetica, sans-serif;
}

#bayerL h4
{
	background: #959595;
	color: #FFF;
	font-size: 12px;
	padding: 3px 10px;
	margin: 0 0 10px 0;
}

#bayerL ul
{
	margin: 0 0 10px 0;
	padding: 0 0 0 15px;
}

#bayerL li
{
	font-size: 12px;
	list-style: none;
	color: #FFF;
}

#bayerL li a
{
	text-decoration: none;
	color: #FFF;
}

#bayerL li a:hover { text-decoration: underline; }

/*** Logo codice ***/

.logoCodice { margin: 0 10px 10px 10px; }

.logoCodice a img { border: 0; }


/********************* Termina estilo para side menu  ***********************/

/******************* Estilo para right bar o barra de baners *******************/

#rightBar
{
	width: 196px;
	float: right;
	margin: 0;
}

#rightBar div
{
	margin: 0 0 10px 0;
	padding: 0;
}

#rightBar div img
{
	border: none;
}

/******************* Termina estilo para right bar *******************/

/******************* Estilo para contenido de home *******************/

.mineBanner
{
	margin: 0 0 10px 0;
	width: 400px;
}

.blockColor_txt
{
	width: 400px;
	height: 195px;
	background: #F5EEE1;
	margin-top: 10px;
}

.blockColor_txt .head
{
	/*margin: 0 10px 10px 0;*/
	border-bottom: 1px solid #E6307B;
	height: 64px;
	background: url(../images/head_txtBottom.jpg) no-repeat left;
}

.blockColor_txt .head h4
{
	padding: 25px 20px 0 150px;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	color: #E6307B;
	font-size: 14px;
}


.blockColor_txt p
{
	color: #7C7C7C;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin: 0 15px 0 35px;
}

.blockColor_txt p a, #side_contain .blockNoticias p a
{
	color: #E6307B;
	font-weight: bold;
}

	

.blockColor_txt p a:hover, blockNoticias p a:hover { text-decoration: none; }




#side_contain
{
	float: right;
	width: 195px;
	padding-left: 0px;
}

.blockNoticias
{
	height: 195px;
	width: 195px;
	background: #F5EEE1;
	padding: 0;
	margin: 0 0 10px 0;
}

.blockNoticias .head1
{
	background-image: url(../images/imgHearNot1.jpg);
	height: 37px;
	border-bottom: 1px solid #E6307B; 
}

.blockNoticias .head2 
{
	background-image: url(../images/imgHearNot2.jpg);
	height: 37px;
	border-bottom: 1px solid #E6307B;
}

.blockNoticias .head 
{
	background-image: url(../images/imgHearNot3.jpg);
	height: 37px;
	border-bottom: 1px solid #E6307B;
}


.blockNoticias .head h4, .blockNoticias .head1 h4, .blockNoticias .head2 h4
{
	padding: 10px 10px 0 10px;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	color: #E6307B;
	font-size: 13px;
	text-align: right;
}


.blockNoticias .txt
{
	margin: 10px 10px 0 10px;
	padding: 0;
	width: 175px;
}

.blockNoticias .txt p
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #7C7C7C;
	padding: 0;
	margin: 0;
}

/******************* Termina estilo para contenido de home *******************/


/******************* Estilo para interiores *******************/

.full_block
{
	margin: 0;
	padding: 0;
}


.full_block h3
{
	background: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	color: #D3007E;
	margin: 0;
	padding: 0;
}

.full_block .block_color
{
	margin: 0;
	padding: 0;
	background: url(../images/borderRight.gif) repeat-y right #F3EBDB;
}

.full_block .block_color .head_int
{
	height: 70px;
	background-image: url(../images/backHead_inter.gif);
}

.contenido
{
	margin: 0;
	padding: 0 ;
}

.cont_noMarg
{
	margin: 0;
	padding: 0;
	position: relative;
}

.contenido h4, .cont_noMarg h4
{
	margin: 0;
	padding: 10px 10px 0 10px;
	color: #D3007E;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: auto;

}

.contenido h4 a, .cont_noMarg h4 a
{
	color: #D3007E;
	text-decoration: none;
}

.contenido h4 a:hover, .cont_noMarg h4 a:hover { text-decoration: underline; }


.contenido p, .cont_noMarg p
{
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 13px;
	margin: 0 10px 0 0;
	padding: 10px;
	line-height: 18px;
}

.contenido p span, .cont_noMarg p span,  .side_txt p span
{
	color: #6f5627;
	font-weight: bold;
}

.contenido p a, .cont_noMarg p a
{
	color: #E6307B;
	text-decoration: underline;
	font-weight: bold;
}

.contenido p a:hover, .cont_noMarg p a:hover
{
	text-decoration: none;
	color: #E6307B;
}


.contenido .linkMas, .cont_noMarg .linkMas
{
	background: url(../images/bullet_interior.gif) no-repeat left;
	text-align: right;
	padding: 10px 0 0 0;
	margin: 0 0 0 10px;
	height: 37px;
	#height: 47px;
	width: 250px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

.contenido .linkMas a, .cont_noMarg .linkMas a { color: #D3007E;}

.contenido .linkMas a:hover, .cont_noMarg .linkMas a:hover { text-decoration: none; }

.sideBar_interior
{
	width: 195px;
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	color: #928C8C;
	padding: 0;
	margin: 0 0 10px 10px;
}

.side_head
{
	height: 57px;
	background: url(../images/backSide_head.gif) left no-repeat;
}

.side_head h4
{
	font-size: 13px;
	color: #D3007E;
	margin: 0;
	padding: 15px 10px 0 10px;
}

.side_txt p
{
	margin: 0;
	padding: 0 10px 0 10px;
}

.full_block .foot
{
	clear: both;
	background: url(../images/foot_interior.gif) no-repeat bottom #F3EBDB;
	height: 75px;
}

.letra_glos
{
	font-size: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #6f5627;
	margin: 0 10px 10px 10px;
	background: url(../images/bullet_glosario.gif) no-repeat 20% 0%;
	height: 38px;
	padding: 8px 0 0 0;
}

.contenido p .negro, .cont_noMarg p .negro, .tab_foro .negro
{
	color: #000;
	font-weight: bold;
}


.contenido p .rosa, .cont_noMarg p .rosa, .tab_foro .rosa
{
	color: #E6307B;
	font-size: 13px;
	font-weight: normal;
}

.contenido .tit_cafe, .cont_noMarg .tit_cafe
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #6f5627;
	padding: 10px;
	line-height: 18px;
}


.contenido p .linkFAQ, .cont_noMarg p .linkFAQ
{
	color: #1C1B1B;
	font-weight: bold;
	text-decoration: underline;
	line-height: 16px;
}

.contenido p .linkFAQ:hover, .cont_noMarg p .linkFAQ:hover { text-decoration: none; }

.paginado
{
	margin: 0 10px 10px 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #E6307B;
	background: url(../images/bullet_paginado.gif) no-repeat right;
	height: 38px;
	width: 300px;
	padding: 10px 0 0 0;
}

.paginado a
{
	color: #E6307B;
	margin: 0 5px 0 0;
	text-decoration: none;
}

.paginado a:hover { text-decoration: underline; }

.paginado #select
{
	font-size: 14px;
	font-weight: bold;
}

.tab_encuesta
{
	margin: 0 10px 10px 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #E6307B;
}

.tab_encuesta td { padding: 3px 5px 3px 5px; }

.grafCafe
{
	height: 10px;
	margin: 3px;
	background: #6f5627;
	width: 60px;
}

.grafRosa
{
	height: 10px;
	margin: 3px;
	background: #E6307B;
	width: 90px;
}

.tab_form
{
	background: url(../images/backtable.gif) #F3EBDB no-repeat 0% 20%;
	width: 546px;
	margin: 0 auto 0 auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #6f5627;
	margin-left: 30px;
}

.tab_form .tab_head
{
	background-image: url(../images/head_table.gif);
	height: 28px;
}

.tab_form td
{
	margin: 0;
	padding: 5px 10px 5px 10px;
}


.tab_form .send_form
{
	background: url(../images/bullet_tab.gif) no-repeat left;
	text-align: right;
}

.tab_form input, .tab_form select
{
	color: #6f5627;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

form.tab_form table{
	width: 546px;
}

.genericTab
{
	font-family: Arial, Helvetica, sans-serif;
	color: #6f5627;
	font-size: 11px;
	font-weight: bold;
	margin: 10px;
}

.genericTab input 
{
	font-family: Arial, Helvetica, sans-serif;
	color: #6f5627;
	font-size: 11px;
	font-weight: bold;
}


.genericTab td { padding: 3px 10px 3px 10px; }

.tab_foro
{
	margin: 10px 0 10px 10px;
	width: 380px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #6f5627;
}

.tab_foro th { font-size: 14px; }

.tab_foro td
{
	padding: 10px;
	border: 1px solid #6f5627;
	border-top: none;
	border-right: none;
}


.tab_foro a
{
	color: #E6307B;
	text-decoration: none;
	font-weight: bold;
}

.tab_foro a:hover { text-decoration: underline; }

.tab_foro .respuesta0
{
	background: #EFE0C2;
	padding: 10px;
}

.tab_foro .respuesta
{
	background: #E2D6BE;
	padding: 10px;
	margin: 0 0 0 25px;
	width: 310px;
}


/******************* Termina estilo para interiores *******************/

/******************* Comienza estilo para seccion foro *******************/

.foroSecc
{
	float: left;
	width: 160px;
	margin: 10px 0 10px 20px;
}

.foroSecc p
{
	background: url(../images/bulletForo.gif) no-repeat left;
	padding: 8px 5px 8px 50px;
}

.foroSecc p a { color: #6f5627; }


/******************* Termina estilo para seccion foro *******************/

/******************* Estilo para creditos *******************/

#credits
{
	border-top: 1px solid #C6C6C5;
	border-bottom: 1px solid #C6C6C5;
	margin: 0 20px 0 0;
	padding: 0;
	clear: botht;
	width: 170px;
}

#credits p
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #7C7C7C;
	padding: 10px;
}

#credits p img
{
	float: right;
	border: none;
}

/******************* Termina estilo para creditos *******************/

/***************  Clase [para imagenes izquierda derecha *****************/

.izquierda
{
	float: left;
	margin: 0px 20px 20px 0px;
}

.derecha
{
	float: right;
	margin: 10px 0px 20px 20px;
}

/*************** Esrtilo para log in *************/

.plecaLog
{
	height: 18px;
	padding: 0;
	margin: 0 0 10px 0;
	background: #EDDFC6;
}


.blockLogin
{
	width: 600px;
	background: #f2ebd9;
	float: left;
	margin: 0 0 0 10px;
}

.blockLogin .foot
{
	clear: both;
	height: 20px;
}

.blockLogin .head
{
	height: 61px;
	background-image: url(../images/login_head.jpg);
}

.blockLogin p
{
	margin: 10px 0 0 0;
	padding: 0 15px 0 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	line-height: 16px;
}

.logPaciente, .logMedico
{
	width: 275px;
	height: 300px;
}

.logPaciente p, .logMedico p
{
	padding: 5px 10px 0 10px;
	margin: 0;
}

.logPaciente p span, .logMedico p span
{
	color: #E6307B;
	font-weight: bold;
	font-style: italic;
}

.logPaciente input, .logMedico input
{
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-weight: 11px;
	border: 1px solid #E6307B;
	margin: 2px 0 5px 0;
	padding: 1px;
}

.logMedico a
{
	color: #e6307b;
	text-decoration: none;
	font-weight: bold;
}

.logMedico a:hover { text-decoration: underline; }

.logPaciente
{
	border: 1px solid #e6307b;
	position: absolute;
	left: 195px;
}

.logMedico
{
	border: 1px solid #504c41;
	position: relative;
	left: 308px;
}

.logPaciente div, .logMedico div
{
	text-align: right;
	margin: 0;
	padding: 5px;
}

#form_img { border: none; }


/*mapa de sitio*/

.modMapa
{
	width: 280px;
	float: left;
}

.mapa
{
	width: 240px;
	margin: 0 15px;
	padding: 10px 0 0 0;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

.mapa li
{
	list-style: none;
}

.mapa li a
{
	display: block;
	width: 220px;
	padding: 3px 10px;
	color: #FFF;
	background: #E6307B;
	text-decoration: none;
	border-bottom: 1px solid #FFF;
}

.mapa li a:hover
{
	color: #E6307B;
	background: #EDDFC6;
}

.mapa .nivel2
{
	margin: 0;
	padding: 0;
	width: 220px;
}

.mapa .nivel2 a
{
	width: 200px;
	padding: 3px 10px;
	background: #EC86A7;
	margin: 0 0 0 20px;
}

.mapa .nivel2 a:hover
{
	background: #EC86A7;
	color: #EDDFC6;
}

.mapa .nivel3
{
	margin: 0;
	padding: 0 0 0 20px;
	width: 180px;
}

.mapa .nivel3 a
{
	width: 180px;
	color: #666;
	border-bottom: 1px solid #000;
	background: #F3EBDB;
}

.mapa .nivel3 a:hover
{
	background: #959595;
	color: #FFF;
}

/*termina mapa de sitio*/

/*contenedor de swf IMC*/

#swfIMC
{
	width: 400px;
	margin: 0 0 15px 100px;
}

/*termina contenedor de swf IMC*/


/*estilo ligas*/

.cont_noMarg .linkPink, .linkPink
{
	color: #E6307B;
	text-decoration: underline;
}

.cont_noMarg .linkPink:hover, .linkPink:hover
{
	color: #E6307B;
	text-decoration: none;
}

.cont_noMarg .linkBlack, .linkBlack
{
	color: #000;
	text-decoration: underline;
}

.cont_noMarg .linkBlack:hover, .linkBlack:hover
{
	color: #000;
	text-decoration: none;
}

/*termina estilo ligas*/

/*Elemento Multimedia*/

.Flash-Box
{
	text-align: center;
}