@import url(flotantes.css);
@import url(bt-cirugias.css);

/*serialscroll*/
#screen{position:relative}
	#screen .next,#screen .prev{cursor:pointer}

#sections{background:none; width:530px; height:205px; overflow:hidden}
	#sections ul{overflow:hidden; width:9660px}
		#sections li{float:left; width:515px; padding-right:15px}
			#sections p{width:515px}

#navigation ul{overflow:hidden; margin-top:-10px; text-align:center}
	#navigation ul li{display:inline}
	#navigation ul li img{position:relative; top:4px; margin:auto 70px}
/*serialscroll*/



/*----------------------------------------------------------------------------------------------------------/
	Reset all *
/----------------------------------------------------------------------------------------------------------*/
*, .m0{margin:0; padding:0}
img{border:none}
ul, li{list-style: none}
a{text-decoration:none; color:#FFF}
.right{float:right}
img.right{margin-left:5px; margin-bottom:5px}
div.margin-top{margin-top:32px}

/*----------------------------------------------------------------------------------------------------------/
	Tipografias, tamaņo y tipo de fuente, alineacion
/----------------------------------------------------------------------------------------------------------*/
body{text-align:center; font-size:12px; color:#FFF; font-family:Arial, Helvetica, sans-serif}
h1, h2{font-size:20px; font-family:Arial, Helvetica, sans-serif}
h2{font-size:14px}

h2, #left, #right, #submenu1{text-align:left}
	/* head */
	#head{font-size:15px}
		#head span{font-size:12px; font-weight:bold}
	/* menu */	
	#menu li a{line-height:33px; font-weight:bold; font-size:13px;}
	#menu li a span{font-size:11px}
	#submenu a, #submenu-qrp a, #submenu-medicina-estetica a, #submenu-unidad a, #submenu-fisioterapia, #submenu1 a{font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif}
	#submenu1 p{font-size:14px; font-weight:bold}
	#submenu1 span{font-style:italic}
	
	/* submenu 2 */
	#pre-noticia-titulo2{text-align:justify}
	#btn-ampliar{text-align:right}

#texto{line-height:20px; font-family:Arial, Verdana, Helvetica, sans-serif; font-size:12px; text-align:justify}
#texto strong{font-size:14px; color:#007582}
#texto h1{line-height:30px}
#paginador a{line-height:30px}

#mujer-cat-menu{font:14px Verdana, Arial, Helvetica, sans-serif; text-align:left}

#bottom1 p{text-align:left; font-size:17px}
#bottom1 span{font-size:25px}
#foot{font-size:9px; line-height:48px}
	#fright{font-size:12px; font-weight:bold}


/*----------------------------------------------------------------------------------------------------------/
	Colores, imagenes de fondo, bordes(tamaņo y color)
/----------------------------------------------------------------------------------------------------------*/
body{background-color:#b7e2ea}
h1, #paginador a, #submenu a, #submenu-unidad a, #submenu-qrp a, #submenu-fisioterapia a, #submenu-medicina-estetica a, #submenu1 a, #submenu1 p{color:#00aabb}
#wrapper{background-color:#FFF}
	#home{background:url(../imagenes/home.jpg) no-repeat right top}
	#nosotros{background:url(../imagenes/nosotros.jpg) no-repeat right top}
	#mujer{background:url(../imagenes/mujer.jpg) no-repeat right top}
	#mujerfacial{background:url(../imagenes/mujerfacial.jpg) no-repeat right top}
	#mujergenital{background:url(../imagenes/mujergenital.jpg) no-repeat right top}
	#mujerlipo{background:url(../imagenes/mujerlipo.jpg) no-repeat right top}
	#mujermamaria{background:url(../imagenes/mujermamaria.jpg) no-repeat right top}
	#mujercorporal{background:url(../imagenes/mujercorporal.jpg) no-repeat right top}

	#hombre{background:url(../imagenes/hombre.jpg) no-repeat right top}
	#hombrefacial{background:url(../imagenes/hombrefacial.jpg) no-repeat right top}
	#hombrecorporal{background:url(../imagenes/hombrecorporal.jpg) no-repeat right top}
	#hombreginecomastia{background:url(../imagenes/hombreginecomastia.jpg) no-repeat right top}
	#hombrelipo{background:url(../imagenes/hombrelipo.jpg) no-repeat right top}
	
		#texto{color:#00282D}
	
		/* head */
		#head{color:#008da4}
		
		/* menu */
		#submenu, #submenu1, #submenu-unidad, #submenu-qrp, #submenu-fisioterapia, #submenu-medicina-estetica{background:url(../imagenes/submenu.gif) no-repeat 0 40px}
		#submenu-qrp{background:url(../imagenes/submenu.gif) no-repeat 0 100px}/*pitu*/
		#submenu-medicina-estetica{background:url(../imagenes/submenu.gif) no-repeat 0 70px}/*pitu*/
		#submenu1{background-position: 0 20px}
		#submenu li, , #submenu-unidad li{background:#FFF}
		#submenu a:hover, #submenu a.verde, #submenu1 a.verde, #submenu1 a:hover{color:#5dc200}
		#submenu-unidad a:hover, #submenu-unidad a.verde, #submenu-qrp a.verde, #submenu-qrp a:hover, #submenu-unidad a:hover, #submenu-medicina-estetica a.verde, #submenu-medicina-estetica a:hover, #submenu-fisioterapia a.verde, #submenu-fisioterapia a:hover{color:#5dc200;}
		#menu li{background:url(../imagenes/menu.png) no-repeat}
		#menu li:hover, #menu #actual{background:url(../imagenes/menu.png) no-repeat 0 -33px}
		/*#menu #despliega:hover{background:url(../imagenes/menu.png) no-repeat 0 -66px}*/
		
		/* mujer (estilos del menu que aparece cuando entro a una categoria) */
		#mujer-cat-menu{background:url(../imagenes/mujer-facial-menubg.png); color:#FFF}
		#mujer-cat-menu1{background:url(../imagenes/bg-titulo.png) no-repeat}
		#mujer-cat-menu2{background:url(../imagenes/mujer-facial-menu-corner.gif) no-repeat 0 bottom}
		#mujer-cat-menu li{border-bottom:solid 2px #2c484d}
		#mujer-cat-menu li a:hover{color:#2c484d}
		/* botones layouts y bg */
		#botones-mujer div, #botones-hombre div{float:right}
		/* de la mujer */
		#btn-delamujer{width:350px; height:60px; margin-top:25px; margin-right:180px; background:url(../imagenes/btns-cirugias.png) no-repeat 0 -626px}
		/*#btn-delamujer:hover{cursor:pointer; background-position:0 -710px}*/
		/* facial */
		#btn-facial{width:240px; height:60px; margin-right:170px; background:url(../imagenes/btns-cirugias.png) no-repeat 0 -257px}
		#btn-facial:hover{cursor:pointer; background-position:0 -314px}
		/* mamaria */
		#btn-mamaria{width:250px; height:60px; position:relative; left:-420px; background:url(../imagenes/btns-cirugias.png) no-repeat 0 -377px}
		#btn-mamaria:hover{cursor:pointer; background-position:0 -432px}
		/* lipo */
		#btn-lipo{width:220px; height:55px; margin-top:50px; margin-right:250px; background:url(../imagenes/btns-cirugias.png) no-repeat 0 -495px}
		#btn-lipo:hover{cursor:pointer; background-position:0 -555px}
		/* contorno corporal */
		#btn-corporal{width:450px; height:60px; margin-top:10px; margin-right:40px; background:url(../imagenes/btns-cirugias.png) no-repeat 0 0}
		#btn-corporal:hover{cursor:pointer; background-position:0 -66px}		
		/* genital */
		#btn-genital{width:350px; height:60px; margin-top:10px; position:relative; left:-280px; background:url(../imagenes/btns-cirugias.png) no-repeat 0 -135px}
		#btn-genital:hover{cursor:pointer; background-position:0 -201px}
		
		/* hombre */
		#btn-delhombre{width:350px; height:60px; margin-top:15px; margin-right:180px; background:url(../imagenes/btns-cirugias-hombre.png) no-repeat 0 -706px}
		#btn-facial-hombre{width:240px; height:60px; margin-right:140px; margin-top:10px; background:url(../imagenes/btns-cirugias-hombre.png) no-repeat 0 -257px}
		#btn-facial-hombre:hover{cursor:pointer; background-position:0 -314px}
		#btn-genital-hombre{width:350px; height:60px; margin-top:40px; position:relative; left:-280px; background:url(../imagenes/btns-cirugias-hombre.png) no-repeat 0 -135px}
		#btn-genital-hombre:hover{cursor:pointer; background-position:0 -197px}
		#btn-lipo-hombre{width:220px; height:55px; margin-top:45px; margin-right:250px; background:url(../imagenes/btns-cirugias-hombre.png) no-repeat 0 -495px}
		#btn-lipo-hombre:hover{cursor:pointer; background-position:0 -555px}
		#btn-corporal-hombre{width:450px; height:60px; margin-top:30px; margin-right:40px; background:url(../imagenes/btns-cirugias-hombre.png) no-repeat 0 0}
		#btn-corporal-hombre:hover{cursor:pointer; background-position:0 -66px}
		
		/* submenu 2 */
		#pre-noticia-titulo{background:url(../imagenes/mujer-facial-menubg.png)}
		#pre-noticia-titulo1{background:url(../imagenes/bg-titulo1.png) no-repeat}
		#btn-ampliar{background:url(../imagenes/corner.gif) no-repeat 0 bottom}
		.pre-noticia-titulo-borderinf{border-bottom:solid 2px #2c484d}
		#btn-ampliar{background:url(../imagenes/corner-mas-info.png) no-repeat}

	#right{color:#000}
		#paginador a{background:url(../imagenes/paginador.gif) no-repeat}
		#paginador .pag-actual, #paginador a:hover{background:url(../imagenes/paginador.gif) -20px 0}
		#paginador #pag-ant{background:url(../imagenes/paginador.gif) -43px 0}
		#paginador #pag-sig{background:url(../imagenes/paginador.gif) -65px 0}

	#bottom{background:url(../imagenes/foot.png) repeat-x}
	#fleft span{color:#7fc3cc}

/*----------------------------------------------------------------------------------------------------------/
	Layouts, width, height, margin, padding, float
/----------------------------------------------------------------------------------------------------------*/
body{margin-top:25px; margin-bottom:25px}
#wrapper, #home, #nosotros, #mujer, #mujerfacial, #mujergenital, #mujerlipo, #mujermamaria, #mujercorporal, #hombre, #hombrefacial, #hombrecorporal, #hombreginecomastia, #hombrelipo{width:984px; margin:auto; overflow:hidden}
#wrapp1{width:924px; margin:30px auto 30px auto; overflow:hidden}
h1{margin-bottom:25px}
h2{padding-left:12px; padding-top:8px}
.img{float:right; margin-left:5px; margin-bottom:5px}

	#left{width:390px; float:left; overflow:hidden}
		/* logo / slogan */
		#head{width:382px; height:113px}
			#head a{float:left}
			
		/* menu */
		#menu ul{width:236px; margin-top:20px}
		#menu li{margin-top:2px}
		/*#menu #despliega:hover{width:238px}*/
		#menu li a{width:226px; height:33px; padding-left:10px; display:block}
		
		/* acomodar estos estilos en su correspondiente lugar */
		#acordeon1{display:none}
			#acordeon1 div{width:226px; padding:5px; padding-top:0; background-color:#FFF; overflow:hidden}
				#acordeon1 div a{width:210px; display:block; background-color:#588F97}
				#acordeon1 div a:hover{color:#090706}
		/* acomodar estos estilos en su correspondiente lugar */
		
		#submenu{float:right; padding-left:20px; overflow:hidden; visibility:hidden}
		/*#submenu-unidad{position:relative; top:-225px; padding-left:20px; left:0; float:right; display:none}*/
		#submenu-unidad{position:absolute; top:275px; padding-left:20px; left:center; margin-left:242px; float:right; display:none}
		#submenu-qrp{position:absolute; top:390px; padding-left:20px; left:center; margin-left:242px; float:right; display:none}
		#submenu-medicina-estetica{position:absolute; top:350px; padding-left:20px; left:center; margin-left:242px; float:right; display:none}
		#submenu-hombre{position:absolute; top:275px; padding-left:20px; left:center; margin-left:242px; float:right; display:none}
		#submenu-fisioterapia{position:absolute; top:415px; padding-left:20px; left:center; margin-left:242px; float:right; display:none}
			#submenu ul, #submenu-unidad ul, #submenu-medicina-estetica ul{margin-top:25px; border-left:1px solid #5DC200}
			#submenu-fisioterapia ul{margin-top:-35px; border-left:1px solid #5DC200}
			#submenu li, #submenu-unidad li, #submenu-qrp li, #submenu-medicina-estetica li, #submenu-fisioterapia li{width:95px; margin-right:19px; padding:7px 5px 2px 10px;}
			
		/* este submenu1 esta cuando ingresas a una subpage de por ej mujer-facial */
		#submenu1{float:left; margin-top:170px; padding-left:30px; position:relative; left:-150px}
			#submenu1 li{margin:10px}
		
		/* submenu 2 */
		/*#wrapp-pre-noticia-titulo{width:289px; float:left; margin-top:160px; margin-left:-130px}*/
		/*#wrapp-pre-noticia-titulo{width:289px; margin-bottom:-50px; float:right; position:relative; top:-300px; right:-280px}*/
		#wrapp-pre-noticia-titulo{width:289px; margin:auto; position:absolute; top:50%; left:50%; margin-left: -40px; margin-top: -140px;}		
		#pre-noticia-titulo1{height:46px}
		#pre-noticia-titulo2{padding:10px}
		.pre-noticia-titulo-borderinf{padding-bottom:5px; margin-bottom:10px}
		#btn-ampliar{padding-right:10px; padding-bottom:5px}
		.btn-cerrar{text-align:right; position:relative; right:11px; float:right}
		.btn-cerrar:hover{cursor:pointer}

	#right{float:right; width:530px; overflow:hidden}
		#texto{margin-top:100px; overflow:hidden}
			#texto p{margin-top:5px}
			#integrantes{width:520px; overflow:hidden}
			ul.integrantes{float:left; width:260px;}
			ul.integrantes li{width:260px; overflow:hidden; margin-top:20px;text-align: left;}
			ul.integrantes img{float:left; margin:0}
			ul.integrantes li p{float:right; width:190px; margin:0; padding-left:5px; padding-right:5px}
			#paginador{margin-top:30px}
				#paginador a{height:35px; margin:5px; padding:5px 2px}
		/* mujer (estilos del menu que aparece cuando entro a una categoria) */
		#mujer-cat-menu{width:216px; margin-top:120px; float:left; margin-left:-90px}		
		#mujer-cat-menu1{height:46px}
		#mujer-cat-menu2{padding-bottom:25px; padding-top:7px}
			#mujer-cat-menu ul{width:200px; margin:auto}
			#mujer-cat-menu li{margin:10px 5px; padding-bottom:8px}
		#mujer-cat-item{width:291px; margin-top:120px; float:left; margin-left:-90px}


#bottom{height:247px; overflow:hidden}
	#bottom1{height:199px; overflow:hidden}
		#flash-galeria{position:relative; top:-20px}
		#bottom1 p{margin-top:50px; margin-left:45px}
	#foot{height:48px; padding-left:20px; padding-right:20px}
		#fleft{float:left}
		#fright{float:right}