@charset "utf-8";
/* CSS Document */
body{background:#fff url(../imagenes/bg-body.jpg) no-repeat center top}
/*-------CONTENEDORES PRINCIPALES----------*/
#global{ margin:0; height:500px; position:relative}
#contenedor{ width:980px; margin:0 auto; height:591px}
#bannerswf{ width:170px; height:785px; float:right; position:absolute; top:0; right:0}
#principal{width:770px; margin-left:30px;; margin-right:230px}

/*--------header-----*/
#header{position:relative; font: 11px Verdana, Geneva, sans-serif; padding-top:128px;}
#idioma, #redes, #logo{position:absolute;}
#logo{left:100px; top:0; width:447px; height:128px;}
#idioma{top:10px; left:10px}
#idioma a{ font-weight:bold; text-decoration:underline}
#redes{right:0; top:60px; width:170px;}#redes a{display:block; margin-left:10px; width:26px; float:left}
#redes span{ display:block; width:90px; float:left; padding-top:5px; color:#fff}
#menutop{ background: url(../imagenes/menutop.jpg) no-repeat 15px top; height:27px;}

/*------tools--------*/
.left{ float:left}
.jsleft{ float:left; margin:0 10px 10px 0 }
.jsright{ float:right;  margin:0 5px 10px 15px}
.center{ margin:0 auto}
.right{ float:right}
.top15{margin-top:15px}
.intDer10{ padding-right:5px;}
.abajo15px{margin-bottom:15px;}
.top15int{ padding-top:15px;}
.der45{ margin-right:45px;}
.alcentro{ text-align:center}

/*------Contenido-------------------*/
#contenido{ padding-top:15px;}/*contenedor de main y sidebar*/
#sidebar{width:215px; height 400px; background: #fff;float:right; padding:0px 15px; border-left:solid 1px #d283a7;}
#main{ width:500px; padding-left:18px;}

/*------BLOQUE DE PROCEDIMIENTOS-----*/
#boxProcedimientos{ height:280px;}
#boxProcedimientos div{ width:165px; height:250px; float:left; background:url(../imagenes/bg-procedimientos.jpg) no-repeat right 25px}
#boxProcedimientos div.nobg{ background:none}
#boxProcedimientos a.btn{diaplay:inline; width:165px; height:45px; background: url(../imagenes/btn-feminizacion.jpg) no-repeat}
#boxProcedimientos h1 a{font: bold 13px "Century Gothic", Verdana, serif;color: #936; padding:18px 0 4px 10px; display:block; height:45px;  width:154px;}
#boxProcedimientos h1 a.uno{background:url(../imagenes/btn-feminizacion.jpg)  0 0 no-repeat;}
#boxProcedimientos h1 a.dos{background:url(../imagenes/btn-procedimientosCorp.jpg)  0 0 no-repeat;}
#boxProcedimientos h1 a.tres{background:url(../imagenes/btn-procedemientosEmb.jpg)  0 0 no-repeat;}
#boxProcedimientos h1 a.uno:hover{ background:url(../imagenes/btn-feminizacion.jpg) 0 bottom no-repeat }
#boxProcedimientos h1 a.dos:hover{ background:url(../imagenes/btn-procedimientosCorp.jpg) 0 bottom no-repeat }
#boxProcedimientos h1 a.tres:hover{ background:url(../imagenes/btn-procedemientosEmb.jpg) 0 bottom no-repeat }
#boxProcedimientos ul{ padding-left:5px;}
#boxProcedimientos ul li{font:bold 11px/18px "Century Gothic", Verdana, serif; background:url(../imagenes/li-circle.jpg) no-repeat left 7px; padding-left:6px; width:150px;}
#boxProcedimientos ul li a{ text-decoration:none; color: #906}
#boxProcedimientos ul li a:hover{ text-decoration:underline}

span#tit{ display:inline-block; background: url(../imagenes/bg-tit-proc.gif) no-repeat left top; height:25px; width:350px; padding-left:28px; margin-top:10px; font-weight:bold; color:#906}
#linksProc a{ background: url(../imagenes/bg-link-proc.gif) no-repeat; display:block; height:26px; text-align:left; padding-left:30px;color:#fff; padding-top:5px;}#linksProc a:hover{ background: url(../imagenes/bg-link-proc.gif) no-repeat left bottom}

/*------bloque sde contenidos-------*/
.info{padding:15px 15px 15px 10px}
.info02{padding:15px 5px 0}
.info img.left, .info02 img.left{ float:left; margin:0 8px 5px 0}
img.right{float:right; margin-left:6px;}

/*-------sidebar estilos texto-------------------------------------*/
h1#tit01{ font: bold 15px Tahoma, Geneva, sans-serif; color:#8f728e; margin:2px 0 10px; display:block}
h1#tit02{ display:block; background:url(../imagenes/bg-tit01.jpg) no-repeat;height:35px; font:bold 15px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; margin-bottom:10px; text-indent:15px; padding-top:5px;}
h1.tit03{ display:block; background:url(../imagenes/bg-tit02.jpg) no-repeat; height:30px; font:bold 15px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; margin-bottom:5px; text-indent:15px; padding-top:1px}
p{ margin-bottom:10px;}
.texto{font: 13px/20px Arial, Helvetica, sans-serif; color:#333; text-align:justify}
h2{ font:bold 13px Arial, Helvetica, sans-serif; color: #936;margin-bottom:5px; margin-top:10px;}
#sidebar p{font:12px/22px Arial, Helvetica, sans-serif; color:#333;}
#sidebar.texto ul li{font-size:12px; color:#ba246a; padding-left:12px; background:url(../imagenes/bg-li01.jpg) no-repeat left 7px; border-bottom:solid 1px #d283a7;}
#sidebar a, .texto a{ font-weight: bold; text-align:right ; color: #936; display:block; margin-bottom:10px;}
.abajo10{ margin-bottom:10px;}
#sidebar ul li.noborder{ border-bottom-color:#fff;}
h3{ font:12px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#666;margin:0 0 10px 0; text-decoration:none; text-transform:uppercase}

/*----footer----*/
#footer{ display:block; text-align:center; padding:15px 0 50px; background:url(../imagenes/bg-footer.jpg) no-repeat center bottom;}
#footer a{ font:13px "Century Gothic", Verdana, serif; color:#903;}
#footer p{ font:12px "Century Gothic", Verdana, serif; color:#666; margin-top:7px; }

/*------menutop----*/
#menutop{ height:27px;}
#menutop a{ display:block; float:left; height:25px;}
a#btn_inicio{ width: 100px;}
a#btn_feminizacion{ width: 150px;}
a#btn_corporales{ width: 140px;}
a#btn_embellecimientos{ width: 170px;}
a#btn_clinica{ width: 95px;}
a#btn_nosotros{ width: 100px;}

a#btn_inicio:hover{ background:url(../imagenes/menutop.jpg) no-repeat 15px -27px;}
a#btn_feminizacion:hover{ background:url(../imagenes/menutop.jpg) no-repeat -85px -27px;}
a#btn_corporales:hover{ background:url(../imagenes/menutop.jpg) no-repeat -235px -27px;}
a#btn_embellecimientos:hover{ background:url(../imagenes/menutop.jpg) no-repeat -375px -27px;}
a#btn_clinica:hover{ background:url(../imagenes/menutop.jpg) no-repeat -545px -27px;}
a#btn_nosotros:hover{ background:url(../imagenes/menutop.jpg) no-repeat -640px -27px;}

/*--------PAG FEMINIZACION--------*/
#femGaleria{}
#femGaleria img{ background: url(../imagenes/bgimg-femGal.jpg) no-repeat; padding:10px 8px; margin: 0 }

/*--------PAG CLINICCA---------*/
#boxClinica{ height:auto}
#galClinica img{ background:url(../imagenes/clinica-bgimg.jpg) no-repeat; padding:10px 15px 17px 10px; margin: 0 5px 5px 0;}
#galClinica img.f2{ background:url(../imagenes/bgimgf2.jpg) no-repeat; padding:10px 15px 17px 10px; margin: 0 5px 5px 0;}

/*--------PAG NOSOTROS---------*/
#boxStaff{margin-bottom:15px;}
#boxStaff h1{ font: 13px Arial, Helvetica, sans-serif; color: #5A3A46;margin-bottom:5px;}
#boxStaff div{ padding:15px; background:#E3F3FB; margin:15px}

#boxStaff p{ font:normal 11px/16px Verdana, Geneva, sans-serif; color:#333}
#boxStaff h3{font:12px Arial, Helvetica, sans-serif; color:#036; text-decoration:underline; margin-top:10px; font-style:italic; text-indent:15px}
#boxStaff a{font:normal 12px Arial, Helvetica, sans-serif; text-decoration:underline; color:#C03}



/*---------PAG CONOCE EL PERU-------*/
.galConoce{ height:250px; display:block}
.galConoce img{ background:url(../imagenes/conoce-bgimg.jpg) no-repeat; padding:4px 7px 15px 7px;}
.w200{ width:220px; margin-right:10px;}
#atractivos{ display:block} #atractivos p{ display:block; height:200px;}
#atractivos .uno{ margin-right:15px; width:230px; float:left}
#atractivos .dos{ margin-left:235px;}

#infoViajeros{ display:block}
#infoViajeros strong{ color: #099; background: url(../imagenes/infoTurista-bgli.gif) no-repeat left 7px; padding-left:10px; display:block}
#infoViajeros div{ width:220px; padding-bottom:15px; float:left;}

/*--------PAG CONTACTO-------------*/
table#contacto
table#contacto td.col1{width:210px;}
table#contacto td.col2{width:100px;}
table#contacto td{padding:7px 5px; font:11px/22px Verdana, Geneva, sans-serif; vertical-align:top}

table#contacto tr{border-top: solid 1px #cab9bf}
table#contacto #textfield{ width:250px; border:solid 1px #cab9bf; height:20px;}
table#contacto #textarea{ border:solid 1px #cab9bf; width:250px; height:180px; padding:7px;font:11px Verdana, Geneva, sans-serif}
a#btnEnviar{display:block; background: url(../imagenes/btn-enviar.gif) no-repeat; width:50px; height:20px; float:left; margin-left:15px; margin-top:10px;}
a#btnBorrar{display:block; background: url(../imagenes/btn-borrar.gif) no-repeat; width:50px; height:20px;float:left;margin-top:10px;}

/*----Otros-----*/
p.atencion{ display:block; padding:10px; background: #FFC; border: solid 1px #666}
.font01{font:bold 13px; color:#936; text-decoration:underline; margin-top:10px;}
.font02{font:bold 13px; color: #096; text-decoration:underline}
.font03{font: bold 12px; color:#936;}
.font04{font: bold 12px; color: #396;}
/*-- la clinica - doctores*/

#doctor01, #doctor02, #doctor03{ font: 12px/22px Arial, Helvetica, sans-serif}
#videoYT{ margin:0 auto; padding-left:30px}